@tokz/cli 0.0.1 → 0.2.0

package/dist/Root-T6AZELSZ.js

@@ -0,0 +1,1499 @@
+#!/usr/bin/env node
+import {
+  addUsage,
+  buildReport,
+  cacheHitRate,
+  cacheSavings,
+  compact,
+  costUsd,
+  duration,
+  emptyUsage,
+  findMcpServers,
+  parseTranscript,
+  pct,
+  pct1,
+  relativeDate,
+  sanitizeProjectPath,
+  shortModel,
+  usd
+} from "./chunk-MO4Y7IF6.js";
+
+// src/ui/Root.tsx
+import { useEffect as useEffect2, useState as useState6 } from "react";
+import { Box as Box10, Text as Text11, useApp as useApp2 } from "ink";
+
+// src/agents/index.ts
+import { access as access4 } from "fs/promises";
+import { homedir as homedir5 } from "os";
+import { join as join5 } from "path";
+
+// src/agents/claude.ts
+import { access } from "fs/promises";
+import { homedir as homedir2 } from "os";
+import { join as join2 } from "path";
+
+// src/projects.ts
+import { readFile } from "fs/promises";
+import { homedir } from "os";
+import { join, relative, sep } from "path";
+import { glob } from "tinyglobby";
+function applyTimeframe(projects, range) {
+  if (!range) return projects;
+  return projects.map(
+    (p) => p.sessions ? { ...p, report: buildReport(p.sessions, p.serverList ?? [], range) } : p
+  ).filter((p) => !p.sessions || p.report.sessionCount > 0).sort((a, b) => b.report.totalCostUsd - a.report.totalCostUsd);
+}
+function baseName(p) {
+  const parts = p.replace(/\\/g, "/").split("/").filter(Boolean);
+  return parts.at(-1) ?? p;
+}
+var DAY_MS = 864e5;
+function aggregate(projects) {
+  const usageByModel = {};
+  const toolCalls = {};
+  const toolCostUsd = {};
+  const serverByName = /* @__PURE__ */ new Map();
+  const dailyByDate = /* @__PURE__ */ new Map();
+  const sessions = [];
+  let sessionCount = 0;
+  let totalTurns = 0;
+  let start;
+  let end;
+  for (const { report } of projects) {
+    sessionCount += report.sessionCount;
+    totalTurns += report.totalTurns ?? 0;
+    for (const [m, u] of Object.entries(report.usageByModel)) {
+      addUsage(usageByModel[m] ??= emptyUsage(), u);
+    }
+    for (const [t, n] of Object.entries(report.toolCalls)) toolCalls[t] = (toolCalls[t] ?? 0) + n;
+    for (const [t, c] of Object.entries(report.toolCostUsd ?? {})) {
+      toolCostUsd[t] = (toolCostUsd[t] ?? 0) + c;
+    }
+    for (const s of report.servers) {
+      const acc = serverByName.get(s.name);
+      if (!acc) {
+        serverByName.set(s.name, { ...s });
+      } else {
+        acc.callsObserved += s.callsObserved;
+        acc.estCostUsd += s.estCostUsd ?? 0;
+        acc.unused = acc.callsObserved === 0;
+        acc.configured = acc.configured || s.configured;
+      }
+    }
+    for (const d of report.daily ?? []) {
+      const acc = dailyByDate.get(d.date);
+      if (!acc) {
+        dailyByDate.set(d.date, { ...d });
+      } else {
+        acc.costUsd += d.costUsd;
+        acc.inputTokens += d.inputTokens;
+        acc.cacheReadTokens += d.cacheReadTokens;
+        acc.cacheCreationTokens += d.cacheCreationTokens;
+        acc.outputTokens += d.outputTokens;
+        acc.turns += d.turns;
+      }
+    }
+    sessions.push(...report.sessions ?? []);
+    if (report.spanStart && (!start || report.spanStart < start)) start = report.spanStart;
+    if (report.spanEnd && (!end || report.spanEnd > end)) end = report.spanEnd;
+  }
+  const costByModel = {};
+  let totalCostUsd = 0;
+  for (const [m, u] of Object.entries(usageByModel)) {
+    costByModel[m] = costUsd(u, m);
+    totalCostUsd += costByModel[m].total;
+  }
+  const spanDays = start && end ? Math.max(1, Math.round((Date.parse(end) - Date.parse(start)) / DAY_MS)) : 1;
+  return {
+    sessionCount,
+    spanDays,
+    spanStart: start,
+    spanEnd: end,
+    usageByModel,
+    costByModel,
+    totalCostUsd,
+    monthlyProjectionUsd: totalCostUsd / spanDays * 30,
+    toolCalls,
+    toolCostUsd,
+    servers: [...serverByName.values()],
+    daily: [...dailyByDate.values()].sort((a, b) => a.date < b.date ? -1 : 1),
+    sessions: sessions.sort((a, b) => b.costUsd - a.costUsd),
+    cacheSavingsUsd: cacheSavings(usageByModel),
+    cacheHitRate: cacheHitRate(usageByModel),
+    totalTurns
+  };
+}
+async function realPathsBySanitized(home) {
+  const map = /* @__PURE__ */ new Map();
+  try {
+    const cfg = JSON.parse(await readFile(join(home, ".claude.json"), "utf8"));
+    const projects = cfg?.projects;
+    if (projects && typeof projects === "object") {
+      for (const p of Object.keys(projects)) map.set(sanitizeProjectPath(p), p);
+    }
+  } catch {
+  }
+  return map;
+}
+async function loadProjects(home = homedir(), onProgress) {
+  const root = join(home, ".claude", "projects");
+  const files = await glob(["**/*.jsonl"], { cwd: root, absolute: true }).catch(() => []);
+  if (files.length === 0) return [];
+  const byDir = /* @__PURE__ */ new Map();
+  for (const f of files) {
+    const dir = relative(root, f).split(sep)[0];
+    const list = byDir.get(dir) ?? [];
+    list.push(f);
+    byDir.set(dir, list);
+  }
+  const realMap = await realPathsBySanitized(home);
+  const seenMessageIds = /* @__PURE__ */ new Set();
+  const seenToolIds = /* @__PURE__ */ new Set();
+  let parsed = 0;
+  const out = [];
+  for (const [dir, dirFiles] of byDir) {
+    onProgress?.({ parsed, total: files.length, currentProject: realMap.get(dir) ?? dir });
+    const sessions = [];
+    for (const f of dirFiles) {
+      sessions.push(await parseTranscript(f, seenMessageIds, seenToolIds));
+      parsed += 1;
+      onProgress?.({ parsed, total: files.length, currentProject: realMap.get(dir) ?? dir });
+    }
+    const realPath = realMap.get(dir) ?? sessions.find((s) => s.cwd)?.cwd;
+    const servers = realPath ? await findMcpServers(realPath, home) : [];
+    out.push({
+      id: dir,
+      name: realPath ?? dir,
+      label: realPath ? baseName(realPath) : dir,
+      realPath,
+      report: buildReport(sessions, servers),
+      sessions,
+      serverList: servers
+    });
+  }
+  out.sort((a, b) => b.report.totalCostUsd - a.report.totalCostUsd);
+  return out;
+}
+
+// src/agents/claude.ts
+var claudeAdapter = {
+  id: "claude",
+  name: "Claude Code",
+  supported: true,
+  async detect(home = homedir2()) {
+    try {
+      await access(join2(home, ".claude", "projects"));
+      return true;
+    } catch {
+      return false;
+    }
+  },
+  loadProjects: (home, onProgress) => loadProjects(home, onProgress)
+};
+
+// src/agents/codex.ts
+import { createReadStream } from "fs";
+import { access as access2 } from "fs/promises";
+import { createInterface } from "readline";
+import { homedir as homedir3 } from "os";
+import { join as join3 } from "path";
+import { glob as glob2 } from "tinyglobby";
+import { z } from "zod";
+var TokenTotals = z.object({
+  input_tokens: z.number().catch(0).default(0),
+  cached_input_tokens: z.number().catch(0).default(0),
+  output_tokens: z.number().catch(0).default(0),
+  reasoning_output_tokens: z.number().catch(0).default(0),
+  total_tokens: z.number().catch(0).default(0)
+});
+var Line = z.object({
+  timestamp: z.string().optional(),
+  type: z.string().optional(),
+  // old-format meta lines carry cwd at the top level
+  cwd: z.string().optional(),
+  payload: z.object({
+    type: z.string().optional(),
+    cwd: z.string().optional(),
+    model: z.string().optional(),
+    name: z.string().optional(),
+    info: z.object({ total_token_usage: TokenTotals.optional() }).nullish()
+  }).passthrough().optional()
+});
+function codexHome(home) {
+  if (home) return join3(home, ".codex");
+  return process.env.CODEX_HOME ?? join3(homedir3(), ".codex");
+}
+var DEFAULT_MODEL = "gpt-5";
+async function parseCodexRollout(file) {
+  const stats = { file, usageByModel: {}, toolCalls: {}, toolCostUsd: {}, dailyUsage: {} };
+  const rl = createInterface({ input: createReadStream(file, "utf8"), crlfDelay: Infinity });
+  let model = DEFAULT_MODEL;
+  let prev = { input: 0, cached: 0, output: 0, total: 0 };
+  let turnTools = [];
+  for await (const raw of rl) {
+    if (!raw.trim()) continue;
+    let obj;
+    try {
+      obj = JSON.parse(raw);
+    } catch {
+      continue;
+    }
+    const parsed = Line.safeParse(obj);
+    if (!parsed.success) continue;
+    const { timestamp, type, payload } = parsed.data;
+    if (!stats.cwd) stats.cwd = payload?.cwd ?? parsed.data.cwd;
+    if (payload?.model) model = payload.model;
+    if (timestamp) {
+      if (!stats.firstTs) stats.firstTs = timestamp;
+      stats.lastTs = timestamp;
+    }
+    const toolName = payload?.type === "function_call" || payload?.type === "custom_tool_call" ? payload.name : payload?.type === "local_shell_call" ? "shell" : type === "function_call" ? parsed.data.name : void 0;
+    if (toolName) {
+      stats.toolCalls[toolName] = (stats.toolCalls[toolName] ?? 0) + 1;
+      turnTools.push(toolName);
+    }
+    const totals = payload?.type === "token_count" ? payload.info?.total_token_usage : void 0;
+    if (!totals) continue;
+    const cur = {
+      input: totals.input_tokens,
+      cached: totals.cached_input_tokens,
+      output: totals.output_tokens,
+      total: totals.total_tokens
+    };
+    if (cur.total < prev.total) prev = { input: 0, cached: 0, output: 0, total: 0 };
+    const dInput = Math.max(0, cur.input - prev.input);
+    const dCached = Math.max(0, cur.cached - prev.cached);
+    const dOutput = Math.max(0, cur.output - prev.output);
+    prev = cur;
+    if (dInput + dOutput === 0) continue;
+    const delta = {
+      // Codex's input_tokens INCLUDES cached tokens; split them out.
+      inputTokens: Math.max(0, dInput - dCached),
+      cacheReadTokens: dCached,
+      cacheCreationTokens: 0,
+      outputTokens: dOutput,
+      turns: 1
+    };
+    const accs = [stats.usageByModel[model] ??= emptyUsage()];
+    if (timestamp) {
+      const day = stats.dailyUsage[timestamp.slice(0, 10)] ??= {};
+      accs.push(day[model] ??= emptyUsage());
+    }
+    for (const u of accs) {
+      u.inputTokens += delta.inputTokens;
+      u.cacheReadTokens += delta.cacheReadTokens;
+      u.outputTokens += delta.outputTokens;
+      u.turns += 1;
+    }
+    const turnCost = costUsd(delta, model).total;
+    if (turnCost > 0 && turnTools.length > 0) {
+      const share = turnCost / turnTools.length;
+      for (const name of turnTools) {
+        stats.toolCostUsd[name] = (stats.toolCostUsd[name] ?? 0) + share;
+      }
+    }
+    turnTools = [];
+  }
+  return stats;
+}
+async function loadCodexProjects(home, onProgress) {
+  const root = codexHome(home);
+  const files = await glob2(["sessions/**/*.jsonl", "archived_sessions/**/*.jsonl"], {
+    cwd: root,
+    absolute: true
+  }).catch(() => []);
+  if (files.length === 0) return [];
+  const byCwd = /* @__PURE__ */ new Map();
+  let parsed = 0;
+  for (const f of files) {
+    onProgress?.({ parsed, total: files.length, currentProject: "Codex sessions" });
+    const s = await parseCodexRollout(f);
+    parsed += 1;
+    onProgress?.({ parsed, total: files.length, currentProject: "Codex sessions" });
+    if (Object.keys(s.usageByModel).length === 0) continue;
+    const key = s.cwd ?? "(unknown project)";
+    const list = byCwd.get(key) ?? [];
+    list.push(s);
+    byCwd.set(key, list);
+  }
+  const out = [];
+  for (const [cwd, sessions] of byCwd) {
+    out.push({
+      id: `codex:${cwd}`,
+      name: cwd,
+      label: cwd === "(unknown project)" ? cwd : baseName(cwd),
+      realPath: cwd,
+      report: buildReport(sessions, []),
+      sessions,
+      serverList: []
+    });
+  }
+  out.sort((a, b) => b.report.totalCostUsd - a.report.totalCostUsd);
+  return out;
+}
+var codexAdapter = {
+  id: "codex",
+  name: "OpenAI Codex",
+  supported: true,
+  async detect(home) {
+    try {
+      await access2(join3(codexHome(home), "sessions"));
+      return true;
+    } catch {
+      return false;
+    }
+  },
+  loadProjects: loadCodexProjects
+};
+
+// src/agents/opencode.ts
+import { access as access3, readFile as readFile2 } from "fs/promises";
+import { homedir as homedir4 } from "os";
+import { join as join4 } from "path";
+import { glob as glob3 } from "tinyglobby";
+import { z as z2 } from "zod";
+var Message = z2.object({
+  sessionID: z2.string(),
+  role: z2.string(),
+  modelID: z2.string().optional(),
+  providerID: z2.string().optional(),
+  time: z2.object({ created: z2.number().optional(), completed: z2.number().optional() }).optional(),
+  tokens: z2.object({
+    input: z2.number().catch(0).default(0),
+    output: z2.number().catch(0).default(0),
+    reasoning: z2.number().catch(0).default(0),
+    cache: z2.object({ read: z2.number().catch(0).default(0), write: z2.number().catch(0).default(0) }).optional()
+  }).optional()
+});
+var Session = z2.object({
+  id: z2.string(),
+  directory: z2.string().optional(),
+  projectID: z2.string().optional(),
+  time: z2.object({ created: z2.number().optional() }).optional()
+});
+var Project = z2.object({ id: z2.string(), worktree: z2.string().optional() });
+function opencodeRoot(home) {
+  if (home) return join4(home, ".local", "share", "opencode");
+  return process.env.OPENCODE_DATA_DIR ?? join4(homedir4(), ".local", "share", "opencode");
+}
+async function readJson(file) {
+  try {
+    return JSON.parse(await readFile2(file, "utf8"));
+  } catch {
+    return void 0;
+  }
+}
+async function loadOpencodeProjects(home, onProgress) {
+  const root = opencodeRoot(home);
+  const storage = join4(root, "storage");
+  const messageFiles = await glob3(["message/*/*.json"], { cwd: storage, absolute: true }).catch(
+    () => []
+  );
+  if (messageFiles.length === 0) return [];
+  const sessionDir = /* @__PURE__ */ new Map();
+  const projectWorktree = /* @__PURE__ */ new Map();
+  for (const f of await glob3(["project/*.json"], { cwd: storage, absolute: true }).catch(() => [])) {
+    const p = Project.safeParse(await readJson(f));
+    if (p.success && p.data.worktree) projectWorktree.set(p.data.id, p.data.worktree);
+  }
+  const sessionFiles = await glob3(["session/**/*.json"], { cwd: storage, absolute: true }).catch(
+    () => []
+  );
+  for (const f of sessionFiles) {
+    const s = Session.safeParse(await readJson(f));
+    if (!s.success) continue;
+    const dir = s.data.directory ?? (s.data.projectID ? projectWorktree.get(s.data.projectID) : void 0);
+    if (dir) sessionDir.set(s.data.id, dir);
+  }
+  const bySession = /* @__PURE__ */ new Map();
+  let parsed = 0;
+  for (const f of messageFiles) {
+    onProgress?.({ parsed, total: messageFiles.length, currentProject: "OpenCode messages" });
+    const m = Message.safeParse(await readJson(f));
+    parsed += 1;
+    onProgress?.({ parsed, total: messageFiles.length, currentProject: "OpenCode messages" });
+    if (!m.success || m.data.role !== "assistant" || !m.data.tokens) continue;
+    const { sessionID, modelID, tokens, time } = m.data;
+    const stats = bySession.get(sessionID) ?? {
+      file: sessionID,
+      cwd: sessionDir.get(sessionID),
+      usageByModel: {},
+      toolCalls: {},
+      toolCostUsd: {},
+      dailyUsage: {}
+    };
+    bySession.set(sessionID, stats);
+    const model = modelID ?? "unknown";
+    const ts = time?.created ? new Date(time.created).toISOString() : void 0;
+    if (ts) {
+      if (!stats.firstTs || ts < stats.firstTs) stats.firstTs = ts;
+      if (!stats.lastTs || ts > stats.lastTs) stats.lastTs = ts;
+    }
+    const accs = [stats.usageByModel[model] ??= emptyUsage()];
+    if (ts) {
+      const day = stats.dailyUsage[ts.slice(0, 10)] ??= {};
+      accs.push(day[model] ??= emptyUsage());
+    }
+    for (const u of accs) {
+      u.inputTokens += tokens.input;
+      u.cacheReadTokens += tokens.cache?.read ?? 0;
+      u.cacheCreationTokens += tokens.cache?.write ?? 0;
+      u.outputTokens += tokens.output + tokens.reasoning;
+      u.turns += 1;
+    }
+  }
+  const byDir = /* @__PURE__ */ new Map();
+  for (const s of bySession.values()) {
+    if (Object.keys(s.usageByModel).length === 0) continue;
+    const key = s.cwd ?? "(unknown project)";
+    const list = byDir.get(key) ?? [];
+    list.push(s);
+    byDir.set(key, list);
+  }
+  const out = [];
+  for (const [dir, sessions] of byDir) {
+    out.push({
+      id: `opencode:${dir}`,
+      name: dir,
+      label: dir === "(unknown project)" ? dir : baseName(dir),
+      realPath: dir,
+      report: buildReport(sessions, []),
+      sessions,
+      serverList: []
+    });
+  }
+  out.sort((a, b) => b.report.totalCostUsd - a.report.totalCostUsd);
+  return out;
+}
+var opencodeAdapter = {
+  id: "opencode",
+  name: "OpenCode",
+  supported: true,
+  async detect(home) {
+    try {
+      await access3(join4(opencodeRoot(home), "storage", "message"));
+      return true;
+    } catch {
+      return false;
+    }
+  },
+  loadProjects: loadOpencodeProjects
+};
+
+// src/agents/index.ts
+function detectOnly(id, name, ...pathParts) {
+  return {
+    id,
+    name,
+    supported: false,
+    async detect(home = homedir5()) {
+      try {
+        await access4(join5(home, ...pathParts));
+        return true;
+      } catch {
+        return false;
+      }
+    },
+    loadProjects: async () => []
+  };
+}
+var ADAPTERS = [
+  claudeAdapter,
+  codexAdapter,
+  opencodeAdapter,
+  detectOnly("gemini", "Gemini CLI", ".gemini", "tmp"),
+  detectOnly("cursor", "Cursor CLI", ".cursor", "chats")
+];
+async function loadAllAgents(home, onProgress) {
+  const out = [];
+  for (const adapter of ADAPTERS) {
+    const detected = await adapter.detect(home);
+    let projects = [];
+    if (detected && adapter.supported) {
+      projects = await adapter.loadProjects(home, (p) => onProgress?.(adapter.name, p)).catch(() => []);
+    }
+    out.push({ adapter, detected, projects });
+  }
+  return out;
+}
+
+// src/ui/App.tsx
+import { useMemo as useMemo2, useState as useState5 } from "react";
+import { Box as Box9, Text as Text10, useApp, useInput as useInput4 } from "ink";
+
+// src/timeframe.ts
+var TIMEFRAMES = [
+  { id: "all", label: "All time" },
+  { id: "today", label: "Today" },
+  { id: "yesterday", label: "Yesterday" },
+  { id: "7d", label: "Last 7 days" },
+  { id: "30d", label: "Last 30 days" }
+];
+var isoDay = (offsetDays, now) => new Date(now - offsetDays * 864e5).toISOString().slice(0, 10);
+function timeframeLabel(id) {
+  return TIMEFRAMES.find((t) => t.id === id)?.label ?? id;
+}
+function nextTimeframe(id) {
+  const i = TIMEFRAMES.findIndex((t) => t.id === id);
+  return TIMEFRAMES[(i + 1) % TIMEFRAMES.length].id;
+}
+function timeframeRange(id, now = Date.now()) {
+  switch (id) {
+    case "all":
+      return void 0;
+    case "today":
+      return { from: isoDay(0, now), to: isoDay(0, now) };
+    case "yesterday":
+      return { from: isoDay(1, now), to: isoDay(1, now) };
+    case "7d":
+      return { from: isoDay(6, now), to: isoDay(0, now) };
+    case "30d":
+      return { from: isoDay(29, now), to: isoDay(0, now) };
+  }
+}
+
+// src/ui/AgentPicker.tsx
+import { useState as useState2 } from "react";
+import { Box as Box2, Text as Text2, useInput } from "ink";
+
+// src/ui/Banner.tsx
+import { Box, Text } from "ink";
+
+// src/ui/useTerminalSize.ts
+import { useEffect, useState } from "react";
+import { useStdout } from "ink";
+function useTerminalSize() {
+  const { stdout } = useStdout();
+  const [size, setSize] = useState({
+    cols: stdout?.columns ?? 80,
+    rows: stdout?.rows ?? 24
+  });
+  useEffect(() => {
+    if (!stdout) return;
+    const onResize = () => setSize({ cols: stdout.columns ?? 80, rows: stdout.rows ?? 24 });
+    onResize();
+    stdout.on("resize", onResize);
+    return () => {
+      stdout.off("resize", onResize);
+    };
+  }, [stdout]);
+  return size;
+}
+
+// src/ui/Banner.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ART = [
+  "\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588  \u2588\u2588\u2588\u2588\u2588\u2588  \u2588\u2588   \u2588\u2588 \u2588\u2588\u2588\u2588\u2588\u2588\u2588",
+  "   \u2588\u2588    \u2588\u2588    \u2588\u2588 \u2588\u2588  \u2588\u2588      \u2588\u2588  ",
+  "   \u2588\u2588    \u2588\u2588    \u2588\u2588 \u2588\u2588\u2588\u2588\u2588     \u2588\u2588    ",
+  "   \u2588\u2588    \u2588\u2588    \u2588\u2588 \u2588\u2588  \u2588\u2588   \u2588\u2588     ",
+  "   \u2588\u2588     \u2588\u2588\u2588\u2588\u2588\u2588  \u2588\u2588   \u2588\u2588 \u2588\u2588\u2588\u2588\u2588\u2588\u2588 "
+];
+function Banner({ subtitle }) {
+  const { cols, rows } = useTerminalSize();
+  const tiny = cols < 40 || rows < 18;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+    tiny ? /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u2590 TOKZ \u258C" }) : ART.map((line, i) => /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: line }, i)),
+    subtitle ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: subtitle }) : null
+  ] });
+}
+
+// src/ui/theme.ts
+var theme = {
+  accent: "cyan",
+  good: "green",
+  bad: "red",
+  warn: "yellow",
+  mcp: "magenta"
+};
+var MODEL_COLORS = [
+  ["fable", "magenta"],
+  ["opus", "cyan"],
+  ["sonnet", "blue"],
+  ["haiku", "green"]
+];
+function modelColor(modelId) {
+  for (const [key, color] of MODEL_COLORS) {
+    if (modelId.includes(key)) return color;
+  }
+  return "white";
+}
+
+// src/ui/AgentPicker.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function status(a) {
+  if (a.projects.length > 0) {
+    const cost = a.projects.reduce((s, p) => s + p.report.totalCostUsd, 0);
+    const sessions = a.projects.reduce((s, p) => s + p.report.sessionCount, 0);
+    return { text: `${a.projects.length} projects \xB7 ${sessions} sessions \xB7 ${usd(cost)}` };
+  }
+  if (a.detected && !a.adapter.supported) return { text: "detected \xB7 parsing not supported yet", color: theme.warn };
+  if (a.detected) return { text: "detected \xB7 no usage data", dim: true };
+  return { text: "not detected", dim: true };
+}
+function AgentPicker({
+  agents,
+  onSelect
+}) {
+  const selectable = agents.map((a, i) => ({ a, i })).filter(({ a }) => a.projects.length > 0).map(({ i }) => i);
+  const [cursor, setCursor] = useState2(0);
+  const clamped = Math.min(cursor, Math.max(0, selectable.length - 1));
+  useInput((_input, key) => {
+    if (key.upArrow) setCursor(() => Math.max(0, clamped - 1));
+    if (key.downArrow) setCursor(() => Math.min(selectable.length - 1, clamped + 1));
+    if (key.return && selectable[clamped] !== void 0) onSelect(selectable[clamped]);
+  });
+  const nameW = Math.max(...agents.map((a) => a.adapter.name.length)) + 2;
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsx2(Banner, { subtitle: "where your agents' tokens and dollars go \xB7 100% offline" }),
+    /* @__PURE__ */ jsx2(Text2, { bold: true, color: theme.accent, children: "Pick an agent" }),
+    /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, marginTop: 1, children: [
+      agents.map((a, i) => {
+        const st = status(a);
+        const selected = selectable[clamped] === i;
+        const selectableRow = a.projects.length > 0;
+        return /* @__PURE__ */ jsxs2(Text2, { bold: selected, children: [
+          /* @__PURE__ */ jsx2(Text2, { color: selected ? theme.accent : void 0, children: selected ? "\u25B8 " : "  " }),
+          /* @__PURE__ */ jsx2(
+            Text2,
+            {
+              color: selected ? theme.accent : selectableRow ? void 0 : void 0,
+              dimColor: !selectableRow,
+              children: a.adapter.name.padEnd(nameW)
+            }
+          ),
+          /* @__PURE__ */ jsx2(Text2, { color: st.color, dimColor: st.dim, children: st.text })
+        ] }, a.adapter.id);
+      }),
+      selectable.length === 0 ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "no agent usage data found on this machine" }) : null
+    ] })
+  ] });
+}
+
+// src/ui/Menu.tsx
+import { Box as Box4, Text as Text5 } from "ink";
+import SelectInput from "ink-select-input";
+
+// src/ui/Sparkline.tsx
+import { Text as Text3 } from "ink";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var LEVELS = "\u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
+function sparkline(values) {
+  const max = Math.max(0, ...values);
+  if (max <= 0) return LEVELS[0].repeat(values.length);
+  return values.map((v) => LEVELS[v <= 0 ? 0 : Math.min(7, Math.max(1, Math.round(v / max * 7)))]).join("");
+}
+function Sparkline({ values, color = "cyan" }) {
+  return /* @__PURE__ */ jsx3(Text3, { color, children: sparkline(values) });
+}
+
+// src/ui/StatCards.tsx
+import { Box as Box3, Text as Text4 } from "ink";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function StatCards({ stats }) {
+  return /* @__PURE__ */ jsx4(Box3, { flexWrap: "wrap", children: stats.map((s) => /* @__PURE__ */ jsxs3(
+    Box3,
+    {
+      borderStyle: "round",
+      borderColor: "gray",
+      flexDirection: "column",
+      paddingX: 1,
+      marginRight: 1,
+      children: [
+        /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: s.label }),
+        /* @__PURE__ */ jsxs3(Text4, { bold: true, color: s.color, children: [
+          s.value,
+          s.hint ? /* @__PURE__ */ jsxs3(Text4, { dimColor: true, children: [
+            " ",
+            s.hint
+          ] }) : null
+        ] })
+      ]
+    },
+    s.label
+  )) });
+}
+
+// src/ui/Menu.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function Indicator({ isSelected }) {
+  return /* @__PURE__ */ jsx5(Text5, { color: theme.accent, children: isSelected ? "\u25B8 " : "  " });
+}
+function Button({ isSelected, label }) {
+  return /* @__PURE__ */ jsx5(Text5, { color: isSelected ? "black" : theme.accent, backgroundColor: isSelected ? theme.accent : void 0, bold: true, children: `  ${label}  ` });
+}
+function Menu({
+  projects,
+  totals,
+  agentName,
+  onSelect
+}) {
+  const range = totals.spanStart && totals.spanEnd ? `${totals.spanStart} \u2192 ${totals.spanEnd}` : "no dated activity";
+  const last30 = totals.daily.slice(-30).map((d) => d.costUsd);
+  const unused = totals.servers.filter((s) => s.unused).length;
+  const items = [
+    { key: "list", label: "Browse projects", value: "list" },
+    { key: "aggregate", label: "All projects (aggregate)", value: "aggregate" },
+    { key: "quit", label: "Quit", value: "quit" }
+  ];
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx5(
+      Banner,
+      {
+        subtitle: `${agentName ? `${agentName} \xB7 ` : ""}where your agent's tokens and dollars go \xB7 100% offline`
+      }
+    ),
+    /* @__PURE__ */ jsx5(Box4, { marginBottom: 1, children: /* @__PURE__ */ jsx5(
+      StatCards,
+      {
+        stats: [
+          { label: "Total cost", value: usd(totals.totalCostUsd), color: theme.accent },
+          { label: "Projected", value: usd(totals.monthlyProjectionUsd), hint: "/mo" },
+          { label: "Projects", value: String(projects.length) },
+          { label: "Sessions", value: String(totals.sessionCount) },
+          { label: "Turns", value: compact(totals.totalTurns) },
+          {
+            label: "Cache hit",
+            value: pct1(totals.cacheHitRate),
+            color: totals.cacheHitRate > 0.8 ? theme.good : theme.warn
+          }
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsxs4(Text5, { children: [
+        /* @__PURE__ */ jsx5(Sparkline, { values: last30.length > 0 ? last30 : [0] }),
+        /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+          "  activity (last ",
+          Math.max(1, last30.length),
+          " active days)"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: range }),
+      unused > 0 ? /* @__PURE__ */ jsxs4(Text5, { color: theme.bad, children: [
+        "\u26A0 ",
+        unused,
+        " configured MCP server",
+        unused > 1 ? "s" : "",
+        " never called"
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx5(SelectInput, { items, onSelect: (item) => onSelect(item.value), indicatorComponent: Indicator, itemComponent: Button })
+  ] });
+}
+
+// src/ui/ProjectList.tsx
+import { useMemo, useState as useState3 } from "react";
+import { Box as Box5, Text as Text6, useInput as useInput2 } from "ink";
+
+// src/ui/bars.ts
+function bar(value, max, width = 20) {
+  if (max <= 0 || value <= 0) return "";
+  return "\u2588".repeat(Math.max(1, Math.round(value / max * width)));
+}
+
+// src/ui/ProjectList.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var COST_W = 10;
+var SESS_W = 6;
+var WHEN_W = 11;
+var BAR_W = 14;
+var SORT_CYCLE = ["cost", "recent", "name"];
+function sortProjects(projects, mode) {
+  const copy = [...projects];
+  if (mode === "cost") copy.sort((a, b) => b.report.totalCostUsd - a.report.totalCostUsd);
+  if (mode === "recent") copy.sort((a, b) => (b.report.spanEnd ?? "").localeCompare(a.report.spanEnd ?? ""));
+  if (mode === "name") copy.sort((a, b) => a.label.localeCompare(b.label));
+  return copy;
+}
+function displayLabels(projects) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const p of projects) counts.set(p.label, (counts.get(p.label) ?? 0) + 1);
+  const out = /* @__PURE__ */ new Map();
+  for (const p of projects) {
+    if ((counts.get(p.label) ?? 0) > 1) {
+      const parts = p.name.replace(/\\/g, "/").split("/").filter(Boolean);
+      const parent = parts.at(-2);
+      out.set(p.id, parent ? `${p.label} (${parent})` : p.label);
+    } else {
+      out.set(p.id, p.label);
+    }
+  }
+  return out;
+}
+function ProjectList({
+  projects,
+  agentName,
+  onSelect,
+  onAggregate,
+  onFilteringChange
+}) {
+  const [cursor, setCursor] = useState3(0);
+  const [filter, setFilter] = useState3("");
+  const [filtering, setFilteringRaw] = useState3(false);
+  const [sort, setSort] = useState3("cost");
+  const { cols, rows } = useTerminalSize();
+  const setFiltering = (v) => {
+    setFilteringRaw(v);
+    onFilteringChange?.(v);
+  };
+  const labels = useMemo(() => displayLabels(projects), [projects]);
+  const filtered = useMemo(() => {
+    const sorted = sortProjects(projects, sort);
+    if (!filter) return sorted;
+    const q = filter.toLowerCase();
+    return sorted.filter(
+      (p) => p.label.toLowerCase().includes(q) || p.name.toLowerCase().includes(q)
+    );
+  }, [projects, sort, filter]);
+  const pinnedShown = !filter;
+  const rowCount = filtered.length + (pinnedShown ? 1 : 0);
+  const clamped = Math.min(cursor, Math.max(0, rowCount - 1));
+  useInput2((input, key) => {
+    if (filtering) {
+      if (key.return) setFiltering(false);
+      else if (key.escape) {
+        setFiltering(false);
+        setFilter("");
+      } else if (key.backspace || key.delete) setFilter((f) => f.slice(0, -1));
+      else if (input && !key.ctrl && !key.meta) setFilter((f) => f + input);
+      setCursor(0);
+      return;
+    }
+    if (input === "/") {
+      setFiltering(true);
+      return;
+    }
+    if (input === "a") {
+      onAggregate();
+      return;
+    }
+    if (input === "s") {
+      setSort((m) => SORT_CYCLE[(SORT_CYCLE.indexOf(m) + 1) % SORT_CYCLE.length]);
+      setCursor(0);
+      return;
+    }
+    if (key.upArrow) setCursor(() => Math.max(0, clamped - 1));
+    if (key.downArrow) setCursor(() => Math.min(rowCount - 1, clamped + 1));
+    if (key.return) {
+      if (pinnedShown && clamped === 0) onAggregate();
+      else {
+        const p = filtered[clamped - (pinnedShown ? 1 : 0)];
+        if (p) onSelect(p);
+      }
+    }
+  });
+  const overhead = 8;
+  const avail = cols - overhead;
+  const showBar = avail >= 24 + SESS_W + WHEN_W + COST_W + 2 + 8;
+  const showWhen = avail >= 20 + SESS_W + WHEN_W + COST_W;
+  const showSess = avail >= 16 + SESS_W + COST_W;
+  const fixed = COST_W + (showSess ? SESS_W : 0) + (showWhen ? WHEN_W : 0) + (showBar ? BAR_W + 2 : 0);
+  const nameW = Math.max(10, Math.min(42, avail - fixed - 2));
+  const barW = showBar ? Math.min(BAR_W + Math.max(0, avail - fixed - 2 - nameW), 30) : 0;
+  const visibleRows = Math.max(4, Math.min(20, rows - 10));
+  const clip = (s) => s.length > nameW ? s.slice(0, nameW - 1) + "\u2026" : s;
+  const total = projects.reduce((s, p) => s + p.report.totalCostUsd, 0);
+  const max = Math.max(0, ...projects.map((p) => p.report.totalCostUsd));
+  const projCursor = clamped - (pinnedShown ? 1 : 0);
+  const offset = Math.max(0, Math.min(projCursor - Math.floor(visibleRows / 2), filtered.length - visibleRows));
+  const visible = filtered.slice(offset, offset + visibleRows);
+  const line = (label, sess, when, cost, share, selected) => (selected ? "\u25B8 " : "  ") + clip(label).padEnd(nameW) + (showSess ? sess.padStart(SESS_W) : "") + (showWhen ? when.padStart(WHEN_W) : "") + cost.padStart(COST_W) + (showBar ? "  " + share : "");
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs5(Box5, { marginBottom: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs5(Text6, { bold: true, color: theme.accent, children: [
+        "Projects",
+        agentName ? /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+          " \u2014 ",
+          agentName
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+        filtered.length,
+        filter ? `/${projects.length}` : "",
+        " project",
+        filtered.length === 1 && !filter ? "" : "s",
+        " \xB7",
+        " ",
+        usd(total),
+        " total \xB7 sorted by ",
+        sort,
+        filtering || filter ? /* @__PURE__ */ jsxs5(Text6, { children: [
+          " \xB7 filter: ",
+          /* @__PURE__ */ jsx6(Text6, { color: theme.warn, children: filter || "\u2026" }),
+          filtering ? /* @__PURE__ */ jsx6(Text6, { color: theme.warn, children: "\u258C" }) : null
+        ] }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "  " + "PROJECT".padEnd(nameW) + (showSess ? "SESS".padStart(SESS_W) : "") + (showWhen ? "LAST".padStart(WHEN_W) : "") + "COST".padStart(COST_W) + (showBar ? "  SHARE" : "") }),
+    /* @__PURE__ */ jsxs5(Box5, { borderStyle: "round", borderColor: "gray", flexDirection: "column", paddingX: 1, children: [
+      pinnedShown ? /* @__PURE__ */ jsx6(Text6, { color: clamped === 0 ? theme.accent : void 0, bold: clamped === 0, children: line("All projects", String(projects.reduce((s, p) => s + p.report.sessionCount, 0)), "", usd(total), "", clamped === 0) }) : null,
+      filtered.length === 0 ? /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+        'no projects match "',
+        filter,
+        '"'
+      ] }) : null,
+      visible.map((p, i) => {
+        const idx = offset + i;
+        const selected = idx === projCursor;
+        return /* @__PURE__ */ jsx6(Text6, { color: selected ? theme.accent : void 0, bold: selected, children: line(
+          labels.get(p.id) ?? p.label,
+          String(p.report.sessionCount),
+          relativeDate(p.report.spanEnd),
+          usd(p.report.totalCostUsd),
+          bar(p.report.totalCostUsd, max, barW),
+          selected
+        ) }, p.id);
+      }),
+      filtered.length > visibleRows ? /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+        "\u2026",
+        offset + visibleRows < filtered.length ? ` ${filtered.length - offset - visibleRows} below` : "",
+        offset > 0 ? ` \xB7 ${offset} above` : ""
+      ] }) : null
+    ] })
+  ] });
+}
+
+// src/ui/Dashboard.tsx
+import { useState as useState4 } from "react";
+import { Box as Box7, Text as Text8, useInput as useInput3 } from "ink";
+
+// src/ui/BarChart.tsx
+import { Box as Box6, Text as Text7 } from "ink";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function BarChart({
+  rows,
+  width = 22,
+  showShare = false,
+  maxLabel = 34
+}) {
+  const max = Math.max(0, ...rows.map((r) => r.value));
+  const total = rows.reduce((s, r) => s + r.value, 0);
+  const clip = (s) => s.length > maxLabel ? "\u2026" + s.slice(-(maxLabel - 1)) : s;
+  const labelW = Math.min(maxLabel, Math.max(0, ...rows.map((r) => r.label.length)));
+  const dispW = Math.max(0, ...rows.map((r) => (r.display ?? String(r.value)).length));
+  return /* @__PURE__ */ jsx7(Box6, { flexDirection: "column", children: rows.map((r) => /* @__PURE__ */ jsxs6(Text7, { children: [
+    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: clip(r.label).padEnd(labelW) }),
+    "  ",
+    /* @__PURE__ */ jsx7(Text7, { color: r.color ?? "cyan", children: bar(r.value, max, width).padEnd(width) }),
+    "  ",
+    /* @__PURE__ */ jsx7(Text7, { bold: true, children: (r.display ?? String(r.value)).padStart(dispW) }),
+    showShare && total > 0 ? /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: ` ${pct(r.value / total).padStart(4)}` }) : null
+  ] }, r.label)) });
+}
+
+// src/ui/Dashboard.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var TABS = ["Overview", "Models", "Tools", "Servers", "Sessions", "Activity"];
+function TabBar({ tab, narrow }) {
+  return /* @__PURE__ */ jsx8(Box7, { marginBottom: 1, children: TABS.map((t, i) => /* @__PURE__ */ jsx8(
+    Text8,
+    {
+      color: i === tab ? "black" : "gray",
+      backgroundColor: i === tab ? theme.accent : void 0,
+      bold: i === tab,
+      children: narrow ? ` ${i + 1}${i === tab ? ` ${t}` : ""} ` : ` ${i + 1} ${t} `
+    },
+    t
+  )) });
+}
+function lastDays(r, n) {
+  const byDate = new Map(r.daily.map((d) => [d.date, d]));
+  const out = [];
+  const today = r.spanEnd ? Date.parse(r.spanEnd) : Date.now();
+  for (let i = n - 1; i >= 0; i--) {
+    const date = new Date(today - i * 864e5).toISOString().slice(0, 10);
+    const d = byDate.get(date);
+    out.push({ date, costUsd: d?.costUsd ?? 0, turns: d?.turns ?? 0 });
+  }
+  return out;
+}
+function Section({ title, children }) {
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsx8(Text8, { bold: true, dimColor: true, children: title.toUpperCase() }),
+    children
+  ] });
+}
+function Overview({ r, chartW }) {
+  const days = lastDays(r, 30);
+  const peak = days.reduce((a, b) => b.costUsd > a.costUsd ? b : a, days[0]);
+  const models = Object.entries(r.costByModel).sort(([, a], [, b]) => b.total - a.total).slice(0, 4).map(([m, c]) => ({ label: shortModel(m), value: c.total, display: usd(c.total), color: modelColor(m) }));
+  const tools = Object.entries(r.toolCalls).sort(([, a], [, b]) => b - a).slice(0, 5).map(([n, c]) => ({ label: n, value: c, display: compact(c), color: n.startsWith("mcp__") ? theme.mcp : theme.accent }));
+  const unused = r.servers.filter((s) => s.unused).length;
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx8(Box7, { marginBottom: 1, children: /* @__PURE__ */ jsx8(
+      StatCards,
+      {
+        stats: [
+          { label: "Total cost", value: usd(r.totalCostUsd), color: theme.accent },
+          { label: "Projected", value: usd(r.monthlyProjectionUsd), hint: "/mo" },
+          { label: "Sessions", value: String(r.sessionCount) },
+          { label: "Turns", value: compact(r.totalTurns) },
+          { label: "Cache hit", value: pct1(r.cacheHitRate), color: r.cacheHitRate > 0.8 ? theme.good : theme.warn },
+          { label: "Cache saved", value: usd(r.cacheSavingsUsd), color: theme.good }
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx8(Section, { title: "last 30 days", children: /* @__PURE__ */ jsxs7(Box7, { children: [
+      /* @__PURE__ */ jsx8(Sparkline, { values: days.map((d) => d.costUsd) }),
+      peak && peak.costUsd > 0 ? /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
+        "  peak ",
+        usd(peak.costUsd),
+        " on ",
+        peak.date
+      ] }) : null
+    ] }) }),
+    models.length > 0 ? /* @__PURE__ */ jsx8(Section, { title: "cost by model", children: /* @__PURE__ */ jsx8(BarChart, { rows: models, width: chartW, showShare: true }) }) : null,
+    tools.length > 0 ? /* @__PURE__ */ jsx8(Section, { title: "top tools", children: /* @__PURE__ */ jsx8(BarChart, { rows: tools, width: chartW }) }) : null,
+    unused > 0 ? /* @__PURE__ */ jsxs7(Text8, { color: theme.bad, children: [
+      "\u26A0 ",
+      unused,
+      " MCP server",
+      unused > 1 ? "s" : "",
+      " configured but never called \u2014 see tab 4"
+    ] }) : null
+  ] });
+}
+function Models({ r, cols }) {
+  const entries = Object.entries(r.usageByModel).sort(
+    ([a], [b]) => r.costByModel[b].total - r.costByModel[a].total
+  );
+  if (entries.length === 0) return /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "no usage recorded" });
+  const nameW = Math.max(...entries.map(([m]) => shortModel(m).length), 5);
+  const col = (s) => s.padStart(10);
+  const full = cols >= nameW + 2 + 10 * 6 + 7;
+  const mid = cols >= nameW + 2 + 10 * 3 + 7;
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
+      "MODEL".padEnd(nameW + 2),
+      full ? col("INPUT") + col("CACHE RD") + col("CACHE WR") : "",
+      mid ? col("OUTPUT") + col("TURNS") : "",
+      col("COST"),
+      "  SHARE"
+    ] }),
+    entries.map(([m, u]) => {
+      const c = r.costByModel[m];
+      const share = r.totalCostUsd > 0 ? c.total / r.totalCostUsd : 0;
+      return /* @__PURE__ */ jsxs7(Text8, { children: [
+        /* @__PURE__ */ jsx8(Text8, { color: modelColor(m), bold: true, children: shortModel(m).padEnd(nameW + 2) }),
+        full ? col(compact(u.inputTokens)) + col(compact(u.cacheReadTokens)) + col(compact(u.cacheCreationTokens)) : "",
+        mid ? col(compact(u.outputTokens)) + col(compact(u.turns)) : "",
+        /* @__PURE__ */ jsx8(Text8, { bold: true, children: col(usd(c.total)) }),
+        /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: `  ${pct(share).padStart(4)}` })
+      ] }, m);
+    }),
+    /* @__PURE__ */ jsx8(Box7, { marginTop: 1, children: /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
+      "cost split \u2014 in ",
+      usd(entries.reduce((s, [m]) => s + r.costByModel[m].input, 0)),
+      " \xB7 cache rd",
+      " ",
+      usd(entries.reduce((s, [m]) => s + r.costByModel[m].cacheRead, 0)),
+      " \xB7 cache wr",
+      " ",
+      usd(entries.reduce((s, [m]) => s + r.costByModel[m].cacheWrite, 0)),
+      " \xB7 out",
+      " ",
+      usd(entries.reduce((s, [m]) => s + r.costByModel[m].output, 0))
+    ] }) })
+  ] });
+}
+function Tools({ r, chartW, cols }) {
+  const costs = r.toolCostUsd ?? {};
+  const anyCost = Object.values(costs).some((c) => c > 0);
+  const rows = Object.entries(r.toolCalls).map(([n, calls]) => ({ name: n, calls, cost: costs[n] ?? 0 })).sort((a, b) => anyCost ? b.cost - a.cost : b.calls - a.calls).slice(0, 15).map((t) => ({
+    label: t.name,
+    value: anyCost ? t.cost : t.calls,
+    display: anyCost ? `${usd(t.cost)} \xB7 ${compact(t.calls)} calls` : compact(t.calls),
+    color: t.name.startsWith("mcp__") ? theme.mcp : theme.accent
+  }));
+  if (rows.length === 0) return /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "no tool calls" });
+  const maxLabel = Math.max(12, Math.min(40, cols - chartW - (anyCost ? 30 : 16)));
+  const totalCalls = Object.values(r.toolCalls).reduce((s, n) => s + n, 0);
+  const mcpCalls = Object.entries(r.toolCalls).filter(([n]) => n.startsWith("mcp__")).reduce((s, [, n]) => s + n, 0);
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx8(BarChart, { rows, width: chartW, showShare: true, maxLabel }),
+    /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
+        compact(totalCalls),
+        " calls across ",
+        Object.keys(r.toolCalls).length,
+        " tools \xB7",
+        " ",
+        /* @__PURE__ */ jsx8(Text8, { color: theme.mcp, children: "magenta = MCP" }),
+        " (",
+        pct(totalCalls > 0 ? mcpCalls / totalCalls : 0),
+        " of calls)"
+      ] }),
+      anyCost ? /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "est. cost = each turn's bill split across the tools that turn called" }) : null
+    ] })
+  ] });
+}
+function Servers({ r, cols }) {
+  if (r.servers.length === 0)
+    return /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "no MCP servers configured or observed for this project" });
+  const pretty = (s) => !s.configured && s.name.startsWith("plugin_") ? s.name.replace(/^plugin_/, "").replace("_", ":") : s.name;
+  const nameW = Math.min(30, Math.max(...r.servers.map((s) => pretty(s).length), 6));
+  const sorted = [...r.servers].sort((a, b) => (b.estCostUsd ?? 0) - (a.estCostUsd ?? 0));
+  const clipName = (n) => n.length > nameW ? n.slice(0, nameW - 1) + "\u2026" : n;
+  const wide = cols >= 80;
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
+      "SERVER".padEnd(nameW),
+      "CALLS".padStart(8),
+      "EST COST".padStart(10),
+      "  STATUS  ",
+      wide ? "SOURCE" : ""
+    ] }),
+    sorted.map((s) => /* @__PURE__ */ jsxs7(Text8, { children: [
+      /* @__PURE__ */ jsx8(Text8, { color: s.configured ? theme.accent : theme.mcp, children: clipName(pretty(s)).padEnd(nameW) }),
+      compact(s.callsObserved).padStart(8),
+      /* @__PURE__ */ jsx8(Text8, { bold: true, children: usd(s.estCostUsd ?? 0).padStart(10) }),
+      "  ",
+      s.unused ? /* @__PURE__ */ jsx8(Text8, { color: theme.bad, children: "\u25CF UNUSED" }) : /* @__PURE__ */ jsx8(Text8, { color: theme.good, children: "\u25CF used  " }),
+      wide ? /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "  " + (s.configured ? s.source.replace(/\\/g, "/") : "plugin / external config") }) : null
+    ] }, s.name)),
+    /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, flexDirection: "column", children: [
+      sorted.some((s) => s.unused) ? /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Unused servers still load their tool schemas into every request \u2014 dead weight in the context window. Consider removing them." }) : null,
+      sorted.some((s) => !s.configured) ? /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
+        /* @__PURE__ */ jsx8(Text8, { color: theme.mcp, children: "magenta" }),
+        " servers were seen in transcripts but live outside .mcp.json / ~/.claude.json (plugins, managed configs)."
+      ] }) : null,
+      sorted.some((s) => (s.estCostUsd ?? 0) > 0) ? /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "est. cost = each turn's bill split across the tools that turn called" }) : null
+    ] })
+  ] });
+}
+function Sessions({ r, cols }) {
+  const rows = r.sessions.slice(0, 12);
+  if (rows.length === 0) return /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "no sessions" });
+  const wide = cols >= 60;
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
+      "WHEN".padEnd(12),
+      "LENGTH".padEnd(9),
+      wide ? "TURNS".padStart(6) + "TOOLS".padStart(7) : "",
+      "COST".padStart(9),
+      "  MODEL"
+    ] }),
+    rows.map((s) => /* @__PURE__ */ jsxs7(Text8, { children: [
+      relativeDate(s.start).padEnd(12),
+      duration(s.start, s.end).padEnd(9),
+      wide ? compact(s.turns).padStart(6) + compact(s.toolCallCount).padStart(7) : "",
+      /* @__PURE__ */ jsx8(Text8, { bold: true, children: usd(s.costUsd).padStart(9) }),
+      /* @__PURE__ */ jsx8(Text8, { color: s.models[0] ? modelColor(s.models[0]) : void 0, children: "  " + (s.models[0] ? shortModel(s.models[0]) : "\u2014") })
+    ] }, s.file)),
+    r.sessions.length > rows.length ? /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
+      "\u2026 ",
+      r.sessions.length - rows.length,
+      " more (sorted by cost)"
+    ] }) : null
+  ] });
+}
+function Activity({ r, chartW, cols }) {
+  const days = lastDays(r, 21).filter((d, i, all) => d.costUsd > 0 || i >= all.length - 14);
+  const wide = cols >= 66;
+  const rows = days.slice(-16).map((d) => ({
+    label: `${d.date} ${relativeDate(d.date) === "today" ? "\u25C2" : " "}`,
+    value: d.costUsd,
+    display: d.costUsd > 0 ? wide ? `${usd(d.costUsd)} \xB7 ${compact(d.turns)} turns` : usd(d.costUsd) : "\u2014"
+  }));
+  if (r.daily.length === 0) return /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "no dated activity" });
+  const avg = r.totalCostUsd / Math.max(1, r.daily.length);
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx8(BarChart, { rows, width: chartW }),
+    /* @__PURE__ */ jsx8(Box7, { marginTop: 1, children: /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
+      r.daily.length,
+      " active days \xB7 avg ",
+      usd(avg),
+      "/active day \xB7 projected",
+      " ",
+      usd(r.monthlyProjectionUsd),
+      "/mo"
+    ] }) })
+  ] });
+}
+function Dashboard({
+  project,
+  initialTab = 0,
+  timeframe
+}) {
+  const [tab, setTab] = useState4(initialTab);
+  const { cols } = useTerminalSize();
+  useInput3((input, key) => {
+    const n = Number.parseInt(input, 10);
+    if (n >= 1 && n <= TABS.length) setTab(n - 1);
+    if (key.rightArrow) setTab((t) => (t + 1) % TABS.length);
+    if (key.leftArrow) setTab((t) => (t + TABS.length - 1) % TABS.length);
+  });
+  const r = project.report;
+  const span = r.spanStart && r.spanEnd ? `${r.spanStart} \u2192 ${r.spanEnd}` : `${r.spanDays}d`;
+  const fullPath = project.name.replace(/\\/g, "/");
+  const chartW = Math.max(10, Math.min(26, cols - 54));
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsxs7(Text8, { children: [
+        /* @__PURE__ */ jsx8(Text8, { bold: true, color: theme.accent, children: project.label }),
+        project.label !== fullPath && cols >= project.label.length + fullPath.length + 6 ? /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
+          "  ",
+          fullPath
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
+        timeframe && timeframe !== "All time" ? /* @__PURE__ */ jsxs7(Text8, { color: "yellow", children: [
+          timeframe,
+          " \xB7 "
+        ] }) : null,
+        r.sessionCount,
+        " sessions \xB7 ",
+        span,
+        cols >= 70 ? " \xB7 API-equivalent cost, computed offline" : ""
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx8(TabBar, { tab, narrow: cols < 72 }),
+    /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+      tab === 0 ? /* @__PURE__ */ jsx8(Overview, { r, chartW }) : null,
+      tab === 1 ? /* @__PURE__ */ jsx8(Models, { r, cols }) : null,
+      tab === 2 ? /* @__PURE__ */ jsx8(Tools, { r, chartW, cols }) : null,
+      tab === 3 ? /* @__PURE__ */ jsx8(Servers, { r, cols }) : null,
+      tab === 4 ? /* @__PURE__ */ jsx8(Sessions, { r, cols }) : null,
+      tab === 5 ? /* @__PURE__ */ jsx8(Activity, { r, chartW, cols }) : null
+    ] })
+  ] });
+}
+
+// src/ui/HelpOverlay.tsx
+import { Box as Box8, Text as Text9 } from "ink";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var KEYS = [
+  ["\u2191 \u2193", "move selection"],
+  ["\u23CE", "open / select"],
+  ["\u2190 \u2192 or 1\u20136", "switch dashboard tab"],
+  ["/", "filter project list (esc clears)"],
+  ["s", "cycle project sort: cost \xB7 recent \xB7 name"],
+  ["t", "cycle timeframe: all \xB7 today \xB7 yesterday \xB7 7d \xB7 30d"],
+  ["esc", "go back"],
+  ["?", "toggle this help"],
+  ["q", "quit"]
+];
+function HelpOverlay() {
+  return /* @__PURE__ */ jsxs8(Box8, { borderStyle: "double", borderColor: "cyan", flexDirection: "column", paddingX: 2, paddingY: 1, alignSelf: "center", children: [
+    /* @__PURE__ */ jsx9(Text9, { bold: true, color: "cyan", children: "Keyboard shortcuts" }),
+    /* @__PURE__ */ jsx9(Text9, { children: " " }),
+    KEYS.map(([key, desc]) => /* @__PURE__ */ jsxs8(Text9, { children: [
+      /* @__PURE__ */ jsx9(Text9, { color: "cyan", bold: true, children: key.padEnd(14) }),
+      /* @__PURE__ */ jsx9(Text9, { children: desc })
+    ] }, key)),
+    /* @__PURE__ */ jsx9(Text9, { children: " " }),
+    /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "All data is read locally from ~/.claude \u2014 nothing leaves this machine." })
+  ] });
+}
+
+// src/ui/App.tsx
+import { Fragment, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var HINTS = {
+  agents: "\u2191\u2193 navigate \xB7 \u23CE select \xB7 ? help \xB7 q quit",
+  menu: "\u2191\u2193 navigate \xB7 \u23CE select \xB7 esc agents \xB7 ? help \xB7 q quit",
+  list: "\u2191\u2193 move \xB7 \u23CE open \xB7 / filter \xB7 s sort \xB7 a all \xB7 esc back \xB7 ? help \xB7 q quit",
+  project: "1\u20136 \u2190\u2192 tabs \xB7 esc back \xB7 ? help \xB7 q quit",
+  aggregate: "1\u20136 \u2190\u2192 tabs \xB7 esc back \xB7 ? help \xB7 q quit"
+};
+function wrapProjects(projects) {
+  return [
+    {
+      adapter: {
+        id: "claude",
+        name: "Claude Code",
+        supported: true,
+        detect: async () => true,
+        loadProjects: async () => projects
+      },
+      detected: true,
+      projects
+    }
+  ];
+}
+function App({
+  agents,
+  projects,
+  initialView,
+  initialSelected = 0
+}) {
+  const { exit } = useApp();
+  const agentList = useMemo2(
+    () => agents ?? wrapProjects(projects ?? []),
+    [agents, projects]
+  );
+  const multiAgent = agentList.length > 1;
+  const firstWithData = Math.max(0, agentList.findIndex((a) => a.projects.length > 0));
+  const [agentIdx, setAgentIdx] = useState5(firstWithData);
+  const [view, setView] = useState5(initialView ?? (multiAgent ? "agents" : "menu"));
+  const [aggFrom, setAggFrom] = useState5("menu");
+  const activeProjects = agentList[agentIdx]?.projects ?? [];
+  const [selected, setSelected] = useState5(
+    activeProjects[initialSelected]
+  );
+  const [help, setHelp] = useState5(false);
+  const [filterCapture, setFilterCapture] = useState5(false);
+  const [timeframe, setTimeframe] = useState5("all");
+  const scoped = useMemo2(
+    () => applyTimeframe(activeProjects, timeframeRange(timeframe)),
+    [activeProjects, timeframe]
+  );
+  const totals = useMemo2(() => aggregate(scoped), [scoped]);
+  const agentName = agentList[agentIdx]?.adapter.name ?? "";
+  useInput4((input, key) => {
+    if (help) {
+      setHelp(false);
+      return;
+    }
+    if (filterCapture) return;
+    if (input === "q") exit();
+    if (input === "?") setHelp(true);
+    if (input === "t" && view !== "agents") setTimeframe((tf) => nextTimeframe(tf));
+    if (key.escape) {
+      if (view === "project") setView("list");
+      else if (view === "aggregate") setView(aggFrom);
+      else if (view === "list") setView("menu");
+      else if (view === "menu" && multiAgent) setView("agents");
+    }
+  });
+  const anyData = agentList.some((a) => a.projects.length > 0);
+  if (!anyData) return /* @__PURE__ */ jsx10(Text10, { children: "No agent usage data found (Claude Code, Codex, OpenCode\u2026)." });
+  const tfLabel = timeframeLabel(timeframe);
+  let content;
+  if (help) {
+    content = /* @__PURE__ */ jsx10(HelpOverlay, {});
+  } else if (view === "agents") {
+    content = /* @__PURE__ */ jsx10(
+      AgentPicker,
+      {
+        agents: agentList,
+        onSelect: (i) => {
+          setAgentIdx(i);
+          setSelected(void 0);
+          setView("menu");
+        }
+      }
+    );
+  } else if (view === "menu") {
+    content = /* @__PURE__ */ jsx10(
+      Menu,
+      {
+        projects: scoped,
+        totals,
+        agentName,
+        onSelect: (action) => {
+          if (action === "quit") exit();
+          else {
+            if (action === "aggregate") setAggFrom("menu");
+            setView(action);
+          }
+        }
+      }
+    );
+  } else if (view === "aggregate") {
+    content = /* @__PURE__ */ jsx10(
+      Dashboard,
+      {
+        project: {
+          id: "__all__",
+          name: `All ${agentName} projects`,
+          label: `All ${agentName} projects`,
+          report: totals
+        },
+        timeframe: tfLabel
+      }
+    );
+  } else if (view === "project" && selected) {
+    const current = scoped.find((p) => p.id === selected.id);
+    content = current ? /* @__PURE__ */ jsx10(Dashboard, { project: current, timeframe: tfLabel }) : /* @__PURE__ */ jsx10(Box9, { paddingX: 1, children: /* @__PURE__ */ jsxs9(Text10, { dimColor: true, children: [
+      selected.label,
+      ": no activity ",
+      tfLabel.toLowerCase(),
+      " \u2014 press t to change the timeframe or esc to go back."
+    ] }) });
+  } else {
+    content = /* @__PURE__ */ jsx10(
+      ProjectList,
+      {
+        projects: scoped,
+        agentName,
+        onSelect: (p) => {
+          setSelected(p);
+          setView("project");
+        },
+        onAggregate: () => {
+          setAggFrom("list");
+          setView("aggregate");
+        },
+        onFilteringChange: setFilterCapture
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx10(Box9, { flexDirection: "column", flexGrow: 1, children: content }),
+    /* @__PURE__ */ jsx10(Box9, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: help ? "any key to close help" : view === "agents" ? HINTS.agents : /* @__PURE__ */ jsxs9(Fragment, { children: [
+      /* @__PURE__ */ jsxs9(Text10, { color: timeframe === "all" ? void 0 : "yellow", children: [
+        "\u23F1 ",
+        tfLabel
+      ] }),
+      " \xB7 t cycle \xB7 ",
+      HINTS[view]
+    ] }) }) })
+  ] });
+}
+
+// src/ui/Root.tsx
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var SPINNER = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+function ProgressBar({ done, total, width = 30 }) {
+  const filled = total > 0 ? Math.round(done / total * width) : 0;
+  return /* @__PURE__ */ jsxs10(Text11, { children: [
+    /* @__PURE__ */ jsx11(Text11, { color: theme.accent, children: "\u2588".repeat(filled) }),
+    /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "\u2591".repeat(width - filled) })
+  ] });
+}
+function Root() {
+  const { exit } = useApp2();
+  const [agents, setAgents] = useState6();
+  const [agentName, setAgentName] = useState6("");
+  const [progress, setProgress] = useState6({ parsed: 0, total: 0 });
+  const [frame, setFrame] = useState6(0);
+  useEffect2(() => {
+    const timer = setInterval(() => setFrame((f) => f + 1), 80);
+    loadAllAgents(void 0, (agent, p) => {
+      setAgentName(agent);
+      setProgress(p);
+    }).then(setAgents).catch(() => setAgents([])).finally(() => clearInterval(timer));
+    return () => clearInterval(timer);
+  }, []);
+  const empty = agents !== void 0 && !agents.some((a) => a.projects.length > 0);
+  useEffect2(() => {
+    if (empty) exit();
+  }, [empty, exit]);
+  if (!agents) {
+    return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", paddingX: 1, children: [
+      /* @__PURE__ */ jsx11(Banner, { subtitle: "where your agents' tokens and dollars go \xB7 100% offline" }),
+      /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs10(Text11, { children: [
+          /* @__PURE__ */ jsx11(Text11, { color: theme.accent, children: SPINNER[frame % SPINNER.length] }),
+          " Parsing",
+          agentName ? ` ${agentName}` : "",
+          "\u2026",
+          " ",
+          /* @__PURE__ */ jsxs10(Text11, { bold: true, children: [
+            progress.parsed,
+            "/",
+            progress.total || "?"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx11(ProgressBar, { done: progress.parsed, total: progress.total }),
+        progress.currentProject ? /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: progress.currentProject.replace(/\\/g, "/") }) : null
+      ] })
+    ] });
+  }
+  if (empty) return /* @__PURE__ */ jsx11(Text11, { children: "No agent usage data found (Claude Code, Codex, OpenCode\u2026)." });
+  return /* @__PURE__ */ jsx11(App, { agents });
+}
+export {
+  Root
+};