@axiomatic-labs/claudeflow 2.13.33 → 2.13.34

package/lib/panel.js

@@ -422,6 +422,29 @@ function readLogEvent(cwd, id) {
   }
 }
 
+// Destructive: removes every sidecar in .claude/tmp/log-events/ and truncates
+// .claude/tmp/hooks.log. Returns counts so the UI can confirm the wipe.
+function clearLogs(cwd) {
+  const dir = logEventsDir(cwd);
+  let removed = 0;
+  try {
+    const files = fs.readdirSync(dir).filter((f) => f.endsWith('.json'));
+    for (const f of files) {
+      try { fs.unlinkSync(path.join(dir, f)); removed++; } catch {}
+    }
+  } catch {}
+  // Truncate the human-readable log too so the user sees a fresh tail -f.
+  let logTruncated = false;
+  const logPath = path.join(cwd, '.claude', 'tmp', 'hooks.log');
+  try {
+    if (fs.existsSync(logPath)) {
+      fs.writeFileSync(logPath, '');
+      logTruncated = true;
+    }
+  } catch {}
+  return { removed, logTruncated };
+}
+
 function getLogsInfo(cwd) {
   const dir = logEventsDir(cwd);
   const thresholds = tokenThresholds();
@@ -593,6 +616,10 @@ details[open] summary { padding-bottom: 8px; border-bottom: 1px solid var(--bord
 .logs-controls { display: flex; gap: 12px; align-items: center; margin-bottom: 14px; }
 .logs-controls select, .logs-controls button { background: var(--panel); border: 1px solid var(--border); color: var(--fg); padding: 6px 10px; border-radius: 6px; font: inherit; }
 .logs-controls button:hover { border-color: var(--accent); cursor: pointer; }
+.logs-clear-btn { margin-left: auto; color: var(--err); border-color: rgba(248,81,73,0.4); }
+.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); }
 .logs-table { width: 100%; border-collapse: collapse; font-size: 13px; }
 .logs-table th, .logs-table td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--border); vertical-align: top; }
 .logs-table th { font-weight: 500; color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
@@ -1113,6 +1140,7 @@ function renderLogs() {
         </select>
       </label>
       <button id="logs-reload">Reload</button>
+      <button id="logs-clear" class="logs-clear-btn" \${state.logs && state.logs.total ? '' : 'disabled'} title="Delete every sidecar in .claude/tmp/log-events/ and truncate .claude/tmp/hooks.log. Cannot be undone.">Clear all</button>
     </div>
     \${empty || \`<table class="logs-table">
       <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>
@@ -1237,8 +1265,31 @@ document.addEventListener('click', (e) => {
   if (t.id === 'logs-load-more') {
     return loadLogsPage({ append: true });
   }
+  if (t.id === 'logs-clear') {
+    const total = (state.logs && state.logs.total) || 0;
+    if (!total) return;
+    if (!confirm('Delete ' + total + ' captured log event(s) and truncate .claude/tmp/hooks.log?\\n\\nThis cannot be undone. (Future events will be captured normally.)')) return;
+    return clearLogsAction();
+  }
 });
 
+async function clearLogsAction() {
+  try {
+    const r = await fetch('/api/logs', { method: 'DELETE' });
+    const result = await r.json();
+    if (!r.ok) {
+      showToast('Clear failed: ' + (result.error || r.status), 'err');
+      return;
+    }
+    showToast('Cleared ' + result.removed + ' event(s)' + (result.logTruncated ? ' + truncated hooks.log' : ''), 'ok');
+    logsState.entries = [];
+    logsState.allLoaded = false;
+    await refresh();
+  } catch (e) {
+    showToast('Network error: ' + e.message, 'err');
+  }
+}
+
 document.addEventListener('change', (e) => {
   const t = e.target;
   if (!t || !t.classList) return;
@@ -1380,6 +1431,11 @@ function handler(cwd) {
         return send(status, JSON.stringify(result), 'application/json');
       }
 
+      if (req.method === 'DELETE' && route === '/api/logs') {
+        const result = clearLogs(cwd);
+        return send(200, JSON.stringify(result), 'application/json');
+      }
+
       if (req.method === 'POST' && route === '/api/enforcement/toggle') {
         const raw = await readRequestBody(req);
         let payload;

package/package.json

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