@axiomatic-labs/claudeflow 2.13.77 → 2.13.78

package/lib/panel.js

@@ -886,6 +886,7 @@ let observerFilter = 'all';
 let observerShowResolved = false;
 let validatorsFilter = 'all';
 let validatorsStatusFilter = 'all';
+let validatorsScopeFilter = 'all';
 let timer = null;
 
 // Preserve which <details> were open across re-renders (auto-refresh would
@@ -1667,6 +1668,7 @@ function renderValidators() {
   }
 
   const validators = [...new Set(v.runs.map((r) => r.validator))].sort();
+  const scopes = [...new Set(v.runs.map((r) => r.scope))].sort();
   const validatorPill = (label, value, count) => {
     const a = (validatorsFilter === value);
     const cls = a ? 'pill pill-active' : 'pill';
@@ -1677,13 +1679,21 @@ function renderValidators() {
     const cls = a ? 'pill pill-active' : 'pill';
     return \`<button class="\${cls}" data-validators-status-filter="\${escapeHtml(value)}">\${escapeHtml(label)}<span class="muted" style="margin-left:6px;font-size:11px;">\${count}</span></button>\`;
   };
+  const scopePill = (label, value, count) => {
+    const a = (validatorsScopeFilter === value);
+    const cls = a ? 'pill pill-active' : 'pill';
+    return \`<button class="\${cls}" data-validators-scope-filter="\${escapeHtml(value)}">\${escapeHtml(label)}<span class="muted" style="margin-left:6px;font-size:11px;">\${count}</span></button>\`;
+  };
 
   const filteredByValidator = validatorsFilter === 'all'
     ? v.runs
     : v.runs.filter((r) => r.validator === validatorsFilter);
-  const filtered = validatorsStatusFilter === 'all'
+  const filteredByScope = validatorsScopeFilter === 'all'
     ? filteredByValidator
-    : filteredByValidator.filter((r) => r.status === validatorsStatusFilter);
+    : filteredByValidator.filter((r) => r.scope === validatorsScopeFilter);
+  const filtered = validatorsStatusFilter === 'all'
+    ? filteredByScope
+    : filteredByScope.filter((r) => r.status === validatorsStatusFilter);
 
   const STATUS_BADGE = {
     pass:  '<span style="color:#3fb950;font-weight:600;">pass</span>',
@@ -1713,18 +1723,33 @@ function renderValidators() {
     validatorPill(vname, vname, v.runs.filter((r) => r.validator === vname).length)
   )].join(' ');
 
+  const scopePills = [scopePill('all', 'all', v.runs.length), ...scopes.map((s) =>
+    scopePill(s, s, v.runs.filter((r) => r.scope === s).length)
+  )].join(' ');
+
   const statusPills = ['all', 'pass', 'block', 'skip', 'error'].map((s) =>
     statusPill(s, s, s === 'all' ? v.runs.length : v.runs.filter((r) => r.status === s).length)
   ).join(' ');
 
+  // Clear button label changes when a scope filter is active so the user
+  // sees the action they're about to take. "Clear (Admin-Office)" is
+  // unambiguous; "Clear history" wiped everything pre-v2.13.78.
+  const clearLabel = validatorsScopeFilter === 'all'
+    ? 'Clear all history'
+    : \`Clear "\${escapeHtml(validatorsScopeFilter)}" history\`;
+
   return \`<h2>Validators
-    <button id="clear-validators" class="btn btn-ghost" style="float:right;font-size:12px;">Clear history</button>
+    <button id="clear-validators" class="btn btn-ghost" style="float:right;font-size:12px;" data-scope="\${escapeHtml(validatorsScopeFilter)}">\${clearLabel}</button>
   </h2>
   <p class="muted" style="margin-top:0;">Last updated \${formatRelativeTime(v.updated_at)} · \${v.stats.total} total run(s): \${v.stats.pass} pass, \${v.stats.block} block, \${v.stats.skip} skip, \${v.stats.error} error.</p>
   <div style="margin:12px 0;">
     <div style="margin-bottom:6px;"><span class="muted" style="font-size:11px;text-transform:uppercase;">Validator</span></div>
     \${validatorPills}
   </div>
+  <div style="margin:12px 0;">
+    <div style="margin-bottom:6px;"><span class="muted" style="font-size:11px;text-transform:uppercase;">Scope</span></div>
+    \${scopePills}
+  </div>
   <div style="margin:12px 0;">
     <div style="margin-bottom:6px;"><span class="muted" style="font-size:11px;text-transform:uppercase;">Status</span></div>
     \${statusPills}
@@ -1901,21 +1926,38 @@ document.addEventListener('click', (e) => {
     renderContent();
     return;
   }
+  if (t.dataset && t.dataset.validatorsScopeFilter) {
+    validatorsScopeFilter = t.dataset.validatorsScopeFilter;
+    renderContent();
+    return;
+  }
   if (t.id === 'clear-validators') {
     return clearValidatorsAction(t);
   }
 });
 
 async function clearValidatorsAction(btn) {
-  if (!confirm('Clear validator run history? This wipes the log shown in this tab. Validators continue running.')) return;
+  const scope = (btn.dataset && btn.dataset.scope) || 'all';
+  const isScoped = scope !== 'all';
+  const message = isScoped
+    ? \`Clear validator history for scope "\${scope}"? Runs from other scopes are preserved. Validators continue running.\`
+    : 'Clear ALL validator run history? This wipes the entire log. Validators continue running.';
+  if (!confirm(message)) return;
   const originalLabel = btn.textContent;
   btn.disabled = true;
   btn.textContent = 'Clearing…';
   try {
-    const r = await fetch('/api/validators/clear', { method: 'POST' });
+    const url = isScoped
+      ? '/api/validators/clear?scope=' + encodeURIComponent(scope)
+      : '/api/validators/clear';
+    const r = await fetch(url, { method: 'POST' });
     const result = await r.json();
-    if (r.ok && result.ok) showToast('Validator history cleared', 'ok');
-    else showToast('Clear failed: ' + (result.error || 'unknown'), 'err');
+    if (r.ok && result.ok) {
+      const removed = typeof result.removed === 'number' ? \` (removed \${result.removed})\` : '';
+      showToast(isScoped ? \`Cleared "\${scope}"\${removed}\` : \`Cleared all history\${removed}\`, 'ok');
+    } else {
+      showToast('Clear failed: ' + (result.error || 'unknown'), 'err');
+    }
   } catch (e) {
     showToast('Network error: ' + e.message, 'err');
   } finally {
@@ -2355,8 +2397,11 @@ function handler(cwd) {
       if (req.method === 'POST' && route === '/api/validators/clear') {
         try {
           const validatorState = require(path.join(cwd, '.claudeflow', 'runtime', 'validator-state.js'));
-          validatorState.clearState(cwd);
-          return send(200, JSON.stringify({ ok: true }), 'application/json');
+          const scope = url.searchParams.get('scope');
+          const removed = scope && scope !== 'all'
+            ? validatorState.clearScope(cwd, scope)
+            : (() => { const s = validatorState.readState(cwd); const n = s ? s.runs.length : 0; validatorState.clearState(cwd); return n; })();
+          return send(200, JSON.stringify({ ok: true, removed, scope: scope || 'all' }), 'application/json');
         } catch (err) {
           return send(500, JSON.stringify({ ok: false, error: err.message }), 'application/json');
         }

package/package.json

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