tokmon 0.12.6 → 0.13.0

package/dist/cli.js

@@ -5,46 +5,104 @@ import { render } from "ink";
 import { MouseProvider } from "@zenobius/ink-mouse";
 
 // src/config.ts
-import { readFile, writeFile, mkdir } from "fs/promises";
-import { join } from "path";
+import { readFile, writeFile, mkdir, rename } from "fs/promises";
+import { join, isAbsolute } from "path";
 import { homedir } from "os";
+function envDir(name) {
+  const v = process.env[name];
+  return v && v.trim() && isAbsolute(v.trim()) ? v.trim() : void 0;
+}
 var DEFAULTS = {
   interval: 2,
   billingInterval: 5,
   clearScreen: true,
   timezone: null,
   accounts: [],
-  activeAccountId: null
+  activeAccountId: null,
+  disabledProviders: [],
+  onboarded: false,
+  dashboardLayout: "grid",
+  defaultFocus: "all"
 };
 var ACCENT_COLORS = ["cyan", "magenta", "green", "yellow", "blue", "red"];
 function configDir() {
   if (process.platform === "win32") {
-    return join(process.env.APPDATA ?? join(homedir(), "AppData", "Roaming"), "tokmon");
+    return join(envDir("APPDATA") ?? join(homedir(), "AppData", "Roaming"), "tokmon");
   }
-  const xdg = process.env.XDG_CONFIG_HOME ?? join(homedir(), ".config");
-  return join(xdg, "tokmon");
+  return join(envDir("XDG_CONFIG_HOME") ?? join(homedir(), ".config"), "tokmon");
 }
 function configLocation() {
   return join(configDir(), "config.json");
 }
+function cacheDir() {
+  if (process.platform === "win32") {
+    return join(envDir("LOCALAPPDATA") ?? envDir("APPDATA") ?? join(homedir(), "AppData", "Local"), "tokmon", "cache");
+  }
+  if (process.platform === "darwin") {
+    return join(homedir(), "Library", "Caches", "tokmon");
+  }
+  return join(envDir("XDG_CACHE_HOME") ?? join(homedir(), ".cache"), "tokmon");
+}
+var PROVIDER_IDS = ["claude", "codex", "cursor"];
+function clampNum(v, fallback, min) {
+  return typeof v === "number" && Number.isFinite(v) && v >= min ? v : fallback;
+}
 async function loadConfig() {
+  let raw;
+  try {
+    raw = await readFile(configLocation(), "utf-8");
+  } catch {
+    return { ...DEFAULTS };
+  }
+  let parsed;
+  try {
+    parsed = JSON.parse(raw);
+  } catch {
+    try {
+      await writeFile(configLocation() + ".bak", raw);
+    } catch {
+    }
+    return { ...DEFAULTS };
+  }
   try {
-    const raw = await readFile(configLocation(), "utf-8");
-    const parsed = JSON.parse(raw);
+    const accounts = (Array.isArray(parsed.accounts) ? parsed.accounts : []).map((a) => ({ ...a, providerId: a.providerId ?? "claude" })).filter((a) => typeof a?.id === "string" && typeof a?.name === "string" && PROVIDER_IDS.includes(a.providerId));
     return {
       ...DEFAULTS,
       ...parsed,
-      accounts: Array.isArray(parsed.accounts) ? parsed.accounts : [],
-      activeAccountId: typeof parsed.activeAccountId === "string" ? parsed.activeAccountId : null
+      // Coerce the numeric/boolean knobs: a hand-edited `"interval": "fast"` or
+      // a negative value would otherwise reach setTimeout as NaN → a 0ms tight
+      // poll loop. Clamp to sane minimums.
+      interval: clampNum(parsed.interval, DEFAULTS.interval, 1),
+      billingInterval: clampNum(parsed.billingInterval, DEFAULTS.billingInterval, 1),
+      clearScreen: typeof parsed.clearScreen === "boolean" ? parsed.clearScreen : DEFAULTS.clearScreen,
+      timezone: typeof parsed.timezone === "string" && parsed.timezone.trim() ? parsed.timezone : null,
+      accounts,
+      activeAccountId: typeof parsed.activeAccountId === "string" ? parsed.activeAccountId : null,
+      disabledProviders: (Array.isArray(parsed.disabledProviders) ? parsed.disabledProviders : []).filter((p) => PROVIDER_IDS.includes(p)),
+      // Only skip onboarding when it was explicitly completed. Configs that
+      // predate the flag (even ones with a legacy account) still get the
+      // provider picker once, so existing users can opt into Codex/Cursor.
+      onboarded: parsed.onboarded === true,
+      dashboardLayout: parsed.dashboardLayout === "single" ? "single" : "grid",
+      defaultFocus: parsed.defaultFocus === "last" ? "last" : "all"
     };
   } catch {
     return { ...DEFAULTS };
   }
 }
-async function saveConfig(config2) {
-  const dir = configDir();
-  await mkdir(dir, { recursive: true });
-  await writeFile(configLocation(), JSON.stringify(config2, null, 2) + "\n");
+var saveQueue = Promise.resolve();
+function saveConfig(config2) {
+  saveQueue = saveQueue.then(async () => {
+    try {
+      const dir = configDir();
+      await mkdir(dir, { recursive: true });
+      const tmp = join(dir, `config.json.${process.pid}.tmp`);
+      await writeFile(tmp, JSON.stringify(config2, null, 2) + "\n");
+      await rename(tmp, configLocation());
+    } catch {
+    }
+  });
+  return saveQueue;
 }
 function slugify(value) {
   return value.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "").slice(0, 48);
@@ -68,22 +126,14 @@ function pickAccentColor(existing) {
 }
 function expandHome(p) {
   if (!p) return homedir();
-  if (p === "~" || p === "~/") return homedir();
-  if (p.startsWith("~/")) return join(homedir(), p.slice(2));
+  if (p === "~" || p === "~/" || p === "~\\") return homedir();
+  if (p.startsWith("~/") || p.startsWith("~\\")) return join(homedir(), p.slice(2));
   return p;
 }
 
-// src/app.tsx
-import { useState, useEffect, useCallback, useRef } from "react";
-import { Box, Text, useInput, useStdout, useApp } from "ink";
-import { useMouse, useOnMouseClick } from "@zenobius/ink-mouse";
-
-// src/data.ts
-import { readdir, stat as fsStat } from "fs/promises";
-import { createReadStream } from "fs";
-import { createInterface } from "readline";
+// src/providers/usage-core.ts
+import { readFile as readFile2, writeFile as writeFile2, rename as rename2, mkdir as mkdir2 } from "fs/promises";
 import { join as join2 } from "path";
-import { homedir as homedir2 } from "os";
 
 // src/tz.ts
 function systemTimezone() {
@@ -194,123 +244,167 @@ function weekKey(ts, tz) {
   return dayKey(startOfWeek(ts, tz), tz);
 }
 
-// src/data.ts
-var PRICING = {
-  "claude-opus-4": { i: 5e-6, o: 25e-6, cc: 625e-8, cr: 5e-7 },
-  "claude-sonnet-4": { i: 3e-6, o: 15e-6, cc: 375e-8, cr: 3e-7 },
-  "claude-haiku-4": { i: 1e-6, o: 5e-6, cc: 125e-8, cr: 1e-7 }
-};
-var FALLBACK = PRICING["claude-opus-4"];
-var fileCache = /* @__PURE__ */ new Map();
-function getClaudeDirs(homeDir) {
-  if (homeDir) {
-    return [
-      join2(homeDir, ".claude", "projects"),
-      join2(homeDir, ".config", "claude", "projects")
-    ];
-  }
-  const home = homedir2();
-  const dirs = [join2(home, ".claude", "projects")];
-  if (process.env.XDG_CONFIG_HOME) {
-    dirs.push(join2(process.env.XDG_CONFIG_HOME, "claude", "projects"));
-  } else if (process.platform !== "win32") {
-    dirs.push(join2(home, ".config", "claude", "projects"));
-  }
-  if (process.env.APPDATA) {
-    dirs.push(join2(process.env.APPDATA, "claude", "projects"));
-  }
-  if (process.env.CLAUDE_CONFIG_DIR) {
-    for (const p of process.env.CLAUDE_CONFIG_DIR.split(process.platform === "win32" ? ";" : ",")) {
-      dirs.push(join2(p.trim(), "projects"));
+// src/providers/usage-core.ts
+var SPARK_DAYS = 14;
+var DAY_MS = 864e5;
+var CACHE_VERSION = 4;
+var STABLE_AGE_MS = 5 * 6e4;
+var PRUNE_AGE_MS = 200 * DAY_MS;
+var memCache = /* @__PURE__ */ new Map();
+var diskLoaded = false;
+var dirty = false;
+var flushTimer = null;
+function cacheFile() {
+  return join2(cacheDir(), `usage-v${CACHE_VERSION}.json`);
+}
+function encode(mtimeMs, size, entries) {
+  const mods = [];
+  const idx = /* @__PURE__ */ new Map();
+  const rows = entries.map((e) => {
+    let mi = idx.get(e.model);
+    if (mi === void 0) {
+      mi = mods.length;
+      mods.push(e.model);
+      idx.set(e.model, mi);
     }
+    return [e.ts, mi, e.input, e.output, e.cacheCreate, e.cacheRead, e.cost, e.cacheSavings, e.id ?? 0];
+  });
+  return { m: mtimeMs, s: size, mods, rows };
+}
+function decode(s) {
+  const num = (x) => typeof x === "number" && Number.isFinite(x) && x >= 0 ? x : 0;
+  const out = [];
+  for (const r of s.rows) {
+    if (!Array.isArray(r) || r.length < 8) continue;
+    const ts = r[0];
+    if (typeof ts !== "number" || !Number.isFinite(ts)) continue;
+    const mi = r[1];
+    out.push({
+      ts,
+      model: typeof mi === "number" && typeof s.mods[mi] === "string" ? s.mods[mi] : "unknown",
+      input: num(r[2]),
+      output: num(r[3]),
+      cacheCreate: num(r[4]),
+      cacheRead: num(r[5]),
+      cost: num(r[6]),
+      cacheSavings: num(r[7]),
+      id: typeof r[8] === "string" ? r[8] : void 0
+    });
   }
-  return dirs;
+  return out;
 }
-function priceFor(model) {
-  for (const [prefix, p] of Object.entries(PRICING)) {
-    if (model.startsWith(prefix)) return p;
+async function ensureDiskLoaded() {
+  if (diskLoaded) return;
+  diskLoaded = true;
+  try {
+    const obj = JSON.parse(await readFile2(cacheFile(), "utf-8"));
+    for (const [path, s] of Object.entries(obj)) {
+      if (s && typeof s.m === "number" && Array.isArray(s.rows) && Array.isArray(s.mods)) {
+        memCache.set(path, { mtimeMs: s.m, size: typeof s.s === "number" ? s.s : -1, entries: decode(s) });
+      }
+    }
+  } catch {
   }
-  return FALLBACK;
 }
-function costOf(model, u) {
-  const p = priceFor(model);
-  return (u.input_tokens ?? 0) * p.i + (u.output_tokens ?? 0) * p.o + (u.cache_creation_input_tokens ?? 0) * p.cc + (u.cache_read_input_tokens ?? 0) * p.cr;
-}
-function shortModel(model) {
-  return model.replace("claude-", "").replace(/-\d{8}$/, "");
-}
-async function parseFile(path, since) {
-  const entries = [];
-  const rl = createInterface({ input: createReadStream(path), crlfDelay: Infinity });
-  for await (const line of rl) {
-    if (!line.includes('"usage"')) continue;
-    try {
-      const obj = JSON.parse(line);
-      if (obj.type !== "assistant" || !obj.message?.usage) continue;
-      const ts = new Date(obj.timestamp ?? 0).getTime();
-      if (ts < since) continue;
-      const u = obj.message.usage;
-      entries.push({
-        ts,
-        msgId: obj.message.id ?? "",
-        model: obj.message.model ?? "unknown",
-        cost: costOf(obj.message.model ?? "", u),
-        input: u.input_tokens ?? 0,
-        output: u.output_tokens ?? 0,
-        cacheCreate: u.cache_creation_input_tokens ?? 0,
-        cacheRead: u.cache_read_input_tokens ?? 0
-      });
-    } catch {
+async function flushDisk() {
+  if (!dirty) return;
+  const now = Date.now();
+  const obj = {};
+  for (const [path, v] of memCache) {
+    if (now - v.mtimeMs > STABLE_AGE_MS && now - v.mtimeMs < PRUNE_AGE_MS) {
+      obj[path] = encode(v.mtimeMs, v.size, v.entries);
     }
   }
-  return entries;
+  try {
+    await mkdir2(cacheDir(), { recursive: true });
+    const tmp = `${cacheFile()}.${process.pid}.tmp`;
+    await writeFile2(tmp, JSON.stringify(obj));
+    await rename2(tmp, cacheFile());
+    dirty = false;
+  } catch {
+  }
 }
-async function loadEntries(since, homeDir) {
+function scheduleFlush() {
+  if (flushTimer) return;
+  flushTimer = setTimeout(() => {
+    flushTimer = null;
+    void flushDisk();
+  }, 4e3);
+  flushTimer.unref?.();
+}
+async function mapLimit(items, limit, fn) {
+  let i = 0;
+  const worker = async () => {
+    while (i < items.length) await fn(items[i++]);
+  };
+  await Promise.all(Array.from({ length: Math.min(limit, items.length) }, worker));
+}
+async function loadCachedEntries(files, parse, since) {
+  await ensureDiskLoaded();
   const chunks = [];
-  const seen = /* @__PURE__ */ new Set();
-  for (const dir of getClaudeDirs(homeDir)) {
-    let listing;
+  await mapLimit(files, 8, async (f) => {
     try {
-      listing = await readdir(dir, { recursive: true });
+      let c = memCache.get(f.path);
+      if (!c || c.mtimeMs !== f.mtimeMs || c.size !== f.size) {
+        const entries = await parse(f.path);
+        c = { mtimeMs: f.mtimeMs, size: f.size, entries };
+        memCache.set(f.path, c);
+        if (Date.now() - f.mtimeMs > STABLE_AGE_MS) dirty = true;
+      }
+      chunks.push(c.entries);
     } catch {
-      continue;
     }
-    const files = listing.filter((f) => f.endsWith(".jsonl"));
-    await Promise.all(files.map(async (f) => {
-      const path = join2(dir, f);
-      if (seen.has(path)) return;
-      seen.add(path);
-      try {
-        const s = await fsStat(path);
-        if (s.mtimeMs < since) return;
-        const cached = fileCache.get(path);
-        if (cached && cached.mtimeMs === s.mtimeMs) {
-          chunks.push(cached.data);
-          return;
-        }
-        const data = await parseFile(path, since);
-        fileCache.set(path, { mtimeMs: s.mtimeMs, data });
-        chunks.push(data);
-      } catch {
-      }
-    }));
-  }
-  const all = chunks.flat();
-  const seenIds = /* @__PURE__ */ new Set();
-  return all.filter((e) => {
-    if (!e.msgId) return true;
-    if (seenIds.has(e.msgId)) return false;
-    seenIds.add(e.msgId);
-    return true;
   });
+  if (dirty) scheduleFlush();
+  return dedupe(chunks.flat().filter((e) => e.ts >= since));
+}
+function safeNum(v) {
+  return typeof v === "number" && Number.isFinite(v) && v > 0 ? Math.floor(v) : 0;
+}
+function dedupe(entries) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const e of entries) {
+    const k = e.id ?? `${e.ts} ${e.model} ${e.input} ${e.output} ${e.cacheCreate} ${e.cacheRead}`;
+    if (seen.has(k)) continue;
+    seen.add(k);
+    out.push(e);
+  }
+  return out;
 }
-function sum(entries) {
-  let cost = 0, tokens2 = 0;
+function summarize(entries, tz) {
+  const now = Date.now();
+  const todayStart = startOfDay(now, tz);
+  const weekStart = startOfWeek(now, tz);
+  const monthStart = startOfMonth(now, tz);
+  const today = { cost: 0, tokens: 0, cacheRead: 0, cacheSavings: 0 };
+  const week = { cost: 0, tokens: 0, cacheRead: 0, cacheSavings: 0 };
+  const month = { cost: 0, tokens: 0, cacheRead: 0, cacheSavings: 0 };
+  const byDay = /* @__PURE__ */ new Map();
+  let oldestToday = now;
+  let hadToday = false;
+  const add = (s, e) => {
+    s.cost += e.cost;
+    s.tokens += e.input + e.output + e.cacheCreate + e.cacheRead;
+    s.cacheRead += e.cacheRead;
+    s.cacheSavings += e.cacheSavings;
+  };
   for (const e of entries) {
-    cost += e.cost;
-    tokens2 += e.input + e.output + e.cacheCreate + e.cacheRead;
+    if (e.ts >= monthStart) add(month, e);
+    if (e.ts >= weekStart) add(week, e);
+    if (e.ts >= todayStart) {
+      add(today, e);
+      hadToday = true;
+      if (e.ts < oldestToday) oldestToday = e.ts;
+    }
+    const dk = dayKey(e.ts, tz);
+    byDay.set(dk, (byDay.get(dk) ?? 0) + e.cost);
   }
-  return { cost, tokens: tokens2 };
+  const hrs = Math.max((now - oldestToday) / 36e5, 1 / 60);
+  const burnRate = hadToday ? today.cost / hrs : 0;
+  const series = [];
+  for (let i = SPARK_DAYS - 1; i >= 0; i--) series.push(byDay.get(dayKey(now - i * DAY_MS, tz)) ?? 0);
+  return { today, week, month, burnRate, series };
 }
 function groupBy(entries, keyFn) {
   const groups = /* @__PURE__ */ new Map();
@@ -330,8 +424,7 @@ function groupBy(entries, keyFn) {
       cacheCreate += e.cacheCreate;
       cacheRead += e.cacheRead;
       cost += e.cost;
-      const name = shortModel(e.model);
-      const m = byModel.get(name);
+      const m = byModel.get(e.model);
       if (m) {
         m.input += e.input;
         m.output += e.output;
@@ -339,8 +432,8 @@ function groupBy(entries, keyFn) {
         m.cacheRead += e.cacheRead;
         m.cost += e.cost;
       } else {
-        byModel.set(name, {
-          name,
+        byModel.set(e.model, {
+          name: e.model,
           input: e.input,
           output: e.output,
           cacheCreate: e.cacheCreate,
@@ -363,145 +456,81 @@ function groupBy(entries, keyFn) {
   }
   return rows.sort((a, b) => a.label.localeCompare(b.label));
 }
-async function fetchDashboard(tz, homeDir) {
-  const now = Date.now();
-  const monthStart = startOfMonth(now, tz);
-  const todayStart = startOfDay(now, tz);
-  const weekStart = startOfWeek(now, tz);
-  const entries = await loadEntries(monthStart, homeDir);
-  const todayEntries = entries.filter((e) => e.ts >= todayStart);
-  let burnRate = 0;
-  if (todayEntries.length > 0) {
-    let oldest = todayEntries[0].ts;
-    let totalCost = 0;
-    for (const e of todayEntries) {
-      if (e.ts < oldest) oldest = e.ts;
-      totalCost += e.cost;
-    }
-    const hrs = (now - oldest) / 36e5;
-    if (hrs > 0) burnRate = totalCost / hrs;
-  }
-  return {
-    today: sum(todayEntries),
-    week: sum(entries.filter((e) => e.ts >= weekStart)),
-    month: sum(entries.filter((e) => e.ts >= monthStart)),
-    burnRate
-  };
-}
-async function fetchTable(tz, homeDir) {
-  const lookback = monthsAgoStart(Date.now(), 6, tz);
-  const entries = await loadEntries(lookback, homeDir);
+function tabulate(entries, tz) {
   return {
     daily: groupBy(entries, (e) => dayKey(e.ts, tz)),
     weekly: groupBy(entries, (e) => weekKey(e.ts, tz)),
     monthly: groupBy(entries, (e) => monthKey(e.ts, tz))
   };
 }
-
-// src/billing.ts
-import { execFile as execFileCb } from "child_process";
-import { readFile as readFile2 } from "fs/promises";
-import { join as join3 } from "path";
-import { homedir as homedir3 } from "os";
-import { promisify } from "util";
-var execFile = promisify(execFileCb);
-function credentialsFilePath(homeDir) {
-  if (homeDir) return join3(homeDir, ".claude", ".credentials.json");
-  const base = process.env.CLAUDE_CONFIG_DIR ?? join3(homedir3(), ".claude");
-  return join3(base, ".credentials.json");
-}
-async function readCredentialsFile(homeDir) {
-  try {
-    const raw = await readFile2(credentialsFilePath(homeDir), "utf-8");
-    const creds = JSON.parse(raw);
-    return creds?.claudeAiOauth?.accessToken ?? creds?.accessToken ?? null;
-  } catch {
-    return null;
-  }
-}
-async function readMacKeychain() {
-  try {
-    const { stdout } = await execFile("security", [
-      "find-generic-password",
-      "-s",
-      "Claude Code-credentials",
-      "-w"
-    ], { timeout: 5e3 });
-    const creds = JSON.parse(stdout.trim());
-    return creds?.claudeAiOauth?.accessToken ?? creds?.accessToken ?? null;
-  } catch {
-    return null;
-  }
-}
-async function getAccessToken(homeDir) {
-  const isDefault = !homeDir || homeDir === homedir3();
-  if (isDefault) {
-    if (process.platform === "darwin") {
-      const token = await readMacKeychain();
-      if (token) return token;
+function mergeRows(groups) {
+  const byLabel = /* @__PURE__ */ new Map();
+  for (const rows of groups) {
+    for (const r of rows) {
+      const ex = byLabel.get(r.label);
+      if (!ex) {
+        byLabel.set(r.label, { ...r, models: [...r.models], breakdown: r.breakdown.map((m) => ({ ...m })) });
+        continue;
+      }
+      ex.input += r.input;
+      ex.output += r.output;
+      ex.cacheCreate += r.cacheCreate;
+      ex.cacheRead += r.cacheRead;
+      ex.total += r.total;
+      ex.cost += r.cost;
+      const bd = new Map(ex.breakdown.map((m) => [m.name, m]));
+      for (const m of r.breakdown) {
+        const e = bd.get(m.name);
+        if (e) {
+          e.input += m.input;
+          e.output += m.output;
+          e.cacheCreate += m.cacheCreate;
+          e.cacheRead += m.cacheRead;
+          e.cost += m.cost;
+        } else {
+          bd.set(m.name, { ...m });
+        }
+      }
+      ex.breakdown = [...bd.values()].sort((a, b) => b.cost - a.cost);
+      ex.models = [...bd.keys()].sort();
     }
-    return readCredentialsFile(homeDir);
   }
-  return readCredentialsFile(homeDir);
+  return [...byLabel.values()].sort((a, b) => a.label.localeCompare(b.label));
 }
-var EMPTY = { session: null, weekly: null, sonnet: null, extraUsage: null, peak: null, error: null };
-async function fetchBilling(homeDir) {
-  const token = await getAccessToken(homeDir);
-  if (!token) return { ...EMPTY, error: "No OAuth token \u2014 run claude and log in" };
-  const [usageRes, peak] = await Promise.all([
-    fetchUsage(token),
-    fetchPeakStatus()
-  ]);
-  if ("error" in usageRes) return { ...EMPTY, peak, error: usageRes.error };
-  return { ...usageRes.data, peak, error: null };
+function mergeTables(list) {
+  return {
+    daily: mergeRows(list.map((t) => t.daily)),
+    weekly: mergeRows(list.map((t) => t.weekly)),
+    monthly: mergeRows(list.map((t) => t.monthly))
+  };
 }
-async function fetchUsage(token) {
+
+// src/app.tsx
+import { useState as useState2, useEffect as useEffect2, useCallback, useRef as useRef2, useMemo } from "react";
+import { Box as Box6, Text as Text6, useInput, useStdout, useApp } from "ink";
+import { useMouse } from "@zenobius/ink-mouse";
+
+// src/http.ts
+async function readJson(res) {
+  const type = (res.headers.get("content-type") ?? "").toLowerCase();
+  if (type && !type.includes("json")) return null;
   try {
-    const res = await fetch("https://api.anthropic.com/api/oauth/usage", {
-      headers: {
-        "Authorization": `Bearer ${token}`,
-        "anthropic-beta": "oauth-2025-04-20",
-        "User-Agent": "tokmon"
-      },
-      signal: AbortSignal.timeout(1e4)
-    });
-    if (res.status === 429) return { error: "Rate limited \u2014 retrying next poll" };
-    if (res.status === 401) return { error: "Token expired \u2014 restart Claude Code" };
-    if (!res.ok) return { error: `API ${res.status}` };
-    const data = await res.json();
-    return {
-      data: {
-        session: data.five_hour ? {
-          utilization: data.five_hour.utilization,
-          resetsAt: formatReset(data.five_hour.resets_at)
-        } : null,
-        weekly: data.seven_day ? {
-          utilization: data.seven_day.utilization,
-          resetsAt: formatReset(data.seven_day.resets_at)
-        } : null,
-        sonnet: data.seven_day_sonnet ? {
-          utilization: data.seven_day_sonnet.utilization,
-          resetsAt: formatReset(data.seven_day_sonnet.resets_at)
-        } : null,
-        extraUsage: data.extra_usage?.is_enabled ? {
-          limit: data.extra_usage.monthly_limit != null ? data.extra_usage.monthly_limit / 100 : null,
-          used: (data.extra_usage.used_credits ?? 0) / 100,
-          currency: data.extra_usage.currency ?? "USD"
-        } : null
-      }
-    };
+    return await res.json();
   } catch {
-    return { error: "Network error" };
+    return null;
   }
 }
-async function fetchPeakStatus() {
+
+// src/peak.ts
+async function fetchPeak() {
   try {
     const res = await fetch("https://promoclock.co/api/status", {
       headers: { "Accept": "application/json", "User-Agent": "tokmon" },
       signal: AbortSignal.timeout(3e3)
     });
     if (!res.ok) return null;
-    const data = await res.json();
+    const data = await readJson(res);
+    if (!data) return null;
     let state;
     if (data.isPeak === true || data.status === "peak") state = "peak";
     else if (data.isWeekend === true || data.status === "weekend") state = "weekend";
@@ -516,33 +545,173 @@ async function fetchPeakStatus() {
     return null;
   }
 }
-function formatReset(iso) {
-  const d = new Date(iso);
-  const now = /* @__PURE__ */ new Date();
-  const diff = d.getTime() - now.getTime();
-  if (diff <= 0) return "now";
-  const mins = Math.round(diff / 6e4);
-  if (mins < 60) return `${mins}m`;
-  const hrs = Math.floor(mins / 60);
-  const m = mins % 60;
-  if (hrs < 24) return `${hrs}h ${m}m`;
-  const days = Math.floor(hrs / 24);
-  const h = hrs % 24;
-  return `${days}d ${h}h`;
+
+// src/providers/claude/usage.ts
+import { readdir, stat as fsStat, access } from "fs/promises";
+import { createReadStream } from "fs";
+import { createInterface } from "readline";
+import { join as join3, isAbsolute as isAbsolute2 } from "path";
+import { homedir as homedir2 } from "os";
+var PRICING = {
+  "claude-opus-4-1": { i: 15e-6, o: 75e-6, cc: 1875e-8, cr: 15e-7 },
+  "claude-opus-4-0": { i: 15e-6, o: 75e-6, cc: 1875e-8, cr: 15e-7 },
+  "claude-opus-4-20250514": { i: 15e-6, o: 75e-6, cc: 1875e-8, cr: 15e-7 },
+  "claude-opus-4": { i: 5e-6, o: 25e-6, cc: 625e-8, cr: 5e-7 },
+  "claude-3-opus": { i: 15e-6, o: 75e-6, cc: 1875e-8, cr: 15e-7 },
+  "claude-sonnet-4": { i: 3e-6, o: 15e-6, cc: 375e-8, cr: 3e-7 },
+  "claude-haiku-4": { i: 1e-6, o: 5e-6, cc: 125e-8, cr: 1e-7 },
+  "claude-fable-5": { i: 1e-5, o: 5e-5, cc: 125e-7, cr: 1e-6 }
+};
+var PRICE_KEYS = Object.keys(PRICING).sort((a, b) => b.length - a.length);
+var FALLBACK = PRICING["claude-opus-4"];
+function claudeConfigDirs(homeDir) {
+  if (homeDir) {
+    return [join3(homeDir, ".claude"), join3(homeDir, ".config", "claude")];
+  }
+  const home = homedir2();
+  const dirs = [join3(home, ".claude")];
+  const xdg = envDir("XDG_CONFIG_HOME");
+  if (xdg) {
+    dirs.push(join3(xdg, "claude"));
+  } else if (process.platform !== "win32") {
+    dirs.push(join3(home, ".config", "claude"));
+  }
+  const appData = envDir("APPDATA");
+  if (appData) dirs.push(join3(appData, "claude"));
+  if (process.env.CLAUDE_CONFIG_DIR) {
+    for (const p of process.env.CLAUDE_CONFIG_DIR.split(process.platform === "win32" ? ";" : ",")) {
+      const t = p.trim();
+      if (t && isAbsolute2(t)) dirs.push(t);
+    }
+  }
+  return [...new Set(dirs)];
+}
+function getClaudeDirs(homeDir) {
+  return claudeConfigDirs(homeDir).map((d) => join3(d, "projects"));
+}
+async function detectClaude(homeDir) {
+  for (const dir of getClaudeDirs(homeDir)) {
+    try {
+      await access(dir);
+      return true;
+    } catch {
+    }
+  }
+  return false;
+}
+function priceFor(model) {
+  for (const key of PRICE_KEYS) {
+    if (model.startsWith(key)) return PRICING[key];
+  }
+  return FALLBACK;
+}
+function costOf(model, u) {
+  const p = priceFor(model);
+  return safeNum(u.input_tokens) * p.i + safeNum(u.output_tokens) * p.o + safeNum(u.cache_creation_input_tokens) * p.cc + safeNum(u.cache_read_input_tokens) * p.cr;
+}
+function shortModel(model) {
+  return model.replace("claude-", "").replace(/-\d{8}$/, "");
+}
+async function parseFile(path) {
+  const entries = [];
+  const rl = createInterface({ input: createReadStream(path), crlfDelay: Infinity });
+  for await (const line of rl) {
+    if (!line.includes('"usage"')) continue;
+    try {
+      const obj = JSON.parse(line.charCodeAt(0) === 65279 ? line.slice(1) : line);
+      if (obj.type !== "assistant" || !obj.message?.usage) continue;
+      const ts = new Date(obj.timestamp ?? 0).getTime();
+      if (!Number.isFinite(ts)) continue;
+      const u = obj.message.usage;
+      const model = typeof obj.message.model === "string" && obj.message.model ? obj.message.model : "unknown";
+      const input = safeNum(u.input_tokens);
+      const output = safeNum(u.output_tokens);
+      const cacheCreate = safeNum(u.cache_creation_input_tokens);
+      const cacheRead = safeNum(u.cache_read_input_tokens);
+      if (input + output + cacheCreate + cacheRead === 0) continue;
+      const p = priceFor(model);
+      const msgId = obj.message?.id;
+      entries.push({
+        // Claude logs a message's usage repeatedly and copies it into resumed
+        // sessions — dedup by message id (+ requestId when present).
+        id: msgId ? msgId + (obj.requestId ? ":" + obj.requestId : "") : void 0,
+        ts,
+        model: shortModel(model),
+        cost: costOf(model, u),
+        input,
+        output,
+        cacheCreate,
+        cacheRead,
+        cacheSavings: cacheRead * (p.i - p.cr)
+      });
+    } catch {
+    }
+  }
+  return entries;
+}
+async function loadEntries(since, homeDir) {
+  const files = [];
+  const seen = /* @__PURE__ */ new Set();
+  const seenIno = /* @__PURE__ */ new Set();
+  for (const dir of getClaudeDirs(homeDir)) {
+    let listing;
+    try {
+      listing = await readdir(dir, { recursive: true });
+    } catch {
+      continue;
+    }
+    for (const f of listing) {
+      if (!f.endsWith(".jsonl")) continue;
+      const path = join3(dir, f);
+      if (seen.has(path)) continue;
+      seen.add(path);
+      try {
+        const s = await fsStat(path);
+        if (s.mtimeMs < since) continue;
+        if (s.ino && process.platform !== "win32") {
+          const idn = `${s.dev}:${s.ino}`;
+          if (seenIno.has(idn)) continue;
+          seenIno.add(idn);
+        }
+        files.push({ path, mtimeMs: s.mtimeMs, size: s.size });
+      } catch {
+      }
+    }
+  }
+  return loadCachedEntries(files, parseFile, since);
+}
+async function claudeDashboard(tz, homeDir) {
+  const now = Date.now();
+  const since = Math.min(startOfMonth(now, tz), startOfWeek(now, tz), now - SPARK_DAYS * 864e5);
+  const entries = await loadEntries(since, homeDir);
+  return summarize(entries, tz);
+}
+async function claudeTable(tz, homeDir) {
+  const entries = await loadEntries(monthsAgoStart(Date.now(), 6, tz), homeDir);
+  return tabulate(entries, tz);
 }
 
+// src/providers/claude/billing.ts
+import { execFile as execFileCb } from "child_process";
+import { readFile as readFile3 } from "fs/promises";
+import { join as join4 } from "path";
+import { homedir as homedir3 } from "os";
+import { promisify } from "util";
+
 // src/format.ts
 function currency(value) {
+  if (!Number.isFinite(value) || value <= 0) return "$0.00";
   if (value >= 1e4) {
     return `$${value.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
   }
   return `$${value.toFixed(2)}`;
 }
 function tokens(value) {
-  if (value >= 1e9) return `${(value / 1e9).toFixed(1)}B`;
-  if (value >= 1e6) return `${(value / 1e6).toFixed(1)}M`;
-  if (value >= 1e3) return `${(value / 1e3).toFixed(1)}K`;
-  return String(value);
+  const v = Number.isFinite(value) && value > 0 ? value : 0;
+  if (v >= 1e9) return `${(v / 1e9).toFixed(1)}B`;
+  if (v >= 1e6) return `${(v / 1e6).toFixed(1)}M`;
+  if (v >= 1e3) return `${(v / 1e3).toFixed(1)}K`;
+  return String(Math.floor(v));
 }
 function time(date, tz) {
   return date.toLocaleTimeString(void 0, {
@@ -562,194 +731,1862 @@ function col(s, w, align = "right") {
   const spaces = " ".repeat(w - s.length);
   return align === "right" ? spaces + s : s + spaces;
 }
-
-// src/app.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var TABS = ["Dashboard", "Table"];
-var VIEWS = ["Daily", "Weekly", "Monthly"];
-var SORTS = ["date \u2191", "date \u2193", "cost \u2191", "cost \u2193"];
-var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+function resetIn(iso) {
+  const diff = new Date(iso).getTime() - Date.now();
+  if (!Number.isFinite(diff) || diff <= 0) return "now";
+  const mins = Math.round(diff / 6e4);
+  if (mins < 60) return `${mins}m`;
+  const hrs = Math.floor(mins / 60);
+  const m = mins % 60;
+  if (hrs < 24) return `${hrs}h ${m}m`;
+  const days = Math.floor(hrs / 24);
+  const h = hrs % 24;
+  return `${days}d ${h}h`;
+}
+
+// src/providers/claude/billing.ts
+var execFile = promisify(execFileCb);
+async function readCredentialsFile(homeDir) {
+  for (const dir of claudeConfigDirs(homeDir)) {
+    try {
+      const creds = JSON.parse(await readFile3(join4(dir, ".credentials.json"), "utf-8"));
+      const token = creds?.claudeAiOauth?.accessToken ?? creds?.accessToken;
+      if (token) return token;
+    } catch {
+    }
+  }
+  return null;
+}
+async function readMacKeychain() {
+  try {
+    const { stdout } = await execFile("security", [
+      "find-generic-password",
+      "-s",
+      "Claude Code-credentials",
+      "-w"
+    ], { timeout: 5e3 });
+    const creds = JSON.parse(stdout.trim());
+    return creds?.claudeAiOauth?.accessToken ?? creds?.accessToken ?? null;
+  } catch {
+    return null;
+  }
+}
+async function getAccessToken(homeDir) {
+  const isDefault = !homeDir || homeDir === homedir3();
+  if (isDefault && process.platform === "darwin") {
+    const token = await readMacKeychain();
+    if (token) return token;
+  }
+  return readCredentialsFile(homeDir);
+}
+var pct = (used, resets, primary) => ({ label: "", used, limit: 100, format: { kind: "percent" }, resetsAt: resets ?? null, primary });
+async function claudeBilling(account) {
+  const token = await getAccessToken(account.homeDir);
+  if (!token) return { plan: null, metrics: [], error: "No OAuth token \u2014 run claude and log in" };
+  try {
+    const res = await fetch("https://api.anthropic.com/api/oauth/usage", {
+      headers: {
+        "Authorization": `Bearer ${token}`,
+        "anthropic-beta": "oauth-2025-04-20",
+        "User-Agent": "tokmon"
+      },
+      signal: AbortSignal.timeout(1e4)
+    });
+    if (res.status === 429) return { plan: null, metrics: [], error: "Rate limited \u2014 retrying next poll" };
+    if (res.status === 401) return { plan: null, metrics: [], error: "Token expired \u2014 restart Claude Code" };
+    if (!res.ok) return { plan: null, metrics: [], error: `API ${res.status}` };
+    const data = await readJson(res);
+    if (!data) return { plan: null, metrics: [], error: "Unexpected API response" };
+    const metrics = [];
+    if (data.five_hour) {
+      metrics.push({ ...pct(data.five_hour.utilization, resetIn(data.five_hour.resets_at), true), label: "5h" });
+    }
+    if (data.seven_day) {
+      metrics.push({ ...pct(data.seven_day.utilization, resetIn(data.seven_day.resets_at)), label: "Week" });
+    }
+    if (data.seven_day_sonnet) {
+      metrics.push({ ...pct(data.seven_day_sonnet.utilization), label: "Sonnet" });
+    }
+    if (data.extra_usage?.is_enabled) {
+      metrics.push({
+        label: "Extra",
+        used: (data.extra_usage.used_credits ?? 0) / 100,
+        limit: data.extra_usage.monthly_limit != null ? data.extra_usage.monthly_limit / 100 : null,
+        format: { kind: "dollars", currency: data.extra_usage.currency ?? "USD" }
+      });
+    }
+    return { plan: null, metrics, error: null };
+  } catch {
+    return { plan: null, metrics: [], error: "Network error" };
+  }
+}
+
+// src/providers/claude/index.ts
+var claudeProvider = {
+  id: "claude",
+  name: "Claude",
+  color: "green",
+  hasUsage: true,
+  hasBilling: true,
+  detect: (homeDir) => detectClaude(homeDir),
+  fetchSummary: (account, tz) => claudeDashboard(tz, account.homeDir),
+  fetchTable: (account, tz) => claudeTable(tz, account.homeDir),
+  fetchBilling: (account) => claudeBilling(account)
+};
+
+// src/providers/codex/usage.ts
+import { readdir as readdir2, stat as fsStat2, access as access2 } from "fs/promises";
+import { createReadStream as createReadStream2 } from "fs";
+import { createInterface as createInterface2 } from "readline";
+import { join as join5 } from "path";
+import { homedir as homedir4 } from "os";
+var PRICING2 = {
+  "gpt-5-codex": { in: 125e-8, cr: 125e-9, out: 1e-5 },
+  "gpt-5-mini": { in: 25e-8, cr: 25e-9, out: 2e-6 },
+  "gpt-5-nano": { in: 5e-8, cr: 5e-9, out: 4e-7 },
+  "gpt-5": { in: 125e-8, cr: 125e-9, out: 1e-5 },
+  "o4-mini": { in: 11e-7, cr: 275e-9, out: 44e-7 }
+};
+var FALLBACK2 = PRICING2["gpt-5-codex"];
+var PRICE_KEYS2 = Object.keys(PRICING2).sort((a, b) => b.length - a.length);
+function codexHomes(homeDir) {
+  if (homeDir) return [join5(homeDir, ".codex")];
+  const homes = [];
+  const codexHome = envDir("CODEX_HOME");
+  if (codexHome) homes.push(codexHome);
+  homes.push(join5(homedir4(), ".codex"));
+  homes.push(join5(homedir4(), ".config", "codex"));
+  return [...new Set(homes)];
+}
+async function detectCodex(homeDir) {
+  for (const home of codexHomes(homeDir)) {
+    try {
+      await access2(join5(home, "sessions"));
+      return true;
+    } catch {
+    }
+  }
+  return false;
+}
+function priceFor2(model) {
+  const m = model.toLowerCase();
+  for (const key of PRICE_KEYS2) {
+    if (m.startsWith(key) || m.includes(key)) return PRICING2[key];
+  }
+  return FALLBACK2;
+}
+function extractModel(obj) {
+  const p = obj?.payload ?? obj;
+  return p?.model || p?.collaboration_mode?.settings?.model || p?.model_slug || p?.config?.model || p?.info?.model || null;
+}
+function subtractClamped(cur, prev) {
+  const sub = (a, b) => Math.max(0, (a ?? 0) - (b ?? 0));
+  return {
+    input_tokens: sub(cur.input_tokens, prev?.input_tokens),
+    cached_input_tokens: sub(cur.cached_input_tokens, prev?.cached_input_tokens),
+    output_tokens: sub(cur.output_tokens, prev?.output_tokens),
+    reasoning_output_tokens: sub(cur.reasoning_output_tokens, prev?.reasoning_output_tokens)
+  };
+}
+async function parseFile2(path) {
+  const entries = [];
+  let model = "gpt-5-codex";
+  let prevTotal = null;
+  const rl = createInterface2({ input: createReadStream2(path), crlfDelay: Infinity });
+  for await (const rawLine of rl) {
+    if (!rawLine.includes("token_count") && !rawLine.includes("turn_context")) continue;
+    try {
+      const line = rawLine.charCodeAt(0) === 65279 ? rawLine.slice(1) : rawLine;
+      const obj = JSON.parse(line);
+      const payloadType = obj?.payload?.type ?? obj?.type;
+      if (payloadType === "turn_context") {
+        const m = extractModel(obj);
+        if (typeof m === "string" && m.trim()) model = m;
+        continue;
+      }
+      if (payloadType !== "token_count") continue;
+      const info = obj?.payload?.info;
+      const total = info?.total_token_usage;
+      let d = info?.last_token_usage;
+      if (!d && total) {
+        const reset = !!prevTotal && (total.input_tokens ?? 0) < (prevTotal.input_tokens ?? 0);
+        d = reset ? total : subtractClamped(total, prevTotal);
+      }
+      if (total) prevTotal = total;
+      if (!d) continue;
+      const ts = new Date(obj.timestamp ?? obj?.payload?.timestamp ?? 0).getTime();
+      if (!Number.isFinite(ts)) continue;
+      const inputTotal = safeNum(d.input_tokens);
+      const cached = Math.min(safeNum(d.cached_input_tokens), inputTotal);
+      const input = inputTotal - cached;
+      const output = safeNum(d.output_tokens);
+      if (input + output + cached === 0) continue;
+      const p = priceFor2(model);
+      entries.push({
+        ts,
+        model,
+        cost: input * p.in + cached * p.cr + output * p.out,
+        input,
+        output,
+        cacheCreate: 0,
+        cacheRead: cached,
+        cacheSavings: cached * (p.in - p.cr)
+      });
+    } catch {
+    }
+  }
+  return entries;
+}
+async function loadEntries2(since, homeDir) {
+  const files = [];
+  const seen = /* @__PURE__ */ new Set();
+  const seenIno = /* @__PURE__ */ new Set();
+  for (const home of codexHomes(homeDir)) {
+    const dir = join5(home, "sessions");
+    let listing;
+    try {
+      listing = await readdir2(dir, { recursive: true });
+    } catch {
+      continue;
+    }
+    for (const f of listing) {
+      if (!f.endsWith(".jsonl") || !f.includes("rollout-")) continue;
+      const path = join5(dir, f);
+      if (seen.has(path)) continue;
+      seen.add(path);
+      try {
+        const s = await fsStat2(path);
+        if (s.mtimeMs < since) continue;
+        if (s.ino && process.platform !== "win32") {
+          const idn = `${s.dev}:${s.ino}`;
+          if (seenIno.has(idn)) continue;
+          seenIno.add(idn);
+        }
+        files.push({ path, mtimeMs: s.mtimeMs, size: s.size });
+      } catch {
+      }
+    }
+  }
+  return loadCachedEntries(files, parseFile2, since);
+}
+async function codexDashboard(tz, homeDir) {
+  const now = Date.now();
+  const since = Math.min(startOfMonth(now, tz), startOfWeek(now, tz), now - SPARK_DAYS * 864e5);
+  const entries = await loadEntries2(since, homeDir);
+  return summarize(entries, tz);
+}
+async function codexTable(tz, homeDir) {
+  const entries = await loadEntries2(monthsAgoStart(Date.now(), 6, tz), homeDir);
+  return tabulate(entries, tz);
+}
+
+// src/providers/codex/billing.ts
+import { execFile as execFileCb2 } from "child_process";
+import { readFile as readFile4, readdir as readdir3, stat as fsStat3 } from "fs/promises";
+import { createReadStream as createReadStream3 } from "fs";
+import { createInterface as createInterface3 } from "readline";
+import { join as join6 } from "path";
+import { promisify as promisify2 } from "util";
+var execFile2 = promisify2(execFileCb2);
+var USAGE_URL = "https://chatgpt.com/backend-api/wham/usage";
+var CREDIT_USD_RATE = 0.04;
+async function readAuthFile(home) {
+  try {
+    const raw = await readFile4(join6(home, "auth.json"), "utf-8");
+    const auth = JSON.parse(raw);
+    const accessToken = auth?.tokens?.access_token;
+    if (!accessToken) return null;
+    return { accessToken, accountId: auth?.tokens?.account_id };
+  } catch {
+    return null;
+  }
+}
+async function readKeychainAuth() {
+  try {
+    const { stdout } = await execFile2("security", [
+      "find-generic-password",
+      "-s",
+      "Codex Auth",
+      "-w"
+    ], { timeout: 5e3 });
+    const auth = JSON.parse(stdout.trim());
+    const accessToken = auth?.tokens?.access_token;
+    if (!accessToken) return null;
+    return { accessToken, accountId: auth?.tokens?.account_id };
+  } catch {
+    return null;
+  }
+}
+async function getAuth(homeDir) {
+  for (const home of codexHomes(homeDir)) {
+    const auth = await readAuthFile(home);
+    if (auth) return auth;
+  }
+  if (process.platform === "darwin") return readKeychainAuth();
+  return null;
+}
+function planLabel(planType) {
+  if (typeof planType !== "string" || !planType.trim()) return null;
+  const p = planType.trim().toLowerCase();
+  if (p === "prolite") return "Pro 5x";
+  if (p === "pro") return "Pro 20x";
+  return planType.charAt(0).toUpperCase() + planType.slice(1);
+}
+function isoOrNull(ms) {
+  return Number.isFinite(ms) && Math.abs(ms) <= 864e13 ? new Date(ms).toISOString() : null;
+}
+function resetFrom(window) {
+  if (!window) return null;
+  let iso = null;
+  if (typeof window.reset_at === "number") iso = isoOrNull(window.reset_at * 1e3);
+  else if (typeof window.resets_at === "number") iso = isoOrNull(window.resets_at * 1e3);
+  else if (typeof window.reset_after_seconds === "number") iso = isoOrNull(Date.now() + window.reset_after_seconds * 1e3);
+  return iso ? resetIn(iso) : null;
+}
+function percentMetric(label, used, resets, primary) {
+  return { label, used, limit: 100, format: { kind: "percent" }, resetsAt: resets, primary };
+}
+async function liveBilling(auth) {
+  try {
+    const headers = {
+      "Authorization": `Bearer ${auth.accessToken}`,
+      "Accept": "application/json",
+      "User-Agent": "tokmon"
+    };
+    if (auth.accountId) headers["ChatGPT-Account-Id"] = auth.accountId;
+    const res = await fetch(USAGE_URL, { headers, signal: AbortSignal.timeout(1e4) });
+    if (!res.ok) return null;
+    const data = await readJson(res);
+    if (!data) return null;
+    const metrics = [];
+    const rl = data.rate_limit ?? null;
+    const primary = rl?.primary_window ?? null;
+    const secondary = rl?.secondary_window ?? null;
+    const headerPct = (name) => {
+      const h = res.headers.get(name);
+      if (h === null || h.trim() === "") return void 0;
+      const n = Number(h);
+      return Number.isFinite(n) ? n : void 0;
+    };
+    const primaryPct = headerPct("x-codex-primary-used-percent") ?? primary?.used_percent;
+    const secondaryPct = headerPct("x-codex-secondary-used-percent") ?? secondary?.used_percent;
+    if (typeof primaryPct === "number") metrics.push(percentMetric("5h", primaryPct, resetFrom(primary), true));
+    if (typeof secondaryPct === "number") metrics.push(percentMetric("Week", secondaryPct, resetFrom(secondary)));
+    const balance = data?.credits?.balance;
+    if (typeof balance === "number" && balance >= 0) {
+      metrics.push({ label: "Credits", used: balance * CREDIT_USD_RATE, limit: null, format: { kind: "dollars" } });
+    }
+    if (metrics.length === 0) return null;
+    return { plan: planLabel(data.plan_type), metrics, error: null };
+  } catch {
+    return null;
+  }
+}
+async function newestRolloutFile(homeDir) {
+  let best = null;
+  for (const home of codexHomes(homeDir)) {
+    const dir = join6(home, "sessions");
+    let listing;
+    try {
+      listing = await readdir3(dir, { recursive: true });
+    } catch {
+      continue;
+    }
+    for (const f of listing) {
+      if (!f.endsWith(".jsonl") || !f.includes("rollout-")) continue;
+      const path = join6(dir, f);
+      try {
+        const s = await fsStat3(path);
+        if (!best || s.mtimeMs > best.mtime) best = { path, mtime: s.mtimeMs };
+      } catch {
+      }
+    }
+  }
+  return best?.path ?? null;
+}
+async function snapshotBilling(homeDir) {
+  const path = await newestRolloutFile(homeDir);
+  if (!path) return null;
+  let last = null;
+  try {
+    const rl = createInterface3({ input: createReadStream3(path), crlfDelay: Infinity });
+    for await (const line of rl) {
+      if (!line.includes("rate_limits")) continue;
+      try {
+        const obj = JSON.parse(line);
+        if (obj?.payload?.rate_limits) last = obj.payload.rate_limits;
+      } catch {
+      }
+    }
+  } catch {
+    return null;
+  }
+  if (!last) return null;
+  const metrics = [];
+  if (typeof last.primary?.used_percent === "number") {
+    metrics.push(percentMetric("5h", last.primary.used_percent, resetFrom(last.primary), true));
+  }
+  if (typeof last.secondary?.used_percent === "number") {
+    metrics.push(percentMetric("Week", last.secondary.used_percent, resetFrom(last.secondary)));
+  }
+  const balance = last?.credits?.balance;
+  if (typeof balance === "number" && balance >= 0) {
+    metrics.push({ label: "Credits", used: balance * CREDIT_USD_RATE, limit: null, format: { kind: "dollars" } });
+  }
+  if (metrics.length === 0) return null;
+  return { plan: planLabel(last.plan_type), metrics, error: null };
+}
+async function codexBilling(account) {
+  const auth = await getAuth(account.homeDir);
+  if (auth) {
+    const live = await liveBilling(auth);
+    if (live) return live;
+  }
+  const snap = await snapshotBilling(account.homeDir);
+  if (snap) return snap;
+  return {
+    plan: null,
+    metrics: [],
+    error: auth ? "Usage API failed \u2014 run codex to refresh" : "Not logged in \u2014 run codex"
+  };
+}
+
+// src/providers/codex/index.ts
+var codexProvider = {
+  id: "codex",
+  name: "Codex",
+  color: "cyan",
+  hasUsage: true,
+  hasBilling: true,
+  detect: (homeDir) => detectCodex(homeDir),
+  fetchSummary: (account, tz) => codexDashboard(tz, account.homeDir),
+  fetchTable: (account, tz) => codexTable(tz, account.homeDir),
+  fetchBilling: (account) => codexBilling(account)
+};
+
+// src/providers/cursor/billing.ts
+import { access as access3 } from "fs/promises";
+import { join as join8 } from "path";
+import { homedir as homedir6 } from "os";
+
+// src/providers/cursor/activity.ts
+import { join as join7 } from "path";
+import { homedir as homedir5 } from "os";
+
+// src/providers/cursor/sqlite.ts
+import { execFile as execFileCb3 } from "child_process";
+import { promisify as promisify3 } from "util";
+var execFile3 = promisify3(execFileCb3);
+async function runSqlite(db, sql, extraArgs = []) {
+  try {
+    const { stdout } = await execFile3(
+      "sqlite3",
+      ["-readonly", "-cmd", "PRAGMA busy_timeout=1500;", ...extraArgs, db, sql],
+      { timeout: 1e4, maxBuffer: 8 << 20 }
+    );
+    return { status: "ok", stdout };
+  } catch (e) {
+    const err = e;
+    if (err?.code === "ENOENT") return { status: "missing", stdout: "" };
+    const msg = String(err?.stderr ?? err?.message ?? "");
+    if (/database is (locked|busy)/i.test(msg)) return { status: "locked", stdout: "" };
+    if (/no such function|unknown option|no such table/i.test(msg)) return { status: "old", stdout: "" };
+    return { status: "error", stdout: "" };
+  }
+}
+function sqliteStatusMessage(status) {
+  switch (status) {
+    case "missing":
+      return "sqlite3 CLI not found \u2014 install it to read Cursor";
+    case "old":
+      return "sqlite3 too old (needs JSON support)";
+    case "locked":
+      return "Cursor DB busy \u2014 retrying next poll";
+    default:
+      return "Cursor data unavailable";
+  }
+}
+
+// src/providers/cursor/activity.ts
+var DAY_MS2 = 864e5;
+function trackingDb(homeDir) {
+  return join7(homeDir ?? homedir5(), ".cursor", "ai-tracking", "ai-code-tracking.db");
+}
+function localDayKey(ms) {
+  const d = new Date(ms);
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+}
+async function cursorActivity(homeDir) {
+  const db = trackingDb(homeDir);
+  try {
+    const now = Date.now();
+    const res = await runSqlite(
+      db,
+      `SELECT date(createdAt/1000,'unixepoch','localtime') d, count(*) c FROM ai_code_hashes WHERE source!='human' AND createdAt >= ${Math.floor(now - 30 * DAY_MS2)} GROUP BY d;`
+    );
+    if (res.status !== "ok") return null;
+    const daily = res.stdout.trim();
+    const byDay = /* @__PURE__ */ new Map();
+    let month = 0;
+    for (const line of daily.split("\n")) {
+      if (!line) continue;
+      const [d, c] = line.split("|");
+      const n = Number(c) || 0;
+      byDay.set(d, n);
+      month += n;
+    }
+    const series = [];
+    for (let i = SPARK_DAYS - 1; i >= 0; i--) series.push(byDay.get(localDayKey(now - i * DAY_MS2)) ?? 0);
+    if (month === 0 && series.every((v) => v === 0)) return null;
+    return { series, summary: `${tokens(month)} lines` };
+  } catch {
+    return null;
+  }
+}
+
+// src/providers/cursor/composer.ts
+async function cursorModelSpend(homeDir) {
+  const db = cursorStateDb(homeDir);
+  const sql = "SELECT mk.key, sum(json_extract(mk.value,'$.costInCents')), sum(json_extract(mk.value,'$.amount')) FROM cursorDiskKV c, json_each(c.value,'$.usageData') mk WHERE c.key LIKE 'composerData:%' AND json_valid(c.value) AND json_type(c.value,'$.usageData')='object' GROUP BY mk.key ORDER BY 2 DESC;";
+  const res = await runSqlite(db, sql, ["-separator", "	"]);
+  if (res.status !== "ok") return null;
+  const models = [];
+  let total = 0;
+  for (const line of res.stdout.trim().split("\n")) {
+    if (!line) continue;
+    const [name, cents, amt] = line.split("	");
+    const usd = (Number(cents) || 0) / 100;
+    if (usd <= 0) continue;
+    models.push({ name, usd, requests: Number(amt) || 0 });
+    total += usd;
+  }
+  if (total <= 0) return null;
+  return { total, models };
+}
+
+// src/providers/cursor/billing.ts
+var BASE = "https://api2.cursor.sh/aiserver.v1.DashboardService";
+var USAGE_URL2 = `${BASE}/GetCurrentPeriodUsage`;
+var PLAN_URL = `${BASE}/GetPlanInfo`;
+function cursorStateDb(homeDir) {
+  const base = homeDir ?? homedir6();
+  const tail = ["Cursor", "User", "globalStorage", "state.vscdb"];
+  if (process.platform === "darwin") {
+    return join8(base, "Library", "Application Support", ...tail);
+  }
+  if (process.platform === "win32") {
+    const roaming = homeDir ? join8(homeDir, "AppData", "Roaming") : envDir("APPDATA") ?? join8(base, "AppData", "Roaming");
+    return join8(roaming, ...tail);
+  }
+  const cfg = homeDir ? join8(homeDir, ".config") : envDir("XDG_CONFIG_HOME") ?? join8(base, ".config");
+  return join8(cfg, ...tail);
+}
+async function detectCursor(homeDir) {
+  try {
+    await access3(cursorStateDb(homeDir));
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function readState(db, key) {
+  const safe = key.replace(/'/g, "''");
+  const r = await runSqlite(db, `SELECT value FROM ItemTable WHERE key='${safe}' LIMIT 1;`);
+  return { value: r.status === "ok" ? r.stdout.trim() || null : null, status: r.status };
+}
+async function connectPost(url, token) {
+  try {
+    const res = await fetch(url, {
+      method: "POST",
+      headers: {
+        "Authorization": `Bearer ${token}`,
+        "Content-Type": "application/json",
+        "Connect-Protocol-Version": "1",
+        "User-Agent": "tokmon"
+      },
+      body: "{}",
+      signal: AbortSignal.timeout(1e4)
+    });
+    if (!res.ok) return { __status: res.status };
+    return await readJson(res);
+  } catch {
+    return null;
+  }
+}
+var dollars = (cents) => cents / 100;
+async function cursorBilling(account) {
+  const [core, activity, spend] = await Promise.all([
+    cursorBillingCore(account),
+    cursorActivity(account.homeDir),
+    cursorModelSpend(account.homeDir)
+  ]);
+  let merged = activity;
+  if (spend) {
+    const lines = activity?.summary ?? "";
+    const spendLabel = `$${Math.round(spend.total)} all-time`;
+    merged = {
+      series: activity?.series ?? [],
+      summary: lines ? `${lines} \xB7 ${spendLabel}` : spendLabel
+    };
+  }
+  return { ...core, activity: merged };
+}
+async function cursorBillingCore(account) {
+  const db = cursorStateDb(account.homeDir);
+  const [tokenRes, membershipRes] = await Promise.all([
+    readState(db, "cursorAuth/accessToken"),
+    readState(db, "cursorAuth/stripeMembershipType")
+  ]);
+  const token = tokenRes.value;
+  const membership = membershipRes.value;
+  const planFallback = membership ? membership.charAt(0).toUpperCase() + membership.slice(1) : null;
+  if (!token) {
+    const error = tokenRes.status === "ok" ? "Not signed in \u2014 open Cursor" : sqliteStatusMessage(tokenRes.status);
+    return { plan: planFallback, metrics: [], error };
+  }
+  const [usage, planInfo] = await Promise.all([
+    connectPost(USAGE_URL2, token),
+    connectPost(PLAN_URL, token)
+  ]);
+  if (!usage || usage.__status) {
+    const expired = usage?.__status === 401 || usage?.__status === 403;
+    return { plan: planFallback, metrics: [], error: expired ? "Token expired \u2014 re-open Cursor" : "Cursor API error" };
+  }
+  const planName = planInfo?.planInfo?.planName ?? planFallback;
+  const price = planInfo?.planInfo?.price;
+  const plan = planName ? price ? `${planName} \xB7 ${price}` : planName : null;
+  const pu = usage.planUsage ?? {};
+  const metrics = [];
+  const rawEnd = usage.billingCycleEnd;
+  const endMs = typeof rawEnd === "string" && rawEnd.trim() ? Number(rawEnd) : NaN;
+  const resets = Number.isFinite(endMs) && endMs > 0 && endMs <= 864e13 ? resetIn(new Date(endMs).toISOString()) : null;
+  if (typeof pu.totalPercentUsed === "number" && typeof pu.limit === "number") {
+    metrics.push({
+      label: "Usage",
+      used: pu.totalPercentUsed,
+      limit: 100,
+      format: { kind: "percent" },
+      resetsAt: resets,
+      primary: true
+    });
+    const spentCents = typeof pu.totalSpend === "number" ? pu.totalSpend : pu.limit - (pu.remaining ?? 0);
+    metrics.push({
+      label: "Spend",
+      used: dollars(spentCents),
+      limit: dollars(pu.limit),
+      format: { kind: "dollars" }
+    });
+  }
+  if (pu.autoPercentUsed) {
+    metrics.push({ label: "Auto", used: pu.autoPercentUsed, limit: 100, format: { kind: "percent" } });
+  }
+  if (pu.apiPercentUsed) {
+    metrics.push({ label: "API", used: pu.apiPercentUsed, limit: 100, format: { kind: "percent" } });
+  }
+  const su = usage.spendLimitUsage;
+  if (su) {
+    const limitCents = su.individualLimit ?? su.pooledLimit ?? 0;
+    const remainingCents = su.individualRemaining ?? su.pooledRemaining ?? 0;
+    if (limitCents > 0) {
+      metrics.push({
+        label: "On-demand",
+        used: dollars(limitCents - remainingCents),
+        limit: dollars(limitCents),
+        format: { kind: "dollars" }
+      });
+    }
+  }
+  if (metrics.length === 0) {
+    return { plan, metrics: [], error: usage.enabled === false ? "No active subscription" : "No usage data" };
+  }
+  return { plan, metrics, error: null };
+}
+
+// src/providers/cursor/index.ts
+var cursorProvider = {
+  id: "cursor",
+  name: "Cursor",
+  color: "magenta",
+  hasUsage: false,
+  // Cursor exposes spend/limits, not a token history
+  hasBilling: true,
+  detect: (homeDir) => detectCursor(homeDir),
+  fetchBilling: (account) => cursorBilling(account)
+};
+
+// src/providers/detect.ts
+import { accessSync, constants } from "fs";
+import { join as join9, delimiter, isAbsolute as isAbsolute3 } from "path";
+import { homedir as homedir7 } from "os";
+function searchDirs() {
+  const home = homedir7();
+  const fromEnv = (process.env.PATH ?? "").split(delimiter).filter(Boolean);
+  const extra = process.platform === "win32" ? [
+    process.env.APPDATA && join9(process.env.APPDATA, "npm"),
+    process.env.LOCALAPPDATA && join9(process.env.LOCALAPPDATA, "pnpm"),
+    join9(home, "scoop", "shims")
+  ] : [
+    "/opt/homebrew/bin",
+    "/usr/local/bin",
+    "/usr/bin",
+    "/bin",
+    "/opt/local/bin",
+    join9(home, ".local", "bin"),
+    join9(home, "bin"),
+    join9(home, ".npm-global", "bin"),
+    join9(home, ".bun", "bin"),
+    join9(home, ".local", "share", "pnpm")
+  ];
+  return [.../* @__PURE__ */ new Set([...fromEnv, ...extra.filter((d) => !!d)])];
+}
+function isExec(p) {
+  try {
+    accessSync(p, process.platform === "win32" ? constants.F_OK : constants.X_OK);
+    return true;
+  } catch {
+    return false;
+  }
+}
+function onPath(names) {
+  const exts = process.platform === "win32" ? (process.env.PATHEXT ?? ".EXE;.CMD;.BAT;.COM").split(";").map((e) => e.toLowerCase()).concat("") : [""];
+  for (const dir of searchDirs()) {
+    for (const n of names) {
+      for (const e of exts) {
+        if (isExec(join9(dir, n + e))) return true;
+      }
+    }
+  }
+  return false;
+}
+function anyExists(paths) {
+  return paths.some((p) => !!p && isExec(p));
+}
+function installSignals(id) {
+  const home = homedir7();
+  const pf = process.env.ProgramFiles;
+  const pf86 = process.env["ProgramFiles(x86)"];
+  const lad = process.env.LOCALAPPDATA;
+  switch (id) {
+    case "claude":
+      return onPath(["claude"]) || anyExists([
+        "/Applications/Claude.app",
+        join9(home, "Applications", "Claude.app"),
+        lad && join9(lad, "Programs", "claude", "Claude.exe")
+      ]);
+    case "codex": {
+      const bin = process.env.CODEX_BIN;
+      if (bin && isAbsolute3(bin) && isExec(bin)) return true;
+      return onPath(["codex"]);
+    }
+    case "cursor":
+      return onPath(["cursor", "cursor-agent"]) || anyExists([
+        "/Applications/Cursor.app",
+        join9(home, "Applications", "Cursor.app"),
+        lad && join9(lad, "Programs", "cursor", "Cursor.exe"),
+        pf && join9(pf, "Cursor", "Cursor.exe"),
+        pf86 && join9(pf86, "Cursor", "Cursor.exe"),
+        "/opt/Cursor/cursor",
+        "/usr/share/cursor/cursor",
+        "/usr/bin/cursor"
+      ]);
+    default:
+      return false;
+  }
+}
+
+// src/providers/index.ts
+var PROVIDER_ORDER = ["claude", "codex", "cursor"];
+var PROVIDERS = {
+  claude: claudeProvider,
+  codex: codexProvider,
+  cursor: cursorProvider
+};
+var ALL_PROVIDERS = PROVIDER_ORDER.map((id) => PROVIDERS[id]);
+async function detectProviders() {
+  const found = await Promise.all(
+    PROVIDER_ORDER.map(async (id) => {
+      try {
+        if (installSignals(id)) return id;
+        return await PROVIDERS[id].detect() ? id : null;
+      } catch {
+        return null;
+      }
+    })
+  );
+  return found.filter((id) => id !== null);
+}
+
+// src/accounts.ts
+function buildAccounts(config2, detected) {
+  const out = [];
+  for (const pid of PROVIDER_ORDER) {
+    if (config2.disabledProviders.includes(pid)) continue;
+    const provider = PROVIDERS[pid];
+    const configured = config2.accounts.filter((a) => a.providerId === pid);
+    if (configured.length > 0) {
+      for (const a of configured) {
+        out.push({
+          id: a.id,
+          providerId: pid,
+          name: a.name,
+          color: a.color || provider.color,
+          homeDir: a.homeDir && a.homeDir !== "~" ? expandHome(a.homeDir) : void 0
+        });
+      }
+    } else if (detected.includes(pid)) {
+      out.push({ id: pid, providerId: pid, name: provider.name, color: provider.color, homeDir: void 0 });
+    }
+  }
+  return out;
+}
+function accountsByProvider(accounts) {
+  const groups = [];
+  for (const pid of PROVIDER_ORDER) {
+    const list = accounts.filter((a) => a.providerId === pid);
+    if (list.length > 0) groups.push({ provider: pid, accounts: list });
+  }
+  return groups;
+}
+
+// src/ui/shared.tsx
+import { useState, useEffect, useRef } from "react";
+import { Box, Text } from "ink";
+import { useOnMouseClick } from "@zenobius/ink-mouse";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+function truncateName(s, n) {
+  return s.length > n ? s.slice(0, n - 1) + "\u2026" : s;
+}
+function ClickableBox({ onClick, children, ...props }) {
+  const ref = useRef(null);
+  useOnMouseClick(ref, (clicked) => {
+    if (clicked) onClick();
+  });
+  return /* @__PURE__ */ jsx(Box, { ref, ...props, children });
+}
+function Spinner({ label }) {
+  const [i, setI] = useState(0);
+  useEffect(() => {
+    const id = setInterval(() => setI((n) => (n + 1) % SPINNER_FRAMES.length), 80);
+    return () => clearInterval(id);
+  }, []);
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+      SPINNER_FRAMES[i],
+      " "
+    ] }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: label })
+  ] });
+}
+function TabBar({ tabs, active, onSelect }) {
+  return /* @__PURE__ */ jsx(Box, { children: tabs.map((t, i) => /* @__PURE__ */ jsx(ClickableBox, { onClick: () => onSelect(i), marginRight: 1, children: i === active ? /* @__PURE__ */ jsxs(Text, { bold: true, inverse: true, children: [
+    " ",
+    t,
+    " "
+  ] }) : /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+    " ",
+    t,
+    " "
+  ] }) }, t)) });
+}
+function PeakBadge({ peak }) {
+  const color = peak.state === "peak" ? "red" : "green";
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Text, { color, children: "\u25CF " }),
+    /* @__PURE__ */ jsx(Text, { bold: true, color, children: peak.label }),
+    peak.minutesUntilChange !== null && peak.minutesUntilChange > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      " (",
+      fmtMinutes(peak.minutesUntilChange),
+      ")"
+    ] })
+  ] });
+}
+function fmtMinutes(mins) {
+  if (mins < 60) return `${mins}m`;
+  const h = Math.floor(mins / 60);
+  const m = mins % 60;
+  return m === 0 ? `${h}h` : `${h}h ${m}m`;
+}
+function currencySymbol(cur) {
+  return cur === "EUR" ? "\u20AC" : cur === "GBP" ? "\xA3" : "$";
+}
+var SPARK = ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588"];
+function sparkline(values) {
+  if (values.length === 0) return "";
+  const max = Math.max(...values);
+  if (max <= 0) return SPARK[0].repeat(values.length);
+  return values.map((v) => {
+    if (v <= 0) return SPARK[0];
+    const idx = Math.min(SPARK.length - 1, 1 + Math.round(v / max * (SPARK.length - 2)));
+    return SPARK[idx];
+  }).join("");
+}
+function Bar({ pct: pct2, color, width = 24 }) {
+  const filled = Math.max(0, Math.min(width, Math.round(pct2 / 100 * width)));
+  return /* @__PURE__ */ jsxs(Text, { children: [
+    /* @__PURE__ */ jsx(Text, { color, children: "\u2501".repeat(filled) }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(width - filled) })
+  ] });
+}
+function metricValueText(m) {
+  if (m.format.kind === "dollars") {
+    const sym = currencySymbol(m.format.currency);
+    const used = `${sym}${m.used.toFixed(2)}`;
+    return m.limit != null ? `${used} / ${sym}${m.limit.toFixed(2)}` : `${used}`;
+  }
+  if (m.format.kind === "count") {
+    const suffix = m.format.suffix ? ` ${m.format.suffix}` : "";
+    const used = `${Math.round(m.used)}${suffix}`;
+    return m.limit != null ? `${used} / ${Math.round(m.limit)}` : used;
+  }
+  return `${Math.round(m.used)}%`;
+}
+
+// src/ui/dashboard.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var GAP = 2;
+var MIN_CARD = 56;
+function DashboardView({ groups, stats, cols, focusId, layout }) {
+  if (groups.length === 0) {
+    return /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "No providers enabled \u2014 press s to pick providers." });
+  }
+  let shown = groups;
+  if (layout === "single" && focusId === null) shown = groups.slice(0, 1);
+  const content = Math.max(MIN_CARD, cols - 4);
+  const single = focusId !== null || layout === "single";
+  const auto = Math.max(1, Math.min(2, Math.floor((content + GAP) / (MIN_CARD + GAP))));
+  const ncols = single ? 1 : Math.min(auto, shown.length);
+  const cardW = ncols <= 1 ? content : Math.floor((content - GAP * (ncols - 1)) / ncols);
+  return /* @__PURE__ */ jsx2(Box2, { width: content, flexWrap: "wrap", columnGap: GAP, rowGap: 1, children: shown.map((g) => /* @__PURE__ */ jsx2(ProviderCard, { provider: g.provider, accounts: g.accounts, stats, width: cardW }, g.provider)) });
+}
+function ProviderCard({ provider, accounts, stats, width }) {
+  const meta = PROVIDERS[provider];
+  const items = accounts.map((a) => ({ account: a, s: stats.get(a.id) }));
+  const dashboards = items.map((i) => i.s?.dashboard).filter((d) => !!d);
+  const agg = meta.hasUsage && dashboards.length > 0 ? aggregate(dashboards) : null;
+  const plan = items.map((i) => i.s?.billing?.plan).find(Boolean) ?? null;
+  const activity = items.map((i) => i.s?.billing?.activity).find(Boolean) ?? null;
+  const inner = width - 4;
+  const barW = Math.max(10, Math.min(46, inner - 20));
+  const hasSpark = !!agg && agg.series.some((v) => v > 0);
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width, borderStyle: "round", borderColor: meta.color, paddingX: 1, children: [
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx2(Text2, { color: meta.color, children: "\u25CF " }),
+      /* @__PURE__ */ jsx2(Text2, { bold: true, color: meta.color, children: meta.name }),
+      /* @__PURE__ */ jsx2(Box2, { flexGrow: 1 }),
+      plan && /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: plan })
+    ] }),
+    meta.hasUsage && (agg ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2(Box2, { height: 1 }),
+      /* @__PURE__ */ jsx2(SummaryRow, { label: "Today", s: agg.today }),
+      /* @__PURE__ */ jsx2(SummaryRow, { label: "This Week", s: agg.week }),
+      /* @__PURE__ */ jsx2(SummaryRow, { label: "This Month", s: agg.month }),
+      /* @__PURE__ */ jsx2(KpiLine, { agg })
+    ] }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2(Box2, { height: 1 }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Fetching usage\u2026" })
+    ] })),
+    meta.hasBilling && /* @__PURE__ */ jsxs2(Fragment, { children: [
+      meta.hasUsage && /* @__PURE__ */ jsx2(Rule, { inner }),
+      /* @__PURE__ */ jsx2(LimitsBlock, { items, barW })
+    ] }),
+    hasSpark && /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2(Rule, { inner }),
+      /* @__PURE__ */ jsx2(SparkFooter, { series: agg.series, month: agg.month.cost, color: meta.color })
+    ] }),
+    !meta.hasUsage && activity && /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2(Rule, { inner }),
+      /* @__PURE__ */ jsxs2(Box2, { children: [
+        /* @__PURE__ */ jsx2(Box2, { width: 4, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "14d" }) }),
+        /* @__PURE__ */ jsx2(Text2, { color: meta.color, children: sparkline(activity.series) }),
+        /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, justifyContent: "flex-end", children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: activity.summary }) })
+      ] })
+    ] }),
+    !meta.hasUsage && !activity && /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2(Box2, { flexGrow: 1 }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Billing only \u2014 no local history" })
+    ] })
+  ] });
+}
+function Rule({ inner }) {
+  return /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\u2500".repeat(Math.max(0, inner)) });
+}
+function SummaryRow({ label, s }) {
+  const cachedPct = s.tokens > 0 ? Math.round(s.cacheRead / s.tokens * 100) : 0;
+  return /* @__PURE__ */ jsxs2(Box2, { children: [
+    /* @__PURE__ */ jsx2(Box2, { width: 11, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: label }) }),
+    /* @__PURE__ */ jsx2(Box2, { width: 11, justifyContent: "flex-end", children: /* @__PURE__ */ jsx2(Text2, { bold: true, color: "yellow", children: currency(s.cost) }) }),
+    /* @__PURE__ */ jsx2(Box2, { width: 13, justifyContent: "flex-end", children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+      tokens(s.tokens),
+      " tok"
+    ] }) }),
+    /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, justifyContent: "flex-end", children: cachedPct > 0 ? /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+      cachedPct,
+      "% cached"
+    ] }) : /* @__PURE__ */ jsx2(Text2, { children: " " }) })
+  ] });
+}
+function KpiLine({ agg }) {
+  const hasBurn = agg.burnRate > 0;
+  const hasSaved = agg.month.cacheSavings > 0;
+  if (!hasBurn && !hasSaved) return null;
+  return /* @__PURE__ */ jsxs2(Box2, { children: [
+    hasBurn && /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Burn " }),
+      /* @__PURE__ */ jsxs2(Text2, { color: "red", children: [
+        currency(agg.burnRate),
+        "/hr"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx2(Box2, { flexGrow: 1 }),
+    hasSaved && /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Cache saved " }),
+      /* @__PURE__ */ jsxs2(Text2, { color: "green", children: [
+        currency(agg.month.cacheSavings),
+        "/mo"
+      ] })
+    ] })
+  ] });
+}
+function LimitsBlock({ items, barW }) {
+  const showName = items.length > 1;
+  return /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: items.map(({ account, s }, idx) => {
+    const billing = s?.billing;
+    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginTop: showName && idx > 0 ? 1 : 0, children: [
+      showName && /* @__PURE__ */ jsxs2(Box2, { children: [
+        /* @__PURE__ */ jsx2(Text2, { color: account.color, children: "\u25CF " }),
+        /* @__PURE__ */ jsx2(Text2, { bold: true, children: truncateName(account.name, 22) })
+      ] }),
+      !billing ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Fetching\u2026" }) : billing.error ? /* @__PURE__ */ jsx2(Text2, { color: "red", children: billing.error }) : billing.metrics.length === 0 ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "No data" }) : billing.metrics.map((m, i) => /* @__PURE__ */ jsx2(MetricRow, { m, color: account.color, barW }, `${m.label}${i}`))
+    ] }, account.id);
+  }) });
+}
+function MetricRow({ m, color, barW }) {
+  if (m.format.kind === "percent") {
+    const barColor = m.used >= 90 ? "red" : m.used >= 75 ? "yellow" : color;
+    return /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx2(Box2, { width: 7, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: m.label }) }),
+      /* @__PURE__ */ jsx2(Bar, { pct: m.used, color: barColor, width: barW }),
+      /* @__PURE__ */ jsx2(Box2, { width: 5, justifyContent: "flex-end", children: /* @__PURE__ */ jsxs2(Text2, { bold: true, children: [
+        Math.round(m.used),
+        "%"
+      ] }) }),
+      /* @__PURE__ */ jsx2(Box2, { width: 8, justifyContent: "flex-end", children: m.resetsAt ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: m.resetsAt }) : /* @__PURE__ */ jsx2(Text2, { children: " " }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs2(Box2, { children: [
+    /* @__PURE__ */ jsx2(Box2, { width: 7, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: m.label }) }),
+    /* @__PURE__ */ jsx2(Text2, { bold: true, color: "yellow", children: metricValueText(m) })
+  ] });
+}
+function SparkFooter({ series, month, color }) {
+  return /* @__PURE__ */ jsxs2(Box2, { children: [
+    /* @__PURE__ */ jsx2(Box2, { width: 4, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "14d" }) }),
+    /* @__PURE__ */ jsx2(Text2, { color, children: sparkline(series) }),
+    /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, justifyContent: "flex-end", children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+      currency(month),
+      " mo"
+    ] }) })
+  ] });
+}
+function aggregate(list) {
+  const zero = () => ({ cost: 0, tokens: 0, cacheRead: 0, cacheSavings: 0 });
+  const z = { today: zero(), week: zero(), month: zero(), burnRate: 0, series: [] };
+  for (const d of list) {
+    for (const k of ["today", "week", "month"]) {
+      z[k].cost += d[k].cost;
+      z[k].tokens += d[k].tokens;
+      z[k].cacheRead += d[k].cacheRead;
+      z[k].cacheSavings += d[k].cacheSavings;
+    }
+    z.burnRate += d.burnRate;
+    d.series.forEach((v, i) => {
+      z.series[i] = (z.series[i] ?? 0) + v;
+    });
+  }
+  return z;
+}
+
+// src/ui/table.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var MONTHS = ["", "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function TableProviderBar({ providers, active, onSelect }) {
+  return /* @__PURE__ */ jsxs3(Box3, { children: [
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "provider  " }),
+    providers.map((p) => {
+      const meta = PROVIDERS[p];
+      return /* @__PURE__ */ jsx3(ClickableBox, { onClick: () => onSelect(p), marginRight: 1, children: p === active ? /* @__PURE__ */ jsxs3(Text3, { bold: true, color: meta.color, inverse: true, children: [
+        " ",
+        meta.name,
+        " "
+      ] }) : /* @__PURE__ */ jsxs3(Text3, { color: meta.color, dimColor: true, children: [
+        " ",
+        meta.name,
+        " "
+      ] }) }, p);
+    }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "  p/P switch" })
+  ] });
+}
+function ControlBar({ views, period, sort, search, searching, showPeriod }) {
+  return /* @__PURE__ */ jsxs3(Box3, { children: [
+    showPeriod && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      views.map((v, i) => /* @__PURE__ */ jsx3(Box3, { marginRight: 2, children: i === period ? /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "cyan", children: [
+        "[",
+        v,
+        "]"
+      ] }) : /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: v }) }, v)),
+      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "  " })
+    ] }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "sort " }),
+    /* @__PURE__ */ jsx3(Text3, { bold: true, color: "magenta", children: sort }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "  o cycle  \xB7  " }),
+    searching ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "/" }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "cyan", children: search }),
+      /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: "\u258F" })
+    ] }) : search ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "filter " }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "green", children: search }),
+      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: " (/ edit \xB7 esc clear)" })
+    ] }) : /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "/ filter" })
+  ] });
+}
+function TokenTable({ rows, cursor, expanded, maxRows, cols, onRowClick }) {
+  if (rows.length === 0) return /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "No usage in this period (or filtered out)." });
+  const wide = cols > 90;
+  const base = wide ? { label: 12, input: 10, output: 10, cc: 14, cr: 12, total: 11, cost: 13 } : { label: 8, input: 7, output: 7, cc: 7, cr: 8, total: 0, cost: 11 };
+  const fixed = base.label + base.input + base.output + base.cc + base.cr + base.total + base.cost;
+  const available = cols - fixed - 6;
+  const W = { ...base, models: Math.max(wide ? 22 : 14, available) };
+  const lineW = W.label + W.models + W.input + W.output + W.cc + W.cr + W.total + W.cost;
+  const totals = { input: 0, output: 0, cacheCreate: 0, cacheRead: 0, cost: 0 };
+  for (const r of rows) {
+    totals.input += r.input;
+    totals.output += r.output;
+    totals.cacheCreate += r.cacheCreate;
+    totals.cacheRead += r.cacheRead;
+    totals.cost += r.cost;
+  }
+  const clampedCursor = Math.min(cursor, rows.length - 1);
+  const scrollStart = Math.max(0, Math.min(clampedCursor - Math.floor(maxRows / 2), rows.length - maxRows));
+  const visible = rows.slice(scrollStart, scrollStart + maxRows);
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs3(Text3, { children: [
+      /* @__PURE__ */ jsxs3(Text3, { bold: true, children: [
+        "  ",
+        col("Date", W.label, "left")
+      ] }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Models", W.models, "left") }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Input", W.input) }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Output", W.output) }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col(wide ? "Cache Create" : "CchCrt", W.cc) }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col(wide ? "Cache Read" : "CchRd", W.cr) }),
+      W.total > 0 && /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Total", W.total) }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Cost", W.cost) })
+    ] }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\u2500".repeat(lineW + 2) }),
+    visible.map((r, vi) => {
+      const idx = scrollStart + vi;
+      const selected = idx === clampedCursor;
+      return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx3(ClickableBox, { onClick: () => onRowClick(idx), children: /* @__PURE__ */ jsxs3(Text3, { inverse: selected, children: [
+          /* @__PURE__ */ jsxs3(Text3, { color: selected ? void 0 : "cyan", children: [
+            selected ? "\u25B8 " : "  ",
+            col(fmtLabel(r.label), W.label, "left")
+          ] }),
+          /* @__PURE__ */ jsx3(Text3, { dimColor: !selected, children: col(r.models.join(", "), W.models, "left") }),
+          /* @__PURE__ */ jsx3(Text3, { children: col(tokens(r.input), W.input) }),
+          /* @__PURE__ */ jsx3(Text3, { children: col(tokens(r.output), W.output) }),
+          /* @__PURE__ */ jsx3(Text3, { children: col(tokens(r.cacheCreate), W.cc) }),
+          /* @__PURE__ */ jsx3(Text3, { children: col(tokens(r.cacheRead), W.cr) }),
+          W.total > 0 && /* @__PURE__ */ jsx3(Text3, { children: col(tokens(r.total), W.total) }),
+          /* @__PURE__ */ jsx3(Text3, { bold: true, color: selected ? void 0 : "yellow", children: col(currency(r.cost), W.cost) })
+        ] }) }),
+        idx === expanded && /* @__PURE__ */ jsx3(RowDetail, { row: r, indent: W.label + 2 })
+      ] }, r.label);
+    }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\u2500".repeat(lineW + 2) }),
+    /* @__PURE__ */ jsxs3(Text3, { children: [
+      /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "greenBright", children: [
+        "  ",
+        col("Total", W.label, "left")
+      ] }),
+      /* @__PURE__ */ jsx3(Text3, { children: col("", W.models, "left") }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: col(tokens(totals.input), W.input) }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: col(tokens(totals.output), W.output) }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: col(tokens(totals.cacheCreate), W.cc) }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: col(tokens(totals.cacheRead), W.cr) }),
+      W.total > 0 && /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: col(tokens(totals.input + totals.output + totals.cacheCreate + totals.cacheRead), W.total) }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellowBright", children: col(currency(totals.cost), W.cost) })
+    ] }),
+    /* @__PURE__ */ jsx3(Box3, { height: 1 }),
+    /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      "\u2191\u2193 navigate  \xB7  Enter detail  \xB7  o sort  \xB7  g/G top/bottom  \xB7  ",
+      clampedCursor + 1,
+      "/",
+      rows.length
+    ] })
+  ] });
+}
+function RowDetail({ row, indent }) {
+  return /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", paddingLeft: indent, children: row.breakdown.map((m, i) => /* @__PURE__ */ jsxs3(Text3, { children: [
+    /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      i === row.breakdown.length - 1 ? "\u2514\u2500" : "\u251C\u2500",
+      " "
+    ] }),
+    /* @__PURE__ */ jsx3(Text3, { bold: true, children: col(m.name, 16, "left") }),
+    /* @__PURE__ */ jsxs3(Text3, { children: [
+      col(tokens(m.input), 8),
+      " in  "
+    ] }),
+    /* @__PURE__ */ jsxs3(Text3, { children: [
+      col(tokens(m.output), 8),
+      " out  "
+    ] }),
+    /* @__PURE__ */ jsxs3(Text3, { children: [
+      col(tokens(m.cacheCreate), 8),
+      " cc  "
+    ] }),
+    /* @__PURE__ */ jsxs3(Text3, { children: [
+      col(tokens(m.cacheRead), 9),
+      " cr  "
+    ] }),
+    /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: currency(m.cost) })
+  ] }, m.name)) });
+}
+function CursorSpendTable({ rows, cursor, maxRows, onRowClick }) {
+  if (rows.length === 0) return /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "No Cursor spend recorded locally." });
+  const total = rows.reduce((a, r) => a + r.usd, 0);
+  const totalAmt = rows.reduce((a, r) => a + r.requests, 0);
+  const clamped = Math.min(cursor, rows.length - 1);
+  const scrollStart = Math.max(0, Math.min(clamped - Math.floor(maxRows / 2), rows.length - maxRows));
+  const visible = rows.slice(scrollStart, scrollStart + maxRows);
+  const W = { model: 34, cost: 12, amount: 12, share: 8 };
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs3(Text3, { children: [
+      /* @__PURE__ */ jsxs3(Text3, { bold: true, children: [
+        "  ",
+        col("Model", W.model, "left")
+      ] }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Cost", W.cost) }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Amount", W.amount) }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Share", W.share) })
+    ] }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\u2500".repeat(W.model + W.cost + W.amount + W.share + 2) }),
+    visible.map((r, vi) => {
+      const idx = scrollStart + vi;
+      const selected = idx === clamped;
+      const share = total > 0 ? r.usd / total * 100 : 0;
+      return /* @__PURE__ */ jsx3(ClickableBox, { onClick: () => onRowClick(idx), children: /* @__PURE__ */ jsxs3(Text3, { inverse: selected, children: [
+        /* @__PURE__ */ jsxs3(Text3, { color: selected ? void 0 : "magenta", children: [
+          selected ? "\u25B8 " : "  ",
+          col(r.name, W.model, "left")
+        ] }),
+        /* @__PURE__ */ jsx3(Text3, { bold: true, color: selected ? void 0 : "yellow", children: col(currency(r.usd), W.cost) }),
+        /* @__PURE__ */ jsx3(Text3, { children: col(tokens(r.requests), W.amount) }),
+        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: col(share.toFixed(1) + "%", W.share) })
+      ] }) }, r.name);
+    }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\u2500".repeat(W.model + W.cost + W.amount + W.share + 2) }),
+    /* @__PURE__ */ jsxs3(Text3, { children: [
+      /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "greenBright", children: [
+        "  ",
+        col("Total", W.model, "left")
+      ] }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellowBright", children: col(currency(total), W.cost) }),
+      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: col(tokens(totalAmt), W.amount) }),
+      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: col("100%", W.share) })
+    ] }),
+    /* @__PURE__ */ jsx3(Box3, { height: 1 }),
+    /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      "local spend by model (composerData) \xB7 est. API-equivalent \xB7 ",
+      clamped + 1,
+      "/",
+      rows.length
+    ] })
+  ] });
+}
+function fmtLabel(label) {
+  if (label.length === 7 && label[4] === "-") {
+    return `${MONTHS[Number(label.slice(5, 7))]} '${label.slice(2, 4)}`;
+  }
+  return shortDate(label);
+}
+
+// src/ui/onboarding.tsx
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function Onboarding({ items, cursor, onToggle, onConfirm }) {
+  const anyEnabled = items.some((it) => it.enabled);
+  const startIdx = items.length;
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(Text4, { bold: true, color: "greenBright", children: "Welcome to tokmon" }) }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "Pick the tools you want to track. You can change this anytime in settings." }),
+    /* @__PURE__ */ jsx4(Box4, { height: 1 }),
+    items.map((it, i) => {
+      const selected = cursor === i;
+      const box = it.enabled ? "[\u2713]" : "[ ]";
+      return /* @__PURE__ */ jsxs4(ClickableBox, { onClick: () => onToggle(i), children: [
+        /* @__PURE__ */ jsxs4(Text4, { color: selected ? "green" : void 0, children: [
+          selected ? "\u25B8" : " ",
+          " "
+        ] }),
+        /* @__PURE__ */ jsx4(Text4, { bold: it.enabled, color: it.enabled ? it.color : void 0, dimColor: !it.enabled, children: box }),
+        /* @__PURE__ */ jsx4(Text4, { color: it.color, children: " \u25CF " }),
+        /* @__PURE__ */ jsx4(Box4, { width: 10, children: /* @__PURE__ */ jsx4(Text4, { bold: selected, dimColor: !it.detected && !it.enabled, children: it.name }) }),
+        it.detected ? /* @__PURE__ */ jsx4(Text4, { color: "green", dimColor: true, children: "installed" }) : it.enabled ? /* @__PURE__ */ jsx4(Text4, { color: "yellow", dimColor: true, children: "manual" }) : /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "not found" })
+      ] }, it.id);
+    }),
+    /* @__PURE__ */ jsx4(Box4, { height: 1 }),
+    /* @__PURE__ */ jsxs4(ClickableBox, { onClick: onConfirm, children: [
+      /* @__PURE__ */ jsxs4(Text4, { color: cursor === startIdx ? "green" : void 0, children: [
+        cursor === startIdx ? "\u25B8" : " ",
+        " "
+      ] }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: anyEnabled ? "greenBright" : void 0, dimColor: !anyEnabled, children: anyEnabled ? "\u25B6 Start tokmon" : "\u25B6 Start (nothing selected)" })
+    ] }),
+    /* @__PURE__ */ jsx4(Box4, { height: 1 }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2191\u2193 move  \xB7  space toggle  \xB7  enter start  \xB7  q quit" })
+  ] });
+}
+
+// src/ui/settings.tsx
+import { Box as Box5, Text as Text5 } from "ink";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var GENERAL_ROWS = 6;
+var PROVIDER_ROWS_START = GENERAL_ROWS;
+var ACCOUNT_ROWS_START = GENERAL_ROWS + PROVIDER_ORDER.length;
+var FORM_FIELDS = ["provider", "name", "homeDir", "color"];
+var COLOR_PALETTE = [
+  "cyan",
+  "magenta",
+  "green",
+  "yellow",
+  "blue",
+  "red",
+  "cyanBright",
+  "magentaBright",
+  "greenBright"
+];
+function SettingsView({
+  config: config2,
+  cursor,
+  tzEdit,
+  tzError,
+  resolvedTz,
+  accountForm,
+  activeAccountId
+}) {
+  if (accountForm) return /* @__PURE__ */ jsx5(AccountFormView, { form: accountForm, accounts: config2.accounts });
+  const editingTz = tzEdit !== null;
+  const tzDisplay = config2.timezone === null ? `System (${resolvedTz})` : config2.timezone;
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Settings" }),
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: configLocation() }),
+    /* @__PURE__ */ jsx5(Box5, { height: 1 }),
+    /* @__PURE__ */ jsx5(Text5, { bold: true, dimColor: true, children: "General" }),
+    /* @__PURE__ */ jsxs5(Row, { cursor, idx: 0, label: "Refresh interval", children: [
+      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        "\u25C2",
+        " "
+      ] }),
+      /* @__PURE__ */ jsxs5(Text5, { bold: true, color: "yellow", children: [
+        config2.interval,
+        "s"
+      ] }),
+      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        " ",
+        "\u25B8"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs5(Row, { cursor, idx: 1, label: "Billing poll", children: [
+      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        "\u25C2",
+        " "
+      ] }),
+      /* @__PURE__ */ jsxs5(Text5, { bold: true, color: "yellow", children: [
+        config2.billingInterval,
+        "m"
+      ] }),
+      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        " ",
+        "\u25B8"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx5(Row, { cursor, idx: 2, label: "Clear screen", children: /* @__PURE__ */ jsx5(Text5, { bold: true, color: config2.clearScreen ? "green" : "red", children: config2.clearScreen ? "on" : "off" }) }),
+    /* @__PURE__ */ jsx5(Row, { cursor, idx: 3, label: "Timezone", children: editingTz ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[" }),
+      /* @__PURE__ */ jsx5(Text5, { bold: true, color: "cyan", children: tzEdit }),
+      /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: "_" }),
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "]" })
+    ] }) : /* @__PURE__ */ jsx5(Text5, { bold: true, color: "yellow", children: tzDisplay }) }),
+    cursor === 3 && tzError && /* @__PURE__ */ jsxs5(Text5, { color: "red", children: [
+      "  ",
+      tzError
+    ] }),
+    /* @__PURE__ */ jsxs5(Row, { cursor, idx: 4, label: "Dashboard", children: [
+      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        "\u25C2",
+        " "
+      ] }),
+      /* @__PURE__ */ jsx5(Text5, { bold: true, color: "yellow", children: config2.dashboardLayout === "grid" ? "grid (all)" : "single (cycle)" }),
+      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        " ",
+        "\u25B8"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs5(Row, { cursor, idx: 5, label: "Default focus", children: [
+      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        "\u25C2",
+        " "
+      ] }),
+      /* @__PURE__ */ jsx5(Text5, { bold: true, color: "yellow", children: config2.defaultFocus === "all" ? "All" : "Last account" }),
+      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        " ",
+        "\u25B8"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx5(Box5, { height: 1 }),
+    /* @__PURE__ */ jsx5(Text5, { bold: true, dimColor: true, children: "Providers" }),
+    PROVIDER_ORDER.map((pid, i) => {
+      const idx = PROVIDER_ROWS_START + i;
+      const selected = cursor === idx;
+      const enabled = !config2.disabledProviders.includes(pid);
+      const p = PROVIDERS[pid];
+      return /* @__PURE__ */ jsxs5(Box5, { children: [
+        /* @__PURE__ */ jsxs5(Text5, { color: selected ? "green" : void 0, children: [
+          selected ? "\u25B8" : " ",
+          " "
+        ] }),
+        /* @__PURE__ */ jsx5(Text5, { bold: enabled, color: enabled ? p.color : void 0, dimColor: !enabled, children: enabled ? "[\u2713]" : "[ ]" }),
+        /* @__PURE__ */ jsx5(Text5, { color: p.color, children: " \u25CF " }),
+        /* @__PURE__ */ jsx5(Box5, { width: 9, children: /* @__PURE__ */ jsx5(Text5, { bold: selected, children: p.name }) }),
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: enabled ? "tracking" : "off" })
+      ] }, pid);
+    }),
+    /* @__PURE__ */ jsx5(Box5, { height: 1 }),
+    /* @__PURE__ */ jsx5(Text5, { bold: true, dimColor: true, children: "Accounts" }),
+    config2.accounts.length === 0 && /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "  none configured \u2014 enabled providers track automatically" }),
+    config2.accounts.map((acc, i) => {
+      const idx = ACCOUNT_ROWS_START + i;
+      const selected = cursor === idx;
+      const isActive = acc.id === activeAccountId;
+      const provider = PROVIDERS[acc.providerId];
+      return /* @__PURE__ */ jsxs5(Box5, { children: [
+        /* @__PURE__ */ jsxs5(Text5, { color: selected ? "green" : void 0, children: [
+          selected ? "\u25B8" : " ",
+          " "
+        ] }),
+        /* @__PURE__ */ jsxs5(Text5, { color: acc.color || provider.color, children: [
+          isActive ? "\u25CF" : "\u25CB",
+          " "
+        ] }),
+        /* @__PURE__ */ jsx5(Box5, { width: 16, children: /* @__PURE__ */ jsx5(Text5, { bold: true, children: truncateName(acc.name, 15) }) }),
+        /* @__PURE__ */ jsx5(Box5, { width: 9, children: /* @__PURE__ */ jsx5(Text5, { color: provider.color, children: provider.name }) }),
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: truncateName(acc.homeDir, 24) })
+      ] }, acc.id);
+    }),
+    /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsxs5(Text5, { color: cursor === ACCOUNT_ROWS_START + config2.accounts.length ? "green" : void 0, children: [
+        cursor === ACCOUNT_ROWS_START + config2.accounts.length ? "\u25B8" : " ",
+        " "
+      ] }),
+      /* @__PURE__ */ jsx5(Text5, { color: "greenBright", children: "+ " }),
+      /* @__PURE__ */ jsx5(Text5, { children: "Add account" })
+    ] }),
+    /* @__PURE__ */ jsx5(Box5, { height: 1 }),
+    editingTz ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "type IANA name (e.g. Europe/London) \xB7 empty = System \xB7 Enter save \xB7 Esc cancel" }) : cursor >= PROVIDER_ROWS_START && cursor < ACCOUNT_ROWS_START ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2191\u2193 select  \xB7  space toggle provider  \xB7  s/Esc close" }) : cursor >= ACCOUNT_ROWS_START && cursor < ACCOUNT_ROWS_START + config2.accounts.length ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2191\u2193 select  \xB7  \u21E7\u2191\u2193 reorder  \xB7  Enter edit  \xB7  space activate  \xB7  d delete  \xB7  s/Esc close" }) : cursor === ACCOUNT_ROWS_START + config2.accounts.length ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2191\u2193 select  \xB7  Enter add account  \xB7  s/Esc close" }) : /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2191\u2193 select  \u2190\u2192 adjust  Enter edit  s/Esc close" })
+  ] });
+}
+function Row({ cursor, idx, label, children }) {
+  return /* @__PURE__ */ jsxs5(Box5, { children: [
+    /* @__PURE__ */ jsxs5(Text5, { color: cursor === idx ? "green" : void 0, children: [
+      cursor === idx ? "\u25B8" : " ",
+      " "
+    ] }),
+    /* @__PURE__ */ jsx5(Box5, { width: 20, children: /* @__PURE__ */ jsx5(Text5, { children: label }) }),
+    children
+  ] });
+}
+function AccountFormView({ form, accounts }) {
+  const previewId = form.mode === "add" ? generateAccountId(form.name || "account", accounts) : form.editingId ?? "";
+  const accent = form.color;
+  const stepIndex = { provider: 1, name: 2, homeDir: 3, color: 4 };
+  const step = stepIndex[form.field];
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsx5(Text5, { color: accent, bold: true, children: "\u258D" }),
+      /* @__PURE__ */ jsxs5(Text5, { bold: true, children: [
+        " ",
+        form.mode === "add" ? "NEW ACCOUNT" : "EDIT ACCOUNT"
+      ] }),
+      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        "   step ",
+        step,
+        " of 4"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Stepper, { active: form.field, accent }) }),
+    /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, flexDirection: "column", borderStyle: "round", borderColor: accent, paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx5(ProviderField, { value: form.providerId, focused: form.field === "provider" }),
+      /* @__PURE__ */ jsx5(Box5, { height: 1 }),
+      /* @__PURE__ */ jsx5(
+        FormField,
+        {
+          label: "Name",
+          hint: "display name for this account",
+          value: form.name,
+          focused: form.field === "name",
+          accent,
+          placeholder: "e.g. Work, Personal"
+        }
+      ),
+      /* @__PURE__ */ jsx5(Box5, { height: 1 }),
+      /* @__PURE__ */ jsx5(
+        FormField,
+        {
+          label: "Home directory",
+          hint: "path containing the tool's data dir  \xB7  ~ for default",
+          value: form.homeDir,
+          focused: form.field === "homeDir",
+          accent,
+          placeholder: "~/work",
+          mono: true
+        }
+      ),
+      /* @__PURE__ */ jsx5(Box5, { height: 1 }),
+      /* @__PURE__ */ jsx5(ColorField, { value: form.color, focused: form.field === "color" }),
+      /* @__PURE__ */ jsx5(Box5, { height: 1 }),
+      /* @__PURE__ */ jsxs5(Box5, { children: [
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "id  \u2524 " }),
+        /* @__PURE__ */ jsx5(Text5, { bold: true, color: accent, children: previewId || "account" }),
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: " \u251C   auto-generated from name" })
+      ] })
+    ] }),
+    form.error && /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsxs5(Text5, { color: "red", children: [
+      "\u26A0 ",
+      form.error
+    ] }) }),
+    /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "tab/\u2191\u2193 " }),
+      /* @__PURE__ */ jsx5(Text5, { children: "switch field" }),
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "  \xB7  " }),
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "enter " }),
+      /* @__PURE__ */ jsx5(Text5, { children: form.field === "color" ? "save" : "next" }),
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "  \xB7  " }),
+      (form.field === "color" || form.field === "provider") && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2190\u2192 " }),
+        /* @__PURE__ */ jsx5(Text5, { children: form.field === "provider" ? "pick provider" : "pick color" }),
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "  \xB7  " })
+      ] }),
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "esc " }),
+      /* @__PURE__ */ jsx5(Text5, { children: "cancel" })
+    ] })
+  ] });
+}
+function Stepper({ active, accent }) {
+  const steps = [
+    { id: "provider", label: "Provider" },
+    { id: "name", label: "Name" },
+    { id: "homeDir", label: "Home" },
+    { id: "color", label: "Color" }
+  ];
+  const activeIdx = steps.findIndex((s) => s.id === active);
+  return /* @__PURE__ */ jsx5(Box5, { children: steps.map((s, i) => {
+    const done = i < activeIdx;
+    const cur = i === activeIdx;
+    const dot = done ? "\u25CF" : cur ? "\u25C9" : "\u25CB";
+    return /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsxs5(Text5, { color: cur || done ? accent : void 0, dimColor: !cur && !done, children: [
+        dot,
+        " "
+      ] }),
+      /* @__PURE__ */ jsx5(Text5, { bold: cur, color: cur ? accent : void 0, dimColor: !cur, children: s.label }),
+      i < steps.length - 1 && /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "  \u2500  " })
+    ] }, s.id);
+  }) });
+}
+function ProviderField({ value, focused }) {
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsxs5(Text5, { color: focused ? PROVIDERS[value].color : void 0, bold: focused, dimColor: !focused, children: [
+      focused ? "\u25B8" : " ",
+      " Provider"
+    ] }) }),
+    /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsxs5(Text5, { children: [
+        "  ",
+        focused ? "\u258C" : " ",
+        " "
+      ] }),
+      PROVIDER_ORDER.map((pid) => {
+        const selected = pid === value;
+        const p = PROVIDERS[pid];
+        return /* @__PURE__ */ jsx5(Box5, { marginRight: 2, children: selected ? /* @__PURE__ */ jsxs5(Text5, { bold: true, color: p.color, children: [
+          "[",
+          p.name,
+          "]"
+        ] }) : /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: p.name }) }, pid);
+      })
+    ] }),
+    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "      which tool this account tracks" }) })
+  ] });
+}
+function FormField({ label, hint, value, focused, accent, placeholder, mono }) {
+  const isPlaceholder = value === "";
+  const display = isPlaceholder ? placeholder : value;
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsxs5(Text5, { color: focused ? accent : void 0, bold: focused, dimColor: !focused, children: [
+      focused ? "\u25B8" : " ",
+      " ",
+      label
+    ] }) }),
+    /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsxs5(Text5, { color: focused ? accent : void 0, children: [
+        "  ",
+        focused ? "\u258C" : " ",
+        " "
+      ] }),
+      /* @__PURE__ */ jsx5(
+        Text5,
+        {
+          bold: focused && !isPlaceholder,
+          color: focused && !isPlaceholder ? accent : void 0,
+          dimColor: isPlaceholder,
+          italic: mono && isPlaceholder,
+          children: display
+        }
+      ),
+      focused && /* @__PURE__ */ jsx5(Text5, { color: accent, children: "\u258F" })
+    ] }),
+    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+      "      ",
+      hint
+    ] }) })
+  ] });
+}
+function ColorField({ value, focused }) {
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsxs5(Text5, { color: focused ? value : void 0, bold: focused, dimColor: !focused, children: [
+      focused ? "\u25B8" : " ",
+      " Accent color"
+    ] }) }),
+    /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsxs5(Text5, { children: [
+        "  ",
+        focused ? "\u258C" : " ",
+        " "
+      ] }),
+      COLOR_PALETTE.map((c) => /* @__PURE__ */ jsx5(Box5, { marginRight: 1, children: c === value ? /* @__PURE__ */ jsx5(Text5, { bold: true, color: c, children: "[\u25CF]" }) : /* @__PURE__ */ jsx5(Text5, { color: c, dimColor: !focused, children: " \u25CF" }) }, c))
+    ] }),
+    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "      shows on dashboard, account strip, borders" }) })
+  ] });
+}
+
+// src/app.tsx
+import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var TABS = ["Dashboard", "Table"];
+var VIEWS = ["Daily", "Weekly", "Monthly"];
+var SORTS = ["date \u2191", "date \u2193", "cost \u2191", "cost \u2193"];
+var CURSOR_SORTS = ["cost \u2193", "amount \u2193", "model"];
+var IS_TTY = process.stdin.isTTY === true;
 var DEFAULT_CONFIG = {
   interval: 2,
   billingInterval: 5,
   clearScreen: true,
   timezone: null,
   accounts: [],
-  activeAccountId: null
+  activeAccountId: null,
+  disabledProviders: [],
+  onboarded: false,
+  dashboardLayout: "grid",
+  defaultFocus: "all"
 };
-var GENERAL_ROWS = 4;
-var IS_TTY = process.stdin.isTTY === true;
-function truncateName(s, n) {
-  return s.length > n ? s.slice(0, n - 1) + "\u2026" : s;
-}
-function buildSlots(config2) {
-  const slots = [];
-  if (config2.accounts.length === 0) {
-    slots.push({ id: null, name: "Default", homeDir: void 0, color: "green" });
-    return slots;
-  }
-  slots.push({ id: null, name: "All", homeDir: void 0, color: "whiteBright" });
-  for (const a of config2.accounts) {
-    slots.push({
-      id: a.id,
-      name: a.name,
-      homeDir: expandHome(a.homeDir),
-      color: a.color || "cyan"
-    });
-  }
-  return slots;
-}
 function App({ interval: cliInterval }) {
-  const [config2, setConfig] = useState(null);
-  const [stats, setStats] = useState(/* @__PURE__ */ new Map());
-  const [table, setTable] = useState(null);
-  const [tableLoading, setTableLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const [updated, setUpdated] = useState(/* @__PURE__ */ new Date());
-  const [tab, setTab] = useState(0);
-  const [view, setView] = useState(0);
-  const [cursor, setCursor] = useState(0);
-  const [expanded, setExpanded] = useState(-1);
-  const [sort, setSort] = useState(1);
-  const [showSettings, setShowSettings] = useState(false);
-  const [settingsCursor, setSettingsCursor] = useState(0);
-  const [tzEdit, setTzEdit] = useState(null);
-  const [tzError, setTzError] = useState(null);
-  const [accountForm, setAccountForm] = useState(null);
-  const tableLoadedOnce = useRef(false);
+  const [config2, setConfig] = useState2(null);
+  const [detected, setDetected] = useState2([]);
+  const [stats, setStats] = useState2(/* @__PURE__ */ new Map());
+  const [peak, setPeak] = useState2(null);
+  const [table, setTable] = useState2(null);
+  const [tableLoading, setTableLoading] = useState2(false);
+  const [error, setError] = useState2(null);
+  const [updated, setUpdated] = useState2(/* @__PURE__ */ new Date());
+  const [tab, setTab] = useState2(0);
+  const [view, setView] = useState2(0);
+  const [cursor, setCursor] = useState2(0);
+  const [expanded, setExpanded] = useState2(-1);
+  const [sort, setSort] = useState2(1);
+  const [tableProvider, setTableProvider] = useState2(null);
+  const [search, setSearch] = useState2("");
+  const [searchMode, setSearchMode] = useState2(false);
+  const [cursorRows, setCursorRows] = useState2(null);
+  const [showSettings, setShowSettings] = useState2(false);
+  const [settingsCursor, setSettingsCursor] = useState2(0);
+  const [tzEdit, setTzEdit] = useState2(null);
+  const [tzError, setTzError] = useState2(null);
+  const [accountForm, setAccountForm] = useState2(null);
+  const [onboardSel, setOnboardSel] = useState2(null);
+  const [onboardCursor, setOnboardCursor] = useState2(0);
   const { stdout } = useStdout();
   const { exit } = useApp();
   const rows = stdout?.rows ?? 24;
   const cols = stdout?.columns ?? 80;
   const cfg = config2 ?? DEFAULT_CONFIG;
   const interval2 = cliInterval ?? cfg.interval * 1e3;
+  const billingMs = cfg.billingInterval * 6e4;
   const tz = resolveTimezone(cfg.timezone);
-  const slots = buildSlots(cfg);
+  const configReady = config2 !== null;
+  const accounts = useMemo(() => buildAccounts(cfg, detected), [cfg, detected]);
+  const accountsRef = useRef2([]);
+  accountsRef.current = accounts;
+  const rowCountRef = useRef2(0);
+  const accountsKey = accounts.map((a) => `${a.id}:${a.homeDir ?? ""}`).join("|");
+  const slots = accounts.length > 1 ? [{ id: null, name: "All", color: "whiteBright" }, ...accounts.map((a) => ({ id: a.id, name: a.name, color: a.color }))] : accounts.map((a) => ({ id: a.id, name: a.name, color: a.color }));
   const activeSlotIdx = (() => {
-    if (cfg.accounts.length === 0) return 0;
     if (cfg.activeAccountId === null) return 0;
     const i = slots.findIndex((s) => s.id === cfg.activeAccountId);
     return i < 0 ? 0 : i;
   })();
-  const activeSlot = slots[activeSlotIdx];
-  const slotKey = (s) => s.id ?? "__default__";
-  const visibleSlots = activeSlot.id === null && cfg.accounts.length > 0 ? slots.slice(1) : [activeSlot];
-  useEffect(() => {
+  const focusId = slots[activeSlotIdx]?.id ?? null;
+  const visibleAccounts = focusId === null ? accounts : accounts.filter((a) => a.id === focusId);
+  const groups = accountsByProvider(visibleAccounts);
+  const tableProvs = accountsByProvider(accounts).map((g) => g.provider);
+  const effTableProvider = tableProvider && tableProvs.includes(tableProvider) ? tableProvider : tableProvs[0] ?? null;
+  const tableIsCursor = !!effTableProvider && !PROVIDERS[effTableProvider].hasUsage;
+  const tableAccounts = effTableProvider ? accounts.filter((a) => a.providerId === effTableProvider) : [];
+  const SORTS_FOR = tableIsCursor ? CURSOR_SORTS : SORTS;
+  const needsOnboarding = configReady && !cfg.onboarded;
+  const onboardEnabled = onboardSel ?? detected;
+  const onboardItems = PROVIDER_ORDER.map((pid) => ({
+    id: pid,
+    name: PROVIDERS[pid].name,
+    color: PROVIDERS[pid].color,
+    detected: detected.includes(pid),
+    enabled: onboardEnabled.includes(pid)
+  }));
+  useEffect2(() => {
     loadConfig().then((c) => {
       if (cliInterval) c = { ...c, interval: cliInterval / 1e3 };
+      if (c.defaultFocus === "all") c = { ...c, activeAccountId: null };
       setConfig(c);
     });
+    detectProviders().then(setDetected);
   }, []);
-  const billingMs = cfg.billingInterval * 6e4;
-  const configReady = config2 !== null;
-  const accountsKey = cfg.accounts.map((a) => `${a.id}:${a.homeDir}`).join("|");
-  const dataSlotsRef = useRef([]);
-  dataSlotsRef.current = cfg.accounts.length > 0 ? slots.slice(1) : slots;
-  useEffect(() => {
+  useEffect2(() => {
     if (!configReady) return;
     let active = true;
+    let timer;
     const load = async () => {
-      await Promise.all(dataSlotsRef.current.map(async (slot) => {
-        try {
-          const dashboard = await fetchDashboard(tz, slot.homeDir);
-          if (!active) return;
-          setStats((prev) => {
-            const next = new Map(prev);
-            const cur = next.get(slotKey(slot)) ?? { slot, dashboard: null, billing: null };
-            next.set(slotKey(slot), { ...cur, slot, dashboard });
-            return next;
-          });
-        } catch (e) {
-          if (active) setError(e instanceof Error ? e.message : String(e));
+      try {
+        await Promise.all(accountsRef.current.map(async (acc) => {
+          const provider = PROVIDERS[acc.providerId];
+          if (!provider.hasUsage || !provider.fetchSummary) return;
+          try {
+            const dashboard = await provider.fetchSummary(acc, tz);
+            if (active) setStats((prev) => upsert(prev, acc, { dashboard }));
+          } catch {
+          }
+        }));
+        if (active) {
+          setError(null);
+          setUpdated(/* @__PURE__ */ new Date());
         }
-      }));
-      if (active) {
-        setError(null);
-        setUpdated(/* @__PURE__ */ new Date());
+      } finally {
+        if (active) timer = setTimeout(load, interval2);
       }
     };
     load();
-    const id = setInterval(load, interval2);
     return () => {
       active = false;
-      clearInterval(id);
+      clearTimeout(timer);
     };
   }, [interval2, tz, configReady, accountsKey]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!configReady) return;
     let active = true;
+    let timer;
     const load = async () => {
-      await Promise.all(dataSlotsRef.current.map(async (slot) => {
-        try {
-          const billing = await fetchBilling(slot.homeDir);
-          if (!active) return;
-          setStats((prev) => {
-            const next = new Map(prev);
-            const cur = next.get(slotKey(slot)) ?? { slot, dashboard: null, billing: null };
-            next.set(slotKey(slot), { ...cur, slot, billing });
-            return next;
-          });
-        } catch {
-        }
-      }));
+      try {
+        const peakP = accountsRef.current.some((a) => a.providerId === "claude") ? fetchPeak() : Promise.resolve(null);
+        await Promise.all(accountsRef.current.map(async (acc) => {
+          const provider = PROVIDERS[acc.providerId];
+          if (!provider.hasBilling || !provider.fetchBilling) return;
+          try {
+            const billing = await provider.fetchBilling(acc);
+            if (active) setStats((prev) => upsert(prev, acc, { billing }));
+          } catch {
+          }
+        }));
+        const p = await peakP;
+        if (active && p) setPeak(p);
+      } finally {
+        if (active) timer = setTimeout(load, billingMs);
+      }
     };
     load();
-    const id = setInterval(load, billingMs);
     return () => {
       active = false;
-      clearInterval(id);
+      clearTimeout(timer);
     };
   }, [billingMs, configReady, accountsKey]);
-  useEffect(() => {
-    tableLoadedOnce.current = false;
+  const tableKey = `${effTableProvider}|${tableAccounts.map((a) => `${a.id}:${a.homeDir ?? ""}`).join(",")}|${tz}`;
+  useEffect2(() => {
     setTable(null);
-  }, [tz, activeSlot.id]);
-  useEffect(() => {
-    if (tab !== 1) return;
-    if (tableLoadedOnce.current && table) return;
-    let active = true;
-    setTableLoading(true);
-    fetchTable(tz, activeSlot.id === null ? void 0 : activeSlot.homeDir).then((result) => {
-      if (active) {
-        setTable(result);
-        setTableLoading(false);
-        tableLoadedOnce.current = true;
-      }
-    }).catch(() => {
-      if (active) setTableLoading(false);
-    });
-    return () => {
-      active = false;
-    };
-  }, [tab, tz, activeSlot.id]);
-  useEffect(() => {
-    if (tab !== 1 || !tableLoadedOnce.current) return;
+    setCursorRows(null);
+    setCursor(0);
+    setExpanded(-1);
+    setSort(tableIsCursor ? 0 : 1);
+  }, [tableKey]);
+  useEffect2(() => {
+    if (tab !== 1 || !effTableProvider) return;
     let active = true;
-    const id = setInterval(async () => {
+    let timer;
+    const fetchOnce = async () => {
       try {
-        const result = await fetchTable(tz, activeSlot.id === null ? void 0 : activeSlot.homeDir);
-        if (active) setTable(result);
+        if (tableIsCursor) {
+          const s = await cursorModelSpend(tableAccounts[0]?.homeDir);
+          if (active) setCursorRows(s?.models ?? []);
+        } else {
+          const r = await fetchScopeTable(tableAccounts, tz);
+          if (active) setTable(r);
+        }
       } catch {
       }
-    }, Math.max(interval2, 1e4));
+    };
+    const run = async () => {
+      setTableLoading(true);
+      await fetchOnce();
+      if (!active) return;
+      setTableLoading(false);
+      const loop = async () => {
+        await fetchOnce();
+        if (active) timer = setTimeout(loop, Math.max(interval2, 1e4));
+      };
+      timer = setTimeout(loop, Math.max(interval2, 1e4));
+    };
+    run();
     return () => {
       active = false;
-      clearInterval(id);
+      clearTimeout(timer);
     };
-  }, [tab, interval2, tz, activeSlot.id]);
+  }, [tab, tableKey, interval2]);
+  useEffect2(() => {
+    setCursor(0);
+    setExpanded(-1);
+  }, [search]);
   const resetView = useCallback(() => {
     setCursor(0);
     setExpanded(-1);
   }, []);
+  const clampRow = (n) => Math.max(0, Math.min(rowCountRef.current - 1, n));
   const mouse = useMouse();
-  useEffect(() => {
+  useEffect2(() => {
     if (!IS_TTY) return;
     mouse.enable();
     const onScroll = (_pos, dir) => {
-      if (tab === 1) {
-        setCursor((c) => dir === "scrollup" ? Math.max(0, c - 3) : c + 3);
-      }
+      if (tab === 1) setCursor((c) => dir === "scrollup" ? Math.max(0, c - 3) : c + 3);
     };
     mouse.events.on("scroll", onScroll);
     return () => {
@@ -763,17 +2600,49 @@ function App({ interval: cliInterval }) {
       return next;
     });
   }
+  function toggleOnboard(i) {
+    if (i < 0 || i >= PROVIDER_ORDER.length) return;
+    const pid = PROVIDER_ORDER[i];
+    setOnboardSel((prev) => {
+      const base = prev ?? detected;
+      return base.includes(pid) ? base.filter((p) => p !== pid) : [...base, pid];
+    });
+  }
+  function toggleProvider(pid) {
+    updateConfig((c) => ({
+      ...c,
+      disabledProviders: c.disabledProviders.includes(pid) ? c.disabledProviders.filter((p) => p !== pid) : [...c.disabledProviders, pid]
+    }));
+  }
+  function confirmOnboarding() {
+    const enabled = onboardEnabled;
+    updateConfig((c) => ({
+      ...c,
+      disabledProviders: PROVIDER_ORDER.filter((p) => !enabled.includes(p)),
+      onboarded: true
+    }));
+  }
   function cycleAccount(dir) {
     if (slots.length <= 1) return;
     const next = (activeSlotIdx + dir + slots.length) % slots.length;
-    const targetId = slots[next].id;
-    updateConfig((c) => ({ ...c, activeAccountId: targetId }));
+    updateConfig((c) => ({ ...c, activeAccountId: slots[next].id }));
     resetView();
   }
+  function cycleTableProvider(dir) {
+    if (tableProvs.length <= 1) return;
+    const cur = effTableProvider ? tableProvs.indexOf(effTableProvider) : 0;
+    setTableProvider(tableProvs[(cur + dir + tableProvs.length) % tableProvs.length]);
+    setCursor(0);
+    setExpanded(-1);
+    setSearch("");
+    setSearchMode(false);
+  }
   function openAddAccount() {
+    const providerId = detected[0] ?? "claude";
     setAccountForm({
       mode: "add",
-      field: "name",
+      field: "provider",
+      providerId,
       name: "",
       homeDir: "~",
       color: pickAccentColor(cfg.accounts),
@@ -784,10 +2653,11 @@ function App({ interval: cliInterval }) {
   function openEditAccount(acc) {
     setAccountForm({
       mode: "edit",
-      field: "name",
+      field: "provider",
+      providerId: acc.providerId,
       name: acc.name,
       homeDir: acc.homeDir,
-      color: acc.color || "cyan",
+      color: acc.color || PROVIDERS[acc.providerId].color,
       editingId: acc.id,
       error: null
     });
@@ -796,7 +2666,6 @@ function App({ interval: cliInterval }) {
     if (!accountForm) return;
     const name = accountForm.name.trim();
     const homeDir = accountForm.homeDir.trim() || "~";
-    const color = accountForm.color;
     if (!name) {
       setAccountForm({ ...accountForm, error: "Name required", field: "name" });
       return;
@@ -804,30 +2673,28 @@ function App({ interval: cliInterval }) {
     updateConfig((c) => {
       if (accountForm.mode === "add") {
         const id = generateAccountId(name, c.accounts);
-        const account = { id, name, homeDir, color };
-        return {
-          ...c,
-          accounts: [...c.accounts, account],
-          activeAccountId: c.accounts.length === 0 ? id : c.activeAccountId
-        };
-      } else {
-        return {
-          ...c,
-          accounts: c.accounts.map(
-            (a) => a.id === accountForm.editingId ? { ...a, name, homeDir, color } : a
-          )
-        };
+        const account = { id, providerId: accountForm.providerId, name, homeDir, color: accountForm.color };
+        return { ...c, accounts: [...c.accounts, account] };
       }
+      return {
+        ...c,
+        accounts: c.accounts.map((a) => a.id === accountForm.editingId ? { ...a, providerId: accountForm.providerId, name, homeDir, color: accountForm.color } : a)
+      };
     });
     setAccountForm(null);
   }
   function cycleFormField(dir) {
-    const order = ["name", "homeDir", "color"];
     setAccountForm((f) => {
       if (!f) return f;
-      const i = order.indexOf(f.field);
-      const next = order[(i + dir + order.length) % order.length];
-      return { ...f, field: next };
+      const i = FORM_FIELDS.indexOf(f.field);
+      return { ...f, field: FORM_FIELDS[(i + dir + FORM_FIELDS.length) % FORM_FIELDS.length] };
+    });
+  }
+  function cycleProvider(dir) {
+    setAccountForm((f) => {
+      if (!f) return f;
+      const i = PROVIDER_ORDER.indexOf(f.providerId);
+      return { ...f, providerId: PROVIDER_ORDER[(i + dir + PROVIDER_ORDER.length) % PROVIDER_ORDER.length] };
     });
   }
   function cycleColor(dir) {
@@ -835,8 +2702,7 @@ function App({ interval: cliInterval }) {
       if (!f) return f;
       const i = COLOR_PALETTE.indexOf(f.color);
       const idx = i < 0 ? 0 : i;
-      const next = COLOR_PALETTE[(idx + dir + COLOR_PALETTE.length) % COLOR_PALETTE.length];
-      return { ...f, color: next };
+      return { ...f, color: COLOR_PALETTE[(idx + dir + COLOR_PALETTE.length) % COLOR_PALETTE.length] };
     });
   }
   function deleteAccount(id) {
@@ -854,16 +2720,35 @@ function App({ interval: cliInterval }) {
       [next[idx], next[target]] = [next[target], next[idx]];
       return { ...c, accounts: next };
     });
-    setSettingsCursor((c) => {
-      const target = c + dir;
-      const min = accountRowsStart;
-      const max = accountRowsStart + cfg.accounts.length - 1;
-      return Math.max(min, Math.min(max, target));
-    });
+    setSettingsCursor((c) => Math.max(ACCOUNT_ROWS_START, Math.min(ACCOUNT_ROWS_START + cfg.accounts.length - 1, c + dir)));
   }
-  const accountRowsStart = GENERAL_ROWS;
-  const totalSettingsRows = GENERAL_ROWS + cfg.accounts.length + 1;
+  const totalSettingsRows = ACCOUNT_ROWS_START + cfg.accounts.length + 1;
   useInput((input, key) => {
+    if (needsOnboarding) {
+      if (input === "q") {
+        exit();
+        return;
+      }
+      const startIdx = PROVIDER_ORDER.length;
+      if (key.upArrow) {
+        setOnboardCursor((c) => Math.max(0, c - 1));
+        return;
+      }
+      if (key.downArrow) {
+        setOnboardCursor((c) => Math.min(startIdx, c + 1));
+        return;
+      }
+      if (input === " ") {
+        toggleOnboard(onboardCursor);
+        return;
+      }
+      if (key.return) {
+        if (onboardCursor === startIdx) confirmOnboarding();
+        else toggleOnboard(onboardCursor);
+        return;
+      }
+      return;
+    }
     if (showSettings && accountForm) {
       if (key.escape) {
         setAccountForm(null);
@@ -881,6 +2766,21 @@ function App({ interval: cliInterval }) {
         cycleFormField(1);
         return;
       }
+      if (accountForm.field === "provider") {
+        if (key.leftArrow) {
+          cycleProvider(-1);
+          return;
+        }
+        if (key.rightArrow) {
+          cycleProvider(1);
+          return;
+        }
+        if (key.return) {
+          setAccountForm((f) => f && { ...f, field: "name" });
+          return;
+        }
+        return;
+      }
       if (accountForm.field === "color") {
         if (key.leftArrow) {
           cycleColor(-1);
@@ -897,27 +2797,21 @@ function App({ interval: cliInterval }) {
         return;
       }
       if (key.return) {
-        if (accountForm.field === "name") {
-          setAccountForm((f) => f && { ...f, field: "homeDir" });
-        } else if (accountForm.field === "homeDir") {
-          setAccountForm((f) => f && { ...f, field: "color" });
-        }
+        setAccountForm((f) => f && { ...f, field: f.field === "name" ? "homeDir" : "color" });
         return;
       }
       if (key.backspace || key.delete) {
         setAccountForm((f) => {
-          if (!f || f.field === "color") return f;
-          const cur = f[f.field];
-          return { ...f, [f.field]: cur.slice(0, -1), error: null };
+          if (!f || f.field !== "name" && f.field !== "homeDir") return f;
+          return { ...f, [f.field]: f[f.field].slice(0, -1), error: null };
         });
         return;
       }
       if (input && !key.ctrl && !key.meta) {
         setAccountForm((f) => {
-          if (!f || f.field === "color") return f;
+          if (!f || f.field !== "name" && f.field !== "homeDir") return f;
           return { ...f, [f.field]: f[f.field] + input, error: null };
         });
-        return;
       }
       return;
     }
@@ -950,8 +2844,22 @@ function App({ interval: cliInterval }) {
       if (input && !key.ctrl && !key.meta) {
         setTzEdit((s) => (s ?? "") + input);
         setTzError(null);
+      }
+      return;
+    }
+    if (tab === 1 && searchMode) {
+      if (key.return || key.escape) {
+        setSearchMode(false);
+        if (key.escape) setSearch("");
         return;
       }
+      if (key.backspace || key.delete) {
+        setSearch((s) => s.slice(0, -1));
+        return;
+      }
+      if (input && !key.ctrl && !key.meta) {
+        setSearch((s) => s + input);
+      }
       return;
     }
     if (input === "q") {
@@ -963,7 +2871,7 @@ function App({ interval: cliInterval }) {
         setShowSettings(false);
         return;
       }
-      const accIdxNav = settingsCursor - accountRowsStart;
+      const accIdxNav = settingsCursor - ACCOUNT_ROWS_START;
       const onAccountRow = accIdxNav >= 0 && accIdxNav < cfg.accounts.length;
       if (onAccountRow && key.shift && (key.upArrow || key.downArrow)) {
         moveAccount(accIdxNav, key.upArrow ? -1 : 1);
@@ -996,12 +2904,23 @@ function App({ interval: cliInterval }) {
           setTzEdit(cfg.timezone ?? "");
           setTzError(null);
         }
-        if (key.leftArrow || key.rightArrow) {
-          updateConfig((c) => ({ ...c, timezone: c.timezone === null ? systemTimezone() : null }));
-        }
+        if (key.leftArrow || key.rightArrow) updateConfig((c) => ({ ...c, timezone: c.timezone === null ? systemTimezone() : null }));
+        return;
+      }
+      if (settingsCursor === 4 && (key.leftArrow || key.rightArrow || key.return)) {
+        updateConfig((c) => ({ ...c, dashboardLayout: c.dashboardLayout === "grid" ? "single" : "grid" }));
         return;
       }
-      const accIdx = settingsCursor - accountRowsStart;
+      if (settingsCursor === 5 && (key.leftArrow || key.rightArrow || key.return)) {
+        updateConfig((c) => ({ ...c, defaultFocus: c.defaultFocus === "all" ? "last" : "all" }));
+        return;
+      }
+      const provIdx = settingsCursor - PROVIDER_ROWS_START;
+      if (provIdx >= 0 && provIdx < PROVIDER_ORDER.length) {
+        if (input === " " || key.return || key.leftArrow || key.rightArrow) toggleProvider(PROVIDER_ORDER[provIdx]);
+        return;
+      }
+      const accIdx = settingsCursor - ACCOUNT_ROWS_START;
       if (accIdx >= 0 && accIdx < cfg.accounts.length) {
         const acc = cfg.accounts[accIdx];
         if (key.return) {
@@ -1020,7 +2939,6 @@ function App({ interval: cliInterval }) {
       }
       if (accIdx === cfg.accounts.length && key.return) {
         openAddAccount();
-        return;
       }
       return;
     }
@@ -1051,43 +2969,58 @@ function App({ interval: cliInterval }) {
       return;
     }
     if (tab === 1) {
-      if (input === "d") {
-        setView(0);
-        resetView();
-        return;
-      }
-      if (input === "w") {
-        setView(1);
-        resetView();
+      if (input === "p") {
+        cycleTableProvider(1);
         return;
       }
-      if (input === "m") {
-        setView(2);
-        resetView();
+      if (input === "P") {
+        cycleTableProvider(-1);
         return;
       }
-      if (key.leftArrow) {
-        setView((v) => (v - 1 + VIEWS.length) % VIEWS.length);
-        resetView();
+      if (input === "/") {
+        setSearchMode(true);
         return;
       }
-      if (key.rightArrow) {
-        setView((v) => (v + 1) % VIEWS.length);
-        resetView();
+      if (key.escape) {
+        if (search) setSearch("");
+        else setExpanded(-1);
         return;
       }
       if (input === "o") {
-        setSort((s) => (s + 1) % SORTS.length);
+        setSort((s) => (s + 1) % SORTS_FOR.length);
         resetView();
         return;
       }
-      if (key.return) {
-        setExpanded((e) => e === cursor ? -1 : cursor);
-        return;
-      }
-      if (key.escape) {
-        setExpanded(-1);
-        return;
+      if (!tableIsCursor) {
+        if (input === "d") {
+          setView(0);
+          resetView();
+          return;
+        }
+        if (input === "w") {
+          setView(1);
+          resetView();
+          return;
+        }
+        if (input === "m") {
+          setView(2);
+          resetView();
+          return;
+        }
+        if (key.leftArrow) {
+          setView((v) => (v - 1 + VIEWS.length) % VIEWS.length);
+          resetView();
+          return;
+        }
+        if (key.rightArrow) {
+          setView((v) => (v + 1) % VIEWS.length);
+          resetView();
+          return;
+        }
+        if (key.return) {
+          setExpanded((e) => e === cursor ? -1 : cursor);
+          return;
+        }
       }
     } else {
       if (key.leftArrow || key.rightArrow) {
@@ -1101,828 +3034,218 @@ function App({ interval: cliInterval }) {
       return;
     }
     if (key.downArrow) {
-      setCursor((c) => c + 1);
+      setCursor((c) => clampRow(c + 1));
       return;
     }
     if (key.pageDown || input === "G") {
-      setCursor((c) => input === "G" ? 99999 : c + Math.max(1, rows - 12));
-      return;
-    }
-    if (key.pageUp || input === "g") {
-      setCursor((c) => input === "g" ? 0 : Math.max(0, c - Math.max(1, rows - 12)));
+      setCursor((c) => clampRow(input === "G" ? rowCountRef.current - 1 : c + Math.max(1, rows - 12)));
       return;
-    }
-  }, { isActive: IS_TTY });
-  if (error) return /* @__PURE__ */ jsx(Box, { padding: 1, children: /* @__PURE__ */ jsx(Text, { color: "red", children: error }) });
-  if (!config2) return /* @__PURE__ */ jsx(Box, { padding: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Loading..." }) });
-  const firstStats = stats.size > 0 ? [...stats.values()][0] : null;
-  if (!firstStats?.dashboard) return /* @__PURE__ */ jsx(Box, { padding: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Loading..." }) });
-  const peakBilling = firstStats.billing;
-  const rawTableData = table ? [table.daily, table.weekly, table.monthly][view] : [];
-  const tableData = sortRows(rawTableData, sort);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, height: rows, children: [
-    /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsxs(Text, { bold: true, color: "greenBright", children: [
-          "\u25C9",
-          " tokmon"
-        ] }),
-        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-          "  \xB7  every ",
-          cfg.interval,
-          "s"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        peakBilling?.peak && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(PeakBadge, { peak: peakBilling.peak }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  \xB7  " })
-        ] }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: time(updated, tz) })
-      ] })
-    ] }),
-    showSettings ? /* @__PURE__ */ jsx(
-      SettingsView,
-      {
-        config: cfg,
-        cursor: settingsCursor,
-        tzEdit,
-        tzError,
-        resolvedTz: tz,
-        accountForm,
-        onSettingsClick: (i) => setSettingsCursor(i),
-        onAddAccount: openAddAccount,
-        onEditAccount: openEditAccount,
-        onActivateAccount: (id) => updateConfig((c) => ({ ...c, activeAccountId: id })),
-        activeAccountId: cfg.activeAccountId
-      }
-    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(Box, { marginTop: 1, marginBottom: 1, children: [
-        /* @__PURE__ */ jsx(TabBar, { tabs: TABS, active: tab, onSelect: (i) => {
-          setTab(i);
-          resetView();
-        } }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  Tab/\u2190\u2192" })
-      ] }),
-      tab === 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          DashboardView,
-          {
-            slots: visibleSlots,
-            stats,
-            compact: visibleSlots.length > 1
-          }
-        ),
-        slots.length > 1 && /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "focus  " }),
-          /* @__PURE__ */ jsx(
-            AccountStrip,
-            {
-              slots,
-              activeIdx: activeSlotIdx,
-              onSelect: (i) => {
-                const id = slots[i].id;
-                updateConfig((c) => ({ ...c, activeAccountId: id }));
-                resetView();
-              }
-            }
-          )
-        ] })
-      ] }),
-      tab === 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(ViewBar, { views: VIEWS, active: view, sort: SORTS[sort], onSelect: (i) => {
-          setView(i);
-          resetView();
-        } }),
-        /* @__PURE__ */ jsx(Box, { height: 1 }),
-        tableLoading && !table ? /* @__PURE__ */ jsx(Spinner, { label: "Loading 6 months of history" }) : /* @__PURE__ */ jsx(
-          TableView,
-          {
-            rows: tableData,
-            cursor,
-            expanded,
-            maxRows: rows - 14,
-            cols,
-            onRowClick: (idx) => {
-              if (idx === cursor) setExpanded((e) => e === idx ? -1 : idx);
-              else setCursor(idx);
-            }
-          }
-        )
-      ] })
-    ] }),
-    (tab === 0 || showSettings) && /* @__PURE__ */ jsx(Footer, { hasAccounts: slots.length > 1 })
-  ] });
-}
-function Footer({ hasAccounts }) {
-  return /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "by " }),
-    /* @__PURE__ */ jsx(Text, { children: "David Ilie" }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: " (" }),
-    /* @__PURE__ */ jsx(Text, { color: "cyan", children: "davidilie.com" }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: ")  \xB7  s=settings  " }),
-    hasAccounts && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "0-9=jump  a/A=cycle  " }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "q=quit" })
-  ] });
-}
-function TabBar({ tabs, active, onSelect }) {
-  return /* @__PURE__ */ jsx(Box, { children: tabs.map((t, i) => /* @__PURE__ */ jsx(ClickableBox, { onClick: () => onSelect(i), marginRight: 1, children: i === active ? /* @__PURE__ */ jsxs(Text, { bold: true, inverse: true, children: [
-    " ",
-    t,
-    " "
-  ] }) : /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-    " ",
-    t,
-    " "
-  ] }) }, t)) });
-}
-function AccountStrip({ slots, activeIdx, onSelect }) {
-  return /* @__PURE__ */ jsx(Box, { flexWrap: "wrap", children: slots.map((s, i) => {
-    const active = i === activeIdx;
-    const dot = s.id === null ? "\u2726" : "\u25CF";
-    const label = truncateName(s.name, 16);
-    return /* @__PURE__ */ jsxs(ClickableBox, { onClick: () => onSelect(i), marginRight: 2, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: !active, children: i }),
-      /* @__PURE__ */ jsx(Text, { children: " " }),
-      /* @__PURE__ */ jsx(Text, { color: s.color, bold: active, dimColor: !active, children: dot }),
-      /* @__PURE__ */ jsx(Text, { children: " " }),
-      active ? /* @__PURE__ */ jsx(Text, { bold: true, color: s.color, children: label }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: label })
-    ] }, s.id ?? "__all__");
-  }) });
-}
-function ViewBar({ views, active, sort, onSelect }) {
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    views.map((v, i) => /* @__PURE__ */ jsx(ClickableBox, { onClick: () => onSelect(i), marginRight: 2, children: i === active ? /* @__PURE__ */ jsxs(Text, { bold: true, color: "cyan", children: [
-      "[",
-      v,
-      "]"
-    ] }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: v }) }, v)),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  sort: " }),
-    /* @__PURE__ */ jsx(Text, { bold: true, color: "magenta", children: sort }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  o=cycle" })
-  ] });
-}
-function sortRows(rows, sortIdx) {
-  if (rows.length === 0) return rows;
-  const sorted = [...rows];
-  switch (sortIdx) {
-    case 0:
-      return sorted.sort((a, b) => a.label.localeCompare(b.label));
-    case 1:
-      return sorted.sort((a, b) => b.label.localeCompare(a.label));
-    case 2:
-      return sorted.sort((a, b) => a.cost - b.cost);
-    case 3:
-      return sorted.sort((a, b) => b.cost - a.cost);
-    default:
-      return sorted;
-  }
-}
-var COLOR_PALETTE = [
-  "cyan",
-  "magenta",
-  "green",
-  "yellow",
-  "blue",
-  "red",
-  "cyanBright",
-  "magentaBright",
-  "greenBright"
-];
-function SettingsView({
-  config: config2,
-  cursor,
-  tzEdit,
-  tzError,
-  resolvedTz,
-  accountForm,
-  onAddAccount,
-  onEditAccount,
-  onActivateAccount,
-  activeAccountId
-}) {
-  const editingTz = tzEdit !== null;
-  const tzDisplay = config2.timezone === null ? `System (${resolvedTz})` : config2.timezone;
-  const accountRowsStart = GENERAL_ROWS;
-  if (accountForm) {
-    return /* @__PURE__ */ jsx(AccountFormView, { form: accountForm, accounts: config2.accounts });
-  }
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ jsx(Text, { bold: true, children: "Settings" }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: configLocation() }),
-    /* @__PURE__ */ jsx(Box, { height: 1 }),
-    /* @__PURE__ */ jsx(Text, { bold: true, dimColor: true, children: "General" }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Text, { color: cursor === 0 ? "green" : void 0, children: [
-        cursor === 0 ? "\u25B8" : " ",
-        " "
-      ] }),
-      /* @__PURE__ */ jsx(Text, { children: "Refresh interval    " }),
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        "\u25C2",
-        " "
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellow", children: [
-        config2.interval,
-        "s"
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        " ",
-        "\u25B8"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Text, { color: cursor === 1 ? "green" : void 0, children: [
-        cursor === 1 ? "\u25B8" : " ",
-        " "
-      ] }),
-      /* @__PURE__ */ jsx(Text, { children: "Billing poll        " }),
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        "\u25C2",
-        " "
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellow", children: [
-        config2.billingInterval,
-        "m"
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        " ",
-        "\u25B8"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Text, { color: cursor === 2 ? "green" : void 0, children: [
-        cursor === 2 ? "\u25B8" : " ",
-        " "
-      ] }),
-      /* @__PURE__ */ jsx(Text, { children: "Clear screen        " }),
-      /* @__PURE__ */ jsx(Text, { bold: true, color: config2.clearScreen ? "green" : "red", children: config2.clearScreen ? "on" : "off" })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Text, { color: cursor === 3 ? "green" : void 0, children: [
-        cursor === 3 ? "\u25B8" : " ",
-        " "
-      ] }),
-      /* @__PURE__ */ jsx(Text, { children: "Timezone            " }),
-      editingTz ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[" }),
-        /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: tzEdit }),
-        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "]" })
-      ] }) : /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: tzDisplay })
-    ] }),
-    cursor === 3 && tzError && /* @__PURE__ */ jsxs(Text, { color: "red", children: [
-      "  ",
-      tzError
-    ] }),
-    /* @__PURE__ */ jsx(Box, { height: 1 }),
-    /* @__PURE__ */ jsx(Text, { bold: true, dimColor: true, children: "Claude accounts" }),
-    config2.accounts.length === 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  none \u2014 using default Claude HOME" }),
-    config2.accounts.map((acc, i) => {
-      const idx = accountRowsStart + i;
-      const selected = cursor === idx;
-      const isActive = acc.id === activeAccountId;
-      return /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsxs(Text, { color: selected ? "green" : void 0, children: [
-          selected ? "\u25B8" : " ",
-          " "
-        ] }),
-        /* @__PURE__ */ jsxs(Text, { color: acc.color || "cyan", children: [
-          isActive ? "\u25CF" : "\u25CB",
-          " "
+    }
+    if (key.pageUp || input === "g") {
+      setCursor((c) => input === "g" ? 0 : Math.max(0, c - Math.max(1, rows - 12)));
+      return;
+    }
+  }, { isActive: IS_TTY });
+  if (error) return /* @__PURE__ */ jsx6(Box6, { padding: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "red", children: error }) });
+  if (!config2) return /* @__PURE__ */ jsx6(Box6, { padding: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Loading..." }) });
+  if (needsOnboarding) {
+    return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", paddingX: 2, paddingY: 1, height: rows, children: /* @__PURE__ */ jsx6(Onboarding, { items: onboardItems, cursor: onboardCursor, onToggle: toggleOnboard, onConfirm: confirmOnboarding }) });
+  }
+  const tokenRows = sortRows(filterTokenRows(table ? [table.daily, table.weekly, table.monthly][view] : [], search), sort);
+  const cursorTableRows = sortCursorRows(filterCursorRows(cursorRows ?? [], search), sort);
+  rowCountRef.current = tableIsCursor ? cursorTableRows.length : tokenRows.length;
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", paddingX: 2, paddingY: 1, height: rows, children: [
+    /* @__PURE__ */ jsxs6(Box6, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs6(Box6, { children: [
+        /* @__PURE__ */ jsxs6(Text6, { bold: true, color: "greenBright", children: [
+          "\u25C9",
+          " tokmon"
         ] }),
-        /* @__PURE__ */ jsx(Text, { bold: true, children: truncateName(acc.name, 24) }),
-        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-          "  ",
-          truncateName(acc.homeDir, 28)
+        /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+          "  \xB7  every ",
+          cfg.interval,
+          "s"
         ] })
-      ] }, acc.id);
-    }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Text, { color: cursor === accountRowsStart + config2.accounts.length ? "green" : void 0, children: [
-        cursor === accountRowsStart + config2.accounts.length ? "\u25B8" : " ",
-        " "
-      ] }),
-      /* @__PURE__ */ jsx(Text, { color: "greenBright", children: "+ " }),
-      /* @__PURE__ */ jsx(Text, { children: "Add account" })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { height: 1 }),
-    editingTz ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "type IANA name (e.g. Europe/London) \xB7 empty = System \xB7 Enter save \xB7 Esc cancel" }) : cursor >= accountRowsStart && cursor < accountRowsStart + config2.accounts.length ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191\u2193 select  \xB7  \u21E7\u2191\u2193 reorder  \xB7  Enter edit  \xB7  space activate  \xB7  d delete  \xB7  s/Esc close" }) : cursor === accountRowsStart + config2.accounts.length ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191\u2193 select  \xB7  Enter add account  \xB7  s/Esc close" }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191\u2193 select  \u2190\u2192 adjust  Enter edit  s/Esc close" })
-  ] });
-}
-function AccountFormView({ form, accounts }) {
-  const previewId = form.mode === "add" ? generateAccountId(form.name || "account", accounts) : form.editingId ?? "";
-  const accent = form.color;
-  const stepIndex = { name: 1, homeDir: 2, color: 3 };
-  const step = stepIndex[form.field];
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: accent, bold: true, children: "\u258D" }),
-      /* @__PURE__ */ jsxs(Text, { bold: true, children: [
-        " ",
-        form.mode === "add" ? "NEW ACCOUNT" : "EDIT ACCOUNT"
       ] }),
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        "   step ",
-        step,
-        " of 3"
+      /* @__PURE__ */ jsxs6(Box6, { children: [
+        peak && /* @__PURE__ */ jsxs6(Fragment4, { children: [
+          /* @__PURE__ */ jsx6(PeakBadge, { peak }),
+          /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "  \xB7  " })
+        ] }),
+        /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: time(updated, tz) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Stepper, { active: form.field, accent }) }),
-    /* @__PURE__ */ jsxs(
-      Box,
+    showSettings ? /* @__PURE__ */ jsx6(
+      SettingsView,
       {
-        marginTop: 1,
-        flexDirection: "column",
-        borderStyle: "round",
-        borderColor: accent,
-        paddingX: 2,
-        paddingY: 1,
-        children: [
-          /* @__PURE__ */ jsx(
-            FormField,
-            {
-              label: "Name",
-              hint: "display name for this Claude account",
-              value: form.name,
-              focused: form.field === "name",
-              accent,
-              placeholder: "e.g. Work, Personal"
-            }
-          ),
-          /* @__PURE__ */ jsx(Box, { height: 1 }),
-          /* @__PURE__ */ jsx(
-            FormField,
-            {
-              label: "Home directory",
-              hint: "path containing .claude/  \xB7  ~ for default",
-              value: form.homeDir,
-              focused: form.field === "homeDir",
-              accent,
-              placeholder: "~/claude-work",
-              mono: true
-            }
-          ),
-          /* @__PURE__ */ jsx(Box, { height: 1 }),
-          /* @__PURE__ */ jsx(
-            ColorField,
-            {
-              value: form.color,
-              focused: form.field === "color"
-            }
-          ),
-          /* @__PURE__ */ jsx(Box, { height: 1 }),
-          /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "id  " }),
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2524 " }),
-            /* @__PURE__ */ jsx(Text, { bold: true, color: accent, children: previewId || "account" }),
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: " \u251C" }),
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "   auto-generated from name" })
-          ] })
-        ]
+        config: cfg,
+        cursor: settingsCursor,
+        tzEdit,
+        tzError,
+        resolvedTz: tz,
+        accountForm,
+        activeAccountId: cfg.activeAccountId
       }
-    ),
-    form.error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "red", children: [
-      "\u26A0 ",
-      form.error
-    ] }) }),
-    /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "tab/\u2191\u2193 " }),
-      /* @__PURE__ */ jsx(Text, { children: "switch field" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  \xB7  " }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "enter " }),
-      /* @__PURE__ */ jsx(Text, { children: form.field === "color" ? "save" : "next" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  \xB7  " }),
-      form.field === "color" && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2190\u2192 " }),
-        /* @__PURE__ */ jsx(Text, { children: "pick color" }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  \xB7  " })
-      ] }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "esc " }),
-      /* @__PURE__ */ jsx(Text, { children: "cancel" })
-    ] })
-  ] });
-}
-function Stepper({ active, accent }) {
-  const steps = [
-    { id: "name", label: "Name" },
-    { id: "homeDir", label: "Home" },
-    { id: "color", label: "Color" }
-  ];
-  const order = steps.map((s) => s.id);
-  const activeIdx = order.indexOf(active);
-  return /* @__PURE__ */ jsx(Box, { children: steps.map((s, i) => {
-    const done = i < activeIdx;
-    const cur = i === activeIdx;
-    const dot = done ? "\u25CF" : cur ? "\u25C9" : "\u25CB";
-    return /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Text, { color: cur ? accent : done ? accent : void 0, dimColor: !cur && !done, children: [
-        dot,
-        " "
-      ] }),
-      /* @__PURE__ */ jsx(Text, { bold: cur, color: cur ? accent : void 0, dimColor: !cur, children: s.label }),
-      i < steps.length - 1 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  \u2500  " })
-    ] }, s.id);
-  }) });
-}
-function FormField({
-  label,
-  hint,
-  value,
-  focused,
-  accent,
-  placeholder,
-  mono
-}) {
-  const display = value === "" ? placeholder : value;
-  const isPlaceholder = value === "";
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: focused ? accent : void 0, bold: focused, dimColor: !focused, children: [
-      focused ? "\u25B8" : " ",
-      " ",
-      label
-    ] }) }),
-    /* @__PURE__ */ jsxs(Box, { marginTop: 0, children: [
-      /* @__PURE__ */ jsxs(Text, { color: focused ? accent : void 0, children: [
-        "  ",
-        focused ? "\u258C" : " ",
-        " "
+    ) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
+      /* @__PURE__ */ jsxs6(Box6, { marginTop: 1, marginBottom: 1, children: [
+        /* @__PURE__ */ jsx6(TabBar, { tabs: TABS, active: tab, onSelect: (i) => {
+          setTab(i);
+          resetView();
+        } }),
+        /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "  Tab/\u2190\u2192" })
       ] }),
-      /* @__PURE__ */ jsx(
-        Text,
-        {
-          bold: focused && !isPlaceholder,
-          color: focused && !isPlaceholder ? accent : void 0,
-          dimColor: isPlaceholder,
-          italic: mono && isPlaceholder,
-          children: display
-        }
-      ),
-      focused && /* @__PURE__ */ jsx(Text, { color: accent, children: "\u258F" })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "      ",
-      hint
-    ] }) })
-  ] });
-}
-function ColorField({ value, focused }) {
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: focused ? value : void 0, bold: focused, dimColor: !focused, children: [
-      focused ? "\u25B8" : " ",
-      " Accent color"
-    ] }) }),
-    /* @__PURE__ */ jsxs(Box, { marginTop: 0, children: [
-      /* @__PURE__ */ jsxs(Text, { children: [
-        "  ",
-        focused ? "\u258C" : " ",
-        " "
+      tab === 0 && /* @__PURE__ */ jsxs6(Fragment4, { children: [
+        /* @__PURE__ */ jsx6(DashboardView, { groups, stats, cols, focusId, layout: cfg.dashboardLayout }),
+        slots.length > 1 && /* @__PURE__ */ jsxs6(Box6, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "focus  " }),
+          /* @__PURE__ */ jsx6(
+            AccountStrip,
+            {
+              slots,
+              activeIdx: activeSlotIdx,
+              onSelect: (i) => {
+                updateConfig((c) => ({ ...c, activeAccountId: slots[i].id }));
+                resetView();
+              }
+            }
+          )
+        ] })
       ] }),
-      COLOR_PALETTE.map((c, i) => {
-        const selected = c === value;
-        return /* @__PURE__ */ jsx(Box, { marginRight: 1, children: selected ? /* @__PURE__ */ jsx(Text, { bold: true, color: c, children: "[\u25CF]" }) : /* @__PURE__ */ jsx(Text, { color: c, dimColor: !focused, children: i === COLOR_PALETTE.length - 1 ? " \u25CF" : " \u25CF" }) }, c);
-      })
+      tab === 1 && /* @__PURE__ */ jsxs6(Fragment4, { children: [
+        tableProvs.length > 0 && /* @__PURE__ */ jsx6(TableProviderBar, { providers: tableProvs, active: effTableProvider, onSelect: (p) => {
+          setTableProvider(p);
+          setCursor(0);
+          setExpanded(-1);
+          setSearch("");
+          setSearchMode(false);
+        } }),
+        /* @__PURE__ */ jsx6(Box6, { height: 1 }),
+        /* @__PURE__ */ jsx6(
+          ControlBar,
+          {
+            views: VIEWS,
+            period: view,
+            sort: SORTS_FOR[sort % SORTS_FOR.length],
+            search,
+            searching: searchMode,
+            showPeriod: !tableIsCursor
+          }
+        ),
+        /* @__PURE__ */ jsx6(Box6, { height: 1 }),
+        !effTableProvider ? /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "No providers enabled \u2014 press s to pick providers." }) : tableLoading && !table && !cursorRows ? /* @__PURE__ */ jsx6(Spinner, { label: "Loading history" }) : tableIsCursor ? /* @__PURE__ */ jsx6(
+          CursorSpendTable,
+          {
+            rows: cursorTableRows,
+            cursor,
+            maxRows: Math.max(1, rows - 16),
+            onRowClick: (idx) => setCursor(idx)
+          }
+        ) : /* @__PURE__ */ jsx6(
+          TokenTable,
+          {
+            rows: tokenRows,
+            cursor,
+            expanded,
+            maxRows: Math.max(1, rows - 16),
+            cols,
+            onRowClick: (idx) => {
+              if (idx === cursor) setExpanded((e) => e === idx ? -1 : idx);
+              else setCursor(idx);
+            }
+          }
+        )
+      ] })
     ] }),
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "      shows on dashboard, account strip, borders" }) })
-  ] });
-}
-function DashboardView({ slots, stats, compact: _compact }) {
-  const slotKey = (s) => s.id ?? "__default__";
-  const items = slots.map((slot) => ({ slot, s: stats.get(slotKey(slot)) })).filter((x) => !!x.s?.dashboard);
-  if (items.length === 0) return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Loading..." });
-  const agg = aggregateUsage(items.map((i) => i.s.dashboard));
-  const isMulti = items.length > 1;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        flexDirection: "column",
-        paddingLeft: 1,
-        borderStyle: "bold",
-        borderColor: isMulti ? "green" : items[0].slot.color,
-        borderRight: false,
-        borderTop: false,
-        borderBottom: false,
-        children: [
-          /* @__PURE__ */ jsx(Text, { bold: true, children: "Claude" }),
-          /* @__PURE__ */ jsx(Box, { height: 1 }),
-          /* @__PURE__ */ jsx(SummaryRow, { label: "Today", summary: agg.today }),
-          /* @__PURE__ */ jsx(SummaryRow, { label: "This Week", summary: agg.week }),
-          /* @__PURE__ */ jsx(SummaryRow, { label: "This Month", summary: agg.month }),
-          agg.burnRate > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Box, { height: 1 }),
-            /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Box, { width: 14, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Burn rate" }) }),
-              /* @__PURE__ */ jsx(Box, { width: 12, justifyContent: "flex-end", children: /* @__PURE__ */ jsx(Text, { color: "red", children: currency(agg.burnRate) }) }),
-              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "/hr" })
-            ] })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(Box, { height: 1 }),
-    /* @__PURE__ */ jsx(RateLimitsCard, { items })
+    (tab === 0 || showSettings) && /* @__PURE__ */ jsx6(Footer, { hasAccounts: slots.length > 1 })
   ] });
 }
-function aggregateUsage(list) {
-  const z = {
-    today: { cost: 0, tokens: 0 },
-    week: { cost: 0, tokens: 0 },
-    month: { cost: 0, tokens: 0 },
-    burnRate: 0
-  };
-  for (const d of list) {
-    z.today.cost += d.today.cost;
-    z.today.tokens += d.today.tokens;
-    z.week.cost += d.week.cost;
-    z.week.tokens += d.week.tokens;
-    z.month.cost += d.month.cost;
-    z.month.tokens += d.month.tokens;
-    z.burnRate += d.burnRate;
-  }
-  return z;
-}
-function SummaryRow({ label, summary }) {
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(Box, { width: 14, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: label }) }),
-    /* @__PURE__ */ jsx(Box, { width: 12, justifyContent: "flex-end", children: /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: currency(summary.cost) }) }),
-    /* @__PURE__ */ jsx(Box, { width: 18, justifyContent: "flex-end", children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      tokens(summary.tokens),
-      " tokens"
-    ] }) })
-  ] });
+function upsert(prev, account, patch) {
+  const next = new Map(prev);
+  const cur = next.get(account.id) ?? { account, dashboard: null, billing: null };
+  next.set(account.id, { ...cur, account, ...patch });
+  return next;
 }
-function RateLimitsCard({ items }) {
-  const anyData = items.some((i) => i.s.billing?.session || i.s.billing?.weekly || i.s.billing?.sonnet);
-  const anyError = items.some((i) => i.s.billing?.error);
-  const borderColor = !anyData && anyError ? "red" : "yellow";
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      flexDirection: "column",
-      paddingLeft: 1,
-      borderStyle: "bold",
-      borderColor,
-      borderRight: false,
-      borderTop: false,
-      borderBottom: false,
-      children: [
-        /* @__PURE__ */ jsx(Text, { bold: true, children: "Rate Limits" }),
-        /* @__PURE__ */ jsx(Box, { height: 1 }),
-        !anyData ? anyError ? /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: items.map(({ slot, s }) => s.billing?.error && /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Text, { color: slot.color, children: "\u25CF " }),
-          /* @__PURE__ */ jsx(Box, { width: 22, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: truncateName(slot.name, 20) }) }),
-          /* @__PURE__ */ jsx(Text, { color: "red", children: s.billing.error })
-        ] }, slot.id ?? "__default__")) }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Fetching..." }) : /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx(MetricBlock, { label: "5h", pick: (b) => b?.session, items, showResets: true }),
-          /* @__PURE__ */ jsx(Box, { height: 1 }),
-          /* @__PURE__ */ jsx(MetricBlock, { label: "Week", pick: (b) => b?.weekly, items, showResets: true }),
-          /* @__PURE__ */ jsx(Box, { height: 1 }),
-          /* @__PURE__ */ jsx(MetricBlock, { label: "Sonnet", pick: (b) => b?.sonnet, items }),
-          items.some((i) => i.s.billing?.extraUsage) && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-            /* @__PURE__ */ jsx(Text, { bold: true, dimColor: true, children: "Extra" }),
-            items.map(({ slot, s }) => {
-              const e = s.billing?.extraUsage;
-              if (!e) return null;
-              const sym = e.currency === "EUR" ? "\u20AC" : "$";
-              return /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Text, { color: slot.color, children: "\u25CF " }),
-                /* @__PURE__ */ jsx(Box, { width: 22, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: truncateName(slot.name, 20) }) }),
-                /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
-                  sym,
-                  e.used.toFixed(2)
-                ] }),
-                e.limit != null ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-                  " / ",
-                  sym,
-                  e.limit.toFixed(2)
-                ] }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: " used" })
-              ] }, slot.id ?? "__default__");
-            })
-          ] })
-        ] })
-      ]
+async function fetchScopeTable(scope, tz) {
+  const tables = await Promise.all(scope.map(async (acc) => {
+    const provider = PROVIDERS[acc.providerId];
+    if (!provider.fetchTable) return null;
+    try {
+      return await provider.fetchTable(acc, tz);
+    } catch {
+      return null;
     }
-  );
-}
-function MetricBlock({
-  label,
-  pick,
-  items,
-  showResets
-}) {
-  const rows = items.map((i) => ({
-    slot: i.slot,
-    lim: pick(i.s.billing) ?? null,
-    error: i.s.billing?.error ?? null
   }));
-  if (rows.every((r) => r.lim === null && !r.error)) return null;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx(Text, { bold: true, children: label }),
-    rows.map(({ slot, lim, error }) => {
-      if (lim) {
-        return /* @__PURE__ */ jsx(
-          AccountLimitBar,
-          {
-            slot,
-            pct: lim.utilization,
-            resets: showResets ? lim.resetsAt : null,
-            showName: items.length > 1
-          },
-          slot.id ?? "__default__"
-        );
-      }
-      return /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: slot.color, children: "\u25CF " }),
-        /* @__PURE__ */ jsx(Box, { width: 22, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: truncateName(slot.name, 20) }) }),
-        /* @__PURE__ */ jsx(Text, { color: error ? "red" : void 0, dimColor: !error, children: error ?? "no data" })
-      ] }, slot.id ?? "__default__");
-    })
-  ] });
+  const valid = tables.filter((t) => t !== null);
+  if (valid.length === 0) return { daily: [], weekly: [], monthly: [] };
+  if (valid.length === 1) return valid[0];
+  return mergeTables(valid);
 }
-function AccountLimitBar({
-  slot,
-  pct,
-  resets,
-  showName
-}) {
-  const width = 28;
-  const filled = Math.max(0, Math.min(width, Math.round(pct / 100 * width)));
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(Text, { color: slot.color, children: "\u25CF " }),
-    showName ? /* @__PURE__ */ jsx(Box, { width: 22, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: truncateName(slot.name, 20) }) }) : /* @__PURE__ */ jsx(Box, { width: 2, children: /* @__PURE__ */ jsx(Text, { children: " " }) }),
-    /* @__PURE__ */ jsx(Text, { color: slot.color, children: "\u2501".repeat(filled) }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(width - filled) }),
-    /* @__PURE__ */ jsx(Text, { children: " " }),
-    /* @__PURE__ */ jsx(Box, { width: 5, justifyContent: "flex-end", children: /* @__PURE__ */ jsxs(Text, { bold: true, children: [
-      Math.round(pct),
-      "%"
-    ] }) }),
-    resets && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "  resets ",
-      resets
-    ] })
-  ] });
+function sortRows(rows, sortIdx) {
+  const sorted = [...rows];
+  switch (sortIdx % SORTS.length) {
+    case 0:
+      return sorted.sort((a, b) => a.label.localeCompare(b.label));
+    case 1:
+      return sorted.sort((a, b) => b.label.localeCompare(a.label));
+    case 2:
+      return sorted.sort((a, b) => a.cost - b.cost);
+    case 3:
+      return sorted.sort((a, b) => b.cost - a.cost);
+    default:
+      return sorted;
+  }
 }
-function PeakBadge({ peak }) {
-  const color = peak.state === "peak" ? "red" : "green";
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(Text, { color, children: "\u25CF " }),
-    /* @__PURE__ */ jsx(Text, { bold: true, color, children: peak.label }),
-    peak.minutesUntilChange !== null && peak.minutesUntilChange > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      " (",
-      fmtMinutes(peak.minutesUntilChange),
-      ")"
-    ] })
-  ] });
+function filterTokenRows(rows, q) {
+  if (!q) return rows;
+  const s = q.toLowerCase();
+  return rows.filter((r) => r.label.toLowerCase().includes(s) || r.models.some((m) => m.toLowerCase().includes(s)));
 }
-function fmtMinutes(mins) {
-  if (mins < 60) return `${mins}m`;
-  const h = Math.floor(mins / 60);
-  const m = mins % 60;
-  return m === 0 ? `${h}h` : `${h}h ${m}m`;
+function filterCursorRows(rows, q) {
+  if (!q) return rows;
+  const s = q.toLowerCase();
+  return rows.filter((r) => r.name.toLowerCase().includes(s));
 }
-function TableView({ rows: allRows, cursor, expanded, maxRows, cols, onRowClick }) {
-  const wide = cols > 90;
-  const base = wide ? { label: 12, input: 10, output: 10, cc: 14, cr: 12, total: 11, cost: 13 } : { label: 8, input: 7, output: 7, cc: 7, cr: 8, total: 0, cost: 11 };
-  const fixed = base.label + base.input + base.output + base.cc + base.cr + base.total + base.cost;
-  const minModels = wide ? 22 : 14;
-  const available = cols - fixed - 6;
-  const W = { ...base, models: Math.max(minModels, available) };
-  const lineW = W.label + W.models + W.input + W.output + W.cc + W.cr + W.total + W.cost;
-  const totals = { input: 0, output: 0, cacheCreate: 0, cacheRead: 0, cost: 0 };
-  for (const r of allRows) {
-    totals.input += r.input;
-    totals.output += r.output;
-    totals.cacheCreate += r.cacheCreate;
-    totals.cacheRead += r.cacheRead;
-    totals.cost += r.cost;
+function sortCursorRows(rows, sortIdx) {
+  const out = [...rows];
+  switch (sortIdx % CURSOR_SORTS.length) {
+    case 1:
+      return out.sort((a, b) => b.requests - a.requests);
+    case 2:
+      return out.sort((a, b) => a.name.localeCompare(b.name));
+    default:
+      return out.sort((a, b) => b.usd - a.usd);
   }
-  const clampedCursor = Math.min(cursor, allRows.length - 1);
-  const scrollStart = Math.max(0, Math.min(clampedCursor - Math.floor(maxRows / 2), allRows.length - maxRows));
-  const visible = allRows.slice(scrollStart, scrollStart + maxRows);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsxs(Text, { bold: true, children: [
-        "  ",
-        col("Date", W.label, "left")
-      ] }),
-      /* @__PURE__ */ jsx(Text, { bold: true, children: col("Models", W.models, "left") }),
-      /* @__PURE__ */ jsx(Text, { bold: true, children: col("Input", W.input) }),
-      /* @__PURE__ */ jsx(Text, { bold: true, children: col("Output", W.output) }),
-      /* @__PURE__ */ jsx(Text, { bold: true, children: col(wide ? "Cache Create" : "CchCrt", W.cc) }),
-      /* @__PURE__ */ jsx(Text, { bold: true, children: col(wide ? "Cache Read" : "CchRd", W.cr) }),
-      W.total > 0 && /* @__PURE__ */ jsx(Text, { bold: true, children: col("Total", W.total) }),
-      /* @__PURE__ */ jsx(Text, { bold: true, children: col("Cost", W.cost) })
-    ] }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(lineW + 2) }),
-    visible.map((r, vi) => {
-      const idx = scrollStart + vi;
-      const selected = idx === clampedCursor;
-      const isExpanded = idx === expanded;
-      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx(ClickableBox, { onClick: () => onRowClick(idx), children: /* @__PURE__ */ jsxs(Text, { inverse: selected, children: [
-          /* @__PURE__ */ jsxs(Text, { color: selected ? void 0 : "cyan", children: [
-            selected ? "\u25B8 " : "  ",
-            col(fmtLabel(r.label), W.label, "left")
-          ] }),
-          /* @__PURE__ */ jsx(Text, { dimColor: !selected, children: col(r.models.join(", "), W.models, "left") }),
-          /* @__PURE__ */ jsx(Text, { children: col(tokens(r.input), W.input) }),
-          /* @__PURE__ */ jsx(Text, { children: col(tokens(r.output), W.output) }),
-          /* @__PURE__ */ jsx(Text, { children: col(tokens(r.cacheCreate), W.cc) }),
-          /* @__PURE__ */ jsx(Text, { children: col(tokens(r.cacheRead), W.cr) }),
-          W.total > 0 && /* @__PURE__ */ jsx(Text, { children: col(tokens(r.total), W.total) }),
-          /* @__PURE__ */ jsx(Text, { bold: true, color: selected ? void 0 : "yellow", children: col(currency(r.cost), W.cost) })
-        ] }) }),
-        isExpanded && /* @__PURE__ */ jsx(RowDetail, { row: r, indent: W.label + 2 })
-      ] }, r.label);
-    }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(lineW + 2) }),
-    /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsxs(Text, { bold: true, color: "greenBright", children: [
-        "  ",
-        col("Total", W.label, "left")
-      ] }),
-      /* @__PURE__ */ jsx(Text, { children: col("", W.models, "left") }),
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: col(tokens(totals.input), W.input) }),
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: col(tokens(totals.output), W.output) }),
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: col(tokens(totals.cacheCreate), W.cc) }),
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: col(tokens(totals.cacheRead), W.cr) }),
-      W.total > 0 && /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: col(tokens(totals.input + totals.output + totals.cacheCreate + totals.cacheRead), W.total) }),
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "yellowBright", children: col(currency(totals.cost), W.cost) })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { height: 1 }),
-    /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "\u2191\u2193 navigate  \xB7  Enter detail  \xB7  o sort  \xB7  g/G top/bottom  \xB7  ",
-      clampedCursor + 1,
-      "/",
-      allRows.length
-    ] }),
-    /* @__PURE__ */ jsx(Box, { height: 1 }),
-    /* @__PURE__ */ jsx(Footer, { hasAccounts: false })
-  ] });
 }
-function RowDetail({ row, indent }) {
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingLeft: indent, marginY: 0, children: row.breakdown.map((m, i) => {
-    const prefix = i === row.breakdown.length - 1 ? "\u2514\u2500" : "\u251C\u2500";
-    return /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        prefix,
-        " "
-      ] }),
-      /* @__PURE__ */ jsx(Text, { bold: true, children: col(m.name, 16, "left") }),
-      /* @__PURE__ */ jsxs(Text, { children: [
-        col(tokens(m.input), 8),
-        " in  "
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { children: [
-        col(tokens(m.output), 8),
-        " out  "
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { children: [
-        col(tokens(m.cacheCreate), 8),
-        " cc  "
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { children: [
-        col(tokens(m.cacheRead), 9),
-        " cr  "
-      ] }),
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: currency(m.cost) })
-    ] }, m.name);
+function AccountStrip({ slots, activeIdx, onSelect }) {
+  return /* @__PURE__ */ jsx6(Box6, { flexWrap: "wrap", children: slots.map((s, i) => {
+    const active = i === activeIdx;
+    const dot = s.id === null ? "\u2726" : "\u25CF";
+    const label = truncateName(s.name, 16);
+    return /* @__PURE__ */ jsxs6(ClickableBox, { onClick: () => onSelect(i), marginRight: 2, children: [
+      /* @__PURE__ */ jsx6(Text6, { dimColor: !active, children: i }),
+      /* @__PURE__ */ jsx6(Text6, { children: " " }),
+      /* @__PURE__ */ jsx6(Text6, { color: s.color, bold: active, dimColor: !active, children: dot }),
+      /* @__PURE__ */ jsx6(Text6, { children: " " }),
+      active ? /* @__PURE__ */ jsx6(Text6, { bold: true, color: s.color, children: label }) : /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: label })
+    ] }, s.id ?? "__all__");
   }) });
 }
-function Spinner({ label }) {
-  const [i, setI] = useState(0);
-  useEffect(() => {
-    const id = setInterval(() => setI((n) => (n + 1) % SPINNER_FRAMES.length), 80);
-    return () => clearInterval(id);
-  }, []);
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsxs(Text, { color: "green", children: [
-      SPINNER_FRAMES[i],
-      " "
-    ] }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: label })
+function Footer({ hasAccounts }) {
+  return /* @__PURE__ */ jsxs6(Box6, { marginTop: 1, children: [
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "by " }),
+    /* @__PURE__ */ jsx6(Text6, { children: "David Ilie" }),
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: " (" }),
+    /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: "davidilie.com" }),
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: ")  \xB7  s=settings  " }),
+    hasAccounts && /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "0-9=jump  a/A=cycle  " }),
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "q=quit" })
   ] });
 }
-function fmtLabel(label) {
-  if (label.length === 10 && label[4] === "-") return shortDate(label);
-  if (label.length === 7 && label[4] === "-") {
-    const m = label.slice(5, 7);
-    return `${MONTHS[Number(m)]} '${label.slice(2, 4)}`;
-  }
-  return shortDate(label);
-}
-function ClickableBox({ onClick, children, ...props }) {
-  const ref = useRef(null);
-  useOnMouseClick(ref, (clicked) => {
-    if (clicked) onClick();
-  });
-  return /* @__PURE__ */ jsx(Box, { ref, ...props, children });
-}
 
 // src/cli.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
+process.on("unhandledRejection", () => {
+});
 var args = process.argv.slice(2);
 var interval;
 for (let i = 0; i < args.length; i++) {
@@ -1931,15 +3254,17 @@ for (let i = 0; i < args.length; i++) {
     i++;
   }
   if (args[i] === "--help" || args[i] === "-h") {
-    console.log("tokmon - Terminal dashboard for Claude Code usage\n");
+    console.log("tokmon - Terminal dashboard for Claude, Codex, and Cursor usage\n");
     console.log("Usage: tokmon [options]\n");
     console.log("Options:");
     console.log("  -i, --interval <seconds>  Refresh interval (default: from config or 2)");
     console.log("  -h, --help                Show this help\n");
     console.log("Keybindings:");
-    console.log("  Tab / \u2190\u2192    Switch views");
+    console.log("  Tab         Switch Dashboard / Table");
+    console.log("  p / P       Cycle table provider");
+    console.log("  a / A       Cycle account focus");
+    console.log("  0-9         Jump to account focus");
     console.log("  \u2191\u2193          Scroll table");
-    console.log("  1-2         Jump to view");
     console.log("  s           Settings");
     console.log("  q           Quit");
     process.exit(0);
@@ -1949,5 +3274,6 @@ var config = await loadConfig();
 if (config.clearScreen && process.stdout.isTTY) {
   process.stdout.write("\x1B[2J\x1B[H");
 }
-var { waitUntilExit } = render(/* @__PURE__ */ jsx2(MouseProvider, { children: /* @__PURE__ */ jsx2(App, { interval }) }));
+var { waitUntilExit } = render(/* @__PURE__ */ jsx7(MouseProvider, { children: /* @__PURE__ */ jsx7(App, { interval }) }));
 await waitUntilExit();
+await flushDisk();