feat(dashboard): add diagnostics debug log snapshot for AI analysis

- New endpoint GET /api/diagnostics/snapshot?minutes=N returns plain-text
  system state dump (agent, orchestrator, goals, tasks, workers, economy,
  turns, events, diagnostic flags)
- Debug Log panel in Diagnostics section with 2m/5m/10m buttons + copy
- Moved Diagnostics to separate bottom sidebar segment
- Added nav-separator + debug-log-viewer CSS

Author: ciberfobia-com

apps/dashboard/public/app.js

@@ -567,6 +567,29 @@
                 html += `<div class="empty" style="margin-top:24px;color:var(--green)">✓ All systems nominal. No stalls, zombies, or dispatch failures detected.</div>`;
             }
 
+            // ── Debug Log — system snapshot for AI analysis ──
+            html += `<div class="nav-separator" style="margin:32px 0 16px"></div>`;
+            html += `<div class="section-header"><span class="section-title">📋 Debug Log — System Snapshot</span></div>`;
+            html += `<div class="card-sub" style="margin-bottom:12px">
+                Generate a plain-text snapshot of the entire system state. Copy and paste into an AI tool for error analysis.
+            </div>`;
+            html += `<div class="debug-log-toolbar">
+                <div style="display:flex;gap:6px">
+                    <button class="btn ${window.__debugMinutes === 2 ? 'active' : ''}" onclick="window.__loadDebugLog(2)">Last 2 min</button>
+                    <button class="btn ${window.__debugMinutes === 5 || !window.__debugMinutes ? 'active' : ''}" onclick="window.__loadDebugLog(5)">Last 5 min</button>
+                    <button class="btn ${window.__debugMinutes === 10 ? 'active' : ''}" onclick="window.__loadDebugLog(10)">Last 10 min</button>
+                </div>
+                <button class="btn" onclick="window.__copyDebugLog()" id="copyDebugBtn" style="display:${window.__debugLogText ? 'inline-flex' : 'none'}">📋 Copy to Clipboard</button>
+            </div>`;
+
+            if (window.__debugLogText) {
+                html += `<pre class="debug-log-viewer" id="debugLogContent">${esc(window.__debugLogText)}</pre>`;
+            } else if (window.__debugLoading) {
+                html += `<div class="debug-log-viewer" style="text-align:center;padding:40px;color:var(--text-muted)">Loading snapshot…</div>`;
+            } else {
+                html += `<div class="debug-log-viewer" style="text-align:center;padding:40px;color:var(--text-muted)">Click a time window button above to generate a snapshot</div>`;
+            }
+
             return html;
         },
 
@@ -846,6 +869,50 @@
     window.__dbSetOffset = (o) => { window.__dbOffset = o; navigate(); };
     window.__switchDbTable = (t) => { window.__dbTable = t; window.__dbOffset = 0; navigate(); };
 
+    // ─── Debug Log State ────────────────────────────────
+    window.__debugLogText = "";
+    window.__debugMinutes = 0;
+    window.__debugLoading = false;
+
+    window.__loadDebugLog = async (minutes) => {
+        window.__debugMinutes = minutes;
+        window.__debugLoading = true;
+        window.__debugLogText = "";
+        navigate(); // re-render to show loading state
+        try {
+            const resp = await fetch(`/api/diagnostics/snapshot?minutes=${minutes}`);
+            window.__debugLogText = await resp.text();
+        } catch (err) {
+            window.__debugLogText = `Error loading snapshot: ${err.message}`;
+        }
+        window.__debugLoading = false;
+        navigate(); // re-render with content
+    };
+
+    window.__copyDebugLog = async () => {
+        try {
+            await navigator.clipboard.writeText(window.__debugLogText);
+            const btn = document.getElementById("copyDebugBtn");
+            if (btn) {
+                btn.textContent = "✓ Copied!";
+                setTimeout(() => { btn.textContent = "📋 Copy to Clipboard"; }, 2000);
+            }
+        } catch {
+            // Fallback for older browsers
+            const ta = document.createElement("textarea");
+            ta.value = window.__debugLogText;
+            document.body.appendChild(ta);
+            ta.select();
+            document.execCommand("copy");
+            document.body.removeChild(ta);
+            const btn = document.getElementById("copyDebugBtn");
+            if (btn) {
+                btn.textContent = "✓ Copied!";
+                setTimeout(() => { btn.textContent = "📋 Copy to Clipboard"; }, 2000);
+            }
+        }
+    };
+
     // ─── Router ─────────────────────────────────────────
 
     function getRoute() {

apps/dashboard/public/index.html

@@ -35,9 +35,6 @@ <h1>Automaton</h1>
       <li><a href="#activity" class="nav-link" data-section="activity">
           <span class="nav-icon">📊</span> Activity
         </a></li>
-      <li><a href="#diagnostics" class="nav-link" data-section="diagnostics">
-          <span class="nav-icon">🚨</span> Diagnostics
-        </a></li>
       <li><a href="#db_inspector" class="nav-link" data-section="db_inspector">
           <span class="nav-icon">🗄️</span> DB Inspector
         </a></li>
@@ -51,6 +48,12 @@ <h1>Automaton</h1>
           <span class="nav-icon">⚙️</span> Config
         </a></li>
     </ul>
+    <div class="nav-separator"></div>
+    <ul class="nav-list">
+      <li><a href="#diagnostics" class="nav-link" data-section="diagnostics">
+          <span class="nav-icon">🚨</span> Diagnostics
+        </a></li>
+    </ul>
     <div class="sidebar-footer">
       <div class="connection-badge" id="connBadge">
         <span class="dot"></span> <span id="connText">Checking…</span>

apps/dashboard/public/style.css

@@ -88,7 +88,11 @@ body {
 .nav-list {
     list-style: none;
     padding: 12px 8px;
+}
+
+.sidebar>.nav-list:first-of-type {
     flex: 1;
+    overflow-y: auto;
 }
 
 .nav-link {
@@ -618,4 +622,45 @@ tr:hover td {
 .timeline-ts {
     font-size: 11px;
     color: var(--text-muted);
+}
+
+/* ─── Nav Separator ────────────────────────────────────────── */
+
+.nav-separator {
+    height: 1px;
+    background: var(--border);
+    margin: 4px 16px;
+}
+
+/* ─── Debug Log Viewer ─────────────────────────────────────── */
+
+.debug-log-toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    margin-bottom: 12px;
+    flex-wrap: wrap;
+}
+
+.debug-log-toolbar .btn.active {
+    background: var(--accent-glow);
+    color: var(--accent);
+    border-color: rgba(59, 130, 246, 0.3);
+}
+
+.debug-log-viewer {
+    background: var(--bg-input);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 20px;
+    font-family: var(--mono);
+    font-size: 11px;
+    line-height: 1.6;
+    color: var(--text-secondary);
+    max-height: 600px;
+    overflow-y: auto;
+    white-space: pre-wrap;
+    word-break: break-word;
+    margin-bottom: 24px;
 }