Claude Code: add 5-second polling to /debug/health endpoint

- Add #debug-stats panel with uptime and memory display
- Implement setInterval polling every 5 seconds to fetch health data
- Handle fetch errors gracefully with error state display

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/agent-dashboard.html

@@ -503,6 +503,27 @@
             </div>
         </div>
 
+        <!-- Resource Exchange Panel -->
+        <!-- Debug Stats Panel -->
+        <div class="resource-panel">
+            <h2>
+                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="vertical-align: middle; margin-right: 8px;">
+                    <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
+                </svg>
+                System Health
+            </h2>
+            <div id="debug-stats" class="resource-grid">
+                <div class="stat-item">
+                    <div class="stat-value" id="uptime">-</div>
+                    <div class="stat-label">Uptime (sec)</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-value" id="memory">-</div>
+                    <div class="stat-label">Memory (MB)</div>
+                </div>
+            </div>
+        </div>
+
         <!-- Resource Exchange Panel -->
         <div class="resource-panel">
             <h2>
@@ -557,7 +578,9 @@
             setInterval(fetchThoughts, POLL_INTERVAL);
             setInterval(updateStats, 1000);
             setInterval(fetchResources, RESOURCE_INTERVAL);
+            setInterval(fetchDebugHealth, 5000); // Poll /debug/health every 5 seconds
             fetchResources(); // Initial fetch
+            fetchDebugHealth(); // Initial health fetch
         });
 
         // Connect to event bus
@@ -826,6 +849,46 @@
             const latest = history[history.length - 1];
             showTransferNotification(latest.to, latest.amount);
         }
+
+        // ========== Debug Health Monitoring ==========
+
+        // Fetch debug health from API
+        async function fetchDebugHealth() {
+            try {
+                const response = await fetch(`${API_BASE}/debug/health`);
+                if (response.ok) {
+                    const data = await response.json();
+                    updateDebugStats(data);
+                } else {
+                    console.error('Failed to fetch debug health:', response.statusText);
+                    setDebugStatsError();
+                }
+            } catch (error) {
+                console.error('Error fetching debug health:', error);
+                setDebugStatsError();
+            }
+        }
+
+        // Update debug stats display
+        function updateDebugStats(data) {
+            const uptimeEl = document.getElementById('uptime');
+            const memoryEl = document.getElementById('memory');
+
+            if (uptimeEl && data.uptime_seconds !== undefined) {
+                uptimeEl.textContent = data.uptime_seconds.toFixed(1);
+            }
+            if (memoryEl && data.memory && data.memory.rss_mb !== undefined) {
+                memoryEl.textContent = data.memory.rss_mb.toFixed(1);
+            }
+        }
+
+        // Set error state for debug stats
+        function setDebugStatsError() {
+            const uptimeEl = document.getElementById('uptime');
+            const memoryEl = document.getElementById('memory');
+            if (uptimeEl) uptimeEl.textContent = 'Error';
+            if (memoryEl) memoryEl.textContent = 'Error';
+        }
     </script>
 </body>
 </html>