@axiomatic-labs/claudeflow 2.13.57 → 2.13.58

package/lib/panel.js

@@ -22,6 +22,7 @@ const {
   checkObserverState,
   readObserverState: readObserverStateFromDoctor,
   readPlaywrightCdpEndpoint,
+  applyCdpPortFix,
 } = require('./doctor.js');
 const {
   readOverrides,
@@ -205,6 +206,10 @@ function getMcpInfo(cwd) {
       configured: reading.state === 'ok' ? reading.port : null,
       computed: deriveCdpPort(cwd),
       match: cdp.severity === 'ok',
+      // `fixable` is true only for the "wrong port" mismatch case — the
+      // applyCdpPortFix routine can rewrite the args entry. Other cases
+      // (invalid JSON, unparseable value) can't be auto-fixed by the panel.
+      fixable: cdp.severity === 'mismatch',
       state: reading.state,
       message: cdp.message,
     },
@@ -1302,6 +1307,7 @@ function renderMcp() {
       \${row('Playwright --cdp-endpoint port', String(m.playwright.configured || 'n/a'))}
       \${row('Computed port (from path)', String(m.playwright.computed))}
       \${row('Match', m.playwright.match ? 'YES' : 'NO', { kind: m.playwright.match ? 'ok' : 'err', text: m.playwright.match ? '✓' : '✗' })}
+      \${m.playwright.fixable ? '<div style="padding:10px 14px;border-top:1px solid var(--border);"><button id="fix-cdp-port" class="btn-warn">Fix CDP port</button> <span class="muted" style="margin-left:10px;font-size:12px;">Rewrites .mcp.json --cdp-endpoint to localhost:'+m.playwright.computed+' (the port this machine derives from the cwd).</span></div>' : ''}
       \${row('Observer', m.observer.running ? 'running (pid '+m.observer.pid+')' : 'STOPPED — browser errors NOT being collected', { kind: m.observer.running ? 'ok' : (m.playwright.match ? 'warn' : 'info'), text: m.observer.running ? '✓' : (m.playwright.match ? '⚠' : '·') })}
       \${!m.observer.running && m.playwright.match ? '<div style="padding:10px 14px;border-top:1px solid var(--border);"><button id="restart-observer" class="btn-warn">Restart observer</button> <span class="muted" style="margin-left:10px;font-size:12px;">Re-runs SessionStart/browser-error-daemon.js — spawns Chrome with --cdp-endpoint and registers the daemon pidfile.</span></div>' : ''}
     </div>
@@ -1416,8 +1422,32 @@ document.addEventListener('click', (e) => {
   if (t.id === 'restart-observer') {
     return restartObserverAction(t);
   }
+  if (t.id === 'fix-cdp-port') {
+    return fixCdpPortAction(t);
+  }
 });
 
+async function fixCdpPortAction(btn) {
+  const originalLabel = btn.textContent;
+  btn.disabled = true;
+  btn.textContent = 'Fixing…';
+  try {
+    const r = await fetch('/api/cdp-port/fix', { method: 'POST' });
+    const result = await r.json();
+    if (r.ok && result.ok) {
+      showToast('CDP port fixed — .mcp.json rewritten. ' + (result.after && result.after.message || ''), 'ok');
+    } else {
+      showToast('Fix failed: ' + (result.error || 'unknown'), 'err');
+    }
+  } catch (e) {
+    showToast('Network error: ' + e.message, 'err');
+  } finally {
+    btn.disabled = false;
+    btn.textContent = originalLabel;
+    await refresh();
+  }
+}
+
 async function restartObserverAction(btn) {
   const originalLabel = btn.textContent;
   btn.disabled = true;
@@ -1689,6 +1719,32 @@ function handler(cwd) {
         return send(status, JSON.stringify(result), 'application/json');
       }
 
+      if (req.method === 'POST' && route === '/api/cdp-port/fix') {
+        // Re-run checkCdpPortMismatch to get fresh state (the file may have
+        // changed since the panel last fetched). Only apply the fix if the
+        // check still reports severity='mismatch' (i.e. the wrong-port case
+        // — other failure modes like invalid JSON cannot be auto-fixed).
+        const check = checkCdpPortMismatch(cwd);
+        if (check.severity !== 'mismatch') {
+          return send(409, JSON.stringify({
+            ok: false,
+            error: `cdp-port check is "${check.severity}" — only "mismatch" is auto-fixable. Current message: ${check.message}`,
+            check_severity: check.severity,
+          }), 'application/json');
+        }
+        try {
+          applyCdpPortFix(check);
+        } catch (e) {
+          return send(500, JSON.stringify({ ok: false, error: `applyCdpPortFix failed: ${e.message}` }), 'application/json');
+        }
+        const after = checkCdpPortMismatch(cwd);
+        return send(200, JSON.stringify({
+          ok: after.severity === 'ok',
+          before: { severity: check.severity, message: check.message },
+          after: { severity: after.severity, message: after.message },
+        }), '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.57",
+  "version": "2.13.58",
   "description": "Claudeflow — AI-powered development toolkit for Claude Code. Skills, agents, hooks, and quality gates that ship production apps.",
   "bin": {
     "claudeflow": "./bin/cli.js"