Merge pull request 'fix: [UX] Build Nexus Health HUD component' (#1331) from mimo/build/issue-802 into main

app.js

@@ -1229,19 +1229,21 @@ function updateDevQueue(issues) {
 async function updateSovereignHealth() {
   const container = document.getElementById('sovereign-health-content');
   if (!container) return;
-  
+
   let metrics = { sovereignty_score: 100, local_sessions: 0, total_sessions: 0 };
+  let daemonReachable = false;
   try {
     const res = await fetch('http://localhost:8082/metrics');
     if (res.ok) {
       metrics = await res.json();
+      daemonReachable = true;
     }
   } catch (e) {
-    // Fallback to static if local daemon not running
     console.log('Local health daemon not reachable, using static baseline.');
   }
 
   const services = [
+    { name: 'LOCAL DAEMON', status: daemonReachable ? 'ONLINE' : 'OFFLINE' },
     { name: 'FORGE / GITEA', url: 'https://forge.alexanderwhitestone.com', status: 'ONLINE' },
     { name: 'NEXUS CORE', url: 'https://forge.alexanderwhitestone.com/Timmy_Foundation/the-nexus', status: 'ONLINE' },
     { name: 'HERMES WS', url: 'ws://143.198.27.163:8765', status: wsConnected ? 'ONLINE' : 'OFFLINE' },
@@ -1249,7 +1251,7 @@ async function updateSovereignHealth() {
   ];
 
   container.innerHTML = '';
-  
+
   // Add Sovereignty Bar
   const barDiv = document.createElement('div');
   barDiv.className = 'meta-stat';
@@ -1266,13 +1268,28 @@ async function updateSovereignHealth() {
   `;
   container.appendChild(barDiv);
 
+  // Session metrics (if daemon provides them)
+  if (daemonReachable && (metrics.local_sessions || metrics.total_sessions)) {
+    const sessDiv = document.createElement('div');
+    sessDiv.className = 'meta-stat';
+    sessDiv.innerHTML = `<span>SESSIONS</span><span>${metrics.local_sessions || 0} local / ${metrics.total_sessions || 0} total</span>`;
+    container.appendChild(sessDiv);
+  }
+
   services.forEach(s => {
     const div = document.createElement('div');
     div.className = 'meta-stat';
     div.innerHTML = `<span>${s.name}</span> <span class="${s.status === 'OFFLINE' ? 'status-offline' : 'status-online'}">${s.status}</span>`;
     container.appendChild(div);
   });
-});
+
+  // Last updated timestamp
+  const tsDiv = document.createElement('div');
+  tsDiv.className = 'meta-stat';
+  tsDiv.style.opacity = '0.5';
+  tsDiv.style.fontSize = '0.7em';
+  tsDiv.textContent = `UPDATED ${new Date().toLocaleTimeString()}`;
+  container.appendChild(tsDiv);
 }
 
 function updateNexusCommand(state) {