claude-inspect 0.5.0 → 0.5.1

package/README.de.md

@@ -65,6 +65,7 @@ Aus den Quellen: `git clone …`, `npm install`, `npm run build`, `npm start`
   MCP-Server …) als gestapelter Verlauf je Programmname, dazu die Prozesse mit der meisten CPU-Zeit
   - *Cost*: geschätzte Kosten (API-Listenpreis) der Session samt aller Subagenten und per
   `claude` gestarteten Sitzungen, je Agent und je Modell mit Tokens (Input, Output, Cache)
+  und als Zeitleiste mit den teuersten Momenten
   - Beim Hochscrollen blendet sich eine kompakte Kopfzeile mit Sprung nach oben/unten ein
 - **CPU**: alle 3 s aus der Prozesstabelle gemessen (100 % = ein Kern), Verlaufslinie auf der
   Dashboard-Karte. Pro Session eine CSV-Datei im App-Datenverzeichnis (macOS

package/README.md

@@ -50,7 +50,7 @@ becomes hard to tell *who is doing what*. claude-inspect answers:
 | **Agent tree & call graph** | Main agent → subagents (nested) → `claude` sessions started via Bash, including fork/resume relations. Finished agents are greyed out. |
 | **Timeline** | One lane per agent, tool calls as bars, spawn links between lanes, idle gaps > 10 min collapsed, zoom. Click a bar to jump to the call. |
 | **Spawn linking** | Links sessions started by `claude -p …` to the calling tool use via the process tree (exact), `--session-id`, prompt text, `--agent`, time window and working directory – with a confidence label. |
-| **Cost per agent tree** | Cost tab per session: API list-price estimate for the main agent plus all its subagents and spawned `claude` sessions, per agent and per model with input, output and cache tokens. |
+| **Cost per agent tree** | Cost tab per session: API list-price estimate for the main agent plus all its subagents and spawned `claude` sessions, per agent and per model with input, output and cache tokens, plus a cost timeline with the most expensive moments. |
 | **Statistics** | API list-price estimate, tokens per model/day/project, cache share, activity heatmap, tool statistics with error rate and p95 duration. |
 | **CPU usage** | CPU of each Claude Code process plus all its subprocesses (shells, builds, test runners, MCP servers …), measured every 3 s from the process table. Sparkline on the dashboard card, a *CPU* tab per session with a stacked chart by process name and the processes that used the most CPU time. Recorded as one CSV per session in the app data directory (`~/Library/Application Support/claude-inspect/cpu` on macOS, `~/.local/share/claude-inspect/cpu` on Linux, `%LOCALAPPDATA%\claude-inspect\cpu` on Windows), so it stays available after the session ended; files older than 30 days are deleted. Only measured while claude-inspect runs; processes that live less than 3 s are missed. `--no-cpu-log` turns recording off. |
 | **Tool explorer & files** | Every tool call across all sessions, filterable; which files agents read, edited or wrote. |

package/dist/app/server/history/aggregator.js

@@ -42,27 +42,7 @@ export class HistoryIndex {
                         seen.add(p);
                 continue;
             }
-            const dir = subagentDir(f.path);
-            let names = [];
-            try {
-                names = await readdir(dir);
-            }
-            catch {
-                /* keine Subagenten */
-            }
-            for (const n of names) {
-                const m = /^agent-(.+)\.jsonl$/.exec(n);
-                if (!m)
-                    continue;
-                const path = join(dir, n);
-                seen.add(path);
-                try {
-                    await this.scan(path, (await stat(path)).size, f.sessionId, m[1], project);
-                }
-                catch {
-                    /* gelöscht */
-                }
-            }
+            await this.scanSubagents(f, project, seen);
         }
         // Von Claude Code aufgeräumte Dateien vergessen
         for (const p of [...this.files.keys()])
@@ -71,7 +51,52 @@ export class HistoryIndex {
         this.totalFiles = this.files.size;
         this.ready = true;
     }
+    async scanSubagents(f, project, seen) {
+        const dir = subagentDir(f.path);
+        let names = [];
+        try {
+            names = await readdir(dir);
+        }
+        catch {
+            /* keine Subagenten */
+        }
+        for (const n of names) {
+            const m = /^agent-(.+)\.jsonl$/.exec(n);
+            if (!m)
+                continue;
+            const path = join(dir, n);
+            seen?.add(path);
+            try {
+                await this.scan(path, (await stat(path)).size, f.sessionId, m[1], project);
+            }
+            catch {
+                /* gelöscht */
+            }
+        }
+    }
+    /**
+     * Eine Session samt Subagenten sofort auf Stand bringen, ohne auf den ersten
+     * vollständigen Scan zu warten (für die Kostenansicht direkt nach dem Start).
+     */
+    async ensureSession(f, project) {
+        try {
+            await this.scan(f.path, (await stat(f.path)).size, f.sessionId, undefined, project);
+        }
+        catch {
+            return; // gelöscht
+        }
+        await this.scanSubagents(f, project);
+    }
+    /** Läuft parallel zum Hintergrund-Scan: pro Datei nur ein Lesevorgang gleichzeitig. */
+    scanning = new Map();
     async scan(path, size, sessionId, agentId, project) {
+        for (let running = this.scanning.get(path); running; running = this.scanning.get(path))
+            await running;
+        const p = this.scanUnlocked(path, size, sessionId, agentId, project).finally(() => this.scanning.delete(path));
+        this.scanning.set(path, p);
+        return p;
+    }
+    async scanUnlocked(path, size, sessionId, agentId, project) {
         let agg = this.files.get(path);
         if (agg && agg.size === size)
             return;

package/dist/app/server/inspector.js

@@ -509,7 +509,12 @@ export class Inspector extends EventEmitter {
         const flow = await this.flow(rootSessionId);
         if (!flow)
             return undefined;
-        await this.historyLoaded;
+        // nur die Dateien dieses Baums einlesen, statt auf den ersten vollständigen History-Scan zu warten
+        for (const sid of new Set(flow.lanes.map((l) => l.sessionId))) {
+            const f = this.index.get(sid);
+            if (f)
+                await this.history.ensureSession(f, await this.projectOf(f));
+        }
         const seen = new Set();
         const total = emptyTotals();
         const byModel = new Map();
@@ -556,7 +561,6 @@ export class Inspector extends EventEmitter {
         const rootFile = this.index.get(rootSessionId);
         return {
             rootSessionId,
-            ready: this.historyReady,
             rows,
             total,
             costUSD,
@@ -609,7 +613,7 @@ function costTimeline(points) {
         b.byModel[p.model] = (b.byModel[p.model] ?? 0) + p.cost;
         let l = b.lanes.get(p.lane.id);
         if (!l)
-            b.lanes.set(p.lane.id, (l = { label: p.lane.label, costUSD: 0 }));
+            b.lanes.set(p.lane.id, (l = { label: p.lane.label, sublabel: p.lane.sublabel, costUSD: 0 }));
         l.costUSD += p.cost;
     }
     return {