@axiomatic-labs/claudeflow 2.13.29 → 2.13.30

package/lib/panel.js

@@ -353,6 +353,12 @@ function listLogEvents(cwd, { limit = 200, before = null, type = 'all' } = {}) {
       if (type === 'reminder' && !r.type.startsWith('reminder')) continue;
     }
     // Strip large `content` from list view; clients fetch it via /api/logs/:id
+    // Old sidecars (pre-token-estimate) lack `contentTokens`. Backfill on
+    // the fly using the same chars/4 heuristic — keeps the UI consistent
+    // for events captured before the upgrade.
+    const tokens = typeof r.contentTokens === 'number'
+      ? r.contentTokens
+      : (r.contentBytes ? Math.round(r.contentBytes / 4) : 0);
     entries.push({
       id: r.id,
       timestamp: r.timestamp,
@@ -362,6 +368,7 @@ function listLogEvents(cwd, { limit = 200, before = null, type = 'all' } = {}) {
       handler: r.handler,
       summary: r.summary,
       contentBytes: r.contentBytes || 0,
+      contentTokens: tokens,
       activeReminderIds: r.activeReminderIds || null,
     });
   }
@@ -901,8 +908,9 @@ async function viewLogDetail(id) {
       html += '<h4 style="margin-top:14px">Active reminders at fire time</h4>';
       html += '<p class="sub">' + ev.activeReminderIds.map(escapeHtml).join(', ') + '</p>';
     }
-    if (typeof ev.contentBytes === 'number') {
-      html += '<h4 style="margin-top:14px">Injected content (' + fmtBytes(ev.contentBytes) + ')</h4>';
+    if (typeof ev.contentBytes === 'number' && ev.contentBytes > 0) {
+      const tokens = typeof ev.contentTokens === 'number' ? ev.contentTokens : Math.round(ev.contentBytes / 4);
+      html += '<h4 style="margin-top:14px">Injected content — ≈' + tokens.toLocaleString() + ' tokens <span class="muted" style="font-size:11px">(approx · ' + fmtBytes(ev.contentBytes) + ' raw)</span></h4>';
     }
     if (typeof ev.content === 'string' && ev.content.length > 0) {
       html += '<pre>' + escapeHtml(ev.content) + '</pre>';
@@ -947,12 +955,18 @@ function renderLogs() {
     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 sizeStr = e.contentBytes ? fmtBytes(e.contentBytes) : '—';
+    const tokensStr = e.contentTokens
+      ? \`≈\${e.contentTokens.toLocaleString()}\`
+      : '—';
+    const bytesStr = e.contentBytes ? fmtBytes(e.contentBytes) : '';
+    const tokensTitle = e.contentBytes
+      ? \`≈\${e.contentTokens} tokens (approx, chars/4 heuristic) · \${fmtBytes(e.contentBytes)} raw\`
+      : 'No content (enforcement-silenced)';
     return \`<tr>
       <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 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">\${sizeStr}</td>
+      <td class="logs-size" title="\${escapeHtml(tokensTitle)}">\${tokensStr}\${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>
     </tr>\`;
   }).join('');
@@ -972,7 +986,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>Size</th><th></th></tr></thead>
+      <thead><tr><th>Time</th><th>Type</th><th>Handler</th><th title="Approximate token count (chars/4 heuristic — within ±10–15% of Claude's actual tokenizer for markdown/code mix)">≈ 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.29",
+  "version": "2.13.30",
   "description": "Claudeflow — AI-powered development toolkit for Claude Code. Skills, agents, hooks, and quality gates that ship production apps.",
   "bin": {
     "claudeflow": "./bin/cli.js"