whoburnedmore 0.6.0 → 0.8.0

package/README.md

@@ -62,7 +62,7 @@ npx whoburnedmore --local
 | `npx whoburnedmore --no-submit` | Print local stats only, send nothing |
 | `npx whoburnedmore login` | Sign in to claim a public handle + join the leaderboard |
 | `npx whoburnedmore logout` | Forget the local token (your data is untouched) |
-| `npx whoburnedmore install-sync` | Keep your dashboard live with a background sync (every 3h) |
+| `npx whoburnedmore install-sync` | Keep your dashboard live with a background sync (hourly) |
 | `npx whoburnedmore uninstall-sync` | Remove the background sync |
 
 ## Supported tools
@@ -88,7 +88,7 @@ It uses a device flow — a code appears in your terminal, you approve it in the
 Want your dashboard to stay fresh without re-running by hand?
 
 ```bash
-npx whoburnedmore install-sync     # background sync every 3h (launchd / cron / scheduled task)
+npx whoburnedmore install-sync     # background sync hourly (launchd / cron / scheduled task)
 npx whoburnedmore uninstall-sync   # remove it
 ```
 

package/dist/index.js

@@ -12,7 +12,7 @@ import { createRequire as createRequire4 } from "node:module";
 import { platform as platform3 } from "node:os";
 import { join as join7 } from "node:path";
 import { createInterface } from "node:readline/promises";
-import pc2 from "picocolors";
+import pc3 from "picocolors";
 
 // src/args.ts
 function parseBoard(args) {
@@ -133,7 +133,7 @@ function ensureAnonKey(dir = defaultConfigDir()) {
 }
 
 // src/autosync.ts
-var SYNC_INTERVAL_HOURS = 3;
+var SYNC_INTERVAL_HOURS = 1;
 var LABEL = "com.whoburnedmore.sync";
 function syncLogPath() {
   return join2(defaultConfigDir(), "sync.log");
@@ -153,8 +153,14 @@ function buildLaunchdPlist(nodePath, scriptPath, logPath = syncLogPath()) {
   </array>
   <key>StartInterval</key>
   <integer>${SYNC_INTERVAL_HOURS * 3600}</integer>
+  <!-- Run once right after login/reboot so a machine that was off (or asleep)
+       through a scheduled tick catches up immediately, then keeps to the
+       interval. Submits are idempotent server-side, so an extra run is safe. -->
   <key>RunAtLoad</key>
-  <false/>
+  <true/>
+  <!-- Be a good citizen: macOS schedules this with background priority. -->
+  <key>ProcessType</key>
+  <string>Background</string>
   <key>StandardOutPath</key>
   <string>${logPath}</string>
   <key>StandardErrorPath</key>
@@ -250,6 +256,27 @@ function autoSyncInstalled() {
   return false;
 }
 
+// src/banner.ts
+import pc from "picocolors";
+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"
+];
+var SHADES = [226, 220, 214, 208, 202];
+function printBanner() {
+  const color = pc.isColorSupported;
+  console.log();
+  ART.forEach((row, i) => {
+    console.log("  " + (color ? `\x1B[1;38;5;${SHADES[i]}m${row}\x1B[0m` : row));
+  });
+  const mark = color ? `\x1B[1;38;5;208m\u{1F525} whoburnedmore\x1B[0m` : "\u{1F525} whoburnedmore";
+  console.log(`  ${mark}  ${pc.dim("\xB7 who burned more?")}`);
+  console.log();
+}
+
 // src/collect.ts
 import { spawnSync as spawnSync4 } from "node:child_process";
 import { createRequire as createRequire3 } from "node:module";
@@ -281,6 +308,7 @@ function estimateCostUSD(model, t) {
 
 // src/attribution.ts
 var CLAUDE_PROJECTS = join3(homedir3(), ".claude", "projects");
+var CODEX_SESSIONS = join3(homedir3(), ".codex", "sessions");
 var MAX_FILES = 5e3;
 var MAX_FILE_BYTES = 64 * 1024 * 1024;
 var TIME_BUDGET_MS = 3e4;
@@ -421,9 +449,95 @@ function accumulatorToResult(acc) {
     projects: toProjectStats(acc.projects),
     agent: { ...acc.agent },
     titles: acc.titles,
-    sessionMessages: acc.sessionMessages
+    sessionMessages: acc.sessionMessages,
+    complete: true
   };
 }
+function numTok(v) {
+  const x = Math.round(Number(v));
+  return Number.isFinite(x) && x > 0 ? x : 0;
+}
+function createCodexContext() {
+  return { cwd: "", model: "unknown", pending: [] };
+}
+function processCodexRecord(rec, acc, ctx) {
+  if (!rec || typeof rec !== "object") return;
+  const r = rec;
+  if (!r.payload || typeof r.payload !== "object") return;
+  const pl = r.payload;
+  const ptype = pl.type;
+  if (r.type === "session_meta" || r.type === "turn_context") {
+    if (typeof pl.cwd === "string" && pl.cwd) ctx.cwd = pl.cwd;
+    if (typeof pl.model === "string" && pl.model) ctx.model = pl.model;
+    return;
+  }
+  if (ptype === "function_call" || ptype === "custom_tool_call" || ptype === "local_shell_call") {
+    const raw = typeof pl.name === "string" ? pl.name : ptype === "local_shell_call" ? "local_shell" : "";
+    const name = raw.slice(0, 128);
+    if (!name) return;
+    const id = typeof pl.call_id === "string" ? pl.call_id : void 0;
+    ctx.pending.push({ name, id });
+    const t = acc.tools.get(name) ?? { count: 0, errors: 0, tokens: 0 };
+    t.count += 1;
+    acc.tools.set(name, t);
+    return;
+  }
+  if (ptype === "token_count") {
+    const info = pl.info;
+    const last = info?.last_token_usage;
+    if (!last) return;
+    const inputTokens = numTok(last.input_tokens);
+    const cacheReadTokens = numTok(last.cached_input_tokens);
+    const outputTokens = numTok(last.output_tokens) + numTok(last.reasoning_output_tokens);
+    const tokens = numTok(last.total_tokens) || inputTokens + cacheReadTokens + outputTokens;
+    if (tokens <= 0) {
+      ctx.pending = [];
+      return;
+    }
+    acc.agent.messageCount += 1;
+    acc.agent.totalTokens += tokens;
+    if (ctx.cwd) {
+      const name = basename(ctx.cwd).slice(0, 128) || "unknown";
+      const cost = estimateCostUSD(ctx.model, {
+        inputTokens,
+        outputTokens,
+        cacheCreationTokens: 0,
+        cacheReadTokens
+      });
+      const proj = acc.projects.get(name) ?? { tokens: 0, costUSD: 0 };
+      proj.tokens += tokens;
+      proj.costUSD += cost;
+      acc.projects.set(name, proj);
+    }
+    const per = ctx.pending.length > 0 ? Math.floor(tokens / ctx.pending.length) : 0;
+    for (const tu of ctx.pending) {
+      const t = acc.tools.get(tu.name);
+      if (t) t.tokens += per;
+    }
+    ctx.pending = [];
+  }
+}
+function readLines(file) {
+  let size = 0;
+  try {
+    size = statSync(file).size;
+  } catch {
+    return [];
+  }
+  if (size > MAX_FILE_BYTES) return [];
+  try {
+    return readFileSync2(file, "utf8").split("\n");
+  } catch {
+    return [];
+  }
+}
+function claudeProjectDirs() {
+  const dirs = [CLAUDE_PROJECTS];
+  const cfg = process.env.CLAUDE_CONFIG_DIR;
+  if (cfg) dirs.push(join3(cfg, "projects"));
+  dirs.push(join3(homedir3(), ".config", "claude", "projects"));
+  return [...new Set(dirs)];
+}
 function listTranscripts(dir) {
   const out = [];
   const walk = (d) => {
@@ -452,34 +566,42 @@ function listTranscripts(dir) {
 function collectAttribution() {
   const acc = createAccumulator();
   const deadline = Date.now() + TIME_BUDGET_MS;
+  let complete = true;
   try {
-    for (const file of listTranscripts(CLAUDE_PROJECTS)) {
-      if (Date.now() > deadline) break;
-      let size = 0;
-      try {
-        size = statSync(file).size;
-      } catch {
-        continue;
+    for (const dir of claudeProjectDirs()) {
+      for (const file of listTranscripts(dir)) {
+        if (Date.now() > deadline) {
+          complete = false;
+          break;
+        }
+        const ctx = createFileContext();
+        for (const line of readLines(file)) {
+          if (!line) continue;
+          try {
+            processRecord(JSON.parse(line), acc, ctx);
+          } catch {
+          }
+        }
       }
-      if (size > MAX_FILE_BYTES) continue;
-      let text;
-      try {
-        text = readFileSync2(file, "utf8");
-      } catch {
-        continue;
+    }
+    for (const file of listTranscripts(CODEX_SESSIONS)) {
+      if (Date.now() > deadline) {
+        complete = false;
+        break;
       }
-      const ctx = createFileContext();
-      for (const line of text.split("\n")) {
+      const ctx = createCodexContext();
+      for (const line of readLines(file)) {
         if (!line) continue;
         try {
-          processRecord(JSON.parse(line), acc, ctx);
+          processCodexRecord(JSON.parse(line), acc, ctx);
         } catch {
         }
       }
     }
   } catch {
+    complete = false;
   }
-  return accumulatorToResult(acc);
+  return { ...accumulatorToResult(acc), complete };
 }
 
 // src/cursor.ts
@@ -702,7 +824,9 @@ async function fetchCursorEvents(cookie, maxPages = 30, pageSize = 500) {
       body: JSON.stringify({ page, pageSize }),
       signal: AbortSignal.timeout(2e4)
     });
-    if (!res.ok) break;
+    if (!res.ok) {
+      throw new Error(`cursor usage page ${page} failed (HTTP ${res.status})`);
+    }
     const body = await res.json();
     const batch = body.usageEventsDisplay ?? [];
     all.push(...batch);
@@ -912,24 +1036,34 @@ function dedupeBlocks(blocks) {
   }
   return [...byStart.values()];
 }
-function runCcusage(cmd, args) {
+function runCcusageOnce(cmd, args) {
   const res = spawnSync4(cmd, args, {
     encoding: "utf8",
     maxBuffer: 64 * 1024 * 1024,
     timeout: 12e4
   });
-  if (res.status !== 0 || !res.stdout) return null;
+  const transient = res.signal != null || res.error != null;
+  if (res.status !== 0 || !res.stdout) return { json: null, transient };
   try {
-    return JSON.parse(res.stdout);
+    return { json: JSON.parse(res.stdout), transient: false };
   } catch {
-    return null;
+    return { json: null, transient: false };
   }
 }
-async function collectAll() {
+function runCcusage(cmd, args) {
+  const first = runCcusageOnce(cmd, args);
+  if (first.json !== null || !first.transient) return first.json;
+  return runCcusageOnce(cmd, args).json;
+}
+var COLLECT_STAGES = SOURCES.length + 4;
+async function collectAll(onProgress) {
   const { cmd, prefixArgs } = resolveCcusageBin();
   const entries = [];
   const toolsFound = [];
+  let done = 0;
+  const tick = (label) => onProgress?.(done++, COLLECT_STAGES, label);
   for (const source of SOURCES) {
+    tick(`reading ${source}`);
     const json = runCcusage(cmd, [
       ...prefixArgs,
       source,
@@ -944,17 +1078,22 @@ async function collectAll() {
       toolsFound.push(source);
     }
   }
+  tick("reading conversations");
   const sessionJson = runCcusage(cmd, [...prefixArgs, "session", "--json", "--offline"]);
+  tick("reading active blocks");
   const blockJson = runCcusage(cmd, [...prefixArgs, "blocks", "--json", "--offline"]);
   const sessions = sessionJson ? mapCcusageSessions(sessionJson) : [];
   const blocks = blockJson ? mapCcusageBlocks(blockJson) : [];
+  tick("reading cursor");
   const cursor = await collectCursor();
   if (cursor.found) {
     entries.push(...cursor.entries);
     blocks.push(...cursor.blocks);
     toolsFound.push("cursor");
   }
-  const { tools, skills, projects, agent, titles, sessionMessages } = collectAttribution();
+  tick("reading agent transcripts");
+  const { tools, skills, projects, agent, titles, sessionMessages, complete } = collectAttribution();
+  onProgress?.(done, COLLECT_STAGES, "done");
   const dedupedSessions = dedupeSessions(sessions).map((s) => {
     const title = titles.get(s.sessionId);
     const messageCount = sessionMessages.get(s.sessionId);
@@ -972,7 +1111,8 @@ async function collectAll() {
     tools,
     skills,
     projects,
-    agent
+    agent,
+    attributionComplete: complete
   };
 }
 
@@ -5118,6 +5258,13 @@ var SubmitPayload = external_exports.object({
   projects: external_exports.array(ProjectStat).max(500).optional(),
   /** Optional subagent-vs-main rollup parsed from local transcripts. */
   agent: AgentStat.optional(),
+  /**
+   * Set when the transcript scan completed within its time budget, i.e. the
+   * tool/skill/project/agent rollups are a FULL snapshot. The server refreshes
+   * the dashboard breakdowns unconditionally for a full snapshot; for a partial
+   * one (flag absent/false) it keeps its no-shrink guard. Back-compat: omittable.
+   */
+  attributionComplete: external_exports.boolean().optional(),
   /** Optional friends-board code (from `--board=<code>`): auto-join this board on submit. */
   board: external_exports.string().min(1).max(32).optional()
 });
@@ -5132,7 +5279,7 @@ var LeaderboardPeriod = external_exports.enum(["today", "7d", "30d", "all"]);
 var LeaderboardMetric = external_exports.enum(["tokens", "cost"]);
 
 // src/output.ts
-import pc from "picocolors";
+import pc2 from "picocolors";
 function formatTokens(n) {
   if (n >= 1e9) return `${(n / 1e9).toFixed(2)}B`;
   if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
@@ -5160,20 +5307,20 @@ function printSummary(entries) {
     byTool.set(e.tool, agg);
   }
   console.log();
-  console.log(pc.bold(pc.yellow("  \u{1F525} your burn report")));
+  console.log(pc2.bold(pc2.yellow("  \u{1F525} your burn report")));
   console.log();
   const rows = [...byTool.entries()].sort((a, b) => b[1].tokens - a[1].tokens);
   for (const [tool, agg] of rows) {
     console.log(
-      `  ${pc.cyan(tool.padEnd(10))} ${formatTokens(agg.tokens).padStart(9)} tokens  ${formatUSD(agg.cost).padStart(10)}  ${String(agg.days.size).padStart(4)} days`
+      `  ${pc2.cyan(tool.padEnd(10))} ${formatTokens(agg.tokens).padStart(9)} tokens  ${formatUSD(agg.cost).padStart(10)}  ${String(agg.days.size).padStart(4)} days`
     );
   }
-  console.log(pc.dim("  " + "\u2500".repeat(46)));
+  console.log(pc2.dim("  " + "\u2500".repeat(46)));
   console.log(
-    `  ${pc.bold("total".padEnd(10))} ${pc.bold(formatTokens(totalTokens).padStart(9))} tokens  ${pc.bold(formatUSD(totalCost).padStart(10))}`
+    `  ${pc2.bold("total".padEnd(10))} ${pc2.bold(formatTokens(totalTokens).padStart(9))} tokens  ${pc2.bold(formatUSD(totalCost).padStart(10))}`
   );
   if (todayTokens > 0) {
-    console.log(`  ${pc.dim("today".padEnd(10))} ${formatTokens(todayTokens).padStart(9)} tokens`);
+    console.log(`  ${pc2.dim("today".padEnd(10))} ${formatTokens(todayTokens).padStart(9)} tokens`);
   }
   console.log();
 }
@@ -5233,7 +5380,18 @@ function renderDashboardHtml(entries, generatedAt = /* @__PURE__ */ new Date(),
   const modelRows = [...byModel.entries()].sort((a, b) => b[1].tokens - a[1].tokens).slice(0, 12).map(
     ([model, a]) => `<tr><td class="mono">${esc(model)}</td><td class="num">${esc(formatTokens(a.tokens))}</td><td class="num">${esc(formatUSD(a.cost))}</td></tr>`
   ).join("");
-  const stat = (label, value, accent = false) => `<div class="card"><div class="label">${label}</div><div class="value${accent ? " accent" : ""}">${esc(value)}</div></div>`;
+  const railRow = (label, value, accent = false) => `<div class="rrow"><span class="rlabel">${esc(label)}</span><span class="rval${accent ? " accent" : ""}">${esc(value)}</span></div>`;
+  const tb = [
+    { label: "input", value: totals.input, color: "#3b82f6" },
+    { label: "output", value: totals.output, color: "#22c55e" },
+    { label: "cache write", value: totals.cacheWrite, color: "#a855f7" },
+    { label: "cache read", value: totals.cacheRead, color: "#ea580c" }
+  ];
+  const tbSum = tb.reduce((a, p) => a + p.value, 0) || 1;
+  const tbBar = tb.map((p) => `<div style="width:${p.value / tbSum * 100}%;background:${p.color}"></div>`).join("");
+  const tbCells = tb.map(
+    (p) => `<div class="tbcell"><div class="tblabel"><span class="dot" style="background:${p.color}"></span>${p.label}</div><div class="tbval">${esc(formatTokens(p.value))}</div><div class="tbpct">${Math.round(p.value / tbSum * 100)}%</div></div>`
+  ).join("");
   const connectCta = connect ? `
     <form class="connect" method="POST" action="${esc(connect.webBaseUrl)}/connect">
       <input type="hidden" name="payload" value="${Buffer.from(JSON.stringify(connect.payload)).toString("base64")}">
@@ -5260,19 +5418,36 @@ function renderDashboardHtml(entries, generatedAt = /* @__PURE__ */ new Date(),
     font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
     line-height: 1.5;
   }
-  .wrap { max-width: 960px; margin: 0 auto; padding: 40px 20px 80px; }
-  h1 { font-size: 28px; margin: 0; }
+  .wrap { max-width: 1100px; margin: 0 auto; padding: 40px 20px 80px; }
+  h1 { font-size: 22px; margin: 0; line-height: 1.2; }
   h1 .q { color: #ea580c; }
-  .sub { color: #a8a29e; font-size: 14px; margin-top: 4px; }
+  .sub { color: #a8a29e; font-size: 13px; margin-top: 4px; }
   .mono, code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
-  .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 28px 0; }
-  @media (min-width: 640px) { .grid { grid-template-columns: repeat(5, 1fr); } }
-  .card { background: #1c1917; border: 1px solid #292524; border-radius: 12px; padding: 14px 16px; }
-  .label { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: #a8a29e; }
-  .value { font-size: 22px; font-weight: 700; font-family: ui-monospace, monospace; margin-top: 6px; font-variant-numeric: tabular-nums; }
-  .value.accent { color: #ea580c; }
-  .panel { background: #1c1917; border: 1px solid #292524; border-radius: 12px; padding: 18px 20px; margin-top: 20px; }
+  .head { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
+  .flame { width: 46px; height: 46px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 12px; border: 1px solid #292524; background: #1c1917; font-size: 22px; }
+
+  /* Split layout: narrow sticky rail + wide scrolling column (mirrors the web). */
+  .layout { display: grid; gap: 24px; align-items: start; }
+  @media (min-width: 900px) { .layout { grid-template-columns: 280px minmax(0, 1fr); } .rail { position: sticky; top: 20px; } }
+  .rail { display: flex; flex-direction: column; gap: 16px; }
+  .rail-card { background: #1c1917; border: 1px solid #292524; border-radius: 14px; padding: 16px; }
+  .hero-val { font-size: 30px; font-weight: 800; font-family: ui-monospace, monospace; color: #4ade80; font-variant-numeric: tabular-nums; line-height: 1.1; margin-top: 2px; }
+  .rdiv { height: 1px; background: #292524; margin: 12px 0; }
+  .rrow { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 5px 0; }
+  .rlabel { font-size: 11px; text-transform: uppercase; letter-spacing: .12em; color: #a8a29e; }
+  .rval { font-family: ui-monospace, monospace; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; }
+  .rval.accent { color: #4ade80; }
+  .col { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
+  .panel { background: #1c1917; border: 1px solid #292524; border-radius: 14px; padding: 18px 20px; }
   .panel h2 { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: #d6d3d1; margin: 0 0 14px; }
+  .tbbar { display: flex; height: 12px; width: 100%; border-radius: 999px; overflow: hidden; background: #292524; }
+  .tbgrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 14px; }
+  @media (min-width: 520px) { .tbgrid { grid-template-columns: repeat(4, 1fr); } }
+  .tbcell { border: 1px solid #292524; background: #0c0a09; border-radius: 10px; padding: 8px 10px; }
+  .tblabel { display: flex; align-items: center; gap: 6px; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: #a8a29e; }
+  .dot { width: 8px; height: 8px; border-radius: 999px; display: inline-block; flex-shrink: 0; }
+  .tbval { font-family: ui-monospace, monospace; font-weight: 700; font-size: 16px; margin-top: 4px; font-variant-numeric: tabular-nums; }
+  .tbpct { font-size: 11px; color: #a8a29e; }
   .chart { display: flex; align-items: flex-end; gap: 2px; height: 140px; }
   .bar { flex: 1; background: linear-gradient(to top, #ea580c, #f97316); border-radius: 2px 2px 0 0; min-height: 0; transition: opacity .15s; }
   .bar:hover { opacity: .7; }
@@ -5296,48 +5471,55 @@ function renderDashboardHtml(entries, generatedAt = /* @__PURE__ */ new Date(),
 </head>
 <body>
   <div class="wrap">
-    <h1>who burned more<span class="q">?</span></h1>
-    <div class="sub">your local burn report \xB7 generated ${esc(generatedAt.toISOString().slice(0, 16).replace("T", " "))} \xB7 nothing left your machine</div>
+    <header class="head">
+      <div class="flame">\u{1F525}</div>
+      <div>
+        <h1>your local burn</h1>
+        <div class="sub">generated ${esc(generatedAt.toISOString().slice(0, 16).replace("T", " "))} \xB7 nothing left your machine</div>
+      </div>
+    </header>
 ${connectCta}
-    <div class="grid">
-      ${stat("total tokens", formatTokens(totals.tokens), true)}
-      ${stat("est. cost", formatUSD(totals.cost))}
-      ${stat("active days", String(activeDays))}
-      ${stat("avg / day", formatTokens(avgPerDay))}
-      ${stat("today", formatTokens(todayTokens))}
-    </div>
+    <div class="layout">
+      <aside class="rail">
+        <div class="rail-card">
+          <div class="rlabel">total tokens</div>
+          <div class="hero-val">${esc(formatTokens(totals.tokens))}</div>
+          <div class="rdiv"></div>
+          ${railRow("avg / day", formatTokens(avgPerDay), true)}
+          ${railRow("est. cost", formatUSD(totals.cost))}
+          ${railRow("active days", String(activeDays))}
+          ${railRow("today", formatTokens(todayTokens))}
+        </div>
+      </aside>
 
-    <div class="panel">
-      <h2>daily burn (last 60 days)</h2>
-      <div class="chart">${bars}</div>
-    </div>
+      <div class="col">
+        <div class="panel">
+          <h2>daily burn (last 60 days)</h2>
+          <div class="chart">${bars}</div>
+        </div>
 
-    <div class="panel">
-      <h2>by tool</h2>
-      <table>
-        <thead><tr><th>tool</th><th class="num">tokens</th><th class="num">est. cost</th></tr></thead>
-        <tbody>${toolRows || '<tr><td colspan="3">no usage found</td></tr>'}</tbody>
-      </table>
-    </div>
+        <div class="panel">
+          <h2>by tool</h2>
+          <table>
+            <thead><tr><th>tool</th><th class="num">tokens</th><th class="num">est. cost</th></tr></thead>
+            <tbody>${toolRows || '<tr><td colspan="3">no usage found</td></tr>'}</tbody>
+          </table>
+        </div>
 
-    <div class="panel">
-      <h2>by model</h2>
-      <table>
-        <thead><tr><th>model</th><th class="num">tokens</th><th class="num">est. cost</th></tr></thead>
-        <tbody>${modelRows || '<tr><td colspan="3">no usage found</td></tr>'}</tbody>
-      </table>
-    </div>
+        <div class="panel">
+          <h2>by model</h2>
+          <table>
+            <thead><tr><th>model</th><th class="num">tokens</th><th class="num">est. cost</th></tr></thead>
+            <tbody>${modelRows || '<tr><td colspan="3">no usage found</td></tr>'}</tbody>
+          </table>
+        </div>
 
-    <div class="panel">
-      <h2>token breakdown</h2>
-      <table>
-        <tbody>
-          <tr><td>input</td><td class="num">${esc(formatTokens(totals.input))}</td></tr>
-          <tr><td>output</td><td class="num">${esc(formatTokens(totals.output))}</td></tr>
-          <tr><td>cache write</td><td class="num">${esc(formatTokens(totals.cacheWrite))}</td></tr>
-          <tr><td>cache read</td><td class="num">${esc(formatTokens(totals.cacheRead))}</td></tr>
-        </tbody>
-      </table>
+        <div class="panel">
+          <h2>token breakdown</h2>
+          <div class="tbbar">${tbBar}</div>
+          <div class="tbgrid">${tbCells}</div>
+        </div>
+      </div>
     </div>
 
     <div class="foot">
@@ -5369,23 +5551,45 @@ async function publishLocal(payload, deps) {
 // src/index.ts
 var require2 = createRequire4(import.meta.url);
 var VERSION = require2("../package.json").version;
-function startSpinner(label) {
+function startProgress() {
   if (!process.stdout.isTTY) {
-    console.log(pc2.dim(`  ${label}`));
-    return () => {
+    let lastLogged = -1;
+    return {
+      onProgress: (done, total) => {
+        const pct = Math.round(done / total * 100);
+        if (pct >= lastLogged + 25 || pct === 100 && lastLogged < 100) {
+          lastLogged = pct;
+          console.log(pc3.dim(`  reading local usage\u2026 ${pct}%`));
+        }
+      },
+      stop: () => {
+      }
     };
   }
-  const frames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-  let i = 0;
+  const width = 24;
+  let target = 0;
+  let shown = 0;
+  let label = "starting\u2026";
   process.stdout.write("\x1B[?25l");
-  const timer = setInterval(() => {
-    i = (i + 1) % frames.length;
-    process.stdout.write(`\r  ${pc2.yellow(frames[i])} ${pc2.dim(label)}`);
-  }, 80);
-  return () => {
-    clearInterval(timer);
-    process.stdout.write("\r\x1B[2K");
-    process.stdout.write("\x1B[?25h");
+  const render = () => {
+    shown += (target - shown) * 0.3;
+    if (target - shown < 4e-3) shown = target;
+    const filled = Math.round(shown * width);
+    const bar = pc3.yellow("\u2588".repeat(filled)) + pc3.dim("\u2591".repeat(width - filled));
+    const pct = String(Math.round(shown * 100)).padStart(3);
+    process.stdout.write(`\r  ${bar} ${pct}%  ${pc3.dim(label)}\x1B[K`);
+  };
+  render();
+  const timer = setInterval(render, 60);
+  return {
+    onProgress: (done, total, l) => {
+      target = total > 0 ? done / total : 0;
+      label = l;
+    },
+    stop: () => {
+      clearInterval(timer);
+      process.stdout.write("\r\x1B[2K\x1B[?25h");
+    }
   };
 }
 function openBrowser(url) {
@@ -5396,7 +5600,7 @@ function openBrowser(url) {
 async function confirm(question) {
   if (!process.stdin.isTTY) return false;
   const rl = createInterface({ input: process.stdin, output: process.stdout });
-  const answer = (await rl.question(`${question} ${pc2.dim("[Y/n]")} `)).trim();
+  const answer = (await rl.question(`${question} ${pc3.dim("[Y/n]")} `)).trim();
   rl.close();
   return answer === "" || /^y(es)?$/i.test(answer);
 }
@@ -5412,27 +5616,36 @@ function showLocalDashboard(payload) {
     })
   );
   console.log();
-  console.log(`  Local dashboard: ${pc2.cyan(`file://${file}`)}`);
-  console.log(pc2.dim("  Re-run `npx whoburnedmore --local` to refresh it. Nothing left your machine."));
+  console.log(`  Local dashboard: ${pc3.cyan(`file://${file}`)}`);
+  console.log(pc3.dim("  Re-run `npx whoburnedmore --local` to refresh it. Nothing left your machine."));
   openBrowser(`file://${file}`);
 }
 async function run(flags) {
   if (!flags.quiet) {
-    console.log(pc2.dim(`whoburnedmore v${VERSION} \xB7 ${flags.local ? "local mode" : apiBase()}`));
+    printBanner();
+    console.log(pc3.dim(`whoburnedmore v${VERSION} \xB7 ${flags.local ? "local mode" : apiBase()}`));
+  }
+  if (!flags.quiet && !flags.dryRun && !flags.noSubmit && !flags.local && process.stdin.isTTY) {
+    const ok = await confirm("  Read your local usage and post your rank to the leaderboard?");
+    if (!ok) {
+      console.log(pc3.dim("  No worries \u2014 nothing read, nothing sent."));
+      console.log(pc3.dim("  Tip: `--local` builds a private dashboard, `--dry-run` previews the payload."));
+      return;
+    }
   }
-  const stop = flags.quiet ? () => {
-  } : startSpinner("Calculating your burn from local usage\u2026");
+  const progress = flags.quiet ? { onProgress: void 0, stop: () => {
+  } } : startProgress();
   let collected;
   try {
-    collected = await collectAll();
+    collected = await collectAll(progress.onProgress);
   } finally {
-    stop();
+    progress.stop();
   }
-  const { entries, sessions, blocks, toolsFound, tools, skills, projects, agent } = collected;
+  const { entries, sessions, blocks, toolsFound, tools, skills, projects, agent, attributionComplete } = collected;
   if (entries.length === 0) {
     console.log();
     console.log("  Nothing to burn yet \u2014 no local usage found from any coding agent.");
-    console.log(pc2.dim("  Use Claude Code, Codex, Gemini CLI (or friends) and come back."));
+    console.log(pc3.dim("  Use Claude Code, Codex, Gemini CLI (or friends) and come back."));
     return;
   }
   const payload = { cliVersion: VERSION, entries };
@@ -5442,9 +5655,11 @@ async function run(flags) {
   if (skills.length > 0) payload.skills = skills;
   if (projects.length > 0) payload.projects = projects;
   if (agent.messageCount > 0) payload.agent = agent;
+  if (attributionComplete && (tools.length > 0 || skills.length > 0 || projects.length > 0))
+    payload.attributionComplete = true;
   if (flags.board) payload.board = flags.board;
   if (flags.dryRun) {
-    console.log(pc2.dim("\n  --dry-run: this exact payload would be sent, nothing else:\n"));
+    console.log(pc3.dim("\n  --dry-run: this exact payload would be sent, nothing else:\n"));
     console.log(JSON.stringify(payload, null, 2));
     return;
   }
@@ -5457,42 +5672,42 @@ async function run(flags) {
         ensureAnonKey,
         anonSubmit,
         openBrowser,
-        log: (line) => console.log(pc2.dim(line))
+        log: (line) => console.log(pc3.dim(line))
       });
     }
     return;
   }
   if (flags.noSubmit) {
-    console.log(pc2.dim("  --no-submit: skipped the dashboard."));
+    console.log(pc3.dim("  --no-submit: skipped the dashboard."));
     return;
   }
   const anonKey = ensureAnonKey();
   const result = await anonSubmit(anonKey, payload);
   const target = result.boardUrl ?? claimUrl(result.dashboardUrl, anonKey);
   if (!flags.quiet) {
-    console.log(pc2.dim("  Opening your dashboard in your browser\u2026"));
+    console.log(pc3.dim("  Opening your dashboard in your browser\u2026"));
     openBrowser(target);
   }
   console.log(
-    `  Submitted ${pc2.bold(String(result.upserted))} day-entries from ${toolsFound.join(", ")}.`
+    `  Submitted ${pc3.bold(String(result.upserted))} day-entries from ${toolsFound.join(", ")}.`
   );
   if (result.boardUrl) {
     console.log(
-      `  You burned ${pc2.bold(formatTokens(result.totalTokens))} tokens \u2014 \u{1F91D} you're on the friends board:`
+      `  You burned ${pc3.bold(formatTokens(result.totalTokens))} tokens \u2014 \u{1F91D} you're on the friends board:`
     );
-    console.log(`  ${pc2.cyan(result.boardUrl)}`);
-    console.log(pc2.dim(`  Your dashboard: ${result.dashboardUrl}`));
+    console.log(`  ${pc3.cyan(result.boardUrl)}`);
+    console.log(pc3.dim(`  Your dashboard: ${result.dashboardUrl}`));
   } else {
     console.log(
-      `  You burned ${pc2.bold(formatTokens(result.totalTokens))} tokens \u2014 you're on the public leaderboard:`
+      `  You burned ${pc3.bold(formatTokens(result.totalTokens))} tokens \u2014 you're on the public leaderboard:`
     );
-    console.log(`  ${pc2.cyan(result.dashboardUrl)}`);
+    console.log(`  ${pc3.cyan(result.dashboardUrl)}`);
     if (!flags.quiet) {
       console.log(
-        pc2.dim("  Claim it (name + X) on the web to own your rank, or make it private / remove it.")
+        pc3.dim("  Claim it (name + X) on the web to own your rank, or make it private / remove it.")
       );
       console.log(
-        pc2.dim("  Manage anytime: `npx whoburnedmore private` \xB7 `npx whoburnedmore public` \xB7 `npx whoburnedmore remove`.")
+        pc3.dim("  Manage anytime: `npx whoburnedmore private` \xB7 `npx whoburnedmore public` \xB7 `npx whoburnedmore remove`.")
       );
     }
   }
@@ -5505,7 +5720,7 @@ async function run(flags) {
   if (!flags.quiet) {
     console.log();
     console.log(
-      autoSyncInstalled() ? pc2.dim("  Background sync is on \u2014 your page updates automatically every 3h (`npx whoburnedmore uninstall-sync` to stop).") : pc2.dim("  Re-run anytime to update your page.")
+      autoSyncInstalled() ? pc3.dim("  Background sync is on \u2014 your page updates automatically every hour (`npx whoburnedmore uninstall-sync` to stop).") : pc3.dim("  Re-run anytime to update your page.")
     );
   }
 }
@@ -5580,9 +5795,9 @@ async function main() {
 }
 function printHelp() {
   console.log(`
-  ${pc2.bold("whoburnedmore")} \u2014 who burned more tokens, you or them?
+  ${pc3.bold("whoburnedmore")} \u2014 who burned more tokens, you or them?
 
-  ${pc2.bold("usage")}
+  ${pc3.bold("usage")}
     npx whoburnedmore              burn + land on the public leaderboard, open your dashboard
     npx whoburnedmore --board=CODE compare with friends \u2014 join their board (no sign-in)
     npx whoburnedmore --local      build the dashboard on your machine and open it (offline)
@@ -5595,7 +5810,7 @@ function printHelp() {
     npx whoburnedmore install-sync     turn it back on after uninstalling
 
   Background sync is on by default: after your first run, your page refreshes
-  automatically every 3h (\`uninstall-sync\` to stop). Your dashboard is public on
+  automatically every hour (\`uninstall-sync\` to stop). Your dashboard is public on
   the leaderboard as an anonymous burner \u2014 sign in on whoburnedmore.com to claim
   it (handle + X) and own your rank, or run \`private\`/\`remove\` to pull it. Only
   daily aggregate numbers (date, tool, model, token counts, est. cost) ever leave
@@ -5604,7 +5819,7 @@ function printHelp() {
 `);
 }
 main().catch((err) => {
-  console.error(pc2.red(`
+  console.error(pc3.red(`
   ${err.message}
 `));
   process.exitCode = 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whoburnedmore",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "Find out who burned more — submit your AI coding-agent token usage to the public leaderboard at whoburnedmore.com",
   "type": "module",
   "bin": {
@@ -20,8 +20,7 @@
   },
   "dependencies": {
     "ccusage": "20.0.9",
-    "picocolors": "^1.1.1",
-    "tokscale": "^1.2.7"
+    "picocolors": "^1.1.1"
   },
   "devDependencies": {
     "@types/node": "^22.10.0",