IMBENJI.NET/Duriin-API
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor admin navigation; update links to ingest pages and improve loading of data in parallel

Browse Source
This commit is contained in:
ImBenji
2026-04-24 00:08:52 +01:00
parent 16cd61fdf5
commit fc7ea464b3
17 changed files with 292 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/admin/assets/css/intel.css
+52
View File
@@ -546,6 +546,58 @@
.signal-regen-btn:hover { color: var(--foreground); background: var(--bg-subtle); }
.signal-ref-event {
border-left: 2px solid var(--border);
padding: 2px 0 6px 8px;
margin-bottom: 8px;
}
.signal-ref-event-title {
font-size: 12px;
color: var(--foreground);
font-weight: 500;
display: flex;
justify-content: space-between;
gap: 8px;
align-items: baseline;
}
.signal-ref-articles {
padding-left: 14px;
margin: 4px 0 0;
font-size: 11.5px;
color: var(--muted);
line-height: 1.55;
}
.signal-ref-articles li {
margin-bottom: 2px;
}
.signal-ref-articles a {
color: var(--muted);
text-decoration: none;
border-bottom: 1px dashed var(--border);
}
.signal-ref-articles a:hover { color: var(--foreground); }
.signal-ref-source {
margin-left: 6px;
font-size: 10.5px;
color: var(--muted-dark);
text-transform: uppercase;
letter-spacing: .04em;
}
.signal-ref-date {
font-size: 10.5px;
color: var(--muted-dark);
margin-left: 6px;
font-weight: 400;
}
.signal-empty {
color: var(--muted-dark);
font-size: 13px;
public/admin/assets/js/articles.js
+7 -3
View File
@@ -24,9 +24,12 @@ async function loadSources() {
function getFilters() {
const sel = document.getElementById("f-source");
return {
keyword: document.getElementById("f-keyword").value.trim(),
source: document.getElementById("f-source").value,
// fall back to url when the dropdown hasn't populated yet —
// lets us fire loadArticles in parallel with loadSources on init
source: sel.value || queryGet("source"),
content_status: document.getElementById("f-status").value,
from: document.getElementById("f-from").value,
to: document.getElementById("f-to").value,
@@ -184,6 +187,7 @@ document.addEventListener("DOMContentLoaded", async () => {
}
};
await loadSources(); // wait for dropdown to render the saved source selection
loadArticles();
// both calls can run concurrently — loadArticles falls back to the
// url param for source until the dropdown finishes populating.
await Promise.all([loadSources(), loadArticles()]);
});
public/admin/assets/js/d3.min.js
Vendored
+2
View File
File diff suppressed because one or more lines are too long
public/admin/assets/js/intel-graph.js
+4 -3
View File
@@ -586,7 +586,8 @@ document.addEventListener("DOMContentLoaded", async () => {
applyGraphFilters();
});
const ok = await loadIntelStatsRow();
if (!ok) return;
loadIntelGraph();
// both calls are independent — run them concurrently. the graph
// endpoint returns empty nodes/edges when intelligence db is missing
// so we dont need to gate on the stats check.
Promise.all([loadIntelStatsRow(), loadIntelGraph()]);
});
public/admin/assets/js/intel-knowledge.js
+14 -11
View File
@@ -19,7 +19,9 @@ function syncUrl() {
async function loadKnowledge() {
const companyId = document.getElementById("i-company").value;
// fall back to url params when the company dropdown hasn't populated
// yet — lets init fire all api calls in parallel
const companyId = document.getElementById("i-company").value || queryGet("company_id");
const type = document.getElementById("i-type").value;
const sort = document.getElementById("i-sort").value;
@@ -73,18 +75,19 @@ document.addEventListener("DOMContentLoaded", async () => {
loadKnowledge();
};
const ok = await loadIntelStatsRow();
if (!ok) return;
await loadIntelCompanies();
// restore from url (after dropdown is populated so company_id options exist)
// restore non-async inputs from url up-front (company_id is handled
// inside loadIntelCompanies once the dropdown has options)
queryApplyToInputs({
"i-company": "company_id",
"i-type": "type",
"i-sort": "sort",
"i-type": "type",
"i-sort": "sort",
});
knowledgeOffset = parseInt(queryGet("offset"), 10) || 0;
loadKnowledge();
// fire all three calls concurrently — loadKnowledge reads company_id
// from the url when the select isn't populated yet
await Promise.all([
loadIntelStatsRow(),
loadIntelCompanies(),
loadKnowledge(),
]);
});
public/admin/assets/js/intel-predictions.js
+7 -11
View File
@@ -17,7 +17,7 @@ function syncUrl() {
async function loadPredictions() {
const companyId = document.getElementById("i-company").value;
const companyId = document.getElementById("i-company").value || queryGet("company_id");
const sort = document.getElementById("i-sort").value;
const params = new URLSearchParams({ limit: PAGE, offset: predictionsOffset });
@@ -69,16 +69,12 @@ document.addEventListener("DOMContentLoaded", async () => {
loadPredictions();
};
const ok = await loadIntelStatsRow();
if (!ok) return;
await loadIntelCompanies();
queryApplyToInputs({
"i-company": "company_id",
"i-sort": "sort",
});
queryApplyToInputs({ "i-sort": "sort" });
predictionsOffset = parseInt(queryGet("offset"), 10) || 0;
loadPredictions();
await Promise.all([
loadIntelStatsRow(),
loadIntelCompanies(),
loadPredictions(),
]);
});
public/admin/assets/js/intel-shared.js
+4
View File
@@ -47,6 +47,8 @@ async function loadIntelCompanies() {
if (!sel) return;
const companies = await api("/admin/api/intelligence/companies");
const current = queryGet("company_id"); // preserve selection if url set it
sel.innerHTML = '<option value="">All companies</option>';
companies.forEach(c => {
const opt = document.createElement("option");
@@ -54,6 +56,8 @@ async function loadIntelCompanies() {
opt.textContent = `${c.name} (${c.ticker})`;
sel.appendChild(opt);
});
if (current) sel.value = current;
}
public/admin/assets/js/intel-signals.js
+77 -7
View File
@@ -22,7 +22,7 @@ async function loadSignals() {
grid.innerHTML = data.map(s => {
const firstSentence = (s.summary || "").split(/\.\s+/)[0].replace(/\.$/, "") + ".";
const ts = s.generated_at ? s.generated_at.slice(0, 16).replace("T", " ") : "—";
const eventTs = s.latest_event_date ? s.latest_event_date.slice(0, 10) : null;
let drivers = [];
let risks = [];
@@ -50,7 +50,7 @@ async function loadSignals() {
<span class="signal-tag">${escapeHtml(s.timeframe)}</span>
</div>
<div class="signal-summary">${escapeHtml(firstSentence)}</div>
<div class="signal-ts">Generated ${ts}</div>
<div class="signal-ts">${eventTs ? `Latest event ${eventTs}` : "No dated event"}</div>
</div>
<div class="signal-card-detail">
<div class="signal-detail-section">
@@ -63,6 +63,10 @@ async function loadSignals() {
<div class="signal-detail-label">Data used</div>
<p style="color:var(--muted-dark)">${predIds.length} predictions &nbsp;·&nbsp; window: 90 days</p>
</div>
<div class="signal-detail-section" id="signal-refs-${s.company_id}" data-loaded="0">
<div class="signal-detail-label">References</div>
<p style="color:var(--muted-dark)">Loading…</p>
</div>
<button class="signal-regen-btn" onclick="regenerateSignal(event, ${s.company_id})">Regenerate</button>
</div>
</div>
@@ -73,7 +77,73 @@ async function loadSignals() {
function toggleSignalCard(companyId) {
const card = document.getElementById(`signal-card-${companyId}`);
if (card) card.classList.toggle("expanded");
if (!card) return;
card.classList.toggle("expanded");
if (card.classList.contains("expanded")) {
loadSignalReferences(companyId);
}
}
async function loadSignalReferences(companyId) {
const container = document.getElementById(`signal-refs-${companyId}`);
if (!container || container.dataset.loaded === "1") return;
container.dataset.loaded = "1";
let data;
try {
data = await api(`/admin/api/intelligence/signals/${companyId}/references`);
} catch (_) {
container.innerHTML = `
<div class="signal-detail-label">References</div>
<p style="color:var(--muted-dark)">Failed to load references</p>
`;
container.dataset.loaded = "0";
return;
}
const events = data?.events || [];
if (!events.length) {
container.innerHTML = `
<div class="signal-detail-label">References</div>
<p style="color:var(--muted-dark)">No linked events</p>
`;
return;
}
const blocks = events.map(ev => {
const dateStr = (ev.event_date || ev.created_at || "").slice(0, 10);
const articles = (ev.articles || []).map(a => {
const src = a.source ? `<span class="signal-ref-source">${escapeHtml(a.source)}</span>` : "";
const pd = a.pub_date ? `<span class="signal-ref-date">${escapeHtml(a.pub_date.slice(0, 10))}</span>` : "";
return `
<li>
<a href="${escapeHtml(a.url)}" target="_blank" rel="noopener">${escapeHtml(a.title || a.url)}</a>
${src}${pd}
</li>
`;
}).join("");
return `
<div class="signal-ref-event">
<div class="signal-ref-event-title">
${escapeHtml(ev.title || `Event #${ev.id}`)}
${dateStr ? `<span class="signal-ref-date">${dateStr}</span>` : ""}
</div>
${articles ? `<ul class="signal-ref-articles">${articles}</ul>` : `<p style="color:var(--muted-dark);margin:4px 0 0">No articles linked</p>`}
</div>
`;
}).join("");
container.innerHTML = `
<div class="signal-detail-label">References</div>
${blocks}
`;
}
@@ -96,8 +166,8 @@ async function regenerateSignal(ev, companyId) {
}
document.addEventListener("DOMContentLoaded", async () => {
const ok = await loadIntelStatsRow();
if (!ok) return;
loadSignals();
document.addEventListener("DOMContentLoaded", () => {
// fire both in parallel — signals api returns [] when intelligence
// db is unavailable, so no need to gate on the stats call
Promise.all([loadIntelStatsRow(), loadSignals()]);
});
public/admin/pages/articles.html → public/admin/pages/ingest/articles.html
+7 -3
View File
@@ -13,14 +13,18 @@
<header class="app-header">
<h1>Duriin <span>Admin</span></h1>
<nav class="tabs">
<a href="/admin/articles" class="active">Articles</a>
<a href="/admin/events">Events</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/ingest" class="active">Ingest</a>
<a href="/admin/intelligence">Intelligence</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/sql">SQL</a>
</nav>
</header>
<nav class="subnav">
<a href="/admin/ingest/articles" class="active">Articles</a>
<a href="/admin/ingest/events">Events</a>
</nav>
<div class="stats-bar" id="statsBar">
<div class="stat"><span class="label">Total articles</span><span class="value" id="s-total">—</span></div>
<div class="stat"><span class="label">With content</span><span class="value" id="s-content">—</span></div>
public/admin/pages/events.html → public/admin/pages/ingest/events.html
+7 -3
View File
@@ -13,14 +13,18 @@
<header class="app-header">
<h1>Duriin <span>Admin</span></h1>
<nav class="tabs">
<a href="/admin/articles">Articles</a>
<a href="/admin/events" class="active">Events</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/ingest" class="active">Ingest</a>
<a href="/admin/intelligence">Intelligence</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/sql">SQL</a>
</nav>
</header>
<nav class="subnav">
<a href="/admin/ingest/articles">Articles</a>
<a href="/admin/ingest/events" class="active">Events</a>
</nav>
<div class="stats-bar" id="statsBar">
<div class="stat"><span class="label">Total articles</span><span class="value" id="s-total">—</span></div>
<div class="stat"><span class="label">With content</span><span class="value" id="s-content">—</span></div>
public/admin/pages/intelligence/graph.html
+3 -4
View File
@@ -14,10 +14,9 @@
<header class="app-header">
<h1>Duriin <span>Admin</span></h1>
<nav class="tabs">
<a href="/admin/articles">Articles</a>
<a href="/admin/events">Events</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/ingest">Ingest</a>
<a href="/admin/intelligence" class="active">Intelligence</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/sql">SQL</a>
</nav>
</header>
@@ -73,7 +72,7 @@
<div id="toast"><span class="toast-dot"></span><span id="toast-msg"></span></div>
<script src="https://cdn.jsdelivr.net/npm/d3@7/dist/d3.min.js"></script>
<script src="/admin/assets/js/d3.min.js"></script>
<script src="/admin/assets/js/app.js"></script>
<script src="/admin/assets/js/intel-shared.js"></script>
<script src="/admin/assets/js/intel-graph.js"></script>
public/admin/pages/intelligence/knowledge.html
+2 -3
View File
@@ -14,10 +14,9 @@
<header class="app-header">
<h1>Duriin <span>Admin</span></h1>
<nav class="tabs">
<a href="/admin/articles">Articles</a>
<a href="/admin/events">Events</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/ingest">Ingest</a>
<a href="/admin/intelligence" class="active">Intelligence</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/sql">SQL</a>
</nav>
</header>
public/admin/pages/intelligence/predictions.html
+2 -3
View File
@@ -14,10 +14,9 @@
<header class="app-header">
<h1>Duriin <span>Admin</span></h1>
<nav class="tabs">
<a href="/admin/articles">Articles</a>
<a href="/admin/events">Events</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/ingest">Ingest</a>
<a href="/admin/intelligence" class="active">Intelligence</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/sql">SQL</a>
</nav>
</header>
public/admin/pages/intelligence/signals.html
+2 -3
View File
@@ -14,10 +14,9 @@
<header class="app-header">
<h1>Duriin <span>Admin</span></h1>
<nav class="tabs">
<a href="/admin/articles">Articles</a>
<a href="/admin/events">Events</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/ingest">Ingest</a>
<a href="/admin/intelligence" class="active">Intelligence</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/sql">SQL</a>
</nav>
</header>
public/admin/pages/sql.html
+2 -3
View File
@@ -13,10 +13,9 @@
<header class="app-header">
<h1>Duriin <span>Admin</span></h1>
<nav class="tabs">
<a href="/admin/articles">Articles</a>
<a href="/admin/events">Events</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/ingest">Ingest</a>
<a href="/admin/intelligence">Intelligence</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/sql" class="active">SQL</a>
</nav>
</header>
public/admin/pages/stats.html
+2 -3
View File
@@ -14,10 +14,9 @@
<header class="app-header">
<h1>Duriin <span>Admin</span></h1>
<nav class="tabs">
<a href="/admin/articles">Articles</a>
<a href="/admin/events">Events</a>
<a href="/admin/stats" class="active">Stats</a>
<a href="/admin/ingest">Ingest</a>
<a href="/admin/intelligence">Intelligence</a>
<a href="/admin/stats" class="active">Stats</a>
<a href="/admin/sql">SQL</a>
</nav>
</header>