@axiomatic-labs/claudeflow 2.13.80 → 2.13.82

package/lib/panel.js

@@ -784,7 +784,7 @@ details[open] summary { padding-bottom: 8px; border-bottom: 1px solid var(--bord
 .btn-warn { background: var(--panel); border: 1px solid rgba(245,194,52,0.5); color: var(--warn, #f5c234); padding: 6px 12px; border-radius: 6px; cursor: pointer; font: inherit; }
 .btn-warn:hover { border-color: var(--warn, #f5c234); background: rgba(245,194,52,0.08); }
 .btn-warn:disabled { opacity: 0.4; cursor: not-allowed; }
-.logs-clear-btn { margin-left: auto; color: var(--err); border-color: rgba(248,81,73,0.4); }
+.logs-clear-btn { margin-left: auto; background: var(--panel); color: var(--err); border: 1px solid rgba(248,81,73,0.4); padding: 6px 12px; border-radius: 6px; cursor: pointer; font: inherit; font-size: 12px; }
 .logs-clear-btn:hover { border-color: var(--err); background: rgba(248,81,73,0.08); }
 .logs-clear-btn:disabled { opacity: 0.4; cursor: not-allowed; color: var(--muted); border-color: var(--border); }
 .logs-clear-btn:disabled:hover { border-color: var(--border); background: var(--panel); }
@@ -1037,6 +1037,16 @@ function severityFor(id) {
       if (s.observer.servers && s.observer.servers.some((sr) => sr.status === 'unhealthy' || sr.status === 'exited')) return 'warn';
       return 'ok';
     }
+    case 'validators': {
+      if (!s.validators || !s.validators.available) return 'info';
+      // Block > error > pass > skip. Block is the actionable state — the
+      // hook actually halted the agent. Surface it the same way Observer
+      // surfaces unresolved incidents (warn = amber dot in the nav).
+      if (s.validators.stats && s.validators.stats.block > 0) return 'warn';
+      if (s.validators.stats && s.validators.stats.error > 0) return 'warn';
+      if (s.validators.stats && s.validators.stats.pass > 0) return 'ok';
+      return 'info';
+    }
     case 'setupContext': return !s.setupContext.exists ? 'err' : (s.setupContext.toolingComplete ? 'ok' : 'warn');
     case 'activeRun': return s.activeRun.active ? 'info' : 'info';
     case 'doctor':   return s.doctor.issueCount > 0 ? 'warn' : 'ok';
@@ -1748,7 +1758,7 @@ function renderValidators() {
   </div>\`;
 
   return \`<h2>Validators
-    <button id="clear-validators" class="btn btn-ghost" style="float:right;font-size:12px;" data-scope="\${escapeHtml(validatorsScopeFilter)}">\${clearLabel}</button>
+    <button id="clear-validators" class="logs-clear-btn" style="float:right;" 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 class="card" style="padding:10px 14px;margin:12px 0;">

package/package.json

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