@axiomatic-labs/claudeflow 2.13.63 → 2.13.64

package/lib/panel.js

@@ -1452,8 +1452,15 @@ function renderObserver() {
       }).join('') +
       '</div>';
 
+  // Clear button — only meaningful when the daemon is running AND there's
+  // either at least one unresolved incident or some browser snapshots to wipe.
+  const clearable = daemonAlive && (totals.unresolved > 0 || (o.browser && o.browser.snapshots_received > 0) || o.recent_incidents.length > 0);
+  const clearBtn = clearable
+    ? '<button id="clear-observer" class="logs-clear-btn" style="margin-left:14px;" title="Resolves all active incidents, clears per-server recent_log buffers, and resets browser snapshot counter. The state file keeps incident history (marked resolved). Future events repopulate as usual.">Clear observer state</button>'
+    : '';
+
   return \`<h2>Observer</h2>
-    <p class="sub">Daemon: \${statusBadge}\${restartBtn}</p>
+    <p class="sub">Daemon: \${statusBadge}\${restartBtn}\${clearBtn}</p>
     <p class="sub">Incidents: \${totalsBadge}  \${summaryStatus}</p>
     <h3 style="margin-top:18px;font-size:14px;">Servers (\${o.servers.length})</h3>
     <div class="card" style="padding:0;">\${serversTable}</div>
@@ -1607,8 +1614,33 @@ document.addEventListener('click', (e) => {
   if (t.id === 'fix-cdp-port') {
     return fixCdpPortAction(t);
   }
+  if (t.id === 'clear-observer') {
+    return clearObserverAction(t);
+  }
 });
 
+async function clearObserverAction(btn) {
+  if (!confirm('Resolve all active observer incidents and clear server logs?\\n\\nIncident history is preserved in state.incidents (marked resolved). Future events repopulate normally. This cannot be undone.')) return;
+  const originalLabel = btn.textContent;
+  btn.disabled = true;
+  btn.textContent = 'Clearing…';
+  try {
+    const r = await fetch('/api/observer/clear', { method: 'POST' });
+    const result = await r.json();
+    if (r.ok && result.ok) {
+      showToast('Observer state cleared at ' + (result.reset_at || 'now'), 'ok');
+    } else {
+      showToast('Clear failed: ' + (result.error || 'unknown'), 'err');
+    }
+  } catch (e) {
+    showToast('Network error: ' + e.message, 'err');
+  } finally {
+    btn.disabled = false;
+    btn.textContent = originalLabel;
+    await refresh();
+  }
+}
+
 async function fixCdpPortAction(btn) {
   const originalLabel = btn.textContent;
   btn.disabled = true;
@@ -1936,6 +1968,42 @@ function handler(cwd) {
         }), 'application/json');
       }
 
+      if (req.method === 'POST' && route === '/api/observer/clear') {
+        // Forwards to the observer daemon's /reset-session endpoint, which
+        // resolves all active browser + server incidents, clears the per-server
+        // recent_log buffers, and resets the browser snapshot counter. The
+        // history is preserved in state.incidents (marked resolved), so this
+        // is a soft clear: future polls won't see the old incidents as active.
+        const observer = readObserverState(cwd);
+        if (!observer.running) {
+          return send(409, JSON.stringify({ ok: false, error: 'observer is not running — start it first, then clear.' }), 'application/json');
+        }
+        const { request: httpRequest } = require('node:http');
+        const result = await new Promise((resolve) => {
+          const req2 = httpRequest({
+            hostname: '127.0.0.1',
+            port: observer.port,
+            path: '/reset-session',
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json', 'Content-Length': 2 },
+          }, (r) => {
+            let body = '';
+            r.on('data', (c) => { body += c; });
+            r.on('end', () => {
+              try { resolve({ status: r.statusCode, body: JSON.parse(body) }); }
+              catch { resolve({ status: r.statusCode, body: { raw: body } }); }
+            });
+          });
+          req2.on('error', (err) => resolve({ status: 0, body: { error: err.message } }));
+          req2.write('{}');
+          req2.end();
+        });
+        if (result.status === 200 && result.body && result.body.ok) {
+          return send(200, JSON.stringify({ ok: true, reset_at: result.body.reset_at }), 'application/json');
+        }
+        return send(502, JSON.stringify({ ok: false, error: 'observer returned ' + result.status, daemon_response: result.body }), 'application/json');
+      }
+
       if (req.method === 'POST' && route === '/api/observer/restart') {
         // Re-run the SessionStart/browser-error-daemon.js hook script
         // synchronously. The script calls ensureObserver() which spawns

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axiomatic-labs/claudeflow",
-  "version": "2.13.63",
+  "version": "2.13.64",
   "description": "Claudeflow — AI-powered development toolkit for Claude Code. Skills, agents, hooks, and quality gates that ship production apps.",
   "bin": {
     "claudeflow": "./bin/cli.js"