tokmon 0.13.0 → 0.14.1

package/dist/cli.js

@@ -1,6 +1,7 @@
 #!/usr/bin/env node
 
 // src/cli.tsx
+import { EventEmitter } from "events";
 import { render } from "ink";
 import { MouseProvider } from "@zenobius/ink-mouse";
 
@@ -22,8 +23,11 @@ var DEFAULTS = {
   disabledProviders: [],
   onboarded: false,
   dashboardLayout: "grid",
-  defaultFocus: "all"
+  defaultFocus: "all",
+  ascii: "auto",
+  knownProviders: []
 };
+var LEGACY_KNOWN = ["claude", "codex", "cursor"];
 var ACCENT_COLORS = ["cyan", "magenta", "green", "yellow", "blue", "red"];
 function configDir() {
   if (process.platform === "win32") {
@@ -43,7 +47,7 @@ function cacheDir() {
   }
   return join(envDir("XDG_CACHE_HOME") ?? join(homedir(), ".cache"), "tokmon");
 }
-var PROVIDER_IDS = ["claude", "codex", "cursor"];
+var PROVIDER_IDS = ["claude", "codex", "cursor", "pi", "opencode", "copilot", "antigravity", "gemini"];
 function clampNum(v, fallback, min) {
   return typeof v === "number" && Number.isFinite(v) && v >= min ? v : fallback;
 }
@@ -84,7 +88,9 @@ async function loadConfig() {
       // 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"
+      defaultFocus: parsed.defaultFocus === "last" ? "last" : "all",
+      ascii: parsed.ascii === "on" ? "on" : parsed.ascii === "off" ? "off" : "auto",
+      knownProviders: Array.isArray(parsed.knownProviders) ? parsed.knownProviders.filter((p) => PROVIDER_IDS.includes(p)) : parsed.onboarded === true ? [...LEGACY_KNOWN] : []
     };
   } catch {
     return { ...DEFAULTS };
@@ -505,9 +511,105 @@ function mergeTables(list) {
   };
 }
 
+// src/glyphs.ts
+var GLYPHS_UNICODE = {
+  spark: ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588"],
+  barFull: "\u2501",
+  barEmpty: "\u2500",
+  rule: "\u2500",
+  spinner: ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"],
+  dot: "\u25CF",
+  dotSel: "\u25C9",
+  radioOff: "\u25CB",
+  dotAll: "\u2726",
+  caretR: "\u25B8",
+  caretL: "\u25C2",
+  play: "\u25B6",
+  arrowU: "\u2191",
+  arrowD: "\u2193",
+  arrowL: "\u2190",
+  arrowR: "\u2192",
+  shift: "\u21E7",
+  vbar: "\u258C",
+  treeMid: "\u251C\u2500",
+  treeEnd: "\u2514\u2500",
+  boxMark: "\u2502",
+  check: "\u2713",
+  warn: "\u26A0",
+  ellipsis: "\u2026",
+  middot: "\xB7",
+  emDash: "\u2014",
+  eur: "\u20AC",
+  gbp: "\xA3",
+  border: "round"
+};
+var GLYPHS_ASCII = {
+  spark: [".", ":", "-", "=", "+", "*", "#", "@"],
+  barFull: "#",
+  barEmpty: "-",
+  rule: "-",
+  spinner: ["|", "/", "-", "\\"],
+  dot: "*",
+  dotSel: "*",
+  radioOff: "o",
+  dotAll: "+",
+  caretR: ">",
+  caretL: "<",
+  play: ">",
+  arrowU: "^",
+  arrowD: "v",
+  arrowL: "<",
+  arrowR: ">",
+  shift: "^",
+  vbar: "|",
+  treeMid: "+-",
+  treeEnd: "`-",
+  boxMark: "|",
+  check: "x",
+  warn: "!",
+  ellipsis: "...",
+  middot: "-",
+  emDash: "-",
+  eur: "EUR",
+  gbp: "GBP",
+  border: "classic"
+};
+function detectUnicode(env, isTTY, platform) {
+  if (!isTTY) return false;
+  if (env.TERM === "dumb") return false;
+  if (platform === "win32") {
+    return Boolean(env.WT_SESSION || env.ConEmuANSI === "ON" || env.TERM_PROGRAM === "vscode" || /xterm/i.test(env.TERM ?? ""));
+  }
+  const loc = env.LC_ALL || env.LC_CTYPE || env.LANG || "";
+  if (loc && /\.(iso|latin|ascii|cp\d|koi|gbk|big5)/i.test(loc)) return false;
+  if (/^(C|POSIX)$/i.test(loc)) return false;
+  return true;
+}
+function resolveGlyphs(opts) {
+  let ascii;
+  if (opts.flag === "on") ascii = true;
+  else if (opts.flag === "off") ascii = false;
+  else {
+    const e = (opts.env.TOKMON_ASCII ?? "").toLowerCase();
+    if (/^(1|true|on|yes)$/.test(e)) ascii = true;
+    else if (/^(0|false|off|no)$/.test(e)) ascii = false;
+    else if (opts.config === "on") ascii = true;
+    else if (opts.config === "off") ascii = false;
+    else ascii = !detectUnicode(opts.env, opts.isTTY, opts.platform);
+  }
+  return ascii ? GLYPHS_ASCII : GLYPHS_UNICODE;
+}
+var active = GLYPHS_UNICODE;
+function setGlyphs(set) {
+  active = set;
+}
+function glyphs() {
+  return active;
+}
+
 // 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 { useState as useState3, useEffect as useEffect3, useCallback, useRef as useRef2, useMemo } from "react";
+import { Box as Box7, Text as Text7, useInput, useStdout, useApp } from "ink";
 import { useMouse } from "@zenobius/ink-mouse";
 
 // src/http.ts
@@ -746,12 +848,26 @@ function resetIn(iso) {
 
 // src/providers/claude/billing.ts
 var execFile = promisify(execFileCb);
+function parseAuth(raw) {
+  try {
+    const creds = JSON.parse(raw);
+    const o = creds?.claudeAiOauth ?? creds;
+    const token = o?.accessToken;
+    if (typeof token !== "string" || !token) return null;
+    return {
+      token,
+      subscriptionType: typeof o.subscriptionType === "string" ? o.subscriptionType : void 0,
+      rateLimitTier: typeof o.rateLimitTier === "string" ? o.rateLimitTier : void 0
+    };
+  } catch {
+    return null;
+  }
+}
 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;
+      const auth = parseAuth(await readFile3(join4(dir, ".credentials.json"), "utf-8"));
+      if (auth) return auth;
     } catch {
     }
   }
@@ -765,38 +881,45 @@ async function readMacKeychain() {
       "Claude Code-credentials",
       "-w"
     ], { timeout: 5e3 });
-    const creds = JSON.parse(stdout.trim());
-    return creds?.claudeAiOauth?.accessToken ?? creds?.accessToken ?? null;
+    return parseAuth(stdout.trim());
   } catch {
     return null;
   }
 }
-async function getAccessToken(homeDir) {
+async function getAuth(homeDir) {
   const isDefault = !homeDir || homeDir === homedir3();
   if (isDefault && process.platform === "darwin") {
-    const token = await readMacKeychain();
-    if (token) return token;
+    const auth = await readMacKeychain();
+    if (auth) return auth;
   }
   return readCredentialsFile(homeDir);
 }
+function planLabel(auth) {
+  const sub = auth.subscriptionType;
+  if (!sub) return null;
+  const base = sub.charAt(0).toUpperCase() + sub.slice(1);
+  const tier = (auth.rateLimitTier ?? "").match(/(\d+)x/);
+  return tier ? `${base} ${tier[1]}x` : base;
+}
 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" };
+  const auth = await getAuth(account.homeDir);
+  if (!auth) return { plan: null, metrics: [], error: "No OAuth token \u2014 run claude and log in" };
+  const plan = planLabel(auth);
   try {
     const res = await fetch("https://api.anthropic.com/api/oauth/usage", {
       headers: {
-        "Authorization": `Bearer ${token}`,
+        "Authorization": `Bearer ${auth.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}` };
+    if (res.status === 429) return { plan, metrics: [], error: "Rate limited \u2014 retrying next poll" };
+    if (res.status === 401) return { plan, metrics: [], error: "Token expired \u2014 restart Claude Code" };
+    if (!res.ok) return { plan, metrics: [], error: `API ${res.status}` };
     const data = await readJson(res);
-    if (!data) return { plan: null, metrics: [], error: "Unexpected API response" };
+    if (!data) return { plan, 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" });
@@ -815,9 +938,9 @@ async function claudeBilling(account) {
         format: { kind: "dollars", currency: data.extra_usage.currency ?? "USD" }
       });
     }
-    return { plan: null, metrics, error: null };
+    return { plan, metrics, error: null };
   } catch {
-    return { plan: null, metrics: [], error: "Network error" };
+    return { plan, metrics: [], error: "Network error" };
   }
 }
 
@@ -1017,7 +1140,7 @@ async function readKeychainAuth() {
     return null;
   }
 }
-async function getAuth(homeDir) {
+async function getAuth2(homeDir) {
   for (const home of codexHomes(homeDir)) {
     const auth = await readAuthFile(home);
     if (auth) return auth;
@@ -1025,7 +1148,7 @@ async function getAuth(homeDir) {
   if (process.platform === "darwin") return readKeychainAuth();
   return null;
 }
-function planLabel(planType) {
+function planLabel2(planType) {
   if (typeof planType !== "string" || !planType.trim()) return null;
   const p = planType.trim().toLowerCase();
   if (p === "prolite") return "Pro 5x";
@@ -1077,7 +1200,7 @@ async function liveBilling(auth) {
       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 };
+    return { plan: planLabel2(data.plan_type), metrics, error: null };
   } catch {
     return null;
   }
@@ -1134,10 +1257,10 @@ async function snapshotBilling(homeDir) {
     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 };
+  return { plan: planLabel2(last.plan_type), metrics, error: null };
 }
 async function codexBilling(account) {
-  const auth = await getAuth(account.homeDir);
+  const auth = await getAuth2(account.homeDir);
   if (auth) {
     const live = await liveBilling(auth);
     if (live) return live;
@@ -1177,29 +1300,75 @@ import { homedir as homedir5 } from "os";
 import { execFile as execFileCb3 } from "child_process";
 import { promisify as promisify3 } from "util";
 var execFile3 = promisify3(execFileCb3);
-async function runSqlite(db, sql, extraArgs = []) {
+var nativeDb;
+async function getNativeDb() {
+  if (nativeDb !== void 0) return nativeDb;
+  try {
+    nativeDb = (await import("sqlite")).DatabaseSync;
+  } catch {
+    nativeDb = null;
+  }
+  return nativeDb;
+}
+function classify(msg) {
+  if (/unable to open|no such file|cannot open|ENOENT/i.test(msg)) return "missing";
+  if (/database is (locked|busy)|readonly/i.test(msg)) return "locked";
+  if (/no such (function|table|column)|unknown option/i.test(msg)) return "old";
+  return "error";
+}
+async function runSqlite(db, sql, params = []) {
+  const DB = await getNativeDb();
+  if (DB) {
+    let handle;
+    try {
+      handle = new DB(db, { readOnly: true, timeout: 1500 });
+      const rows = handle.prepare(sql).all(...params);
+      return { status: "ok", rows };
+    } catch {
+    } finally {
+      try {
+        handle?.close();
+      } catch {
+      }
+    }
+  }
+  return runSqliteCli(db, sql, params);
+}
+function inlineParams(sql, params) {
+  let i = 0;
+  return sql.replace(/\?/g, () => {
+    const p = params[i++];
+    return typeof p === "number" ? String(p) : `'${String(p).replace(/'/g, "''")}'`;
+  });
+}
+async function runSqliteCli(db, sql, params) {
   try {
     const { stdout } = await execFile3(
       "sqlite3",
-      ["-readonly", "-cmd", "PRAGMA busy_timeout=1500;", ...extraArgs, db, sql],
+      // -json yields row objects; `.timeout` sets the busy handler silently
+      // (a `-cmd 'PRAGMA busy_timeout=…'` would print its result row first).
+      ["-readonly", "-json", "-cmd", ".timeout 1500", db, inlineParams(sql, params)],
       { timeout: 1e4, maxBuffer: 8 << 20 }
     );
-    return { status: "ok", stdout };
+    const text = stdout.trim();
+    if (!text) return { status: "ok", rows: [] };
+    try {
+      return { status: "ok", rows: JSON.parse(text) };
+    } catch {
+      return { status: "error", rows: [] };
+    }
   } 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: "" };
+    if (err?.code === "ENOENT") return { status: "missing", rows: [] };
+    return { status: classify(String(err?.stderr ?? err?.message ?? "")), rows: [] };
   }
 }
 function sqliteStatusMessage(status) {
   switch (status) {
     case "missing":
-      return "sqlite3 CLI not found \u2014 install it to read Cursor";
+      return "Cursor data not found \u2014 open Cursor";
     case "old":
-      return "sqlite3 too old (needs JSON support)";
+      return "Cursor DB unreadable";
     case "locked":
       return "Cursor DB busy \u2014 retrying next poll";
     default:
@@ -1222,17 +1391,14 @@ async function cursorActivity(homeDir) {
     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;`
+      `SELECT date(createdAt/1000,'unixepoch','localtime') AS d, count(*) AS 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);
+    for (const row of res.rows) {
+      const n = Number(row.c) || 0;
+      byDay.set(String(row.d), n);
       month += n;
     }
     const series = [];
@@ -1247,17 +1413,15 @@ async function cursorActivity(homeDir) {
 // 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", "	"]);
+  const sql = "SELECT mk.key AS name, sum(json_extract(mk.value,'$.costInCents')) AS cents, sum(json_extract(mk.value,'$.amount')) AS amt 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 cents DESC;";
+  const res = await runSqlite(db, sql);
   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;
+  for (const row of res.rows) {
+    const usd = (Number(row.cents) || 0) / 100;
     if (usd <= 0) continue;
-    models.push({ name, usd, requests: Number(amt) || 0 });
+    models.push({ name: String(row.name ?? ""), usd, requests: Number(row.amt) || 0 });
     total += usd;
   }
   if (total <= 0) return null;
@@ -1290,9 +1454,9 @@ async function detectCursor(homeDir) {
   }
 }
 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 };
+  const r = await runSqlite(db, "SELECT value FROM ItemTable WHERE key=? LIMIT 1;", [key]);
+  const raw = r.status === "ok" ? r.rows[0]?.value : void 0;
+  return { value: typeof raw === "string" && raw.trim() ? raw.trim() : null, status: r.status };
 }
 async function connectPost(url, token) {
   try {
@@ -1414,28 +1578,930 @@ var cursorProvider = {
   fetchBilling: (account) => cursorBilling(account)
 };
 
+// src/providers/pi/usage.ts
+import { readdir as readdir4, stat as fsStat4, access as access4 } from "fs/promises";
+import { createReadStream as createReadStream4 } from "fs";
+import { createInterface as createInterface4 } from "readline";
+import { join as join9 } from "path";
+import { homedir as homedir7 } from "os";
+function piSessionsDir(homeDir) {
+  return join9(homeDir ?? homedir7(), ".pi", "agent", "sessions");
+}
+async function detectPi(homeDir) {
+  try {
+    await access4(piSessionsDir(homeDir));
+    return true;
+  } catch {
+    return false;
+  }
+}
+function pos(v) {
+  return typeof v === "number" && Number.isFinite(v) && v > 0 ? v : 0;
+}
+async function parseFile3(path) {
+  const entries = [];
+  const rl = createInterface4({ input: createReadStream4(path), crlfDelay: Infinity });
+  for await (const rawLine of rl) {
+    if (!rawLine.includes('"usage"')) continue;
+    try {
+      const line = rawLine.charCodeAt(0) === 65279 ? rawLine.slice(1) : rawLine;
+      const obj = JSON.parse(line);
+      if (obj?.type !== "message") continue;
+      const msg = obj.message;
+      if (msg?.role !== "assistant" || !msg?.usage) continue;
+      const u = msg.usage;
+      const ts = new Date(obj.timestamp ?? msg.timestamp ?? 0).getTime();
+      if (!Number.isFinite(ts)) continue;
+      const input = safeNum(u.input);
+      const output = safeNum(u.output);
+      const cacheRead = safeNum(u.cacheRead);
+      const cacheCreate = safeNum(u.cacheWrite);
+      if (input + output + cacheRead + cacheCreate === 0) continue;
+      const c = u.cost ?? {};
+      const costInput = pos(c.input);
+      const cacheSavings = input > 0 && cacheRead > 0 ? Math.max(0, cacheRead * (costInput / input) - pos(c.cacheRead)) : 0;
+      entries.push({
+        ts,
+        model: typeof msg.model === "string" && msg.model ? msg.model : "unknown",
+        cost: pos(c.total),
+        input,
+        output,
+        cacheCreate,
+        cacheRead,
+        cacheSavings
+      });
+    } catch {
+    }
+  }
+  return entries;
+}
+async function loadEntries3(since, homeDir) {
+  const dir = piSessionsDir(homeDir);
+  const files = [];
+  const seenIno = /* @__PURE__ */ new Set();
+  let listing;
+  try {
+    listing = await readdir4(dir, { recursive: true });
+  } catch {
+    return [];
+  }
+  for (const f of listing) {
+    if (!f.endsWith(".jsonl")) continue;
+    const path = join9(dir, f);
+    try {
+      const s = await fsStat4(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, parseFile3, since);
+}
+async function piDashboard(tz, homeDir) {
+  const now = Date.now();
+  const since = Math.min(startOfMonth(now, tz), startOfWeek(now, tz), now - SPARK_DAYS * 864e5);
+  return summarize(await loadEntries3(since, homeDir), tz);
+}
+async function piTable(tz, homeDir) {
+  return tabulate(await loadEntries3(monthsAgoStart(Date.now(), 6, tz), homeDir), tz);
+}
+
+// src/providers/pi/index.ts
+var piProvider = {
+  id: "pi",
+  name: "Pi",
+  color: "blue",
+  hasUsage: true,
+  hasBilling: false,
+  detect: (homeDir) => detectPi(homeDir),
+  fetchSummary: (account, tz) => piDashboard(tz, account.homeDir),
+  fetchTable: (account, tz) => piTable(tz, account.homeDir)
+};
+
+// src/providers/opencode/usage.ts
+import { access as access5 } from "fs/promises";
+import { join as join10 } from "path";
+import { homedir as homedir8 } from "os";
+function opencodeDbPaths(homeDir) {
+  const base = homeDir ?? homedir8();
+  const paths = [];
+  if (!homeDir && process.env.XDG_DATA_HOME) paths.push(join10(process.env.XDG_DATA_HOME, "opencode", "opencode.db"));
+  paths.push(join10(base, ".local", "share", "opencode", "opencode.db"));
+  if (process.platform === "darwin") paths.push(join10(base, "Library", "Application Support", "opencode", "opencode.db"));
+  if (process.platform === "win32") {
+    const lad = homeDir ? join10(homeDir, "AppData", "Local") : process.env.LOCALAPPDATA;
+    if (lad) paths.push(join10(lad, "opencode", "opencode.db"));
+  }
+  return [...new Set(paths)];
+}
+async function findDb(homeDir) {
+  for (const p of opencodeDbPaths(homeDir)) {
+    try {
+      await access5(p);
+      return p;
+    } catch {
+    }
+  }
+  return null;
+}
+async function detectOpencode(homeDir) {
+  return await findDb(homeDir) !== null;
+}
+var pos2 = (v) => typeof v === "number" && Number.isFinite(v) && v > 0 ? v : 0;
+async function loadEntries4(since, homeDir) {
+  const db = await findDb(homeDir);
+  if (!db) return [];
+  const sql = "SELECT time_created AS ts, json_extract(data,'$.modelID') AS model, json_extract(data,'$.cost') AS cost, json_extract(data,'$.tokens.input') AS input, json_extract(data,'$.tokens.output') AS output, json_extract(data,'$.tokens.reasoning') AS reasoning, json_extract(data,'$.tokens.cache.read') AS cacheRead, json_extract(data,'$.tokens.cache.write') AS cacheWrite FROM message WHERE json_valid(data) AND json_extract(data,'$.role')='assistant' AND json_type(data,'$.tokens')='object' AND time_created >= ?;";
+  const res = await runSqlite(db, sql, [Math.floor(since)]);
+  if (res.status !== "ok") return [];
+  const entries = [];
+  for (const row of res.rows) {
+    const ts = pos2(row.ts);
+    if (!ts) continue;
+    const input = pos2(row.input);
+    const output = pos2(row.output);
+    const cacheRead = pos2(row.cacheRead);
+    const cacheCreate = pos2(row.cacheWrite);
+    if (input + output + cacheRead + cacheCreate === 0) continue;
+    entries.push({
+      ts,
+      model: typeof row.model === "string" && row.model ? row.model : "unknown",
+      cost: pos2(row.cost),
+      input,
+      output,
+      cacheCreate,
+      cacheRead,
+      cacheSavings: 0
+      // opencode stores only a total cost, no per-component split to derive savings
+    });
+  }
+  return entries;
+}
+async function opencodeDashboard(tz, homeDir) {
+  const now = Date.now();
+  const since = Math.min(startOfMonth(now, tz), startOfWeek(now, tz), now - SPARK_DAYS * 864e5);
+  return summarize(await loadEntries4(since, homeDir), tz);
+}
+async function opencodeTable(tz, homeDir) {
+  return tabulate(await loadEntries4(monthsAgoStart(Date.now(), 6, tz), homeDir), tz);
+}
+
+// src/providers/opencode/index.ts
+var opencodeProvider = {
+  id: "opencode",
+  name: "opencode",
+  color: "yellow",
+  hasUsage: true,
+  hasBilling: false,
+  detect: (homeDir) => detectOpencode(homeDir),
+  fetchSummary: (account, tz) => opencodeDashboard(tz, account.homeDir),
+  fetchTable: (account, tz) => opencodeTable(tz, account.homeDir)
+};
+
+// src/providers/copilot/billing.ts
+import { execFile as execFileCb4 } from "child_process";
+import { access as access6, readFile as readFile5, readdir as readdir5 } from "fs/promises";
+import { join as join11 } from "path";
+import { homedir as homedir9 } from "os";
+import { promisify as promisify4 } from "util";
+var execFile4 = promisify4(execFileCb4);
+var USAGE_URL3 = "https://api.github.com/copilot_internal/user";
+var GH_KEYCHAIN_SERVICE = "gh:github.com";
+var GO_KEYRING_PREFIX = "go-keyring-base64:";
+function ghConfigDir(homeDir) {
+  if (!homeDir) {
+    const explicit = process.env.GH_CONFIG_DIR;
+    if (explicit && explicit.trim()) return explicit.trim();
+    if (process.platform === "win32") {
+      return join11(envDir("APPDATA") ?? join11(homedir9(), "AppData", "Roaming"), "GitHub CLI");
+    }
+    const xdg = envDir("XDG_CONFIG_HOME");
+    return xdg ? join11(xdg, "gh") : join11(homedir9(), ".config", "gh");
+  }
+  return process.platform === "win32" ? join11(homeDir, "AppData", "Roaming", "GitHub CLI") : join11(homeDir, ".config", "gh");
+}
+function ghHostsPath(homeDir) {
+  return join11(ghConfigDir(homeDir), "hosts.yml");
+}
+async function detectCopilot(homeDir) {
+  try {
+    await access6(ghHostsPath(homeDir));
+    return true;
+  } catch {
+  }
+  try {
+    await execFile4("gh", ["--version"], { timeout: 3e3 });
+    return true;
+  } catch {
+    return false;
+  }
+}
+function unquoteYamlValue(value) {
+  const trimmed = value.trim();
+  if (trimmed.startsWith('"') && trimmed.endsWith('"') || trimmed.startsWith("'") && trimmed.endsWith("'")) {
+    return trimmed.slice(1, -1);
+  }
+  return trimmed;
+}
+function tokenFromHostsYaml(raw) {
+  const lines = raw.split(/\r?\n/);
+  let inGithub = false;
+  let githubIndent = -1;
+  for (const line of lines) {
+    const match = line.match(/^(\s*)([^:#][^:]*):\s*(.*)$/);
+    if (!match) continue;
+    const indent = match[1].length;
+    const key = match[2].trim();
+    const value = match[3].trim();
+    if (indent === 0) {
+      inGithub = key === "github.com";
+      githubIndent = inGithub ? indent : -1;
+      continue;
+    }
+    if (inGithub && indent > githubIndent && key === "oauth_token" && value) {
+      return unquoteYamlValue(value);
+    }
+  }
+  return null;
+}
+async function loadTokenFromHosts(homeDir) {
+  try {
+    const token = tokenFromHostsYaml(await readFile5(ghHostsPath(homeDir), "utf-8"));
+    return token ? { token, source: "gh-hosts" } : null;
+  } catch {
+    return null;
+  }
+}
+async function readMacKeychainService(service) {
+  if (process.platform !== "darwin") return null;
+  try {
+    const { stdout } = await execFile4("security", [
+      "find-generic-password",
+      "-s",
+      service,
+      "-w"
+    ], { timeout: 5e3 });
+    const raw = stdout.trim();
+    if (!raw) return null;
+    if (raw.startsWith(GO_KEYRING_PREFIX)) {
+      return Buffer.from(raw.slice(GO_KEYRING_PREFIX.length), "base64").toString("utf-8");
+    }
+    return raw;
+  } catch {
+    return null;
+  }
+}
+async function loadTokenFromGhKeychain() {
+  const token = await readMacKeychainService(GH_KEYCHAIN_SERVICE);
+  return token ? { token, source: "gh-keychain" } : null;
+}
+function vscodeUserDir(homeDir) {
+  const home = homeDir ?? homedir9();
+  if (process.platform === "darwin") return join11(home, "Library", "Application Support", "Code", "User");
+  if (process.platform === "win32") return join11(home, "AppData", "Roaming", "Code", "User");
+  return join11(home, ".config", "Code", "User");
+}
+function tokenFromText(raw) {
+  const patterns = [
+    /github\.com[^A-Za-z0-9_]+oauth_token[^A-Za-z0-9_]+([A-Za-z0-9_]{20,})/i,
+    /github\.com[^A-Za-z0-9_]+(gh[opusr]_[A-Za-z0-9_]{20,})/i,
+    /\b(gh[opusr]_[A-Za-z0-9_]{20,})\b/
+  ];
+  for (const pattern of patterns) {
+    const token = raw.match(pattern)?.[1];
+    if (token) return token;
+  }
+  return null;
+}
+async function loadTokenFromVsCode(homeDir) {
+  const userDir = vscodeUserDir(homeDir);
+  const candidates = [
+    join11(userDir, "globalStorage", "github.copilot-chat", "auth.json"),
+    join11(userDir, "globalStorage", "github.copilot", "auth.json"),
+    join11(userDir, "globalStorage", "state.vscdb")
+  ];
+  try {
+    for (const dirent of await readdir5(join11(userDir, "globalStorage"), { withFileTypes: true })) {
+      if (dirent.isDirectory() && dirent.name.toLowerCase().includes("github")) {
+        candidates.push(join11(userDir, "globalStorage", dirent.name, "auth.json"));
+      }
+    }
+  } catch {
+  }
+  for (const path of candidates) {
+    try {
+      const token = tokenFromText(await readFile5(path, "utf-8"));
+      if (token) return { token, source: "vscode" };
+    } catch {
+    }
+  }
+  return null;
+}
+async function loadToken(homeDir) {
+  return await loadTokenFromHosts(homeDir) || await loadTokenFromGhKeychain() || await loadTokenFromVsCode(homeDir);
+}
+function redactToken(token) {
+  return token.length <= 4 ? "****" : `****${token.slice(-4)}`;
+}
+function resetDate(value) {
+  return typeof value === "string" && value.trim() ? resetIn(value) : null;
+}
+function percentMetric2(label, snapshot, reset, primary) {
+  if (!snapshot || typeof snapshot.percent_remaining !== "number") return null;
+  const used = Math.min(100, Math.max(0, 100 - snapshot.percent_remaining));
+  return { label, used, limit: 100, format: { kind: "percent" }, resetsAt: reset, primary };
+}
+function countMetric(label, remaining, total, reset) {
+  if (typeof remaining !== "number" || typeof total !== "number" || total <= 0) return null;
+  return {
+    label,
+    used: Math.max(0, total - remaining),
+    limit: total,
+    format: { kind: "count" },
+    resetsAt: reset
+  };
+}
+async function fetchUsage(token) {
+  try {
+    const res = await fetch(USAGE_URL3, {
+      headers: {
+        "Authorization": `token ${token}`,
+        "Accept": "application/json",
+        "Editor-Version": "vscode/1.96.2",
+        "Editor-Plugin-Version": "copilot-chat/0.26.7",
+        "User-Agent": "GitHubCopilotChat/0.26.7",
+        "X-Github-Api-Version": "2025-04-01"
+      },
+      signal: AbortSignal.timeout(1e4)
+    });
+    if (!res.ok) return { data: null, status: res.status };
+    return { data: await readJson(res), status: res.status };
+  } catch {
+    return { data: null, status: null };
+  }
+}
+async function copilotBilling(account) {
+  const cred = await loadToken(account.homeDir);
+  if (!cred) return { plan: null, metrics: [], error: "Not logged in \u2014 run gh auth login" };
+  const { data, status } = await fetchUsage(cred.token);
+  if (!data) {
+    if (status === 401 || status === 403) {
+      return { plan: null, metrics: [], error: `Token invalid (${redactToken(cred.token)}) \u2014 run gh auth login` };
+    }
+    if (status) return { plan: null, metrics: [], error: `Copilot API ${status}` };
+    return { plan: null, metrics: [], error: "Network error" };
+  }
+  const plan = typeof data.copilot_plan === "string" && data.copilot_plan.trim() ? data.copilot_plan : null;
+  const metrics = [];
+  const quotaReset = resetDate(data.quota_reset_date);
+  const snapshots = data.quota_snapshots;
+  const premium = percentMetric2("Premium", snapshots?.premium_interactions, quotaReset, true);
+  if (premium) metrics.push(premium);
+  const chat = percentMetric2("Chat", snapshots?.chat, quotaReset);
+  if (chat) metrics.push(chat);
+  if (data.limited_user_quotas && data.monthly_quotas) {
+    const reset = resetDate(data.limited_user_reset_date);
+    const limitedChat = countMetric("Chat", data.limited_user_quotas.chat, data.monthly_quotas.chat, reset);
+    if (limitedChat) metrics.push(limitedChat);
+    const completions = countMetric("Completions", data.limited_user_quotas.completions, data.monthly_quotas.completions, reset);
+    if (completions) metrics.push(completions);
+  }
+  if (metrics.length === 0) return { plan, metrics: [], error: "No usage data" };
+  return { plan, metrics, error: null };
+}
+
+// src/providers/copilot/index.ts
+var copilotProvider = {
+  id: "copilot",
+  name: "Copilot",
+  color: "white",
+  hasUsage: false,
+  hasBilling: true,
+  detect: (homeDir) => detectCopilot(homeDir),
+  fetchBilling: (account) => copilotBilling(account)
+};
+
+// src/providers/antigravity/billing.ts
+import { access as access7, readdir as readdir7 } from "fs/promises";
+import { join as join13 } from "path";
+import { homedir as homedir11 } from "os";
+
+// src/providers/cloud-code.ts
+import { readFile as readFile6, readdir as readdir6, realpath, stat } from "fs/promises";
+import { spawnSync } from "child_process";
+import { homedir as homedir10 } from "os";
+import { dirname, join as join12 } from "path";
+var CLOUD_CODE_URLS = [
+  "https://daily-cloudcode-pa.googleapis.com",
+  "https://cloudcode-pa.googleapis.com"
+];
+var LOAD_CODE_ASSIST_PATH = "/v1internal:loadCodeAssist";
+var FETCH_MODELS_PATH = "/v1internal:fetchAvailableModels";
+var RETRIEVE_QUOTA_PATH = "/v1internal:retrieveUserQuota";
+var GOOGLE_OAUTH_URL = "https://oauth2.googleapis.com/token";
+var GOOGLE_OAUTH_CLIENT_REGEX = /OAUTH_CLIENT_ID\s*=\s*["']([0-9]{6,}-[a-z0-9]+\.apps\.googleusercontent\.com)["']\s*;?\s*(?:var|const|let)?\s*OAUTH_CLIENT_SECRET\s*=\s*["'](GOCSPX-[A-Za-z0-9_-]+)["']/s;
+var MAX_BUNDLE_READ = 32 * 1024 * 1024;
+var cachedClient;
+var OAUTH_TOKEN_KEY = "antigravityUnifiedStateSync.oauthToken";
+var OAUTH_TOKEN_SENTINEL = "oauthTokenInfoSentinelKey";
+var CC_MODEL_BLACKLIST = {
+  MODEL_CHAT_20706: true,
+  MODEL_CHAT_23310: true,
+  MODEL_GOOGLE_GEMINI_2_5_FLASH: true,
+  MODEL_GOOGLE_GEMINI_2_5_FLASH_THINKING: true,
+  MODEL_GOOGLE_GEMINI_2_5_FLASH_LITE: true,
+  MODEL_GOOGLE_GEMINI_2_5_PRO: true,
+  MODEL_PLACEHOLDER_M19: true,
+  MODEL_PLACEHOLDER_M9: true,
+  MODEL_PLACEHOLDER_M12: true
+};
+function readVarint(bytes, start) {
+  let value = 0;
+  let shift = 0;
+  let pos3 = start;
+  while (pos3 < bytes.length) {
+    const b = bytes[pos3++];
+    value += (b & 127) * Math.pow(2, shift);
+    if ((b & 128) === 0) return { value, pos: pos3 };
+    shift += 7;
+  }
+  return null;
+}
+function readFields(bytes) {
+  const fields = {};
+  let pos3 = 0;
+  while (pos3 < bytes.length) {
+    const tag = readVarint(bytes, pos3);
+    if (!tag) break;
+    pos3 = tag.pos;
+    const fieldNum = Math.floor(tag.value / 8);
+    const wireType = tag.value % 8;
+    if (wireType === 0) {
+      const val = readVarint(bytes, pos3);
+      if (!val) break;
+      fields[fieldNum] = { type: 0, value: val.value };
+      pos3 = val.pos;
+    } else if (wireType === 1) {
+      if (pos3 + 8 > bytes.length) break;
+      pos3 += 8;
+    } else if (wireType === 2) {
+      const len = readVarint(bytes, pos3);
+      if (!len) break;
+      pos3 = len.pos;
+      if (pos3 + len.value > bytes.length) break;
+      fields[fieldNum] = { type: 2, data: bytes.slice(pos3, pos3 + len.value) };
+      pos3 += len.value;
+    } else if (wireType === 5) {
+      if (pos3 + 4 > bytes.length) break;
+      pos3 += 4;
+    } else {
+      break;
+    }
+  }
+  return fields;
+}
+function utf8(data) {
+  return Buffer.from(data).toString("utf8");
+}
+function decodeBase64(text) {
+  try {
+    return Buffer.from(text, "base64");
+  } catch {
+    return null;
+  }
+}
+function unwrapKeyringBase64(raw) {
+  const text = raw.trim();
+  if (!text.startsWith("go-keyring-base64:")) return text;
+  const decoded = decodeBase64(text.slice("go-keyring-base64:".length));
+  return decoded ? utf8(decoded).trim() : text;
+}
+function unwrapOAuthSentinel(base64Text) {
+  const outerBytes = decodeBase64(unwrapKeyringBase64(base64Text));
+  if (!outerBytes) return null;
+  const outer = readFields(outerBytes);
+  if (outer[1]?.type !== 2 || !outer[1].data) return null;
+  const wrapper = readFields(outer[1].data);
+  const sentinel = wrapper[1]?.type === 2 && wrapper[1].data ? utf8(wrapper[1].data) : null;
+  const payload = wrapper[2]?.type === 2 ? wrapper[2].data : null;
+  if (sentinel !== OAUTH_TOKEN_SENTINEL || !payload) return null;
+  const payloadFields = readFields(payload);
+  if (payloadFields[1]?.type !== 2 || !payloadFields[1].data) return null;
+  const innerText = utf8(payloadFields[1].data).trim();
+  return innerText ? decodeBase64(innerText) : null;
+}
+async function readAntigravityOAuthToken(db) {
+  const r = await runSqlite(db, "SELECT value FROM ItemTable WHERE key=? LIMIT 1;", [OAUTH_TOKEN_KEY]);
+  if (r.status !== "ok") return { token: null, status: r.status };
+  const raw = r.rows[0]?.value;
+  if (typeof raw !== "string" || !raw.trim()) return { token: null, status: "ok" };
+  const inner = unwrapOAuthSentinel(raw);
+  if (!inner) return { token: null, status: "ok" };
+  const fields = readFields(inner);
+  const accessToken = fields[1]?.type === 2 && fields[1].data ? utf8(fields[1].data) : null;
+  const refreshToken = fields[3]?.type === 2 && fields[3].data ? utf8(fields[3].data) : null;
+  let expirySeconds = null;
+  if (fields[4]?.type === 2 && fields[4].data) {
+    const ts = readFields(fields[4].data);
+    expirySeconds = ts[1]?.type === 0 && typeof ts[1].value === "number" ? ts[1].value : null;
+  }
+  if (!accessToken && !refreshToken) return { token: null, status: "ok" };
+  return { token: { accessToken, refreshToken, expirySeconds }, status: "ok" };
+}
+function redact(token) {
+  if (!token) return "none";
+  return `...${token.slice(-4)}`;
+}
+function geminiBundleCandidates() {
+  const candidates = [];
+  const addBundle = (nodeModulesRoot) => {
+    if (!nodeModulesRoot) return;
+    candidates.push(join12(nodeModulesRoot, "@google", "gemini-cli", "bundle"));
+  };
+  try {
+    const which = spawnSync("command", ["-v", "gemini"], { encoding: "utf8", timeout: 5e3 });
+    const resolved = typeof which.stdout === "string" ? which.stdout.trim().split("\n")[0]?.trim() : "";
+    if (resolved) candidates.push(resolved);
+  } catch {
+  }
+  const home = homedir10();
+  addBundle("/opt/homebrew/lib/node_modules");
+  addBundle("/usr/local/lib/node_modules");
+  addBundle(join12(home, ".local", "share", "node_modules"));
+  addBundle(join12(home, ".bun", "install", "global", "node_modules"));
+  try {
+    const prefix = spawnSync("npm", ["config", "get", "prefix"], { encoding: "utf8", timeout: 5e3 });
+    const root = typeof prefix.stdout === "string" ? prefix.stdout.trim() : "";
+    if (root && root !== "undefined") addBundle(join12(root, "lib", "node_modules"));
+  } catch {
+  }
+  return [...new Set(candidates.filter(Boolean))];
+}
+async function resolveBundleDir(candidate) {
+  try {
+    if (candidate.endsWith(`${join12("@google", "gemini-cli", "bundle")}`)) {
+      return candidate;
+    }
+    const real = await realpath(candidate);
+    return dirname(real);
+  } catch {
+    return null;
+  }
+}
+async function scanBundleDir(dir) {
+  let entries;
+  try {
+    entries = await readdir6(dir);
+  } catch {
+    return null;
+  }
+  const targets = entries.filter((name) => name === "gemini.js" || name.startsWith("chunk-") && name.endsWith(".js"));
+  for (const name of targets) {
+    const filePath = join12(dir, name);
+    try {
+      const info = await stat(filePath);
+      if (!info.isFile() || info.size > MAX_BUNDLE_READ) continue;
+      const contents = await readFile6(filePath, "utf8");
+      if (!contents.includes("OAUTH_CLIENT_SECRET")) continue;
+      const match = GOOGLE_OAUTH_CLIENT_REGEX.exec(contents);
+      if (match) return { clientId: match[1], clientSecret: match[2] };
+    } catch {
+    }
+  }
+  return null;
+}
+async function discoverGoogleOAuthClient() {
+  try {
+    for (const candidate of geminiBundleCandidates()) {
+      const dir = await resolveBundleDir(candidate);
+      if (!dir) continue;
+      const found = await scanBundleDir(dir);
+      if (found) return found;
+    }
+  } catch {
+  }
+  return null;
+}
+async function resolveGoogleClient() {
+  const envId = process.env.TOKMON_GOOGLE_CLIENT_ID?.trim();
+  const envSecret = process.env.TOKMON_GOOGLE_CLIENT_SECRET?.trim();
+  if (envId && envSecret) return { clientId: envId, clientSecret: envSecret };
+  if (cachedClient === void 0) cachedClient = await discoverGoogleOAuthClient();
+  return cachedClient;
+}
+async function refreshAccessToken(refreshToken) {
+  if (!refreshToken) return null;
+  const client = await resolveGoogleClient();
+  if (!client) return null;
+  const body = new URLSearchParams({
+    client_id: client.clientId,
+    client_secret: client.clientSecret,
+    refresh_token: refreshToken,
+    grant_type: "refresh_token"
+  });
+  try {
+    const res = await fetch(GOOGLE_OAUTH_URL, {
+      method: "POST",
+      headers: { "Content-Type": "application/x-www-form-urlencoded" },
+      body,
+      signal: AbortSignal.timeout(15e3)
+    });
+    if (!res.ok) return null;
+    const json = await readJson(res);
+    return typeof json?.access_token === "string" && json.access_token.trim() ? json.access_token.trim() : null;
+  } catch {
+    return null;
+  }
+}
+async function requestCloudCodeJson(path, token, body) {
+  for (const base of CLOUD_CODE_URLS) {
+    try {
+      const res = await fetch(`${base}${path}`, {
+        method: "POST",
+        headers: {
+          Accept: "application/json",
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${token}`,
+          "User-Agent": "agy"
+        },
+        body: JSON.stringify(body ?? {}),
+        signal: AbortSignal.timeout(15e3)
+      });
+      if (res.status === 401 || res.status === 403) return { _authFailed: true };
+      if (!res.ok) continue;
+      const json = await readJson(res);
+      if (json && typeof json === "object") return json;
+    } catch {
+    }
+  }
+  return null;
+}
+function readPlan(loadData) {
+  const paid = typeof loadData?.paidTier?.name === "string" ? loadData.paidTier.name.trim() : "";
+  if (paid) return paid;
+  const current = typeof loadData?.currentTier?.name === "string" ? loadData.currentTier.name.trim() : "";
+  return current || null;
+}
+function parseBuckets(data) {
+  if (!Array.isArray(data?.buckets)) return [];
+  return data.buckets.flatMap((bucket) => {
+    const modelId = typeof bucket?.modelId === "string" ? bucket.modelId.trim() : "";
+    if (!modelId) return [];
+    return [{
+      modelId,
+      remainingFraction: typeof bucket.remainingFraction === "number" ? bucket.remainingFraction : 0,
+      resetTime: typeof bucket.resetTime === "string" ? bucket.resetTime : void 0
+    }];
+  });
+}
+function parseModelBuckets(data) {
+  const models = data?.models;
+  if (!models || typeof models !== "object") return [];
+  return Object.keys(models).flatMap((key) => {
+    const model = models[key];
+    if (!model || typeof model !== "object" || model.isInternal) return [];
+    const modelId = typeof model.model === "string" && model.model.trim() ? model.model.trim() : key;
+    if (CC_MODEL_BLACKLIST[modelId]) return [];
+    const displayName = typeof model.displayName === "string" && model.displayName.trim() || typeof model.label === "string" && model.label.trim() || "";
+    if (!displayName) return [];
+    const quotaInfo = model.quotaInfo;
+    return [{
+      modelId: displayName,
+      remainingFraction: typeof quotaInfo?.remainingFraction === "number" ? quotaInfo.remainingFraction : 0,
+      resetTime: typeof quotaInfo?.resetTime === "string" ? quotaInfo.resetTime : void 0
+    }];
+  });
+}
+async function fetchWithAccessToken(accessToken) {
+  const loadData = await requestCloudCodeJson(LOAD_CODE_ASSIST_PATH, accessToken, {});
+  if (!loadData) return { ok: false, plan: null, error: "Cloud Code API error" };
+  if ("_authFailed" in loadData) return { ok: false, plan: null, error: "Token expired" };
+  const plan = readPlan(loadData);
+  const project = typeof loadData.cloudaicompanionProject === "string" && loadData.cloudaicompanionProject.trim() ? loadData.cloudaicompanionProject.trim() : null;
+  let quotaData = project ? await requestCloudCodeJson(RETRIEVE_QUOTA_PATH, accessToken, { project }) : null;
+  if (!quotaData || "_authFailed" in quotaData) {
+    quotaData = await requestCloudCodeJson(RETRIEVE_QUOTA_PATH, accessToken, {});
+  }
+  if (!quotaData) return { ok: false, plan, error: "Cloud Code quota unavailable" };
+  if ("_authFailed" in quotaData) return { ok: false, plan, error: "Token expired" };
+  let buckets = parseBuckets(quotaData);
+  if (buckets.length === 0) {
+    const modelData = await requestCloudCodeJson(FETCH_MODELS_PATH, accessToken, {});
+    if (modelData && !("_authFailed" in modelData)) buckets = parseModelBuckets(modelData);
+    if (modelData && "_authFailed" in modelData) return { ok: false, plan, error: "Token expired" };
+  }
+  if (buckets.length === 0) return { ok: false, plan, error: "No quota data" };
+  return { ok: true, plan, buckets };
+}
+async function fetchCloudCodeQuota(token, expiredMessage = "Token expired") {
+  const nowSec = Math.floor(Date.now() / 1e3);
+  let accessToken = token.accessToken?.trim() || null;
+  if (accessToken && token.expirySeconds && token.expirySeconds <= nowSec) {
+    accessToken = await refreshAccessToken(token.refreshToken);
+    if (!accessToken) return { ok: false, plan: null, error: expiredMessage };
+  }
+  if (!accessToken) {
+    accessToken = await refreshAccessToken(token.refreshToken);
+    if (!accessToken) return { ok: false, plan: null, error: `Missing credentials (${redact(token.accessToken)})` };
+  }
+  const result = await fetchWithAccessToken(accessToken);
+  if (result.ok || result.error !== "Token expired") return result;
+  const refreshed = await refreshAccessToken(token.refreshToken);
+  if (!refreshed) return { ok: false, plan: result.plan, error: expiredMessage };
+  return fetchWithAccessToken(refreshed);
+}
+function normalizeLabel(label) {
+  return label.replace(/\s*\([^)]*\)\s*$/, "").trim();
+}
+function poolLabel(label) {
+  const lower = normalizeLabel(label).toLowerCase();
+  if (lower.includes("gemini") && lower.includes("pro")) return "Gemini Pro";
+  if (lower.includes("gemini") && lower.includes("flash")) return "Gemini Flash";
+  return "Claude";
+}
+function sortKey(label) {
+  const lower = label.toLowerCase();
+  if (lower.includes("gemini") && lower.includes("pro")) return `0a_${label}`;
+  if (lower.includes("gemini")) return `0b_${label}`;
+  if (lower.includes("claude") && lower.includes("opus")) return `1a_${label}`;
+  if (lower.includes("claude")) return `1b_${label}`;
+  return `2_${label}`;
+}
+function cloudCodeBucketsToMetrics(buckets) {
+  const pooled = /* @__PURE__ */ new Map();
+  for (const bucket of buckets) {
+    const label = poolLabel(bucket.modelId);
+    const existing = pooled.get(label);
+    if (!existing || bucket.remainingFraction < existing.remainingFraction) {
+      pooled.set(label, { ...bucket, modelId: label });
+    }
+  }
+  return [...pooled.values()].sort((a, b) => sortKey(a.modelId).localeCompare(sortKey(b.modelId))).map((bucket, i) => {
+    const clamped = Math.max(0, Math.min(1, bucket.remainingFraction));
+    return {
+      label: bucket.modelId,
+      used: Math.round((1 - clamped) * 100),
+      limit: 100,
+      format: { kind: "percent" },
+      resetsAt: bucket.resetTime ? resetIn(bucket.resetTime) : null,
+      primary: i === 0
+    };
+  });
+}
+function cloudCodeSqliteError(status) {
+  return status === "ok" ? "Not signed in \u2014 open Antigravity" : sqliteStatusMessage(status).replace(/Cursor/g, "Antigravity");
+}
+
+// src/providers/antigravity/billing.ts
+async function exists(path) {
+  try {
+    await access7(path);
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function firstExisting(paths) {
+  for (const path of paths) {
+    if (await exists(path)) return path;
+  }
+  return paths[0];
+}
+async function antigravityStateDb(homeDir) {
+  const base = homeDir ?? homedir11();
+  const tail = ["User", "globalStorage", "state.vscdb"];
+  if (process.platform === "darwin") {
+    const support = join13(base, "Library", "Application Support");
+    const exact = [
+      join13(support, "Antigravity IDE", ...tail),
+      join13(support, "Antigravity", ...tail)
+    ];
+    try {
+      const entries = await readdir7(support, { withFileTypes: true });
+      const matches = entries.filter((e) => e.isDirectory() && e.name.includes("Antigravity")).map((e) => join13(support, e.name, ...tail));
+      return firstExisting([...exact, ...matches]);
+    } catch {
+      return firstExisting(exact);
+    }
+  }
+  if (process.platform === "win32") {
+    const roaming = homeDir ? join13(homeDir, "AppData", "Roaming") : envDir("APPDATA") ?? join13(base, "AppData", "Roaming");
+    return firstExisting([
+      join13(roaming, "Antigravity IDE", ...tail),
+      join13(roaming, "Antigravity", ...tail)
+    ]);
+  }
+  const cfg = homeDir ? join13(homeDir, ".config") : envDir("XDG_CONFIG_HOME") ?? join13(base, ".config");
+  return firstExisting([
+    join13(cfg, "Antigravity IDE", ...tail),
+    join13(cfg, "Antigravity", ...tail)
+  ]);
+}
+async function detectAntigravity(homeDir) {
+  return exists(await antigravityStateDb(homeDir));
+}
+async function antigravityBilling(account) {
+  try {
+    const db = await antigravityStateDb(account.homeDir);
+    const { token, status } = await readAntigravityOAuthToken(db);
+    if (!token) return { plan: null, metrics: [], error: cloudCodeSqliteError(status) };
+    const quota = await fetchCloudCodeQuota(token, "Token expired \u2014 open Antigravity");
+    if (!quota.ok) return { plan: quota.plan, metrics: [], error: quota.error };
+    return { plan: quota.plan, metrics: cloudCodeBucketsToMetrics(quota.buckets), error: null };
+  } catch {
+    return { plan: null, metrics: [], error: "Antigravity billing unavailable" };
+  }
+}
+
+// src/providers/antigravity/index.ts
+var antigravityProvider = {
+  id: "antigravity",
+  name: "Antigravity",
+  color: "red",
+  hasUsage: false,
+  hasBilling: true,
+  detect: (homeDir) => detectAntigravity(homeDir),
+  fetchBilling: (account) => antigravityBilling(account)
+};
+
+// src/providers/gemini/billing.ts
+import { access as access8, readFile as readFile7 } from "fs/promises";
+import { join as join14 } from "path";
+import { homedir as homedir12 } from "os";
+function geminiCredsPath(homeDir) {
+  return join14(homeDir ?? homedir12(), ".gemini", "oauth_creds.json");
+}
+async function detectGemini(homeDir) {
+  try {
+    await access8(geminiCredsPath(homeDir));
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function readGeminiCreds(path) {
+  try {
+    return JSON.parse(await readFile7(path, "utf8"));
+  } catch {
+    return null;
+  }
+}
+async function geminiBilling(account) {
+  try {
+    const creds = await readGeminiCreds(geminiCredsPath(account.homeDir));
+    const accessToken = typeof creds?.access_token === "string" ? creds.access_token.trim() : "";
+    const refreshToken = typeof creds?.refresh_token === "string" ? creds.refresh_token.trim() : null;
+    if (!creds || !accessToken && !refreshToken) return { plan: null, metrics: [], error: "Not signed in \u2014 run gemini" };
+    const quota = await fetchCloudCodeQuota({
+      accessToken,
+      refreshToken,
+      expirySeconds: typeof creds.expiry_date === "number" ? Math.floor(creds.expiry_date / 1e3) : null
+    }, "Token expired \u2014 run gemini");
+    if (!quota.ok) return { plan: quota.plan, metrics: [], error: quota.error };
+    return { plan: quota.plan, metrics: cloudCodeBucketsToMetrics(quota.buckets), error: null };
+  } catch {
+    return { plan: null, metrics: [], error: "Gemini billing unavailable" };
+  }
+}
+
+// src/providers/gemini/index.ts
+var geminiProvider = {
+  id: "gemini",
+  name: "Gemini",
+  color: "greenBright",
+  hasUsage: false,
+  hasBilling: true,
+  detect: (homeDir) => detectGemini(homeDir),
+  fetchBilling: (account) => geminiBilling(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";
+import { join as join15, delimiter, isAbsolute as isAbsolute3 } from "path";
+import { homedir as homedir13 } from "os";
 function searchDirs() {
-  const home = homedir7();
+  const home = homedir13();
   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")
+    process.env.APPDATA && join15(process.env.APPDATA, "npm"),
+    process.env.LOCALAPPDATA && join15(process.env.LOCALAPPDATA, "pnpm"),
+    join15(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")
+    join15(home, ".local", "bin"),
+    join15(home, "bin"),
+    join15(home, ".npm-global", "bin"),
+    join15(home, ".bun", "bin"),
+    join15(home, ".local", "share", "pnpm")
   ];
   return [.../* @__PURE__ */ new Set([...fromEnv, ...extra.filter((d) => !!d)])];
 }
@@ -1452,7 +2518,7 @@ function onPath(names) {
   for (const dir of searchDirs()) {
     for (const n of names) {
       for (const e of exts) {
-        if (isExec(join9(dir, n + e))) return true;
+        if (isExec(join15(dir, n + e))) return true;
       }
     }
   }
@@ -1462,7 +2528,7 @@ function anyExists(paths) {
   return paths.some((p) => !!p && isExec(p));
 }
 function installSignals(id) {
-  const home = homedir7();
+  const home = homedir13();
   const pf = process.env.ProgramFiles;
   const pf86 = process.env["ProgramFiles(x86)"];
   const lad = process.env.LOCALAPPDATA;
@@ -1470,8 +2536,8 @@ function installSignals(id) {
     case "claude":
       return onPath(["claude"]) || anyExists([
         "/Applications/Claude.app",
-        join9(home, "Applications", "Claude.app"),
-        lad && join9(lad, "Programs", "claude", "Claude.exe")
+        join15(home, "Applications", "Claude.app"),
+        lad && join15(lad, "Programs", "claude", "Claude.exe")
       ]);
     case "codex": {
       const bin = process.env.CODEX_BIN;
@@ -1481,25 +2547,44 @@ function installSignals(id) {
     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"),
+        join15(home, "Applications", "Cursor.app"),
+        lad && join15(lad, "Programs", "cursor", "Cursor.exe"),
+        pf && join15(pf, "Cursor", "Cursor.exe"),
+        pf86 && join15(pf86, "Cursor", "Cursor.exe"),
         "/opt/Cursor/cursor",
         "/usr/share/cursor/cursor",
         "/usr/bin/cursor"
       ]);
+    case "pi":
+      return onPath(["pi"]);
+    case "opencode":
+      return onPath(["opencode"]);
+    case "copilot":
+      return onPath(["gh"]);
+    case "antigravity":
+      return onPath(["antigravity"]) || anyExists([
+        "/Applications/Antigravity.app",
+        join15(home, "Applications", "Antigravity.app"),
+        lad && join15(lad, "Programs", "Antigravity", "Antigravity.exe")
+      ]);
+    case "gemini":
+      return onPath(["gemini"]);
     default:
       return false;
   }
 }
 
 // src/providers/index.ts
-var PROVIDER_ORDER = ["claude", "codex", "cursor"];
+var PROVIDER_ORDER = ["claude", "codex", "cursor", "copilot", "pi", "opencode", "antigravity", "gemini"];
 var PROVIDERS = {
   claude: claudeProvider,
   codex: codexProvider,
-  cursor: cursorProvider
+  cursor: cursorProvider,
+  pi: piProvider,
+  opencode: opencodeProvider,
+  copilot: copilotProvider,
+  antigravity: antigravityProvider,
+  gemini: geminiProvider
 };
 var ALL_PROVIDERS = PROVIDER_ORDER.map((id) => PROVIDERS[id]);
 async function detectProviders() {
@@ -1548,14 +2633,46 @@ function accountsByProvider(accounts) {
   return groups;
 }
 
+// src/snapshot.ts
+import { readFile as readFile8, writeFile as writeFile3, mkdir as mkdir3, rename as rename3 } from "fs/promises";
+import { join as join16 } from "path";
+function snapshotFile() {
+  return join16(cacheDir(), "dashboard-snapshot.json");
+}
+async function loadSnapshot() {
+  try {
+    const obj = JSON.parse(await readFile8(snapshotFile(), "utf-8"));
+    return obj && typeof obj === "object" ? obj : {};
+  } catch {
+    return {};
+  }
+}
+var saveQueue2 = Promise.resolve();
+function saveSnapshot(stats) {
+  const obj = {};
+  for (const [id, s] of stats) {
+    if (s.dashboard || s.billing) obj[id] = { dashboard: s.dashboard ?? null, billing: s.billing ?? null };
+  }
+  saveQueue2 = saveQueue2.then(async () => {
+    try {
+      const dir = cacheDir();
+      await mkdir3(dir, { recursive: true });
+      const tmp = join16(dir, `dashboard-snapshot.json.${process.pid}.tmp`);
+      await writeFile3(tmp, JSON.stringify(obj));
+      await rename3(tmp, snapshotFile());
+    } catch {
+    }
+  });
+}
+
 // 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;
+  const ell = glyphs().ellipsis;
+  return s.length > n ? s.slice(0, n - ell.length) + ell : s;
 }
 function ClickableBox({ onClick, children, ...props }) {
   const ref = useRef(null);
@@ -1565,21 +2682,22 @@ function ClickableBox({ onClick, children, ...props }) {
   return /* @__PURE__ */ jsx(Box, { ref, ...props, children });
 }
 function Spinner({ label }) {
+  const frames = glyphs().spinner;
   const [i, setI] = useState(0);
   useEffect(() => {
-    const id = setInterval(() => setI((n) => (n + 1) % SPINNER_FRAMES.length), 80);
+    const id = setInterval(() => setI((n) => (n + 1) % frames.length), 80);
     return () => clearInterval(id);
   }, []);
   return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsxs(Text, { color: "green", children: [
-      SPINNER_FRAMES[i],
+      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: [
+function TabBar({ tabs, active: active2, onSelect }) {
+  return /* @__PURE__ */ jsx(Box, { children: tabs.map((t, i) => /* @__PURE__ */ jsx(ClickableBox, { onClick: () => onSelect(i), marginRight: 1, children: i === active2 ? /* @__PURE__ */ jsxs(Text, { bold: true, inverse: true, children: [
     " ",
     t,
     " "
@@ -1592,7 +2710,10 @@ function TabBar({ tabs, active, onSelect }) {
 function PeakBadge({ peak }) {
   const color = peak.state === "peak" ? "red" : "green";
   return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(Text, { color, children: "\u25CF " }),
+    /* @__PURE__ */ jsxs(Text, { color, children: [
+      glyphs().dot,
+      " "
+    ] }),
     /* @__PURE__ */ jsx(Text, { bold: true, color, children: peak.label }),
     peak.minutesUntilChange !== null && peak.minutesUntilChange > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
       " (",
@@ -1608,24 +2729,24 @@ function fmtMinutes(mins) {
   return m === 0 ? `${h}h` : `${h}h ${m}m`;
 }
 function currencySymbol(cur) {
-  return cur === "EUR" ? "\u20AC" : cur === "GBP" ? "\xA3" : "$";
+  return cur === "EUR" ? glyphs().eur : cur === "GBP" ? glyphs().gbp : "$";
 }
-var SPARK = ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588"];
 function sparkline(values) {
   if (values.length === 0) return "";
+  const spark = glyphs().spark;
   const max = Math.max(...values);
-  if (max <= 0) return SPARK[0].repeat(values.length);
+  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];
+    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) })
+    /* @__PURE__ */ jsx(Text, { color, children: glyphs().barFull.repeat(filled) }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: glyphs().barEmpty.repeat(width - filled) })
   ] });
 }
 function metricValueText(m) {
@@ -1647,20 +2768,76 @@ 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 }) {
+var MIN_CARD_DENSE = 44;
+var CARD_H = { full: 14, compact: 12, mini: 8 };
+var VARIANT_ORDER = ["full", "compact", "mini"];
+var INDICATOR_ROWS = 1;
+var MAX_SINGLE_CARD = Math.round(MIN_CARD * 1.6);
+function chooseLayout(content, budget, n, single, cols) {
+  if (n <= 0) return { ncols: 1, variant: "mini", cardsPerPage: 1, pageCount: 1 };
+  const gridHeight = (rows, H2) => rows * H2 + Math.max(0, rows - 1);
+  const colCap = single ? 1 : cols >= 3 * MIN_CARD_DENSE + 2 * GAP ? 3 : cols >= 2 * MIN_CARD + GAP ? 2 : 1;
+  const maxCols = Math.max(1, Math.min(colCap, n));
+  const cardWidthAt = (nc) => nc <= 1 ? content : Math.floor((content - GAP * (nc - 1)) / nc);
+  const minWidthAt = (nc) => nc >= 3 ? MIN_CARD_DENSE : MIN_CARD;
+  for (const variant of VARIANT_ORDER) {
+    for (let nc = maxCols; nc >= 1; nc--) {
+      if (nc > 1 && cardWidthAt(nc) < minWidthAt(nc)) continue;
+      const rows = Math.ceil(n / nc);
+      if (gridHeight(rows, CARD_H[variant]) <= budget) {
+        return { ncols: nc, variant, cardsPerPage: n, pageCount: 1 };
+      }
+    }
+  }
+  let ncols = 1;
+  for (let nc = maxCols; nc >= 1; nc--) {
+    if (nc === 1 || cardWidthAt(nc) >= minWidthAt(nc)) {
+      ncols = nc;
+      break;
+    }
+  }
+  const H = CARD_H.mini;
+  const fitBudget = budget - INDICATOR_ROWS;
+  const rowsThatFit = Math.max(1, Math.floor((fitBudget + 1) / (H + 1)));
+  const cardsPerPage = Math.max(1, rowsThatFit * ncols);
+  const pageCount = Math.max(1, Math.ceil(n / cardsPerPage));
+  return { ncols, variant: "mini", cardsPerPage, pageCount };
+}
+function DashboardView({ groups, stats, cols, budget, focusId, layout, page = 0 }) {
   if (groups.length === 0) {
-    return /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "No providers enabled \u2014 press s to pick providers." });
+    return /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+      "No providers enabled ",
+      glyphs().emDash,
+      " 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)) });
+  const content = Math.max(MIN_CARD, cols - 4);
+  const { ncols, variant, cardsPerPage, pageCount } = chooseLayout(content, budget, shown.length, single, cols);
+  let cardW = ncols <= 1 ? content : Math.floor((content - GAP * (ncols - 1)) / ncols);
+  if (ncols === 1 && cardW > MAX_SINGLE_CARD) cardW = MAX_SINGLE_CARD;
+  const pg = pageCount > 1 ? (page % pageCount + pageCount) % pageCount : 0;
+  const visible = pageCount > 1 ? shown.slice(pg * cardsPerPage, pg * cardsPerPage + cardsPerPage) : shown;
+  return /* @__PURE__ */ jsxs2(Box2, { height: budget, flexDirection: "column", overflow: "hidden", children: [
+    /* @__PURE__ */ jsx2(Box2, { width: content, flexWrap: "wrap", columnGap: GAP, rowGap: 1, children: visible.map((g) => /* @__PURE__ */ jsx2(Box2, { flexShrink: 0, children: /* @__PURE__ */ jsx2(ProviderCard, { provider: g.provider, accounts: g.accounts, stats, width: cardW, variant }) }, g.provider)) }),
+    pageCount > 1 && /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+      "  ",
+      glyphs().middot,
+      " page ",
+      pg + 1,
+      "/",
+      pageCount,
+      " ",
+      glyphs().middot,
+      " scroll ",
+      glyphs().arrowU,
+      glyphs().arrowD
+    ] })
+  ] });
 }
-function ProviderCard({ provider, accounts, stats, width }) {
+function ProviderCard({ provider, accounts, stats, width, variant }) {
   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);
@@ -1670,9 +2847,14 @@ function ProviderCard({ provider, accounts, stats, width }) {
   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: [
+  const showBars = variant !== "mini";
+  const showSpark = variant === "full";
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width, borderStyle: glyphs().border, borderColor: meta.color, paddingX: 1, children: [
     /* @__PURE__ */ jsxs2(Box2, { children: [
-      /* @__PURE__ */ jsx2(Text2, { color: meta.color, children: "\u25CF " }),
+      /* @__PURE__ */ jsxs2(Text2, { color: meta.color, children: [
+        glyphs().dot,
+        " "
+      ] }),
       /* @__PURE__ */ jsx2(Text2, { bold: true, color: meta.color, children: meta.name }),
       /* @__PURE__ */ jsx2(Box2, { flexGrow: 1 }),
       plan && /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: plan })
@@ -1685,17 +2867,21 @@ function ProviderCard({ provider, accounts, stats, width }) {
       /* @__PURE__ */ jsx2(KpiLine, { agg })
     ] }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
       /* @__PURE__ */ jsx2(Box2, { height: 1 }),
-      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Fetching usage\u2026" })
+      /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+        "Fetching usage",
+        glyphs().ellipsis
+      ] })
     ] })),
-    meta.hasBilling && /* @__PURE__ */ jsxs2(Fragment, { children: [
+    meta.hasBilling && showBars && /* @__PURE__ */ jsxs2(Fragment, { children: [
       meta.hasUsage && /* @__PURE__ */ jsx2(Rule, { inner }),
       /* @__PURE__ */ jsx2(LimitsBlock, { items, barW })
     ] }),
-    hasSpark && /* @__PURE__ */ jsxs2(Fragment, { children: [
+    meta.hasBilling && !showBars && !meta.hasUsage && /* @__PURE__ */ jsx2(CompactBilling, { items }),
+    hasSpark && showSpark && /* @__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: [
+    !meta.hasUsage && activity && showSpark && /* @__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" }) }),
@@ -1703,14 +2889,29 @@ function ProviderCard({ provider, accounts, stats, width }) {
         /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, justifyContent: "flex-end", children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: activity.summary }) })
       ] })
     ] }),
-    !meta.hasUsage && !activity && /* @__PURE__ */ jsxs2(Fragment, { children: [
+    !meta.hasUsage && !activity && variant === "full" && /* @__PURE__ */ jsxs2(Fragment, { children: [
       /* @__PURE__ */ jsx2(Box2, { flexGrow: 1 }),
-      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Billing only \u2014 no local history" })
+      /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+        "Billing only ",
+        glyphs().emDash,
+        " no local history"
+      ] })
     ] })
   ] });
 }
+function CompactBilling({ items }) {
+  const billing = items.map((i) => i.s?.billing).find(Boolean);
+  if (!billing) return /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+    "Fetching",
+    glyphs().ellipsis
+  ] });
+  if (billing.error) return /* @__PURE__ */ jsx2(Text2, { color: "red", children: billing.error });
+  const m = billing.metrics[0];
+  if (!m) return /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "No data" });
+  return /* @__PURE__ */ jsx2(Text2, { bold: true, color: "yellow", children: metricValueText(m) });
+}
 function Rule({ inner }) {
-  return /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\u2500".repeat(Math.max(0, inner)) });
+  return /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: glyphs().rule.repeat(Math.max(0, inner)) });
 }
 function SummaryRow({ label, s }) {
   const cachedPct = s.tokens > 0 ? Math.round(s.cacheRead / s.tokens * 100) : 0;
@@ -1755,10 +2956,16 @@ function LimitsBlock({ items, barW }) {
     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__ */ jsxs2(Text2, { color: account.color, children: [
+          glyphs().dot,
+          " "
+        ] }),
         /* @__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}`))
+      !billing ? /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+        "Fetching",
+        glyphs().ellipsis
+      ] }) : 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);
   }) });
 }
@@ -1807,17 +3014,41 @@ function aggregate(list) {
   }
   return z;
 }
+function TotalsRow({ groups, stats, cols }) {
+  const zero = () => ({ cost: 0, tokens: 0, cacheRead: 0, cacheSavings: 0 });
+  const t = zero(), w = zero(), m = zero();
+  for (const g of groups) {
+    if (!PROVIDERS[g.provider].hasUsage) continue;
+    for (const a of g.accounts) {
+      const d = stats.get(a.id)?.dashboard;
+      if (!d) continue;
+      t.cost += d.today.cost;
+      t.tokens += d.today.tokens;
+      w.cost += d.week.cost;
+      w.tokens += d.week.tokens;
+      m.cost += d.month.cost;
+      m.tokens += d.month.tokens;
+    }
+  }
+  const inner = cols - 4;
+  const dot = glyphs().middot;
+  const full = `${glyphs().dotAll}  Today ${currency(t.cost)} (${tokens(t.tokens)} tok)  ${dot}  Week ${currency(w.cost)} (${tokens(w.tokens)} tok)  ${dot}  Month ${currency(m.cost)} (${tokens(m.tokens)} tok)`;
+  const noTok = `${glyphs().dotAll}  Today ${currency(t.cost)}  ${dot}  Week ${currency(w.cost)}  ${dot}  Month ${currency(m.cost)}`;
+  const tight = `${glyphs().dotAll}  ${currency(t.cost)}  ${dot}  ${currency(w.cost)}  ${dot}  ${currency(m.cost)}`;
+  const text = full.length <= inner ? full : noTok.length <= inner ? noTok : tight;
+  return /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: text }) });
+}
 
 // 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 }) {
+function TableProviderBar({ providers, active: active2, 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: [
+      return /* @__PURE__ */ jsx3(ClickableBox, { onClick: () => onSelect(p), marginRight: 1, children: p === active2 ? /* @__PURE__ */ jsxs3(Text3, { bold: true, color: meta.color, inverse: true, children: [
         " ",
         meta.name,
         " "
@@ -1842,15 +3073,23 @@ function ControlBar({ views, period, sort, search, searching, showPeriod }) {
     ] }),
     /* @__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  " }),
+    /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      "  o cycle  ",
+      glyphs().middot,
+      "  "
+    ] }),
     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" })
+      /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: glyphs().vbar })
     ] }) : 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__ */ jsxs3(Text3, { dimColor: true, children: [
+        " (/ edit ",
+        glyphs().middot,
+        " esc clear)"
+      ] })
     ] }) : /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "/ filter" })
   ] });
 }
@@ -1887,14 +3126,14 @@ function TokenTable({ rows, cursor, expanded, maxRows, cols, onRowClick }) {
       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) }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: glyphs().rule.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 " : "  ",
+            selected ? `${glyphs().caretR} ` : "  ",
             col(fmtLabel(r.label), W.label, "left")
           ] }),
           /* @__PURE__ */ jsx3(Text3, { dimColor: !selected, children: col(r.models.join(", "), W.models, "left") }),
@@ -1908,7 +3147,7 @@ function TokenTable({ rows, cursor, expanded, maxRows, cols, onRowClick }) {
         idx === expanded && /* @__PURE__ */ jsx3(RowDetail, { row: r, indent: W.label + 2 })
       ] }, r.label);
     }),
-    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\u2500".repeat(lineW + 2) }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: glyphs().rule.repeat(lineW + 2) }),
     /* @__PURE__ */ jsxs3(Text3, { children: [
       /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "greenBright", children: [
         "  ",
@@ -1924,7 +3163,17 @@ function TokenTable({ rows, cursor, expanded, maxRows, cols, onRowClick }) {
     ] }),
     /* @__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  ",
+      glyphs().arrowU,
+      glyphs().arrowD,
+      " navigate  ",
+      glyphs().middot,
+      "  Enter detail  ",
+      glyphs().middot,
+      "  o sort  ",
+      glyphs().middot,
+      "  g/G top/bottom  ",
+      glyphs().middot,
+      "  ",
       clampedCursor + 1,
       "/",
       rows.length
@@ -1934,7 +3183,7 @@ function TokenTable({ rows, cursor, expanded, maxRows, cols, onRowClick }) {
 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",
+      i === row.breakdown.length - 1 ? glyphs().treeEnd : glyphs().treeMid,
       " "
     ] }),
     /* @__PURE__ */ jsx3(Text3, { bold: true, children: col(m.name, 16, "left") }),
@@ -1975,14 +3224,14 @@ function CursorSpendTable({ rows, cursor, maxRows, onRowClick }) {
       /* @__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) }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: glyphs().rule.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 " : "  ",
+          selected ? `${glyphs().caretR} ` : "  ",
           col(r.name, W.model, "left")
         ] }),
         /* @__PURE__ */ jsx3(Text3, { bold: true, color: selected ? void 0 : "yellow", children: col(currency(r.usd), W.cost) }),
@@ -1990,7 +3239,7 @@ function CursorSpendTable({ rows, cursor, maxRows, onRowClick }) {
         /* @__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__ */ jsx3(Text3, { dimColor: true, children: glyphs().rule.repeat(W.model + W.cost + W.amount + W.share + 2) }),
     /* @__PURE__ */ jsxs3(Text3, { children: [
       /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "greenBright", children: [
         "  ",
@@ -2002,7 +3251,11 @@ function CursorSpendTable({ rows, cursor, maxRows, onRowClick }) {
     ] }),
     /* @__PURE__ */ jsx3(Box3, { height: 1 }),
     /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
-      "local spend by model (composerData) \xB7 est. API-equivalent \xB7 ",
+      "local spend by model (composerData) ",
+      glyphs().middot,
+      " est. API-equivalent ",
+      glyphs().middot,
+      " ",
       clamped + 1,
       "/",
       rows.length
@@ -2019,43 +3272,174 @@ function fmtLabel(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 }) {
+function Onboarding({ items, cursor, onToggle, onConfirm, heading = "Welcome to tokmon", subheading = "Pick the tools you want to track. You can change this anytime in settings." }) {
   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, { children: /* @__PURE__ */ jsx4(Text4, { bold: true, color: "greenBright", children: heading }) }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: subheading }),
     /* @__PURE__ */ jsx4(Box4, { height: 1 }),
     items.map((it, i) => {
       const selected = cursor === i;
-      const box = it.enabled ? "[\u2713]" : "[ ]";
+      const box = it.enabled ? `[${glyphs().check}]` : "[ ]";
       return /* @__PURE__ */ jsxs4(ClickableBox, { onClick: () => onToggle(i), children: [
         /* @__PURE__ */ jsxs4(Text4, { color: selected ? "green" : void 0, children: [
-          selected ? "\u25B8" : " ",
+          selected ? glyphs().caretR : " ",
           " "
         ] }),
         /* @__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 }) }),
+        /* @__PURE__ */ jsxs4(Text4, { color: it.color, children: [
+          " ",
+          glyphs().dot,
+          " "
+        ] }),
+        /* @__PURE__ */ jsx4(Box4, { width: 13, flexShrink: 0, children: /* @__PURE__ */ jsx4(Text4, { bold: selected, dimColor: !it.detected && !it.enabled, wrap: "truncate", 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" : " ",
+        cursor === startIdx ? glyphs().caretR : " ",
         " "
       ] }),
-      /* @__PURE__ */ jsx4(Text4, { bold: true, color: anyEnabled ? "greenBright" : void 0, dimColor: !anyEnabled, children: anyEnabled ? "\u25B6 Start tokmon" : "\u25B6 Start (nothing selected)" })
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: anyEnabled ? "greenBright" : void 0, dimColor: !anyEnabled, children: anyEnabled ? `${glyphs().play} Start tokmon` : `${glyphs().play} 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" })
+    /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+      glyphs().arrowU,
+      glyphs().arrowD,
+      " move  ",
+      glyphs().middot,
+      "  space toggle  ",
+      glyphs().middot,
+      "  enter start  ",
+      glyphs().middot,
+      "  q quit"
+    ] })
   ] });
 }
 
-// src/ui/settings.tsx
+// src/ui/loading.tsx
+import { useState as useState2, useEffect as useEffect2 } from "react";
 import { Box as Box5, Text as Text5 } from "ink";
-import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function accountReady(s, providerId) {
+  if (!s) return false;
+  const p = PROVIDERS[providerId];
+  if (p.hasBilling && s.billing?.error) return true;
+  if (p.hasUsage && !s.dashboard) return false;
+  if (p.hasBilling && !s.billing) return false;
+  return true;
+}
+function groupTodayCost(items) {
+  return items.reduce((sum, s) => {
+    const d = s?.dashboard;
+    return sum + (d?.today.cost ?? 0);
+  }, 0);
+}
+function headlineFor(group, items) {
+  const meta = PROVIDERS[group.provider];
+  if (meta.hasUsage) return `${currency(groupTodayCost(items))} today`;
+  const billing = items.map((s) => s?.billing).find(Boolean);
+  if (!billing) return "no data";
+  if (billing.error) return billing.error;
+  const m = billing.metrics[0];
+  if (m) return metricValueText(m);
+  return billing.plan ?? "no data";
+}
+var STAGGER_FRAMES = 2;
+function LoadingView({ groups, stats, cols, rows }) {
+  const sp = glyphs().spinner;
+  const [frame, setFrame] = useState2(0);
+  useEffect2(() => {
+    const id = setInterval(() => setFrame((f) => f + 1), 80);
+    return () => clearInterval(id);
+  }, []);
+  const nameW = Math.min(13, groups.reduce((w, g) => Math.max(w, PROVIDERS[g.provider].name.length), 0));
+  const readyCount = groups.filter((g) => g.accounts.every((a) => accountReady(stats.get(a.id), g.provider))).length;
+  const maxRows = Math.max(1, rows - 7);
+  const visible = groups.slice(0, maxRows);
+  const hidden = groups.length - visible.length;
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs5(Text5, { bold: true, color: "greenBright", children: [
+      glyphs().dotSel,
+      " tokmon"
+    ] }),
+    /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, children: [
+      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        "Detecting installed tools",
+        glyphs().ellipsis
+      ] }),
+      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        "  ",
+        groups.length,
+        " found"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, flexDirection: "column", children: [
+      visible.map((g, i) => {
+        const meta = PROVIDERS[g.provider];
+        const items = g.accounts.map((a) => stats.get(a.id));
+        const ready = g.accounts.every((a) => accountReady(stats.get(a.id), g.provider));
+        const errored = items.some((s) => !!s?.billing?.error);
+        const revealed = frame >= i * STAGGER_FRAMES;
+        const name = truncateName(meta.name, nameW);
+        const namePad = " ".repeat(Math.max(0, nameW - name.length));
+        if (!revealed) {
+          return /* @__PURE__ */ jsxs5(Box5, { children: [
+            /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+              glyphs().dot,
+              " "
+            ] }),
+            /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+              name,
+              namePad
+            ] })
+          ] }, g.provider);
+        }
+        return /* @__PURE__ */ jsxs5(Box5, { children: [
+          /* @__PURE__ */ jsxs5(Text5, { color: meta.color, children: [
+            glyphs().dot,
+            " "
+          ] }),
+          /* @__PURE__ */ jsx5(Text5, { bold: true, color: meta.color, children: name }),
+          /* @__PURE__ */ jsx5(Text5, { children: namePad }),
+          /* @__PURE__ */ jsx5(Text5, { children: "  " }),
+          errored ? /* @__PURE__ */ jsxs5(Text5, { color: "red", children: [
+            glyphs().warn,
+            " "
+          ] }) : ready ? /* @__PURE__ */ jsxs5(Text5, { color: "green", children: [
+            glyphs().check,
+            " "
+          ] }) : /* @__PURE__ */ jsxs5(Text5, { color: "green", children: [
+            sp[frame % sp.length],
+            " "
+          ] }),
+          errored ? /* @__PURE__ */ jsx5(Text5, { color: "red", children: headlineFor(g, items) }) : ready ? /* @__PURE__ */ jsx5(Text5, { children: headlineFor(g, items) }) : /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+            "loading",
+            glyphs().ellipsis
+          ] })
+        ] }, g.provider);
+      }),
+      hidden > 0 && /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+        "+",
+        hidden,
+        " more"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+      "loading ",
+      readyCount,
+      " / ",
+      groups.length
+    ] }) })
+  ] });
+}
+
+// src/ui/settings.tsx
+import { Box as Box6, Text as Text6 } from "ink";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var GENERAL_ROWS = 6;
 var PROVIDER_ROWS_START = GENERAL_ROWS;
 var ACCOUNT_ROWS_START = GENERAL_ROWS + PROVIDER_ORDER.length;
@@ -2080,134 +3464,191 @@ function SettingsView({
   accountForm,
   activeAccountId
 }) {
-  if (accountForm) return /* @__PURE__ */ jsx5(AccountFormView, { form: accountForm, accounts: config2.accounts });
+  if (accountForm) return /* @__PURE__ */ jsx6(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",
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsx6(Text6, { bold: true, children: "Settings" }),
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: configLocation() }),
+    /* @__PURE__ */ jsx6(Box6, { height: 1 }),
+    /* @__PURE__ */ jsx6(Text6, { bold: true, dimColor: true, children: "General" }),
+    /* @__PURE__ */ jsxs6(Row, { cursor, idx: 0, label: "Refresh interval", children: [
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        glyphs().caretL,
         " "
       ] }),
-      /* @__PURE__ */ jsxs5(Text5, { bold: true, color: "yellow", children: [
+      /* @__PURE__ */ jsxs6(Text6, { bold: true, color: "yellow", children: [
         config2.interval,
         "s"
       ] }),
-      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
         " ",
-        "\u25B8"
+        glyphs().caretR
       ] })
     ] }),
-    /* @__PURE__ */ jsxs5(Row, { cursor, idx: 1, label: "Billing poll", children: [
-      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
-        "\u25C2",
+    /* @__PURE__ */ jsxs6(Row, { cursor, idx: 1, label: "Billing poll", children: [
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        glyphs().caretL,
         " "
       ] }),
-      /* @__PURE__ */ jsxs5(Text5, { bold: true, color: "yellow", children: [
+      /* @__PURE__ */ jsxs6(Text6, { bold: true, color: "yellow", children: [
         config2.billingInterval,
         "m"
       ] }),
-      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
         " ",
-        "\u25B8"
+        glyphs().caretR
       ] })
     ] }),
-    /* @__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: [
+    /* @__PURE__ */ jsx6(Row, { cursor, idx: 2, label: "Clear screen", children: /* @__PURE__ */ jsx6(Text6, { bold: true, color: config2.clearScreen ? "green" : "red", children: config2.clearScreen ? "on" : "off" }) }),
+    /* @__PURE__ */ jsx6(Row, { cursor, idx: 3, label: "Timezone", children: editingTz ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "[" }),
+      /* @__PURE__ */ jsx6(Text6, { bold: true, color: "cyan", children: tzEdit }),
+      /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: "_" }),
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "]" })
+    ] }) : /* @__PURE__ */ jsx6(Text6, { bold: true, color: "yellow", children: tzDisplay }) }),
+    cursor === 3 && tzError && /* @__PURE__ */ jsxs6(Text6, { color: "red", children: [
       "  ",
       tzError
     ] }),
-    /* @__PURE__ */ jsxs5(Row, { cursor, idx: 4, label: "Dashboard", children: [
-      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
-        "\u25C2",
+    /* @__PURE__ */ jsxs6(Row, { cursor, idx: 4, label: "Dashboard", children: [
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        glyphs().caretL,
         " "
       ] }),
-      /* @__PURE__ */ jsx5(Text5, { bold: true, color: "yellow", children: config2.dashboardLayout === "grid" ? "grid (all)" : "single (cycle)" }),
-      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+      /* @__PURE__ */ jsx6(Text6, { bold: true, color: "yellow", children: config2.dashboardLayout === "grid" ? "grid (all)" : "single (cycle)" }),
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
         " ",
-        "\u25B8"
+        glyphs().caretR
       ] })
     ] }),
-    /* @__PURE__ */ jsxs5(Row, { cursor, idx: 5, label: "Default focus", children: [
-      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
-        "\u25C2",
+    /* @__PURE__ */ jsxs6(Row, { cursor, idx: 5, label: "Default focus", children: [
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        glyphs().caretL,
         " "
       ] }),
-      /* @__PURE__ */ jsx5(Text5, { bold: true, color: "yellow", children: config2.defaultFocus === "all" ? "All" : "Last account" }),
-      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+      /* @__PURE__ */ jsx6(Text6, { bold: true, color: "yellow", children: config2.defaultFocus === "all" ? "All" : "Last account" }),
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
         " ",
-        "\u25B8"
+        glyphs().caretR
       ] })
     ] }),
-    /* @__PURE__ */ jsx5(Box5, { height: 1 }),
-    /* @__PURE__ */ jsx5(Text5, { bold: true, dimColor: true, children: "Providers" }),
+    /* @__PURE__ */ jsx6(Box6, { height: 1 }),
+    /* @__PURE__ */ jsx6(Text6, { 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" : " ",
+      return /* @__PURE__ */ jsxs6(Box6, { children: [
+        /* @__PURE__ */ jsxs6(Text6, { color: selected ? "green" : void 0, children: [
+          selected ? glyphs().caretR : " ",
+          " "
+        ] }),
+        /* @__PURE__ */ jsx6(Text6, { bold: enabled, color: enabled ? p.color : void 0, dimColor: !enabled, children: enabled ? `[${glyphs().check}]` : "[ ]" }),
+        /* @__PURE__ */ jsxs6(Text6, { color: p.color, children: [
+          " ",
+          glyphs().dot,
           " "
         ] }),
-        /* @__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" })
+        /* @__PURE__ */ jsx6(Box6, { width: 9, children: /* @__PURE__ */ jsx6(Text6, { bold: selected, children: p.name }) }),
+        /* @__PURE__ */ jsx6(Text6, { 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" }),
+    /* @__PURE__ */ jsx6(Box6, { height: 1 }),
+    /* @__PURE__ */ jsx6(Text6, { bold: true, dimColor: true, children: "Accounts" }),
+    config2.accounts.length === 0 && /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+      "  none configured ",
+      glyphs().emDash,
+      " 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" : " ",
+      return /* @__PURE__ */ jsxs6(Box6, { children: [
+        /* @__PURE__ */ jsxs6(Text6, { color: selected ? "green" : void 0, children: [
+          selected ? glyphs().caretR : " ",
           " "
         ] }),
-        /* @__PURE__ */ jsxs5(Text5, { color: acc.color || provider.color, children: [
-          isActive ? "\u25CF" : "\u25CB",
+        /* @__PURE__ */ jsxs6(Text6, { color: acc.color || provider.color, children: [
+          isActive ? glyphs().dot : glyphs().radioOff,
           " "
         ] }),
-        /* @__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) })
+        /* @__PURE__ */ jsx6(Box6, { width: 16, children: /* @__PURE__ */ jsx6(Text6, { bold: true, children: truncateName(acc.name, 15) }) }),
+        /* @__PURE__ */ jsx6(Box6, { width: 9, children: /* @__PURE__ */ jsx6(Text6, { color: provider.color, children: provider.name }) }),
+        /* @__PURE__ */ jsx6(Text6, { 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__ */ jsxs6(Box6, { children: [
+      /* @__PURE__ */ jsxs6(Text6, { color: cursor === ACCOUNT_ROWS_START + config2.accounts.length ? "green" : void 0, children: [
+        cursor === ACCOUNT_ROWS_START + config2.accounts.length ? glyphs().caretR : " ",
         " "
       ] }),
-      /* @__PURE__ */ jsx5(Text5, { color: "greenBright", children: "+ " }),
-      /* @__PURE__ */ jsx5(Text5, { children: "Add account" })
+      /* @__PURE__ */ jsx6(Text6, { color: "greenBright", children: "+ " }),
+      /* @__PURE__ */ jsx6(Text6, { 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" })
+    /* @__PURE__ */ jsx6(Box6, { height: 1 }),
+    editingTz ? /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+      "type IANA name (e.g. Europe/London) ",
+      glyphs().middot,
+      " empty = System ",
+      glyphs().middot,
+      " Enter save ",
+      glyphs().middot,
+      " Esc cancel"
+    ] }) : cursor >= PROVIDER_ROWS_START && cursor < ACCOUNT_ROWS_START ? /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+      glyphs().arrowU,
+      glyphs().arrowD,
+      " select  ",
+      glyphs().middot,
+      "  space toggle provider  ",
+      glyphs().middot,
+      "  s/Esc close"
+    ] }) : cursor >= ACCOUNT_ROWS_START && cursor < ACCOUNT_ROWS_START + config2.accounts.length ? /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+      glyphs().arrowU,
+      glyphs().arrowD,
+      " select  ",
+      glyphs().middot,
+      "  ",
+      glyphs().shift,
+      glyphs().arrowU,
+      glyphs().arrowD,
+      " reorder  ",
+      glyphs().middot,
+      "  Enter edit  ",
+      glyphs().middot,
+      "  space activate  ",
+      glyphs().middot,
+      "  d delete  ",
+      glyphs().middot,
+      "  s/Esc close"
+    ] }) : cursor === ACCOUNT_ROWS_START + config2.accounts.length ? /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+      glyphs().arrowU,
+      glyphs().arrowD,
+      " select  ",
+      glyphs().middot,
+      "  Enter add account  ",
+      glyphs().middot,
+      "  s/Esc close"
+    ] }) : /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+      glyphs().arrowU,
+      glyphs().arrowD,
+      " select  ",
+      glyphs().arrowL,
+      glyphs().arrowR,
+      " 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" : " ",
+  return /* @__PURE__ */ jsxs6(Box6, { children: [
+    /* @__PURE__ */ jsxs6(Text6, { color: cursor === idx ? "green" : void 0, children: [
+      cursor === idx ? glyphs().caretR : " ",
       " "
     ] }),
-    /* @__PURE__ */ jsx5(Box5, { width: 20, children: /* @__PURE__ */ jsx5(Text5, { children: label }) }),
+    /* @__PURE__ */ jsx6(Box6, { width: 20, children: /* @__PURE__ */ jsx6(Text6, { children: label }) }),
     children
   ] });
 }
@@ -2216,24 +3657,24 @@ function AccountFormView({ form, accounts }) {
   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: [
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsxs6(Box6, { children: [
+      /* @__PURE__ */ jsx6(Text6, { color: accent, bold: true, children: glyphs().vbar }),
+      /* @__PURE__ */ jsxs6(Text6, { bold: true, children: [
         " ",
         form.mode === "add" ? "NEW ACCOUNT" : "EDIT ACCOUNT"
       ] }),
-      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs6(Text6, { 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(
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Stepper, { active: form.field, accent }) }),
+    /* @__PURE__ */ jsxs6(Box6, { marginTop: 1, flexDirection: "column", borderStyle: glyphs().border, borderColor: accent, paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx6(ProviderField, { value: form.providerId, focused: form.field === "provider" }),
+      /* @__PURE__ */ jsx6(Box6, { height: 1 }),
+      /* @__PURE__ */ jsx6(
         FormField,
         {
           label: "Name",
@@ -2244,12 +3685,12 @@ function AccountFormView({ form, accounts }) {
           placeholder: "e.g. Work, Personal"
         }
       ),
-      /* @__PURE__ */ jsx5(Box5, { height: 1 }),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx6(Box6, { height: 1 }),
+      /* @__PURE__ */ jsx6(
         FormField,
         {
           label: "Home directory",
-          hint: "path containing the tool's data dir  \xB7  ~ for default",
+          hint: `path containing the tool's data dir  ${glyphs().middot}  ~ for default`,
           value: form.homeDir,
           focused: form.field === "homeDir",
           accent,
@@ -2257,100 +3698,134 @@ function AccountFormView({ form, accounts }) {
           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" })
+      /* @__PURE__ */ jsx6(Box6, { height: 1 }),
+      /* @__PURE__ */ jsx6(ColorField, { value: form.color, focused: form.field === "color" }),
+      /* @__PURE__ */ jsx6(Box6, { height: 1 }),
+      /* @__PURE__ */ jsxs6(Box6, { children: [
+        /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+          "id  ",
+          glyphs().boxMark,
+          " "
+        ] }),
+        /* @__PURE__ */ jsx6(Text6, { bold: true, color: accent, children: previewId || "account" }),
+        /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+          " ",
+          glyphs().boxMark,
+          "   auto-generated from name"
+        ] })
       ] })
     ] }),
-    form.error && /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsxs5(Text5, { color: "red", children: [
-      "\u26A0 ",
+    form.error && /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsxs6(Text6, { color: "red", children: [
+      glyphs().warn,
+      " ",
       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__ */ jsxs6(Box6, { marginTop: 1, children: [
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        "tab/",
+        glyphs().arrowU,
+        glyphs().arrowD,
+        " "
+      ] }),
+      /* @__PURE__ */ jsx6(Text6, { children: "switch field" }),
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        "  ",
+        glyphs().middot,
+        "  "
       ] }),
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "esc " }),
-      /* @__PURE__ */ jsx5(Text5, { children: "cancel" })
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "enter " }),
+      /* @__PURE__ */ jsx6(Text6, { children: form.field === "color" ? "save" : "next" }),
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        "  ",
+        glyphs().middot,
+        "  "
+      ] }),
+      (form.field === "color" || form.field === "provider") && /* @__PURE__ */ jsxs6(Fragment3, { children: [
+        /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+          glyphs().arrowL,
+          glyphs().arrowR,
+          " "
+        ] }),
+        /* @__PURE__ */ jsx6(Text6, { children: form.field === "provider" ? "pick provider" : "pick color" }),
+        /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+          "  ",
+          glyphs().middot,
+          "  "
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "esc " }),
+      /* @__PURE__ */ jsx6(Text6, { children: "cancel" })
     ] })
   ] });
 }
-function Stepper({ active, accent }) {
+function Stepper({ active: active2, 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 activeIdx = steps.findIndex((s) => s.id === active2);
+  return /* @__PURE__ */ jsx6(Box6, { 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: [
+    const dot = done ? glyphs().dot : cur ? glyphs().dotSel : glyphs().radioOff;
+    return /* @__PURE__ */ jsxs6(Box6, { children: [
+      /* @__PURE__ */ jsxs6(Text6, { 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  " })
+      /* @__PURE__ */ jsx6(Text6, { bold: cur, color: cur ? accent : void 0, dimColor: !cur, children: s.label }),
+      i < steps.length - 1 && /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        "  ",
+        glyphs().rule,
+        "  "
+      ] })
     ] }, 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" : " ",
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsxs6(Text6, { color: focused ? PROVIDERS[value].color : void 0, bold: focused, dimColor: !focused, children: [
+      focused ? glyphs().caretR : " ",
       " Provider"
     ] }) }),
-    /* @__PURE__ */ jsxs5(Box5, { children: [
-      /* @__PURE__ */ jsxs5(Text5, { children: [
+    /* @__PURE__ */ jsxs6(Box6, { children: [
+      /* @__PURE__ */ jsxs6(Text6, { children: [
         "  ",
-        focused ? "\u258C" : " ",
+        focused ? glyphs().vbar : " ",
         " "
       ] }),
       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: [
+        return /* @__PURE__ */ jsx6(Box6, { marginRight: 2, children: selected ? /* @__PURE__ */ jsxs6(Text6, { bold: true, color: p.color, children: [
           "[",
           p.name,
           "]"
-        ] }) : /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: p.name }) }, pid);
+        ] }) : /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: p.name }) }, pid);
       })
     ] }),
-    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "      which tool this account tracks" }) })
+    /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsx6(Text6, { 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" : " ",
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsxs6(Text6, { color: focused ? accent : void 0, bold: focused, dimColor: !focused, children: [
+      focused ? glyphs().caretR : " ",
       " ",
       label
     ] }) }),
-    /* @__PURE__ */ jsxs5(Box5, { children: [
-      /* @__PURE__ */ jsxs5(Text5, { color: focused ? accent : void 0, children: [
+    /* @__PURE__ */ jsxs6(Box6, { children: [
+      /* @__PURE__ */ jsxs6(Text6, { color: focused ? accent : void 0, children: [
         "  ",
-        focused ? "\u258C" : " ",
+        focused ? glyphs().vbar : " ",
         " "
       ] }),
-      /* @__PURE__ */ jsx5(
-        Text5,
+      /* @__PURE__ */ jsx6(
+        Text6,
         {
           bold: focused && !isPlaceholder,
           color: focused && !isPlaceholder ? accent : void 0,
@@ -2359,39 +3834,59 @@ function FormField({ label, hint, value, focused, accent, placeholder, mono }) {
           children: display
         }
       ),
-      focused && /* @__PURE__ */ jsx5(Text5, { color: accent, children: "\u258F" })
+      focused && /* @__PURE__ */ jsx6(Text6, { color: accent, children: glyphs().vbar })
     ] }),
-    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+    /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsxs6(Text6, { 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" : " ",
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsxs6(Text6, { color: focused ? value : void 0, bold: focused, dimColor: !focused, children: [
+      focused ? glyphs().caretR : " ",
       " Accent color"
     ] }) }),
-    /* @__PURE__ */ jsxs5(Box5, { children: [
-      /* @__PURE__ */ jsxs5(Text5, { children: [
+    /* @__PURE__ */ jsxs6(Box6, { children: [
+      /* @__PURE__ */ jsxs6(Text6, { children: [
         "  ",
-        focused ? "\u258C" : " ",
+        focused ? glyphs().vbar : " ",
         " "
       ] }),
-      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))
+      COLOR_PALETTE.map((c) => /* @__PURE__ */ jsx6(Box6, { marginRight: 1, children: c === value ? /* @__PURE__ */ jsxs6(Text6, { bold: true, color: c, children: [
+        "[",
+        glyphs().dot,
+        "]"
+      ] }) : /* @__PURE__ */ jsxs6(Text6, { color: c, dimColor: !focused, children: [
+        " ",
+        glyphs().dot
+      ] }) }, c))
     ] }),
-    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "      shows on dashboard, account strip, borders" }) })
+    /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsx6(Text6, { 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";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs7 } 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 SORTS = [
+  { label: "date", dir: "up" },
+  { label: "date", dir: "down" },
+  { label: "cost", dir: "up" },
+  { label: "cost", dir: "down" }
+];
+var CURSOR_SORTS = [
+  { label: "cost", dir: "down" },
+  { label: "amount", dir: "down" },
+  { label: "model", dir: null }
+];
 var IS_TTY = process.stdin.isTTY === true;
+var DEBOUNCE_MS = 300;
+var LOADER_GRACE_MS = 600;
+var LOADER_MAX_MS = 8e3;
+var LOADER_MIN_VISIBLE_MS = 700;
 var DEFAULT_CONFIG = {
   interval: 2,
   billingInterval: 5,
@@ -2402,33 +3897,46 @@ var DEFAULT_CONFIG = {
   disabledProviders: [],
   onboarded: false,
   dashboardLayout: "grid",
-  defaultFocus: "all"
+  defaultFocus: "all",
+  ascii: "auto",
+  knownProviders: []
 };
-function App({ interval: cliInterval }) {
-  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);
+function applyStartup(c, cliInterval) {
+  if (cliInterval) c = { ...c, interval: cliInterval / 1e3 };
+  if (c.defaultFocus === "all") c = { ...c, activeAccountId: null };
+  return c;
+}
+function App({ interval: cliInterval, initialConfig }) {
+  const [config2, setConfig] = useState3(() => initialConfig ? applyStartup(initialConfig, cliInterval) : null);
+  const [detected, setDetected] = useState3([]);
+  const [stats, setStats] = useState3(/* @__PURE__ */ new Map());
+  const [peak, setPeak] = useState3(null);
+  const [table, setTable] = useState3(null);
+  const [tableLoading, setTableLoading] = useState3(false);
+  const [error, setError] = useState3(null);
+  const [updated, setUpdated] = useState3(/* @__PURE__ */ new Date());
+  const [tab, setTab] = useState3(0);
+  const [view, setView] = useState3(0);
+  const [cursor, setCursor] = useState3(0);
+  const [expanded, setExpanded] = useState3(-1);
+  const [sort, setSort] = useState3(1);
+  const [tableProvider, setTableProvider] = useState3(null);
+  const [search, setSearch] = useState3("");
+  const [searchMode, setSearchMode] = useState3(false);
+  const [cursorRows, setCursorRows] = useState3(null);
+  const [showSettings, setShowSettings] = useState3(false);
+  const [settingsCursor, setSettingsCursor] = useState3(0);
+  const [tzEdit, setTzEdit] = useState3(null);
+  const [tzError, setTzError] = useState3(null);
+  const [accountForm, setAccountForm] = useState3(null);
+  const [onboardSel, setOnboardSel] = useState3(null);
+  const [onboardCursor, setOnboardCursor] = useState3(0);
+  const [dashPage, setDashPage] = useState3(0);
+  const [debouncePassed, setDebouncePassed] = useState3(false);
+  const [graceHold, setGraceHold] = useState3(false);
+  const [loaderShownAt, setLoaderShownAt] = useState3(null);
+  const loaderDone = useRef2(false);
+  const prevShowPicker = useRef2(false);
   const { stdout } = useStdout();
   const { exit } = useApp();
   const rows = stdout?.rows ?? 24;
@@ -2442,6 +3950,8 @@ function App({ interval: cliInterval }) {
   const accountsRef = useRef2([]);
   accountsRef.current = accounts;
   const rowCountRef = useRef2(0);
+  const dashPageCountRef = useRef2(1);
+  const seededRef = useRef2(false);
   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 = (() => {
@@ -2452,31 +3962,117 @@ function App({ interval: cliInterval }) {
   const focusId = slots[activeSlotIdx]?.id ?? null;
   const visibleAccounts = focusId === null ? accounts : accounts.filter((a) => a.id === focusId);
   const groups = accountsByProvider(visibleAccounts);
+  const TOO_SMALL = cols < 40 || rows < 12;
+  const allGroups = accountsByProvider(accounts);
+  const allReady = accounts.length > 0 && accounts.every((a) => accountReady(stats.get(a.id), a.providerId));
+  const hasStrip = slots.length > 1;
+  const stripChipW = (s) => 2 + 2 + truncateName(s.name, 16).length + 2;
+  const stripChars = slots.reduce((sum, s) => sum + stripChipW(s), 0);
+  const stripLines = hasStrip ? Math.max(1, Math.ceil(stripChars / Math.max(
+    1,
+    cols - 4 - 7
+    /*"focus  "*/
+  ))) : 0;
+  const headerRows = cols < 70 ? 2 : 1;
+  const CHROME = 2 + headerRows + 3 + (hasStrip ? 1 + stripLines : 0) + 2 + 2;
+  const gridBudget = Math.max(1, rows - CHROME);
+  const dashLayout = chooseLayout(
+    Math.max(56, cols - 4),
+    gridBudget,
+    groups.length,
+    focusId !== null || cfg.dashboardLayout === "single",
+    cols
+  );
+  const dashPageCount = dashLayout.pageCount;
+  const dashPaginated = dashPageCount > 1;
+  dashPageCountRef.current = dashPageCount;
   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 newProviders = configReady && cfg.onboarded ? PROVIDER_ORDER.filter((p) => !cfg.knownProviders.includes(p) && detected.includes(p)) : [];
+  const showPicker = needsOnboarding || newProviders.length > 0;
+  const minVisibleHold = loaderShownAt !== null && Date.now() - loaderShownAt < LOADER_MIN_VISIBLE_MS;
+  const showLoader = configReady && !showPicker && !showSettings && !TOO_SMALL && accounts.length > 0 && (!allReady || graceHold || minVisibleHold) && (debouncePassed || loaderShownAt !== null) && !loaderDone.current;
+  const pickerProviders = needsOnboarding ? PROVIDER_ORDER : newProviders;
   const onboardEnabled = onboardSel ?? detected;
-  const onboardItems = PROVIDER_ORDER.map((pid) => ({
+  const onboardItems = pickerProviders.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);
-    });
+  useEffect3(() => {
+    const wasPicker = prevShowPicker.current;
+    prevShowPicker.current = showPicker;
+    if (wasPicker && !showPicker) {
+      loaderDone.current = false;
+      setDebouncePassed(false);
+      setGraceHold(false);
+      setLoaderShownAt(null);
+    }
+  }, [showPicker]);
+  useEffect3(() => {
+    if (showLoader && loaderShownAt === null) setLoaderShownAt(Date.now());
+  }, [showLoader, loaderShownAt]);
+  useEffect3(() => {
+    if (!initialConfig) loadConfig().then((c) => setConfig(applyStartup(c, cliInterval)));
     detectProviders().then(setDetected);
   }, []);
-  useEffect2(() => {
-    if (!configReady) return;
-    let active = true;
+  useEffect3(() => {
+    if (seededRef.current || !configReady || showPicker || accounts.length === 0) return;
+    seededRef.current = true;
+    loadSnapshot().then((snap) => {
+      setStats((prev) => {
+        if (prev.size > 0) return prev;
+        const next = new Map(prev);
+        for (const acc of accountsRef.current) {
+          const s = snap[acc.id];
+          if (s && (s.dashboard || s.billing)) next.set(acc.id, { account: acc, dashboard: s.dashboard ?? null, billing: s.billing ?? null });
+        }
+        return next;
+      });
+    });
+  }, [configReady, showPicker, accountsKey]);
+  useEffect3(() => {
+    if (stats.size === 0) return;
+    const t = setTimeout(() => saveSnapshot(stats), 500);
+    return () => clearTimeout(t);
+  }, [stats]);
+  useEffect3(() => {
+    if (!configReady || showPicker || accounts.length === 0) return;
+    if (allReady || loaderDone.current) return;
+    const debounce = setTimeout(() => setDebouncePassed(true), DEBOUNCE_MS);
+    const deadline = setTimeout(() => {
+      loaderDone.current = true;
+      setDebouncePassed(false);
+    }, LOADER_MAX_MS);
+    return () => {
+      clearTimeout(debounce);
+      clearTimeout(deadline);
+    };
+  }, [configReady, showPicker, accountsKey]);
+  useEffect3(() => {
+    if (!allReady || loaderDone.current) return;
+    if (loaderShownAt === null) {
+      loaderDone.current = true;
+      return;
+    }
+    setGraceHold(true);
+    const minRemaining = Math.max(0, LOADER_MIN_VISIBLE_MS - (Date.now() - loaderShownAt));
+    const hold = Math.max(LOADER_GRACE_MS, minRemaining);
+    const t = setTimeout(() => {
+      loaderDone.current = true;
+      setGraceHold(false);
+    }, hold);
+    return () => clearTimeout(t);
+  }, [allReady]);
+  useEffect3(() => {
+    if (!configReady || showPicker) return;
+    let active2 = true;
     let timer;
     const load = async () => {
       try {
@@ -2485,27 +4081,27 @@ function App({ interval: cliInterval }) {
           if (!provider.hasUsage || !provider.fetchSummary) return;
           try {
             const dashboard = await provider.fetchSummary(acc, tz);
-            if (active) setStats((prev) => upsert(prev, acc, { dashboard }));
+            if (active2) setStats((prev) => upsert(prev, acc, { dashboard }));
           } catch {
           }
         }));
-        if (active) {
+        if (active2) {
           setError(null);
           setUpdated(/* @__PURE__ */ new Date());
         }
       } finally {
-        if (active) timer = setTimeout(load, interval2);
+        if (active2) timer = setTimeout(load, interval2);
       }
     };
     load();
     return () => {
-      active = false;
+      active2 = false;
       clearTimeout(timer);
     };
-  }, [interval2, tz, configReady, accountsKey]);
-  useEffect2(() => {
-    if (!configReady) return;
-    let active = true;
+  }, [interval2, tz, configReady, showPicker, accountsKey]);
+  useEffect3(() => {
+    if (!configReady || showPicker) return;
+    let active2 = true;
     let timer;
     const load = async () => {
       try {
@@ -2515,42 +4111,42 @@ function App({ interval: cliInterval }) {
           if (!provider.hasBilling || !provider.fetchBilling) return;
           try {
             const billing = await provider.fetchBilling(acc);
-            if (active) setStats((prev) => upsert(prev, acc, { billing }));
+            if (active2) setStats((prev) => upsert(prev, acc, { billing }));
           } catch {
           }
         }));
         const p = await peakP;
-        if (active && p) setPeak(p);
+        if (active2 && p) setPeak(p);
       } finally {
-        if (active) timer = setTimeout(load, billingMs);
+        if (active2) timer = setTimeout(load, billingMs);
       }
     };
     load();
     return () => {
-      active = false;
+      active2 = false;
       clearTimeout(timer);
     };
-  }, [billingMs, configReady, accountsKey]);
+  }, [billingMs, configReady, showPicker, accountsKey]);
   const tableKey = `${effTableProvider}|${tableAccounts.map((a) => `${a.id}:${a.homeDir ?? ""}`).join(",")}|${tz}`;
-  useEffect2(() => {
+  useEffect3(() => {
     setTable(null);
     setCursorRows(null);
     setCursor(0);
     setExpanded(-1);
     setSort(tableIsCursor ? 0 : 1);
   }, [tableKey]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (tab !== 1 || !effTableProvider) return;
-    let active = true;
+    let active2 = true;
     let timer;
     const fetchOnce = async () => {
       try {
         if (tableIsCursor) {
           const s = await cursorModelSpend(tableAccounts[0]?.homeDir);
-          if (active) setCursorRows(s?.models ?? []);
+          if (active2) setCursorRows(s?.models ?? []);
         } else {
           const r = await fetchScopeTable(tableAccounts, tz);
-          if (active) setTable(r);
+          if (active2) setTable(r);
         }
       } catch {
       }
@@ -2558,35 +4154,43 @@ function App({ interval: cliInterval }) {
     const run = async () => {
       setTableLoading(true);
       await fetchOnce();
-      if (!active) return;
+      if (!active2) return;
       setTableLoading(false);
       const loop = async () => {
         await fetchOnce();
-        if (active) timer = setTimeout(loop, Math.max(interval2, 1e4));
+        if (active2) timer = setTimeout(loop, Math.max(interval2, 1e4));
       };
       timer = setTimeout(loop, Math.max(interval2, 1e4));
     };
     run();
     return () => {
-      active = false;
+      active2 = false;
       clearTimeout(timer);
     };
   }, [tab, tableKey, interval2]);
-  useEffect2(() => {
+  useEffect3(() => {
     setCursor(0);
     setExpanded(-1);
   }, [search]);
+  useEffect3(() => {
+    setDashPage((p) => Math.min(p, dashPageCount - 1));
+  }, [dashPageCount]);
   const resetView = useCallback(() => {
     setCursor(0);
     setExpanded(-1);
   }, []);
   const clampRow = (n) => Math.max(0, Math.min(rowCountRef.current - 1, n));
   const mouse = useMouse();
-  useEffect2(() => {
+  useEffect3(() => {
     if (!IS_TTY) return;
     mouse.enable();
     const onScroll = (_pos, dir) => {
-      if (tab === 1) setCursor((c) => dir === "scrollup" ? Math.max(0, c - 3) : c + 3);
+      const up = dir === "scrollup";
+      if (tab === 1) {
+        setCursor((c) => up ? Math.max(0, c - 3) : c + 3);
+      } else if (tab === 0 && dashPageCountRef.current > 1) {
+        setDashPage((p) => up ? Math.max(0, p - 1) : Math.min(dashPageCountRef.current - 1, p + 1));
+      }
     };
     mouse.events.on("scroll", onScroll);
     return () => {
@@ -2601,8 +4205,8 @@ function App({ interval: cliInterval }) {
     });
   }
   function toggleOnboard(i) {
-    if (i < 0 || i >= PROVIDER_ORDER.length) return;
-    const pid = PROVIDER_ORDER[i];
+    if (i < 0 || i >= pickerProviders.length) return;
+    const pid = pickerProviders[i];
     setOnboardSel((prev) => {
       const base = prev ?? detected;
       return base.includes(pid) ? base.filter((p) => p !== pid) : [...base, pid];
@@ -2611,16 +4215,31 @@ function App({ interval: cliInterval }) {
   function toggleProvider(pid) {
     updateConfig((c) => ({
       ...c,
+      // Toggling in settings is also an explicit decision → mark it known.
+      knownProviders: c.knownProviders.includes(pid) ? c.knownProviders : [...c.knownProviders, pid],
       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
-    }));
+    updateConfig((c) => {
+      if (!c.onboarded) {
+        return {
+          ...c,
+          disabledProviders: PROVIDER_ORDER.filter((p) => !enabled.includes(p)),
+          knownProviders: [...PROVIDER_ORDER],
+          onboarded: true
+        };
+      }
+      const newlyDisabled = pickerProviders.filter((p) => !enabled.includes(p));
+      return {
+        ...c,
+        disabledProviders: [.../* @__PURE__ */ new Set([...c.disabledProviders, ...newlyDisabled])],
+        knownProviders: [.../* @__PURE__ */ new Set([...c.knownProviders, ...pickerProviders])]
+      };
+    });
+    setOnboardSel(null);
+    setOnboardCursor(0);
   }
   function cycleAccount(dir) {
     if (slots.length <= 1) return;
@@ -2724,12 +4343,12 @@ function App({ interval: cliInterval }) {
   }
   const totalSettingsRows = ACCOUNT_ROWS_START + cfg.accounts.length + 1;
   useInput((input, key) => {
-    if (needsOnboarding) {
+    if (showPicker) {
       if (input === "q") {
         exit();
         return;
       }
-      const startIdx = PROVIDER_ORDER.length;
+      const startIdx = pickerProviders.length;
       if (key.upArrow) {
         setOnboardCursor((c) => Math.max(0, c - 1));
         return;
@@ -2968,6 +4587,16 @@ function App({ interval: cliInterval }) {
       }
       return;
     }
+    if (tab === 0 && dashPaginated) {
+      if (input === "]" || key.downArrow || key.pageDown) {
+        setDashPage((p) => Math.min(dashPageCount - 1, p + 1));
+        return;
+      }
+      if (input === "[" || key.upArrow || key.pageUp) {
+        setDashPage((p) => Math.max(0, p - 1));
+        return;
+      }
+    }
     if (tab === 1) {
       if (input === "p") {
         cycleTableProvider(1);
@@ -3046,36 +4675,58 @@ function App({ interval: cliInterval }) {
       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 }) });
+  if (error) return /* @__PURE__ */ jsx7(Box7, { padding: 1, children: /* @__PURE__ */ jsx7(Text7, { color: "red", children: error }) });
+  if (!config2) return /* @__PURE__ */ jsx7(Box7, { padding: 1, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Loading..." }) });
+  if (showPicker) {
+    return /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", paddingX: 2, paddingY: 1, height: rows, children: /* @__PURE__ */ jsx7(
+      Onboarding,
+      {
+        items: onboardItems,
+        cursor: onboardCursor,
+        onToggle: toggleOnboard,
+        onConfirm: confirmOnboarding,
+        heading: needsOnboarding ? "Welcome to tokmon" : "New providers detected",
+        subheading: needsOnboarding ? "Pick the tools you want to track. You can change this anytime in settings." : "tokmon found these installed since you last set up. Pick which to track."
+      }
+    ) });
+  }
+  if (showLoader) {
+    return /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", paddingX: 2, paddingY: 1, height: rows, overflow: "hidden", children: /* @__PURE__ */ jsx7(LoadingView, { groups: allGroups, stats, cols, rows }) });
+  }
+  if (TOO_SMALL && !showSettings) {
+    return /* @__PURE__ */ jsx7(TinyFallback, { groups, stats, rows, cols });
   }
   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",
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", paddingX: 2, paddingY: 1, height: rows, overflow: "hidden", children: [
+    /* @__PURE__ */ jsxs7(Box7, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs7(Box7, { children: [
+        /* @__PURE__ */ jsxs7(Text7, { bold: true, color: "greenBright", children: [
+          glyphs().dotSel,
           " tokmon"
         ] }),
-        /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
-          "  \xB7  every ",
+        /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+          "  ",
+          glyphs().middot,
+          "  every ",
           cfg.interval,
           "s"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs6(Box6, { children: [
-        peak && /* @__PURE__ */ jsxs6(Fragment4, { children: [
-          /* @__PURE__ */ jsx6(PeakBadge, { peak }),
-          /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "  \xB7  " })
+      /* @__PURE__ */ jsxs7(Box7, { children: [
+        peak && /* @__PURE__ */ jsxs7(Fragment4, { children: [
+          /* @__PURE__ */ jsx7(PeakBadge, { peak }),
+          /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+            "  ",
+            glyphs().middot,
+            "  "
+          ] })
         ] }),
-        /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: time(updated, tz) })
+        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: time(updated, tz) })
       ] })
     ] }),
-    showSettings ? /* @__PURE__ */ jsx6(
+    showSettings ? /* @__PURE__ */ jsx7(
       SettingsView,
       {
         config: cfg,
@@ -3086,19 +4737,23 @@ function App({ interval: cliInterval }) {
         accountForm,
         activeAccountId: cfg.activeAccountId
       }
-    ) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
-      /* @__PURE__ */ jsxs6(Box6, { marginTop: 1, marginBottom: 1, children: [
-        /* @__PURE__ */ jsx6(TabBar, { tabs: TABS, active: tab, onSelect: (i) => {
+    ) : /* @__PURE__ */ jsxs7(Fragment4, { children: [
+      /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, marginBottom: 1, children: [
+        /* @__PURE__ */ jsx7(TabBar, { tabs: TABS, active: tab, onSelect: (i) => {
           setTab(i);
           resetView();
         } }),
-        /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "  Tab/\u2190\u2192" })
+        /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+          "  Tab/",
+          glyphs().arrowL,
+          glyphs().arrowR
+        ] })
       ] }),
-      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(
+      tab === 0 && /* @__PURE__ */ jsxs7(Fragment4, { children: [
+        /* @__PURE__ */ jsx7(DashboardView, { groups, stats, cols, budget: gridBudget, focusId, layout: cfg.dashboardLayout, page: dashPage }),
+        slots.length > 1 && /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "focus  " }),
+          /* @__PURE__ */ jsx7(
             AccountStrip,
             {
               slots,
@@ -3109,30 +4764,35 @@ function App({ interval: cliInterval }) {
               }
             }
           )
-        ] })
+        ] }),
+        /* @__PURE__ */ jsx7(TotalsRow, { groups, stats, cols })
       ] }),
-      tab === 1 && /* @__PURE__ */ jsxs6(Fragment4, { children: [
-        tableProvs.length > 0 && /* @__PURE__ */ jsx6(TableProviderBar, { providers: tableProvs, active: effTableProvider, onSelect: (p) => {
+      tab === 1 && /* @__PURE__ */ jsxs7(Fragment4, { children: [
+        tableProvs.length > 0 && /* @__PURE__ */ jsx7(TableProviderBar, { providers: tableProvs, active: effTableProvider, onSelect: (p) => {
           setTableProvider(p);
           setCursor(0);
           setExpanded(-1);
           setSearch("");
           setSearchMode(false);
         } }),
-        /* @__PURE__ */ jsx6(Box6, { height: 1 }),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(Box7, { height: 1 }),
+        /* @__PURE__ */ jsx7(
           ControlBar,
           {
             views: VIEWS,
             period: view,
-            sort: SORTS_FOR[sort % SORTS_FOR.length],
+            sort: sortLabel(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(
+        /* @__PURE__ */ jsx7(Box7, { height: 1 }),
+        !effTableProvider ? /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+          "No providers enabled ",
+          glyphs().emDash,
+          " press s to pick providers."
+        ] }) : tableLoading && !table && !cursorRows ? /* @__PURE__ */ jsx7(Spinner, { label: "Loading history" }) : tableIsCursor ? /* @__PURE__ */ jsx7(
           CursorSpendTable,
           {
             rows: cursorTableRows,
@@ -3140,7 +4800,7 @@ function App({ interval: cliInterval }) {
             maxRows: Math.max(1, rows - 16),
             onRowClick: (idx) => setCursor(idx)
           }
-        ) : /* @__PURE__ */ jsx6(
+        ) : /* @__PURE__ */ jsx7(
           TokenTable,
           {
             rows: tokenRows,
@@ -3156,7 +4816,7 @@ function App({ interval: cliInterval }) {
         )
       ] })
     ] }),
-    (tab === 0 || showSettings) && /* @__PURE__ */ jsx6(Footer, { hasAccounts: slots.length > 1 })
+    (tab === 0 || showSettings) && /* @__PURE__ */ jsx7(Footer, { hasAccounts: slots.length > 1, paginated: tab === 0 && dashPaginated, cols })
   ] });
 }
 function upsert(prev, account, patch) {
@@ -3180,6 +4840,11 @@ async function fetchScopeTable(scope, tz) {
   if (valid.length === 1) return valid[0];
   return mergeTables(valid);
 }
+function sortLabel(entry) {
+  if (entry.dir === "up") return `${entry.label} ${glyphs().arrowU}`;
+  if (entry.dir === "down") return `${entry.label} ${glyphs().arrowD}`;
+  return entry.label;
+}
 function sortRows(rows, sortIdx) {
   const sorted = [...rows];
   switch (sortIdx % SORTS.length) {
@@ -3217,47 +4882,113 @@ function sortCursorRows(rows, sortIdx) {
   }
 }
 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";
+  return /* @__PURE__ */ jsx7(Box7, { flexWrap: "wrap", children: slots.map((s, i) => {
+    const active2 = i === activeIdx;
+    const dot = s.id === null ? glyphs().dotAll : glyphs().dot;
     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 })
+    return /* @__PURE__ */ jsxs7(ClickableBox, { onClick: () => onSelect(i), marginRight: 2, children: [
+      /* @__PURE__ */ jsx7(Text7, { dimColor: !active2, children: i }),
+      /* @__PURE__ */ jsx7(Text7, { children: " " }),
+      /* @__PURE__ */ jsx7(Text7, { color: s.color, bold: active2, dimColor: !active2, children: dot }),
+      /* @__PURE__ */ jsx7(Text7, { children: " " }),
+      active2 ? /* @__PURE__ */ jsx7(Text7, { bold: true, color: s.color, children: label }) : /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: label })
     ] }, s.id ?? "__all__");
   }) });
 }
-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 Footer({ hasAccounts, paginated, cols }) {
+  const inner = cols - 4;
+  const BASE2 = "by David Ilie (davidilie.com)  \xB7  s=settings  q=quit".length;
+  const JUMP = "0-9=jump  a/A=cycle  ".length;
+  const PAGE = "scroll=page  ".length;
+  const showJump = hasAccounts && inner >= BASE2 + JUMP + (paginated ? PAGE : 0);
+  const showPage = paginated && inner >= BASE2 + (showJump ? JUMP : 0) + PAGE;
+  return /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, flexWrap: "nowrap", children: [
+    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "by " }),
+    /* @__PURE__ */ jsx7(Text7, { children: "David Ilie" }),
+    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: " (" }),
+    /* @__PURE__ */ jsx7(Text7, { color: "cyan", children: "davidilie.com" }),
+    /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+      ")  ",
+      glyphs().middot,
+      "  s=settings  "
+    ] }),
+    showJump && /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "0-9=jump  a/A=cycle  " }),
+    showPage && /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "scroll=page  " }),
+    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "q=quit" })
+  ] });
+}
+function TinyFallback({ groups, stats, rows, cols }) {
+  const maxLines = Math.max(1, rows - 4);
+  const visible = groups.slice(0, maxLines);
+  const hidden = groups.length - visible.length;
+  const w = Math.max(8, cols - 2);
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", paddingX: 1, height: rows, overflow: "hidden", children: [
+    /* @__PURE__ */ jsxs7(Text7, { bold: true, color: "greenBright", children: [
+      glyphs().dotSel,
+      " tokmon"
+    ] }),
+    groups.length === 0 ? /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+      "No providers ",
+      glyphs().emDash,
+      " s=settings"
+    ] }) : visible.map((g) => /* @__PURE__ */ jsx7(TinyRow, { provider: g.provider, accounts: g.accounts, stats, width: w }, g.provider)),
+    hidden > 0 && /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+      "+",
+      hidden,
+      " more (enlarge terminal)"
+    ] }),
+    /* @__PURE__ */ jsx7(Box7, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "s=settings  q=quit" })
+  ] });
+}
+function TinyRow({ provider, accounts, stats, width }) {
+  const meta = PROVIDERS[provider];
+  const dashboards = accounts.map((a) => stats.get(a.id)?.dashboard).filter(Boolean);
+  const billings = accounts.map((a) => stats.get(a.id)?.billing).filter(Boolean);
+  const todayCost = dashboards.reduce((sum, d) => sum + (d?.today.cost ?? 0), 0);
+  const pctMetric = billings.flatMap((b) => b?.metrics ?? []).find((m) => m.format.kind === "percent");
+  const detail = meta.hasUsage ? `${currency(todayCost)} today` : pctMetric ? `${Math.round(pctMetric.used)}%` : "billing";
+  const name = truncateName(meta.name, Math.max(4, width - 18));
+  return /* @__PURE__ */ jsxs7(Box7, { width, children: [
+    /* @__PURE__ */ jsxs7(Text7, { color: meta.color, children: [
+      glyphs().dot,
+      " "
+    ] }),
+    /* @__PURE__ */ jsx7(Text7, { bold: true, color: meta.color, children: name }),
+    /* @__PURE__ */ jsx7(Box7, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: detail })
   ] });
 }
 
 // src/cli.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 process.on("unhandledRejection", () => {
 });
+EventEmitter.defaultMaxListeners = 100;
+var emitWarning = process.emitWarning.bind(process);
+process.emitWarning = ((warning, ...rest) => {
+  const msg = typeof warning === "string" ? warning : warning?.message;
+  if (typeof msg === "string" && /SQLite is an experimental feature/i.test(msg)) return;
+  return emitWarning(warning, ...rest);
+});
 var args = process.argv.slice(2);
 var interval;
+var asciiFlag = null;
 for (let i = 0; i < args.length; i++) {
   if ((args[i] === "--interval" || args[i] === "-i") && args[i + 1]) {
     interval = Math.max(500, Number(args[i + 1]) * 1e3);
     i++;
   }
+  if (args[i] === "--ascii") asciiFlag = "on";
+  if (args[i] === "--no-ascii") asciiFlag = "off";
   if (args[i] === "--help" || args[i] === "-h") {
-    console.log("tokmon - Terminal dashboard for Claude, Codex, and Cursor usage\n");
+    console.log("tokmon - Terminal usage dashboard for your AI coding tools\n");
+    console.log("  Claude \xB7 Codex \xB7 Cursor \xB7 Copilot \xB7 opencode \xB7 pi \xB7 Antigravity \xB7 Gemini\n");
     console.log("Usage: tokmon [options]\n");
     console.log("Options:");
     console.log("  -i, --interval <seconds>  Refresh interval (default: from config or 2)");
+    console.log("      --ascii               Force ASCII glyphs (also: TOKMON_ASCII=1)");
+    console.log("      --no-ascii            Force Unicode glyphs");
     console.log("  -h, --help                Show this help\n");
     console.log("Keybindings:");
     console.log("  Tab         Switch Dashboard / Table");
@@ -3274,6 +5005,13 @@ var config = await loadConfig();
 if (config.clearScreen && process.stdout.isTTY) {
   process.stdout.write("\x1B[2J\x1B[H");
 }
-var { waitUntilExit } = render(/* @__PURE__ */ jsx7(MouseProvider, { children: /* @__PURE__ */ jsx7(App, { interval }) }));
+setGlyphs(resolveGlyphs({
+  flag: asciiFlag,
+  env: process.env,
+  config: config.ascii,
+  isTTY: !!process.stdout.isTTY,
+  platform: process.platform
+}));
+var { waitUntilExit } = render(/* @__PURE__ */ jsx8(MouseProvider, { children: /* @__PURE__ */ jsx8(App, { interval, initialConfig: config }) }));
 await waitUntilExit();
 await flushDisk();