claude-code-kanban 4.3.0 → 4.4.0

package/lib/parsers.js

@@ -227,7 +227,7 @@ const SESSION_INFO_CACHE_MAX = 2000;
 // live branch must resolve it from cwd separately. Cache is reset on inode
 // change or truncation (size < scannedUpTo).
 function readSessionInfoFromJsonl(jsonlPath) {
-  const result = { slug: null, projectPath: null, cwd: null, gitBranch: null, customTitle: null };
+  const result = { slug: null, projectPath: null, cwd: null, gitBranch: null, customTitle: null, logicalParentUuid: null };
   let stat;
   let fd;
   try {
@@ -247,6 +247,7 @@ function readSessionInfoFromJsonl(jsonlPath) {
       projectPath: cached.projectPath,
       cwd: cached.cwd,
       gitBranch: cached.gitBranch,
+      logicalParentUuid: cached.logicalParentUuid || null,
       customTitle: readCustomTitle(jsonlPath, stat)
     };
   }
@@ -256,6 +257,7 @@ function readSessionInfoFromJsonl(jsonlPath) {
     result.projectPath = cached.projectPath;
     result.cwd = cached.cwd;
     result.gitBranch = cached.gitBranch;
+    result.logicalParentUuid = cached.logicalParentUuid || null;
   }
 
   let lastCwdSeen = result.cwd;
@@ -268,6 +270,9 @@ function readSessionInfoFromJsonl(jsonlPath) {
         lastCwdSeen = data.cwd;
       }
       if (data.gitBranch) result.gitBranch = data.gitBranch;
+      if (data.subtype === 'compact_boundary' && data.logicalParentUuid && !result.logicalParentUuid) {
+        result.logicalParentUuid = data.logicalParentUuid;
+      }
     } catch (e) {}
   };
 
@@ -361,7 +366,8 @@ function readSessionInfoFromJsonl(jsonlPath) {
       slug: result.slug,
       projectPath: result.projectPath,
       gitBranch: result.gitBranch,
-      cwd: result.cwd
+      cwd: result.cwd,
+      logicalParentUuid: result.logicalParentUuid
     });
     if (sessionInfoCache.size > SESSION_INFO_CACHE_MAX) {
       const firstKey = sessionInfoCache.keys().next().value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-kanban",
-  "version": "4.3.0",
+  "version": "4.4.0",
   "description": "A web-based Kanban board for viewing Claude Code tasks with agent teams support",
   "main": "server.js",
   "bin": {

package/public/app.js

@@ -494,10 +494,21 @@ function renderActivityChip() {
     .join('');
 }
 
-// biome-ignore lint/correctness/noUnusedVariables: used in HTML
-function setActivityFilter(kind) {
+function toggleActivityKind(kind) {
   if (activityFilter.has(kind)) activityFilter.delete(kind);
   else activityFilter.add(kind);
+}
+
+// biome-ignore lint/correctness/noUnusedVariables: used in HTML
+function setActivityFilter(kind) {
+  if (kind === 'active') {
+    // waiting is a sub-state of active — couple them so one click covers all running sessions
+    toggleActivityKind('active');
+    toggleActivityKind('waiting');
+  } else {
+    toggleActivityKind(kind);
+  }
+  localStorage.setItem('activityFilter', JSON.stringify([...activityFilter]));
   // active/waiting only make sense with the active session filter on
   const targetFilter = activityFilter.size > 0 ? 'active' : sessionFilter;
   if (targetFilter !== sessionFilter) {
@@ -2607,7 +2618,7 @@ function renderSessions() {
                 ${isTeam ? `<span class="team-badge" title="${memberCount} team members"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>${memberCount}</span>` : ''}
                 ${session.sharedTaskList ? `<span class="shared-tasklist-badge" title="Shared task list: ${escapeHtml(session.sharedTaskList)}">${linkSvg(12)}</span>` : ''}
                 ${isTeam || session.project || showCtx ? `<span class="team-info-btn" onclick="event.stopPropagation(); showSessionInfoModal('${session.id}')" title="View session info">ℹ</span>` : ''}
-                ${session.hasPlan ? `<span class="plan-indicator" onclick="event.stopPropagation(); openPlanForSession('${session.id}')" title="View plan"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg></span>` : ''}
+                ${session.hasPlan && !session.planSourceSessionId ? `<span class="plan-indicator" onclick="event.stopPropagation(); openPlanForSession('${session.id}')" title="View plan"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg></span>` : ''}
                 ${renderLoopBadge(session)}
                 ${linkedDocsCount > 0 ? `<span class="linked-docs-badge" onclick="event.stopPropagation(); showSessionInfoModal('${session.id}')" title="${linkedDocsCount} linked document${linkedDocsCount > 1 ? 's' : ''}">${linkSvg(10)}${linkedDocsCount}</span>` : ''}
                 ${bookmarksCount > 0 ? `<span class="bookmarks-badge" onclick="event.stopPropagation(); openSessionWithBookmarks('${session.id}')" title="${bookmarksCount} bookmarked message${bookmarksCount > 1 ? 's' : ''}"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>${bookmarksCount}</span>` : ''}
@@ -4256,13 +4267,14 @@ function matchKey(e, ...keys) {
   return keys.some((k) => e.key === k || e.code === k);
 }
 
-const MODAL_ESC_PRIORITY = ['preview-modal', 'msg-detail-modal', 'plan-modal', 'loop-modal'];
+const MODAL_ESC_PRIORITY = ['preview-modal', 'msg-detail-modal', 'tool-stats-modal', 'plan-modal', 'loop-modal'];
 const MODAL_CLOSERS = {
   'preview-modal': () => closePreviewModal(),
   'msg-detail-modal': () => {
     closeMsgDetailModal();
     msgDetailFollowLatest = false;
   },
+  'tool-stats-modal': () => closeToolStatsModal(),
   'plan-modal': () => closePlanModal(),
   'loop-modal': () => closeLoopModal(),
   'team-modal': () => closeTeamModal(),
@@ -5885,6 +5897,7 @@ function showInfoModal(session, teamConfig, tasks, planContent, parentInfo) {
   const keyHandler = (e) => {
     if (e.key === 'Escape') {
       if (document.getElementById('plan-modal').classList.contains('visible')) return;
+      if (document.getElementById('tool-stats-modal').classList.contains('visible')) return;
       e.preventDefault();
       closeTeamModal();
       document.removeEventListener('keydown', keyHandler);
@@ -6140,6 +6153,105 @@ function openMemoryForInfoModal() {
 
 //#endregion
 
+//#region TOOL_STATS_MODAL
+let _toolStatsSortCol = 'count';
+let _toolStatsSortDir = 'desc';
+let _toolStatsData = null;
+
+// biome-ignore lint/correctness/noUnusedVariables: used in HTML
+function showToolStatsModal(sessionId) {
+  if (!sessionId) return;
+  const body = document.getElementById('tool-stats-modal-body');
+  body.innerHTML = '<div style="padding:16px;color:var(--text-secondary);">Loading…</div>';
+  document.getElementById('tool-stats-modal').classList.add('visible');
+
+  fetch(`/api/sessions/${sessionId}/tool-stats`)
+    .then((r) => (r.ok ? r.json() : null))
+    .catch(() => null)
+    .then((data) => {
+      if (!data) {
+        body.innerHTML = '<div style="padding:16px;color:var(--text-secondary);">Failed to load tool statistics.</div>';
+        return;
+      }
+      _toolStatsSortCol = 'count';
+      _toolStatsSortDir = 'desc';
+      _toolStatsData = data;
+      body.innerHTML = renderToolStatsBody(data);
+    });
+}
+
+function renderToolStatsBody(data) {
+  const { totalCalls, uniqueTools, totalFailed, tools } = data;
+
+  const summary = `
+    <div class="tool-stats-summary">
+      <div class="tool-stats-chip"><span class="tool-stats-chip-val">${totalCalls}</span><span class="tool-stats-chip-lbl">Total calls</span></div>
+      <div class="tool-stats-chip"><span class="tool-stats-chip-val">${uniqueTools}</span><span class="tool-stats-chip-lbl">Unique tools</span></div>
+      <div class="tool-stats-chip"><span class="tool-stats-chip-val${totalFailed > 0 ? ' failed' : ''}">${totalFailed}</span><span class="tool-stats-chip-lbl">Failed</span></div>
+    </div>`;
+
+  if (!tools?.length) {
+    return (
+      summary +
+      '<div style="padding:24px;text-align:center;color:var(--text-tertiary);">No tool calls recorded in this session.</div>'
+    );
+  }
+
+  const sorted = [...tools].sort((a, b) => {
+    if (_toolStatsSortCol === 'name')
+      return _toolStatsSortDir === 'asc' ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name);
+    return _toolStatsSortDir === 'asc'
+      ? a[_toolStatsSortCol] - b[_toolStatsSortCol]
+      : b[_toolStatsSortCol] - a[_toolStatsSortCol];
+  });
+  const arrow = (col) => (col === _toolStatsSortCol ? (_toolStatsSortDir === 'asc' ? ' ▲' : ' ▼') : '');
+
+  const table = `<table class="tool-stats-table">
+    <thead><tr>
+      <th onclick="toolStatsSortBy('name')">Tool${arrow('name')}</th>
+      <th onclick="toolStatsSortBy('count')">Calls${arrow('count')}</th>
+      <th onclick="toolStatsSortBy('success')">✓ Success${arrow('success')}</th>
+      <th onclick="toolStatsSortBy('failed')">✗ Failed${arrow('failed')}</th>
+      <th onclick="toolStatsSortBy('impact')" title="Share of total tool output by character count">Impact${arrow('impact')}</th>
+    </tr></thead>
+    <tbody>${sorted
+      .map(
+        (t) => `<tr>
+      <td class="tool-name">${escapeHtml(t.name)}</td>
+      <td>${t.count}</td>
+      <td>${t.success > 0 ? `<span class="badge-success">${t.success}</span>` : '—'}</td>
+      <td>${t.failed > 0 ? `<span class="badge-failed">${t.failed}</span>` : '—'}</td>
+      <td class="impact-cell">${
+        t.impact != null
+          ? `<div class="impact-cell-inner"><div class="impact-bar-wrap"><div class="impact-bar-fill" style="width:${t.impact}%"></div></div><span class="impact-pct">${t.impact < 1 ? '<1' : t.impact}%</span></div>`
+          : '—'
+      }</td>
+    </tr>`,
+      )
+      .join('')}</tbody>
+  </table>`;
+
+  return summary + table;
+}
+
+// biome-ignore lint/correctness/noUnusedVariables: used in HTML
+function toolStatsSortBy(col) {
+  if (_toolStatsSortCol === col) {
+    _toolStatsSortDir = _toolStatsSortDir === 'asc' ? 'desc' : 'asc';
+  } else {
+    _toolStatsSortCol = col;
+    _toolStatsSortDir = col === 'name' ? 'asc' : 'desc';
+  }
+  if (!_toolStatsData) return;
+  const body = document.getElementById('tool-stats-modal-body');
+  body.innerHTML = renderToolStatsBody(_toolStatsData);
+}
+
+function closeToolStatsModal() {
+  document.getElementById('tool-stats-modal').classList.remove('visible');
+}
+//#endregion
+
 //#region OWNER_FILTER
 function updateOwnerFilter() {
   const bar = document.getElementById('owner-filter-bar');
@@ -6239,6 +6351,11 @@ try {
   // biome-ignore lint/suspicious/useIterableCallbackReturn: forEach side-effect
   cg.forEach((p) => collapsedProjectGroups.add(p));
 } catch (_) {}
+try {
+  const af = JSON.parse(localStorage.getItem('activityFilter') || '[]');
+  // biome-ignore lint/suspicious/useIterableCallbackReturn: forEach side-effect
+  af.forEach((k) => activityFilter.add(k));
+} catch (_) {}
 initSidebarResize();
 loadPanelWidths();
 initPanelResize('detail-panel', 'detail-panel-resize', '--detail-panel-width', 'detail-panel-width');

package/public/index.html

@@ -543,11 +543,30 @@
       <div id="team-modal-body" class="modal-body"></div>
       <div class="modal-footer">
         <button id="session-info-dismiss-btn" class="btn btn-secondary" onclick="toggleDismissSession(_infoModalSessionId); closeTeamModal()">Dismiss</button>
+        <button class="btn btn-secondary" onclick="showToolStatsModal(_infoModalSessionId)" title="Tool invocation statistics">Tool Stats</button>
         <button class="btn btn-primary" onclick="closeTeamModal()">Close</button>
       </div>
     </div>
   </div>
 
+  <!-- Tool Stats Modal (stacked on top of info modal) -->
+  <div id="tool-stats-modal" class="modal-overlay plan-modal-overlay" onclick="closeToolStatsModal()">
+    <div class="modal tool-stats-modal" onclick="event.stopPropagation()">
+      <div class="modal-header">
+        <h3 id="tool-stats-modal-title" class="modal-title">Tool Statistics</h3>
+        <button class="modal-close" aria-label="Close dialog" onclick="closeToolStatsModal()">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <path d="M18 6L6 18M6 6l12 12"/>
+          </svg>
+        </button>
+      </div>
+      <div id="tool-stats-modal-body" class="modal-body" style="overflow-y:auto;flex:1 1 auto;min-height:0;"></div>
+      <div class="modal-footer">
+        <button class="btn btn-primary" onclick="closeToolStatsModal()">Close</button>
+      </div>
+    </div>
+  </div>
+
   <!-- Plan Modal (stacked on top of info modal) -->
   <div id="plan-modal" class="modal-overlay plan-modal-overlay" onclick="closePlanModal()">
     <div class="modal plan-modal" onclick="event.stopPropagation()">

package/public/style.css

@@ -3351,6 +3351,150 @@ select.form-input option:checked {
 
 /* #endregion */
 
+/* #region TOOL_STATS */
+.modal.tool-stats-modal {
+  width: 90%;
+  max-width: 860px;
+  max-height: 85vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.tool-stats-summary {
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+  margin-bottom: 20px;
+}
+
+.tool-stats-chip {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 10px 16px;
+  min-width: 80px;
+}
+
+.tool-stats-chip-val {
+  font-size: 22px;
+  font-weight: 600;
+  color: var(--text-primary);
+  line-height: 1;
+}
+
+.tool-stats-chip-val.failed {
+  color: var(--status-failed, #ef4444);
+}
+
+.tool-stats-chip-lbl {
+  font-size: 11px;
+  color: var(--text-tertiary);
+  margin-top: 4px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.tool-stats-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+  margin-bottom: 8px;
+}
+
+.tool-stats-table thead th {
+  text-align: right;
+  padding: 6px 10px;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--text-tertiary);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  border-bottom: 1px solid var(--border);
+  cursor: pointer;
+  user-select: none;
+  white-space: nowrap;
+}
+
+.tool-stats-table thead th:first-child {
+  text-align: left;
+}
+
+.tool-stats-table thead th:hover {
+  color: var(--text-primary);
+}
+
+.tool-stats-table tbody tr:nth-child(even) {
+  background: var(--bg-secondary);
+}
+
+.tool-stats-table tbody td {
+  padding: 6px 10px;
+  text-align: right;
+  color: var(--text-primary);
+  border-bottom: 1px solid var(--border-subtle, var(--border));
+}
+
+.tool-stats-table tbody td.tool-name {
+  text-align: left;
+  font-family: var(--font-mono, monospace);
+  font-size: 12px;
+}
+
+.impact-cell-inner {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 6px;
+}
+
+.badge-success {
+  display: inline-block;
+  background: rgba(34, 197, 94, 0.15);
+  color: #22c55e;
+  border-radius: 4px;
+  padding: 1px 6px;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.badge-failed {
+  display: inline-block;
+  background: rgba(239, 68, 68, 0.15);
+  color: #ef4444;
+  border-radius: 4px;
+  padding: 1px 6px;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.impact-bar-wrap {
+  width: 48px;
+  height: 6px;
+  border-radius: 3px;
+  background: var(--bg-hover, var(--bg-secondary));
+  flex-shrink: 0;
+  overflow: hidden;
+}
+
+.impact-bar-fill {
+  height: 100%;
+  border-radius: 3px;
+  background: var(--accent, #6366f1);
+  min-width: 2px;
+}
+
+.impact-pct {
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--text-primary);
+  min-width: 32px;
+  text-align: right;
+}
+/* #endregion */
+
 /* #region SCRATCHPAD */
 .scratchpad-modal {
   width: 90%;

package/server.js

@@ -3,7 +3,7 @@
 const express = require('express');
 const path = require('path');
 const fs = require('fs').promises;
-const { existsSync, readdirSync, readFileSync, writeFileSync, statSync, createReadStream, unlinkSync, mkdirSync, renameSync } = require('fs');
+const { existsSync, readdirSync, readFileSync, writeFileSync, statSync, createReadStream, unlinkSync, mkdirSync, renameSync, openSync, readSync, closeSync } = require('fs');
 const readline = require('readline');
 const chokidar = require('chokidar');
 const os = require('os');
@@ -456,6 +456,7 @@ function refreshSessionMetadataPath(jsonlPath) {
   if (info.cwd) existing.cwd = info.cwd;
   if (info.gitBranch) existing.gitBranch = info.gitBranch;
   if (info.customTitle) existing.customTitle = info.customTitle;
+  if (info.logicalParentUuid) existing.logicalParentUuid = info.logicalParentUuid;
   return true;
 }
 
@@ -540,7 +541,8 @@ function loadSessionMetadata() {
           cwd: sessionInfo.cwd || null,
           gitBranch: sessionInfo.gitBranch || null,
           customTitle: sessionInfo.customTitle || null,
-          jsonlPath: jsonlPath
+          jsonlPath: jsonlPath,
+          logicalParentUuid: sessionInfo.logicalParentUuid || null
         };
         sessionIds.push(sessionId);
       }
@@ -933,14 +935,28 @@ app.get('/api/sessions', async (req, res) => {
       if (group.length < 2) continue;
       group.sort((a, b) => new Date(a.modifiedAt) - new Date(b.modifiedAt));
       const planSession = group.find(s => s.hasPlan);
-      const implSession = group.find(s => s !== planSession && new Date(s.modifiedAt) >= new Date(planSession?.modifiedAt || 0));
-      if (planSession && implSession) {
+      const linkedSession = group.find(s => s !== planSession && !s.hasPlan && new Date(s.modifiedAt) >= new Date(planSession?.modifiedAt || 0));
+      if (planSession && linkedSession) {
         planSession.hasWaitingForUser = false;
-        planSession.planImplementationSessionId = implSession.id;
-        implSession.planSourceSessionId = planSession.id;
+        planSession.planImplementationSessionId = linkedSession.id;
+        linkedSession.planSourceSessionId = planSession.id;
       }
     }
 
+    // Suppress parent sessions that have a compact continuation — compaction is involuntary
+    // (context limit hit), not an intentional fork. Only the continuation is shown.
+    const compactSuppressed = new Set();
+    for (const [sid] of sessionsMap) {
+      const compactAnchor = metadata[sid]?.logicalParentUuid;
+      if (!compactAnchor) continue;
+      const parent = lookupParentSession(sid);
+      if (parent.parentSessionId && sessionsMap.has(parent.parentSessionId)) {
+        compactSuppressed.add(parent.parentSessionId);
+        sessionsMap.get(sid).continuedFromSessionId = parent.parentSessionId;
+      }
+    }
+    for (const sid of compactSuppressed) sessionsMap.delete(sid);
+
     // Backfill contextStatus for already-built sessions that are pinned
     for (const pid of pinnedIds) {
       const s = sessionsMap.get(pid);
@@ -1316,14 +1332,21 @@ app.get('/api/sessions/:sessionId/agents', (req, res) => {
       }
     }
 
-    const agentsNeedingModel = agents.filter(a => !a.model && !a.modelUnavailable);
+    // Retry stopped agents even if modelUnavailable was set — it may have been marked
+    // unavailable while the agent was still active and its JSONL wasn't ready yet.
+    const agentsNeedingModel = agents.filter(a => !a.model && (!a.modelUnavailable || a.status === 'stopped'));
     if (agentsNeedingModel.length && meta.jsonlPath) {
       for (const agent of agentsNeedingModel) {
         let model = null;
         try { model = extractModelFromTranscript(subagentJsonlPath(meta, agent.agentId)); } catch (_) {}
-        if (model) agent.model = model;
-        else agent.modelUnavailable = true;
-        dirty.add(agent);
+        if (model) {
+          agent.model = model;
+          delete agent.modelUnavailable;
+          dirty.add(agent);
+        } else if (agent.status === 'stopped' && !agent.modelUnavailable) {
+          agent.modelUnavailable = true;
+          dirty.add(agent);
+        }
       }
     }
 
@@ -1462,41 +1485,61 @@ function resolveSubagentJsonl(meta, sessionId, agentId) {
   return found || primary;
 }
 
-// Claude Code marks fork lineage in two ways:
-//   1. `logicalParentUuid` on a system record (when present) points to a uuid
-//      in the parent session's JSONL.
-//   2. When absent, the fork copies the parent's early records verbatim, so
-//      the earliest `uuid` in this session also exists (same uuid+timestamp)
-//      in the parent's JSONL.
-// We try (1) first, then fall back to (2).
+// Claude Code creates child sessions in two ways:
+//   Fork: copies the parent's early messages verbatim (same UUIDs). Anchor = first UUID.
+//   Compact: writes a compact_boundary record with logicalParentUuid in the preamble.
+// Birthtime (not mtime) identifies the parent — mtime changes on resume, birthtime is immutable.
 const parentSessionCache = new Map();
-// Both anchor signals live in the first few records (system marker on top,
-// fork-copy starts at line 0), so cap the scan instead of reading the whole file.
 const FORK_ANCHOR_SCAN_LINES = 10;
 function findForkAnchorUuid(jsonlPath) {
   let text;
   try { text = readFileSync(jsonlPath, 'utf8'); } catch { return null; }
-  let firstUuid = null;
-  let scanned = 0;
+  let firstUuid = null, scanned = 0;
   for (const l of text.split('\n')) {
     if (!l) continue;
     if (scanned++ >= FORK_ANCHOR_SCAN_LINES) break;
-    try {
-      const d = JSON.parse(l);
-      if (d.logicalParentUuid) return d.logicalParentUuid;
-      if (!firstUuid && d.uuid) firstUuid = d.uuid;
-    } catch { /* skip malformed */ }
+    try { const d = JSON.parse(l); if (!firstUuid && d.uuid) firstUuid = d.uuid; } catch { /* skip malformed */ }
   }
   return firstUuid;
 }
-function findSessionContainingUuid(projectDir, targetUuid, excludeJsonlPath) {
+// Fallback when metadata cache lacks logicalParentUuid (older entries, cold cache).
+// Hot path reads from metadata directly; this never runs from the suppression loop.
+// Bounded read (~1 MB) mirrors readSessionInfoFromJsonl's HEAD_MAX — compact_boundary
+// always sits in the preamble before the first user/assistant record.
+const COMPACT_ANCHOR_READ_MAX = 1048576;
+function findCompactAnchorUuid(jsonlPath) {
+  let fd;
+  try {
+    fd = openSync(jsonlPath, 'r');
+    const buf = Buffer.alloc(COMPACT_ANCHOR_READ_MAX);
+    const n = readSync(fd, buf, 0, COMPACT_ANCHOR_READ_MAX, 0);
+    const text = buf.toString('utf8', 0, n);
+    const lastNl = text.lastIndexOf('\n');
+    const complete = lastNl >= 0 ? text.slice(0, lastNl) : text;
+    for (const l of complete.split('\n')) {
+      if (!l) continue;
+      try {
+        const d = JSON.parse(l);
+        if (d.type === 'user' || d.type === 'assistant') return null;
+        if (d.subtype === 'compact_boundary' && d.logicalParentUuid) return d.logicalParentUuid;
+      } catch { /* skip malformed */ }
+    }
+    return null;
+  } catch { return null; }
+  finally { if (fd !== undefined) { try { closeSync(fd); } catch {} } }
+}
+function findSessionContainingUuid(projectDir, targetUuid, excludeJsonlPath, maxBirthtimeMs) {
   let files;
   try { files = readdirSync(projectDir); } catch { return null; }
-  const candidates = [];
+  let best = null;
   for (const f of files) {
     if (!f.endsWith('.jsonl')) continue;
     const fp = path.join(projectDir, f);
     if (fp === excludeJsonlPath) continue;
+    let birthtime = 0;
+    try { birthtime = statSync(fp).birthtimeMs; } catch { continue; }
+    if (maxBirthtimeMs != null && birthtime >= maxBirthtimeMs) continue;
+    if (best && birthtime >= best.birthtime) continue;
     let text;
     try { text = readFileSync(fp, 'utf8'); } catch { continue; }
     if (!text.includes(targetUuid)) continue;
@@ -1505,31 +1548,33 @@ function findSessionContainingUuid(projectDir, targetUuid, excludeJsonlPath) {
       try {
         const d = JSON.parse(l);
         if (d.uuid === targetUuid && d.sessionId) {
-          let mtime = 0;
-          try { mtime = statSync(fp).mtimeMs; } catch { /* ignore */ }
-          candidates.push({ parentSessionId: d.sessionId, parentJsonlPath: fp, mtime });
+          best = { parentSessionId: d.sessionId, parentJsonlPath: fp, birthtime };
           break;
         }
       } catch { /* skip */ }
     }
   }
-  if (!candidates.length) return null;
-  candidates.sort((a, b) => a.mtime - b.mtime);
-  const { parentSessionId, parentJsonlPath } = candidates[0];
-  return { parentSessionId, parentJsonlPath };
+  if (!best) return null;
+  return { parentSessionId: best.parentSessionId, parentJsonlPath: best.parentJsonlPath };
 }
 function lookupParentSession(sessionId) {
   if (parentSessionCache.has(sessionId)) return parentSessionCache.get(sessionId);
   const meta = loadSessionMetadata()[sessionId];
-  const result = { parentSessionId: null, parentJsonlPath: null };
+  const result = { parentSessionId: null, parentJsonlPath: null, isCompact: false };
   if (meta?.jsonlPath) {
-    const anchorUuid = findForkAnchorUuid(meta.jsonlPath);
+    const compactAnchor = meta.logicalParentUuid || findCompactAnchorUuid(meta.jsonlPath);
+    result.isCompact = !!compactAnchor;
+    const anchorUuid = compactAnchor ?? findForkAnchorUuid(meta.jsonlPath);
     if (anchorUuid) {
-      const hit = findSessionContainingUuid(path.dirname(meta.jsonlPath), anchorUuid, meta.jsonlPath);
-      if (hit) Object.assign(result, hit);
+      let selfBirthtime;
+      try { selfBirthtime = statSync(meta.jsonlPath).birthtimeMs; } catch { /* ignore */ }
+      if (selfBirthtime != null) {
+        const hit = findSessionContainingUuid(path.dirname(meta.jsonlPath), anchorUuid, meta.jsonlPath, selfBirthtime);
+        if (hit) Object.assign(result, hit);
+      }
     }
   }
-  if (result.parentSessionId) parentSessionCache.set(sessionId, result);
+  parentSessionCache.set(sessionId, result);
   return result;
 }
 app.get('/api/sessions/:sessionId/parent', (req, res) => {
@@ -1678,6 +1723,112 @@ app.get('/api/sessions/:sessionId/tool-result/:toolUseId', (req, res) => {
   res.json({ toolUseId: req.params.toolUseId, content });
 });
 
+const toolStatsCache = new Map();
+
+function buildToolStats(jsonlPath) {
+  const toolUseById = {};     // tool_use_id -> { displayName, isSkill }
+  const seenResults = new Set();
+  const toolMap = {};         // displayName -> { count, success, failed, outputBytes }
+  const skillPromptIds = {};  // promptId -> [skillDisplayName, ...]
+  const promptOutputBytes = {}; // promptId -> total outputBytes in that turn
+
+  const content = readFileSync(jsonlPath, 'utf8');
+  for (const line of content.split('\n')) {
+    if (!line) continue;
+    let obj;
+    try { obj = JSON.parse(line); } catch (_) { continue; }
+
+    if (obj.type === 'assistant' && Array.isArray(obj.message?.content)) {
+      for (const block of obj.message.content) {
+        if (block.type === 'tool_use' && block.name && block.id) {
+          const isSkill = block.name === 'Skill';
+          const displayName = isSkill && block.input?.skill
+            ? `Skill(${block.input.skill})`
+            : block.name === 'Agent' && block.input?.subagent_type
+            ? `Agent(${block.input.subagent_type})`
+            : block.name;
+          toolUseById[block.id] = { displayName, isSkill };
+        }
+      }
+    } else if (obj.type === 'user' && Array.isArray(obj.message?.content)) {
+      const promptId = obj.promptId;
+      for (const block of obj.message.content) {
+        if (block.type !== 'tool_result' || !block.tool_use_id) continue;
+        const entry = toolUseById[block.tool_use_id];
+        if (!entry) continue;
+        const { displayName, isSkill } = entry;
+        seenResults.add(block.tool_use_id);
+        if (!toolMap[displayName]) toolMap[displayName] = { count: 0, success: 0, failed: 0, outputBytes: 0 };
+        toolMap[displayName].count++;
+        const raw = typeof block.content === 'string' ? block.content
+          : Array.isArray(block.content) ? block.content.map(b => b.text || '').join('\n') : '';
+        const bytes = raw.length;
+        toolMap[displayName].outputBytes += bytes;
+        if (promptId) {
+          promptOutputBytes[promptId] = (promptOutputBytes[promptId] || 0) + bytes;
+          if (isSkill) {
+            if (!skillPromptIds[promptId]) skillPromptIds[promptId] = [];
+            skillPromptIds[promptId].push(displayName);
+          }
+        }
+        const lower = raw.toLowerCase();
+        const failed = /^error/i.test(raw.trimStart())
+          || /exit code [1-9]/.test(lower)
+          || lower.includes('command failed')
+          || (lower.includes('failed') && lower.includes('error'));
+        if (failed) toolMap[displayName].failed++;
+        else toolMap[displayName].success++;
+      }
+    }
+  }
+
+  // Count tool_use blocks that never got a tool_result
+  for (const [id, { displayName }] of Object.entries(toolUseById)) {
+    if (seenResults.has(id)) continue;
+    if (!toolMap[displayName]) toolMap[displayName] = { count: 0, success: 0, failed: 0, outputBytes: 0 };
+    toolMap[displayName].count++;
+  }
+
+  // Approximate Skill impact: replace tiny dispatch bytes with the full turn's output
+  for (const [promptId, skillNames] of Object.entries(skillPromptIds)) {
+    const turnBytes = promptOutputBytes[promptId] || 0;
+    for (const name of skillNames) {
+      if (toolMap[name]) toolMap[name].outputBytes = turnBytes;
+    }
+  }
+
+  let totalCalls = 0, totalFailed = 0, totalOutputBytes = 0;
+  for (const s of Object.values(toolMap)) {
+    totalCalls += s.count;
+    totalFailed += s.failed;
+    totalOutputBytes += s.outputBytes || 0;
+  }
+  const uniqueTools = Object.keys(toolMap).length;
+
+  const tools = [];
+  for (const [name, stats] of Object.entries(toolMap)) {
+    const impact = totalOutputBytes > 0 ? Math.round((stats.outputBytes || 0) / totalOutputBytes * 100) : 0;
+    const displayName = name.startsWith('mcp__') ? name.split('__').slice(2).join('__') || name : name;
+    tools.push({ name: displayName, count: stats.count, success: stats.success, failed: stats.failed, impact });
+  }
+
+  return { totalCalls, uniqueTools, totalFailed, tools };
+}
+
+app.get('/api/sessions/:sessionId/tool-stats', (req, res) => {
+  const metadata = loadSessionMetadata();
+  const meta = metadata[req.params.sessionId];
+  const jsonlPath = meta?.jsonlPath;
+  if (!jsonlPath) return res.status(404).json({ error: 'session not found' });
+  try {
+    const data = cachedByMtime(toolStatsCache, jsonlPath, jsonlPath, () => buildToolStats(jsonlPath), null);
+    if (!data) return res.status(404).json({ error: 'could not parse session' });
+    res.json({ sessionId: req.params.sessionId, ...data });
+  } catch (e) {
+    res.status(500).json({ error: e.message });
+  }
+});
+
 app.get('/api/sessions/:sessionId/user-image/:msgUuid/:blockIndex', (req, res) => {
   const metadata = loadSessionMetadata();
   const meta = metadata[req.params.sessionId];