From bc5834d70992224ef6809229d25efeb23470c024 Mon Sep 17 00:00:00 2001 From: Agando Date: Thu, 22 Oct 2026 01:23:47 +0200 Subject: fix(newos4): dashboard shows the real world model and stops dying after 10 s (v4.6.51) Two defects, both verified live before/after: 1. The World Model panel always said "Not synthesized yet". The page had a renderer for data.worldModel and _collectDashboardData() never set it -- the model was right there in WorldModelModule._model. Now collected and mapped to the renderer's exact keys (model has modules.loaded/skills.count/memory.nodes, the page reads modules/skills/memoryNodes), plus changesSinceLastSnapshot and the recent-error sample, with an honest "not synthesized" fallback. 2. The page discarded any payload older than 10 s and its own 5 s auto-refresh then showed "Cannot connect to newOS4". Stale payloads are now rendered with their age ("Data as of 1:20:14 AM - 3m ago"), labelled amber past 5 min. Also: the Refresh button wrote a localStorage key nobody read -> the terminal now listens for it and re-collects (page says "No terminal tab answered" when no terminal tab is open); storage events repaint instantly; the dead /api/dashboard fetch (404 on all three paths, 5 s stall) is gone; `dashboard --watch` / `--stop` re-collects every 5 s; header says the data is this browser's instance. Verified v4.6.51: panel rows "Synthesized 34s ago / v4.6.51 / 46-22 / 136-3 / 1 nodes 0 edges / OK / none recorded"; 130 s-old payload still renders with "- 3m ago" and no banner (previously "Cannot connect"); storage event moves the footer 13s -> 0s; watch timer advances the payload, --stop clears it; mobile 360/390 px all OK; 0 console errors. --- downloads/dashboard.html | 126 ++++++++++++++++++++-------------------- main.html | 6 +- modules/core/core-bundle.js | 73 +++++++++++++++++++---- modules/core/module-aiassist.js | 31 ++++++++++ modules/core/module-loader.js | 2 +- modules/core/terminal.js | 42 ++++++++++---- 6 files changed, 192 insertions(+), 88 deletions(-) diff --git a/downloads/dashboard.html b/downloads/dashboard.html index d4275f2..799bdbb 100644 --- a/downloads/dashboard.html +++ b/downloads/dashboard.html @@ -252,6 +252,9 @@

⬡ newOS4 Dashboard

+
+ Live view of this browser's newOS4 instance · world model, agents, tokens, latency +
Live system telemetry · v?
@@ -353,7 +356,8 @@
- Last updated: -- · Auto-refresh every 5s + Data as of -- · updates when the terminal re-collects + (dashboard or dashboard --watch)
@@ -395,18 +399,17 @@ } } + // 2026-10-22: a 10 s cutoff threw away perfectly good data and the page's own auto-refresh + // then showed "Cannot connect". Keep whatever exists and let the UI label its age. function fetchDashboardData() { - // Try to get data from localStorage (set by the AI tool or terminal command) try { const raw = localStorage.getItem(DASHBOARD_KEY); - if (raw) { - const data = JSON.parse(raw); - if (data && data.timestamp && (Date.now() - data.timestamp < 10000)) { - return data; // fresh enough - } - } - } catch (e) {} - return null; + if (!raw) return null; + const data = JSON.parse(raw); + if (!data || !data.timestamp) return null; + data._ageMs = Math.max(0, Date.now() - data.timestamp); + return data; + } catch (e) { return null; } } function renderDashboard(data) { @@ -418,6 +421,10 @@ hideError(); updateConnectionStatus(true); + + const ageSec = Math.round((data._ageMs || 0) / 1000); + const ageEl = document.getElementById('last-updated-time'); + if (ageEl) ageEl.textContent = new Date(data.timestamp).toLocaleTimeString() + ' · ' + (ageSec < 90 ? ageSec + 's ago' : Math.round(ageSec / 60) + 'm ago'); lastData = data; // Version @@ -536,26 +543,34 @@ // ── World Model ── const wmDiv = document.getElementById('world-model-metrics'); const wmData = data.worldModel; - if (wmData) { - const synTime = wmData.synthesized ? new Date(wmData.synthesized).toLocaleTimeString() : '?'; + if (wmData && !wmData.missing) { + const ageMs = wmData.synthesized ? (Date.now() - new Date(wmData.synthesized).getTime()) : null; + const ageStr = ageMs === null ? '?' : (ageMs < 90000 ? Math.round(ageMs / 1000) + 's ago' : Math.round(ageMs / 60000) + 'm ago'); + const stale = ageMs !== null && ageMs > 5 * 60 * 1000; let wmHtml = ''; + wmHtml += '
Synthesized' + ageStr + (stale ? ' (stale)' : '') + '
'; wmHtml += '
Version' + (wmData.version || '?') + '
'; - wmHtml += '
Last synthesized' + synTime + '
'; - wmHtml += '
Modules' + (wmData.modules || '?') + '
'; - wmHtml += '
Skills' + (wmData.skills || 0) + '
'; - wmHtml += '
Files' + (wmData.files || 0) + '
'; - wmHtml += '
Agents' + (wmData.agents || 0) + '
'; - wmHtml += '
Memory graph' + (wmData.memoryNodes || 0) + ' nodes, ' + (wmData.memoryEdges || 0) + ' edges
'; + wmHtml += '
Modules / skills' + (wmData.modules ?? '?') + ' / ' + (wmData.skills ?? '?') + '
'; + wmHtml += '
Files / agents' + (wmData.files ?? '?') + ' / ' + (wmData.agents ?? '?') + '
'; + wmHtml += '
Memory graph' + (wmData.memoryNodes ?? 0) + ' nodes · ' + (wmData.memoryEdges ?? 0) + ' edges
'; wmHtml += '
Health' + (wmData.health || '?') + '
'; - if (wmData.activeProjects && wmData.activeProjects.length > 0) { - wmHtml += '
Active projects' + wmData.activeProjects.join(', ') + '
'; + if (wmData.changes && wmData.changes.length) { + wmHtml += '
Since last snapshot' + wmData.changes.join('; ') + '
'; } - if (wmData.recent && wmData.recent.length > 0) { - wmHtml += '
Recent changes' + wmData.recent.join('; ') + '
'; + if (wmData.errors && wmData.errors.length) { + wmHtml += '
Recent errors' + wmData.errors.join(' | ') + '
'; + } else { + wmHtml += '
Recent errors✅ none recorded
'; } + if (wmData.recent && wmData.recent.length) { + wmHtml += '
Current' + wmData.recent.join('; ') + '
'; + } + wmHtml += '
Ask it anythingworld-model-ask <question>
'; wmDiv.innerHTML = wmHtml; + } else if (wmData && wmData.error) { + wmDiv.innerHTML = '
World model read failed: ' + wmData.error + '
'; } else { - wmDiv.innerHTML = '
World model not synthesized — run world-model-refresh in terminal
'; + wmDiv.innerHTML = '
World model not synthesized — run world-model-refresh in the terminal
'; } // ── System Health ── @@ -570,51 +585,36 @@ healthDiv.innerHTML = healthHtml; // Timestamp - document.getElementById('last-updated-time').textContent = new Date().toLocaleTimeString(); + // Footer age is set at the top of renderDashboard from data.timestamp (payload age); + // the old line here wrote the wall clock and silently clobbered it. } function refreshNow() { - // Signal the terminal to update dashboard data - try { - localStorage.setItem(DASHBOARD_KEY + '_request', Date.now().toString()); - } catch (e) {} - // Try reading fresh data + try { localStorage.setItem(DASHBOARD_KEY + '_request', Date.now().toString()); } catch (e) {} + window._dashRefreshAskedAt = Date.now(); const data = fetchDashboardData(); - if (data) { - renderDashboard(data); - } else { - // If no data, try to fetch via the newOS4 API - fetchDashboardFromAPI(); - } + if (data) renderDashboard(data); + setTimeout(function () { + const d = fetchDashboardData(); + const fresh = d && d.timestamp > (window._dashRefreshAskedAt || 0); + if (!fresh) showError('No terminal tab answered — run dashboard (or dashboard --watch) in newOS4, then press ⟳ again'); + else hideError(); + }, 1500); } - async function fetchDashboardFromAPI() { - showLoading(); + // 2026-10-22: the terminal writes this key on every collect; repaint immediately instead of + // waiting for the 5 s poll (and never go stale while the terminal tab is open). + window.addEventListener('storage', function (ev) { + if (ev.key !== DASHBOARD_KEY || !ev.newValue) return; try { - // Try the proxy API endpoint - const resp = await fetch('/api/dashboard', { signal: AbortSignal.timeout(5000) }); - if (resp.ok) { - const data = await resp.json(); - localStorage.setItem(DASHBOARD_KEY, JSON.stringify({...data, timestamp: Date.now()})); - renderDashboard(data); - showContent(); - return; - } - } catch (e) { - // API not available — try localStorage fallback - } - - // Fallback: check localStorage - const data = fetchDashboardData(); - if (data) { - renderDashboard(data); + const d = JSON.parse(ev.newValue); + d._ageMs = 0; + renderDashboard(d); showContent(); - } else { - showError('Cannot connect to newOS4. Open the terminal and run: dashboard'); - updateConnectionStatus(false); - showContent(); - } - } + hideError(); + updateConnectionStatus(true); + } catch (e) {} + }); // Auto-refresh loop function startAutoRefresh() { @@ -625,13 +625,15 @@ }, REFRESH_INTERVAL); } - // Init + // Init: render whatever the terminal left behind, otherwise say how to produce data. const initialData = fetchDashboardData(); if (initialData) { renderDashboard(initialData); showContent(); } else { - fetchDashboardFromAPI(); + showError('No dashboard data yet — run dashboard in the newOS4 terminal'); + updateConnectionStatus(false); + showContent(); } startAutoRefresh(); diff --git a/main.html b/main.html index c89d183..f41b12d 100644 --- a/main.html +++ b/main.html @@ -1349,13 +1349,13 @@ - + - + - +