@axiomatic-labs/claudeflow 2.13.32 → 2.13.33

package/lib/panel.js

@@ -606,6 +606,11 @@ details[open] summary { padding-bottom: 8px; border-bottom: 1px solid var(--bord
 .logs-table tr.token-normal   td:first-child { border-left: 3px solid var(--border); }
 .logs-table tr.token-heavy    td:first-child { border-left: 3px solid var(--warn); }
 .logs-table tr.token-high     td:first-child { border-left: 3px solid var(--err); }
+.logs-table tr.silenced       { opacity: 0.78; }
+.logs-table tr.silenced .logs-handler { text-decoration: line-through; text-decoration-color: rgba(248,81,73,0.5); }
+.logs-status { font-family: var(--mono); font-size: 12px; white-space: nowrap; }
+.logs-status.injected { color: #58a6ff; }
+.logs-status.silenced { color: var(--err); font-weight: 600; }
 .token-badge { display: inline-block; padding: 1px 7px; border-radius: 999px; font-size: 10px; font-family: var(--mono); margin-left: 6px; vertical-align: middle; }
 .token-badge.heavy { background: rgba(210,153,34,0.18); color: var(--warn); }
 .token-badge.high  { background: rgba(248,81,73,0.20); color: var(--err); }
@@ -1059,9 +1064,13 @@ function renderLogs() {
   const thresholds = (state.logs && state.logs.thresholds) || { heavy: 8000, high: 20000 };
   const rows = logsState.entries.map((e) => {
     const isReminder = e.type.startsWith('reminder');
+    const isSilenced = e.type === 'enforcement-silenced';
     const badge = isReminder
       ? '<span class="badge info" style="background:rgba(88,166,255,0.18); color:#58a6ff">REMINDER</span>'
       : '<span class="badge err">ENFORCEMENT</span>';
+    const statusCell = isSilenced
+      ? '<span class="logs-status silenced" title="Master Enforcement OFF silenced this hook — it did NOT run. Claude Code received no output for this event.">✗ SILENCED</span>'
+      : '<span class="logs-status injected" title="Hook ran and emitted additionalContext to Claude Code">✓ injected</span>';
     const tokenStatus = e.tokenStatus || 'none';
     const tokenBadge = tokenStatus === 'high'
       ? '<span class="token-badge high" title="High — exceeds the high-water threshold (' + thresholds.high.toLocaleString() + ' tokens). Consider trimming.">⚠ HIGH</span>'
@@ -1074,10 +1083,12 @@ function renderLogs() {
     const bytesStr = e.contentBytes ? fmtBytes(e.contentBytes) : '';
     const tokensTitle = e.contentBytes
       ? \`≈\${e.contentTokens} tokens (chars/4 heuristic) · \${fmtBytes(e.contentBytes)} raw · status: \${tokenStatus}\`
-      : 'No content (enforcement-silenced)';
-    return \`<tr class="token-\${tokenStatus}">
+      : 'No content (hook was silenced — never ran)';
+    const rowCls = \`token-\${tokenStatus}\${isSilenced ? ' silenced' : ''}\`;
+    return \`<tr class="\${rowCls}">
       <td class="logs-time"><span title="\${escapeHtml(e.timestamp)}">\${escapeHtml(fmtLocalTime(e.timestamp))}</span><br><span class="muted" style="font-size:11px">\${fmtRelativeTime(e.timestamp)}</span></td>
       <td>\${badge}</td>
+      <td>\${statusCell}</td>
       <td class="logs-handler"><span class="muted">\${escapeHtml(e.event)}</span><br>\${escapeHtml(e.handler)}\${e.matcher ? \` <span class="muted">(\${escapeHtml(e.matcher)})</span>\` : ''}</td>
       <td class="logs-size" title="\${escapeHtml(tokensTitle)}">\${tokensStr}\${tokenBadge}\${bytesStr ? \`<br><span class="muted" style="font-size:11px">\${bytesStr}</span>\` : ''}</td>
       <td><button class="logs-view" data-log-id="\${escapeHtml(e.id)}">View</button></td>
@@ -1104,7 +1115,7 @@ function renderLogs() {
       <button id="logs-reload">Reload</button>
     </div>
     \${empty || \`<table class="logs-table">
-      <thead><tr><th>Time</th><th>Type</th><th>Handler</th><th title="Approximate token count (chars/4 heuristic, ±10–15% vs Claude's real tokenizer). Heavy ≥\${thresholds.heavy.toLocaleString()} → yellow border. High ≥\${thresholds.high.toLocaleString()} → red border. Anthropic does not publish official thresholds for per-turn additionalContext.">≈ Tokens</th><th></th></tr></thead>
+      <thead><tr><th>Time</th><th>Type</th><th title="Did the hook actually run? ✓ injected = hook ran and emitted to Claude Code · ✗ SILENCED = master Enforcement OFF blocked the hook from running.">Status</th><th>Handler</th><th title="Approximate token count (chars/4 heuristic, ±10–15% vs Claude's real tokenizer). Heavy ≥\${thresholds.heavy.toLocaleString()} → yellow border. High ≥\${thresholds.high.toLocaleString()} → red border. Anthropic does not publish official thresholds for per-turn additionalContext.">≈ Tokens</th><th></th></tr></thead>
       <tbody>\${rows}</tbody>
     </table>\`}
     \${logsState.allLoaded || logsState.entries.length === 0 ? '' : '<div style="margin-top:12px"><button id="logs-load-more">Load older</button></div>'}\`;

package/package.json

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