tokmon 0.19.8 → 0.20.1

package/dist/cli.js

@@ -1,2700 +1,7 @@
 #!/usr/bin/env node
-import {
-  PROVIDERS,
-  PROVIDER_ORDER,
-  accountsByProvider,
-  buildAccounts,
-  cacheDir,
-  col,
-  configLocation,
-  currency,
-  cursorModelSpend,
-  detectProviders,
-  flushDisk,
-  generateAccountId,
-  isValidTimezone,
-  loadConfig,
-  mergeTables,
-  pickAccentColor,
-  readJson,
-  resolveTimezone,
-  saveConfig,
-  shortDate,
-  systemTimezone,
-  time,
-  tokens
-} from "./chunk-UAPL47GL.js";
 
 // src/cli.tsx
 import { EventEmitter } from "events";
-import { render } from "ink";
-import { MouseProvider } from "@zenobius/ink-mouse";
-
-// 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 { spawn } from "child_process";
-import { appendFileSync as appendFileSync2 } from "fs";
-import { useState as useState3, useEffect as useEffect3, useCallback, useRef as useRef2, useMemo } from "react";
-import { Box as Box7, Text as Text7, Transform, useInput, useStdout, useApp } from "ink";
-import { useMouse } from "@zenobius/ink-mouse";
-
-// src/peak.ts
-async function fetchPeak() {
-  try {
-    const res = await fetch("https://promoclock.co/api/status", {
-      headers: { "Accept": "application/json", "User-Agent": "tokmon" },
-      signal: AbortSignal.timeout(3e3)
-    });
-    if (!res.ok) return null;
-    const data = await readJson(res);
-    if (!data) return null;
-    let state;
-    if (data.isPeak === true || data.status === "peak") state = "peak";
-    else if (data.isWeekend === true || data.status === "weekend") state = "weekend";
-    else if (data.isOffPeak === true || data.status === "off_peak" || data.status === "off-peak") state = "off-peak";
-    else return null;
-    return {
-      state,
-      label: state === "peak" ? "Peak" : state === "weekend" ? "Weekend" : "Off-Peak",
-      minutesUntilChange: typeof data.minutesUntilChange === "number" ? data.minutesUntilChange : null
-    };
-  } catch {
-    return null;
-  }
-}
-
-// src/snapshot.ts
-import { readFile, writeFile, mkdir, rename } from "fs/promises";
-import { join } from "path";
-function snapshotFile() {
-  return join(cacheDir(), "dashboard-snapshot.json");
-}
-async function loadSnapshot() {
-  try {
-    const obj = JSON.parse(await readFile(snapshotFile(), "utf-8"));
-    return obj && typeof obj === "object" ? obj : {};
-  } catch {
-    return {};
-  }
-}
-var saveQueue = 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 };
-  }
-  saveQueue = saveQueue.then(async () => {
-    try {
-      const dir = cacheDir();
-      await mkdir(dir, { recursive: true });
-      const tmp = join(dir, `dashboard-snapshot.json.${process.pid}.tmp`);
-      await writeFile(tmp, JSON.stringify(obj));
-      await rename(tmp, snapshotFile());
-    } catch {
-    }
-  });
-}
-
-// src/ui/shared.tsx
-import { appendFileSync } from "fs";
-import { useEffect, useRef, useState } from "react";
-import { Box, Text } from "ink";
-import { useOnMouseClick } from "@zenobius/ink-mouse";
-import { jsx, jsxs } from "react/jsx-runtime";
-function truncateName(s, n) {
-  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);
-  useOnMouseClick(ref, (clicked) => {
-    if (clicked) onClick();
-  });
-  return /* @__PURE__ */ jsx(Box, { ref, ...props, children });
-}
-var SGR_PRESS = /\x1b\[<(\d+);(\d+);(\d+)M/g;
-var linkHits = /* @__PURE__ */ new Set();
-function dispatchLinkClicks(chunk) {
-  if (linkHits.size === 0) return;
-  const s = typeof chunk === "string" ? chunk : chunk.toString("utf8");
-  SGR_PRESS.lastIndex = 0;
-  let m;
-  while ((m = SGR_PRESS.exec(s)) !== null) {
-    const code = Number(m[1]);
-    if (code & 64 || code & 32) continue;
-    const mx = Number(m[2]) - 1;
-    const my = Number(m[3]) - 1;
-    if (process.env.TOKMON_LINKDEBUG) {
-      try {
-        appendFileSync(process.env.TOKMON_LINKDEBUG, `DISPATCH code=${code} mx=${mx} my=${my} hits=${linkHits.size}
-`);
-      } catch {
-      }
-    }
-    for (const hit of [...linkHits]) {
-      if (hit(mx, my)) break;
-    }
-  }
-}
-function nodeBox(node) {
-  const yn = node?.yogaNode;
-  if (!yn) return null;
-  const l = yn.getComputedLayout();
-  let left = l.left, top = l.top;
-  let p = node?.parentNode;
-  while (p) {
-    const pn = p.yogaNode;
-    if (!pn) break;
-    const pl = pn.getComputedLayout();
-    left += pl.left;
-    top += pl.top;
-    p = p.parentNode;
-  }
-  return { left, top, width: l.width, height: l.height };
-}
-function LinkBox({ onClick, children, ...props }) {
-  const ref = useRef(null);
-  const onClickRef = useRef(onClick);
-  onClickRef.current = onClick;
-  useEffect(() => {
-    const hit = (mx, my) => {
-      const box = nodeBox(ref.current);
-      if (process.env.TOKMON_LINKDEBUG) {
-        try {
-          appendFileSync(process.env.TOKMON_LINKDEBUG, `HIT? mx=${mx} my=${my} box=${box ? `${box.left},${box.top} ${box.width}x${box.height}` : "null"}
-`);
-        } catch {
-        }
-      }
-      if (!box || box.width <= 0 || box.height <= 0) return false;
-      if (mx >= box.left && mx < box.left + box.width && my >= box.top && my < box.top + box.height) {
-        onClickRef.current();
-        return true;
-      }
-      return false;
-    };
-    linkHits.add(hit);
-    return () => {
-      linkHits.delete(hit);
-    };
-  }, []);
-  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) % frames.length), 80);
-    return () => clearInterval(id);
-  }, []);
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsxs(Text, { color: "green", children: [
-      frames[i],
-      " "
-    ] }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: label })
-  ] });
-}
-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,
-    " "
-  ] }) : /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-    " ",
-    t,
-    " "
-  ] }) }, t)) });
-}
-function PeakBadge({ peak }) {
-  const color = peak.state === "peak" ? "red" : "green";
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__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: [
-      " (",
-      fmtMinutes(peak.minutesUntilChange),
-      ")"
-    ] })
-  ] });
-}
-function fmtMinutes(mins) {
-  if (mins < 60) return `${mins}m`;
-  const h = Math.floor(mins / 60);
-  const m = mins % 60;
-  return m === 0 ? `${h}h` : `${h}h ${m}m`;
-}
-function currencySymbol(cur) {
-  return cur === "EUR" ? glyphs().eur : cur === "GBP" ? glyphs().gbp : "$";
-}
-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);
-  return values.map((v) => {
-    if (v <= 0) return spark[0];
-    const idx = Math.min(spark.length - 1, 1 + Math.round(v / max * (spark.length - 2)));
-    return spark[idx];
-  }).join("");
-}
-function Bar({ pct, color, width = 24 }) {
-  const filled = Math.max(0, Math.min(width, Math.round(pct / 100 * width)));
-  return /* @__PURE__ */ jsxs(Text, { children: [
-    /* @__PURE__ */ jsx(Text, { color, children: glyphs().barFull.repeat(filled) }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: glyphs().barEmpty.repeat(width - filled) })
-  ] });
-}
-function metricValueText(m) {
-  if (m.format.kind === "dollars") {
-    const sym = currencySymbol(m.format.currency);
-    const used = `${sym}${m.used.toFixed(2)}`;
-    return m.limit != null ? `${used} / ${sym}${m.limit.toFixed(2)}` : `${used}`;
-  }
-  if (m.format.kind === "count") {
-    const suffix = m.format.suffix ? ` ${m.format.suffix}` : "";
-    const used = `${Math.round(m.used)}${suffix}`;
-    return m.limit != null ? `${used} / ${Math.round(m.limit)}` : used;
-  }
-  return `${Math.round(m.used)}%`;
-}
-
-// src/ui/dashboard.tsx
-import { Box as Box2, Text as Text2 } from "ink";
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var GAP = 2;
-var MIN_CARD = 56;
-var MIN_CARD_DENSE = 50;
-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__ */ 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 single = focusId !== null || layout === "single";
-  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, 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);
-  const agg = meta.hasUsage && dashboards.length > 0 ? aggregate(dashboards) : null;
-  const plan = items.map((i) => i.s?.billing?.plan).find(Boolean) ?? null;
-  const activity = items.map((i) => i.s?.billing?.activity).find(Boolean) ?? null;
-  const inner = width - 4;
-  const barW = Math.max(10, Math.min(46, inner - 20));
-  const hasSpark = !!agg && agg.series.some((v) => v > 0);
-  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__ */ 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 })
-    ] }),
-    meta.hasUsage && (agg ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsx2(Box2, { height: 1 }),
-      /* @__PURE__ */ jsx2(SummaryRow, { label: "Today", s: agg.today }),
-      /* @__PURE__ */ jsx2(SummaryRow, { label: "This Week", s: agg.week }),
-      /* @__PURE__ */ jsx2(SummaryRow, { label: "This Month", s: agg.month }),
-      /* @__PURE__ */ jsx2(KpiLine, { agg })
-    ] }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsx2(Box2, { height: 1 }),
-      /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
-        "Fetching usage",
-        glyphs().ellipsis
-      ] })
-    ] })),
-    meta.hasBilling && showBars && /* @__PURE__ */ jsxs2(Fragment, { children: [
-      meta.hasUsage && /* @__PURE__ */ jsx2(Rule, { inner }),
-      /* @__PURE__ */ jsx2(LimitsBlock, { items, barW })
-    ] }),
-    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 && 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" }) }),
-        /* @__PURE__ */ jsx2(Text2, { color: meta.color, children: sparkline(activity.series) }),
-        /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, justifyContent: "flex-end", children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: activity.summary }) })
-      ] })
-    ] })
-  ] });
-}
-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: glyphs().rule.repeat(Math.max(0, inner)) });
-}
-function SummaryRow({ label, s }) {
-  const cachedPct = s.tokens > 0 ? Math.round(s.cacheRead / s.tokens * 100) : 0;
-  return /* @__PURE__ */ jsxs2(Box2, { children: [
-    /* @__PURE__ */ jsx2(Box2, { width: 11, flexShrink: 0, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, wrap: "truncate", children: label }) }),
-    /* @__PURE__ */ jsx2(Box2, { width: 11, flexShrink: 0, justifyContent: "flex-end", children: /* @__PURE__ */ jsx2(Text2, { bold: true, color: "yellow", wrap: "truncate", children: currency(s.cost) }) }),
-    /* @__PURE__ */ jsx2(Box2, { width: 13, flexShrink: 0, justifyContent: "flex-end", children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, wrap: "truncate", children: [
-      tokens(s.tokens),
-      " tok"
-    ] }) }),
-    /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, justifyContent: "flex-end", children: cachedPct > 0 ? /* @__PURE__ */ jsxs2(Text2, { dimColor: true, wrap: "truncate", children: [
-      cachedPct,
-      "% cached"
-    ] }) : /* @__PURE__ */ jsx2(Text2, { children: " " }) })
-  ] });
-}
-function KpiLine({ agg }) {
-  const hasBurn = agg.burnRate > 0;
-  const hasSaved = agg.month.cacheSavings > 0;
-  if (!hasBurn && !hasSaved) return null;
-  return /* @__PURE__ */ jsxs2(Box2, { children: [
-    hasBurn && /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Burn " }),
-      /* @__PURE__ */ jsxs2(Text2, { color: "red", children: [
-        currency(agg.burnRate),
-        "/hr"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx2(Box2, { flexGrow: 1 }),
-    hasSaved && /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Cache saved " }),
-      /* @__PURE__ */ jsxs2(Text2, { color: "green", children: [
-        currency(agg.month.cacheSavings),
-        "/mo"
-      ] })
-    ] })
-  ] });
-}
-function LimitsBlock({ items, barW }) {
-  const showName = items.length > 1;
-  return /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: items.map(({ account, s }, idx) => {
-    const billing = s?.billing;
-    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginTop: showName && idx > 0 ? 1 : 0, children: [
-      showName && /* @__PURE__ */ jsxs2(Box2, { children: [
-        /* @__PURE__ */ jsxs2(Text2, { color: account.color, children: [
-          glyphs().dot,
-          " "
-        ] }),
-        /* @__PURE__ */ jsx2(Text2, { bold: true, children: truncateName(account.name, 22) })
-      ] }),
-      !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);
-  }) });
-}
-function MetricRow({ m, color, barW }) {
-  if (m.format.kind === "percent") {
-    const barColor = m.used >= 90 ? "red" : m.used >= 75 ? "yellow" : color;
-    return /* @__PURE__ */ jsxs2(Box2, { children: [
-      /* @__PURE__ */ jsx2(Box2, { width: 7, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, wrap: "truncate", children: m.label }) }),
-      /* @__PURE__ */ jsx2(Bar, { pct: m.used, color: barColor, width: barW }),
-      /* @__PURE__ */ jsx2(Box2, { width: 5, justifyContent: "flex-end", children: /* @__PURE__ */ jsxs2(Text2, { bold: true, children: [
-        Math.round(m.used),
-        "%"
-      ] }) }),
-      /* @__PURE__ */ jsx2(Box2, { width: 8, justifyContent: "flex-end", children: m.resetsAt ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: m.resetsAt }) : /* @__PURE__ */ jsx2(Text2, { children: " " }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs2(Box2, { children: [
-    /* @__PURE__ */ jsx2(Box2, { width: 7, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, wrap: "truncate", children: m.label }) }),
-    /* @__PURE__ */ jsx2(Text2, { bold: true, color: "yellow", children: metricValueText(m) })
-  ] });
-}
-function SparkFooter({ series, month, color }) {
-  return /* @__PURE__ */ jsxs2(Box2, { children: [
-    /* @__PURE__ */ jsx2(Box2, { width: 4, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "14d" }) }),
-    /* @__PURE__ */ jsx2(Text2, { color, children: sparkline(series) }),
-    /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, justifyContent: "flex-end", children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
-      currency(month),
-      " mo"
-    ] }) })
-  ] });
-}
-function aggregate(list) {
-  const zero = () => ({ cost: 0, tokens: 0, cacheRead: 0, cacheSavings: 0 });
-  const z = { today: zero(), week: zero(), month: zero(), burnRate: 0, series: [] };
-  for (const d of list) {
-    for (const k of ["today", "week", "month"]) {
-      z[k].cost += d[k].cost;
-      z[k].tokens += d[k].tokens;
-      z[k].cacheRead += d[k].cacheRead;
-      z[k].cacheSavings += d[k].cacheSavings;
-    }
-    z.burnRate += d.burnRate;
-    d.series.forEach((v, i) => {
-      z.series[i] = (z.series[i] ?? 0) + v;
-    });
-  }
-  return z;
-}
-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: 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 === active2 ? /* @__PURE__ */ jsxs3(Text3, { bold: true, color: meta.color, inverse: true, children: [
-        " ",
-        meta.name,
-        " "
-      ] }) : /* @__PURE__ */ jsxs3(Text3, { color: meta.color, dimColor: true, children: [
-        " ",
-        meta.name,
-        " "
-      ] }) }, p);
-    }),
-    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "  p/P switch" })
-  ] });
-}
-function ControlBar({ views, period, sort, search, searching, showPeriod }) {
-  return /* @__PURE__ */ jsxs3(Box3, { children: [
-    showPeriod && /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      views.map((v, i) => /* @__PURE__ */ jsx3(Box3, { marginRight: 2, children: i === period ? /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "cyan", children: [
-        "[",
-        v,
-        "]"
-      ] }) : /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: v }) }, v)),
-      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "  " })
-    ] }),
-    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "sort " }),
-    /* @__PURE__ */ jsx3(Text3, { bold: true, color: "magenta", children: sort }),
-    /* @__PURE__ */ 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: glyphs().vbar })
-    ] }) : search ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "filter " }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "green", children: search }),
-      /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
-        " (/ edit ",
-        glyphs().middot,
-        " esc clear)"
-      ] })
-    ] }) : /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "/ filter" })
-  ] });
-}
-function TokenTable({ rows, cursor, expanded, maxRows, cols, onRowClick }) {
-  if (rows.length === 0) return /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "No usage in this period (or filtered out)." });
-  const wide = cols > 90;
-  const base = wide ? { label: 12, input: 10, output: 10, cc: 14, cr: 12, total: 11, cost: 13 } : { label: 8, input: 7, output: 7, cc: 7, cr: 8, total: 0, cost: 11 };
-  const fixed = base.label + base.input + base.output + base.cc + base.cr + base.total + base.cost;
-  const available = cols - fixed - 6;
-  const W = { ...base, models: Math.max(wide ? 22 : 14, available) };
-  const lineW = W.label + W.models + W.input + W.output + W.cc + W.cr + W.total + W.cost;
-  const totals = { input: 0, output: 0, cacheCreate: 0, cacheRead: 0, cost: 0 };
-  for (const r of rows) {
-    totals.input += r.input;
-    totals.output += r.output;
-    totals.cacheCreate += r.cacheCreate;
-    totals.cacheRead += r.cacheRead;
-    totals.cost += r.cost;
-  }
-  const clampedCursor = Math.min(cursor, rows.length - 1);
-  const scrollStart = Math.max(0, Math.min(clampedCursor - Math.floor(maxRows / 2), rows.length - maxRows));
-  const visible = rows.slice(scrollStart, scrollStart + maxRows);
-  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs3(Text3, { children: [
-      /* @__PURE__ */ jsxs3(Text3, { bold: true, children: [
-        "  ",
-        col("Date", W.label, "left")
-      ] }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Models", W.models, "left") }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Input", W.input) }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Output", W.output) }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col(wide ? "Cache Create" : "CchCrt", W.cc) }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col(wide ? "Cache Read" : "CchRd", W.cr) }),
-      W.total > 0 && /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Total", W.total) }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Cost", W.cost) })
-    ] }),
-    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: 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 ? `${glyphs().caretR} ` : "  ",
-            col(fmtLabel(r.label), W.label, "left")
-          ] }),
-          /* @__PURE__ */ jsx3(Text3, { dimColor: !selected, children: col(r.models.join(", "), W.models, "left") }),
-          /* @__PURE__ */ jsx3(Text3, { children: col(tokens(r.input), W.input) }),
-          /* @__PURE__ */ jsx3(Text3, { children: col(tokens(r.output), W.output) }),
-          /* @__PURE__ */ jsx3(Text3, { children: col(tokens(r.cacheCreate), W.cc) }),
-          /* @__PURE__ */ jsx3(Text3, { children: col(tokens(r.cacheRead), W.cr) }),
-          W.total > 0 && /* @__PURE__ */ jsx3(Text3, { children: col(tokens(r.total), W.total) }),
-          /* @__PURE__ */ jsx3(Text3, { bold: true, color: selected ? void 0 : "yellow", children: col(currency(r.cost), W.cost) })
-        ] }) }),
-        idx === expanded && /* @__PURE__ */ jsx3(RowDetail, { row: r, indent: W.label + 2 })
-      ] }, r.label);
-    }),
-    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: glyphs().rule.repeat(lineW + 2) }),
-    /* @__PURE__ */ jsxs3(Text3, { children: [
-      /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "greenBright", children: [
-        "  ",
-        col("Total", W.label, "left")
-      ] }),
-      /* @__PURE__ */ jsx3(Text3, { children: col("", W.models, "left") }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: col(tokens(totals.input), W.input) }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: col(tokens(totals.output), W.output) }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: col(tokens(totals.cacheCreate), W.cc) }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: col(tokens(totals.cacheRead), W.cr) }),
-      W.total > 0 && /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: col(tokens(totals.input + totals.output + totals.cacheCreate + totals.cacheRead), W.total) }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellowBright", children: col(currency(totals.cost), W.cost) })
-    ] }),
-    /* @__PURE__ */ jsx3(Box3, { height: 1 }),
-    /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
-      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
-    ] })
-  ] });
-}
-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 ? glyphs().treeEnd : glyphs().treeMid,
-      " "
-    ] }),
-    /* @__PURE__ */ jsx3(Text3, { bold: true, children: col(m.name, 16, "left") }),
-    /* @__PURE__ */ jsxs3(Text3, { children: [
-      col(tokens(m.input), 8),
-      " in  "
-    ] }),
-    /* @__PURE__ */ jsxs3(Text3, { children: [
-      col(tokens(m.output), 8),
-      " out  "
-    ] }),
-    /* @__PURE__ */ jsxs3(Text3, { children: [
-      col(tokens(m.cacheCreate), 8),
-      " cc  "
-    ] }),
-    /* @__PURE__ */ jsxs3(Text3, { children: [
-      col(tokens(m.cacheRead), 9),
-      " cr  "
-    ] }),
-    /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: currency(m.cost) })
-  ] }, m.name)) });
-}
-function CursorSpendTable({ rows, cursor, maxRows, onRowClick }) {
-  if (rows.length === 0) return /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "No Cursor spend recorded locally." });
-  const total = rows.reduce((a, r) => a + r.usd, 0);
-  const totalAmt = rows.reduce((a, r) => a + r.requests, 0);
-  const clamped = Math.min(cursor, rows.length - 1);
-  const scrollStart = Math.max(0, Math.min(clamped - Math.floor(maxRows / 2), rows.length - maxRows));
-  const visible = rows.slice(scrollStart, scrollStart + maxRows);
-  const W = { model: 34, cost: 12, amount: 12, share: 8 };
-  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs3(Text3, { children: [
-      /* @__PURE__ */ jsxs3(Text3, { bold: true, children: [
-        "  ",
-        col("Model", W.model, "left")
-      ] }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Cost", W.cost) }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Amount", W.amount) }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, children: col("Share", W.share) })
-    ] }),
-    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: 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 ? `${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) }),
-        /* @__PURE__ */ jsx3(Text3, { children: col(tokens(r.requests), W.amount) }),
-        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: col(share.toFixed(1) + "%", W.share) })
-      ] }) }, r.name);
-    }),
-    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: glyphs().rule.repeat(W.model + W.cost + W.amount + W.share + 2) }),
-    /* @__PURE__ */ jsxs3(Text3, { children: [
-      /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "greenBright", children: [
-        "  ",
-        col("Total", W.model, "left")
-      ] }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellowBright", children: col(currency(total), W.cost) }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: col(tokens(totalAmt), W.amount) }),
-      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: col("100%", W.share) })
-    ] }),
-    /* @__PURE__ */ jsx3(Box3, { height: 1 }),
-    /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
-      "local spend by model (composerData) ",
-      glyphs().middot,
-      " est. API-equivalent ",
-      glyphs().middot,
-      " ",
-      clamped + 1,
-      "/",
-      rows.length
-    ] })
-  ] });
-}
-function fmtLabel(label) {
-  if (label.length === 7 && label[4] === "-") {
-    return `${MONTHS[Number(label.slice(5, 7))]} '${label.slice(2, 4)}`;
-  }
-  return shortDate(label);
-}
-
-// src/ui/onboarding.tsx
-import { Box as Box4, Text as Text4 } from "ink";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function Onboarding({ items, cursor, onToggle, onConfirm, 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: 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 ? `[${glyphs().check}]` : "[ ]";
-      return /* @__PURE__ */ jsxs4(ClickableBox, { onClick: () => onToggle(i), children: [
-        /* @__PURE__ */ jsxs4(Text4, { color: selected ? "green" : void 0, children: [
-          selected ? glyphs().caretR : " ",
-          " "
-        ] }),
-        /* @__PURE__ */ jsx4(Text4, { bold: it.enabled, color: it.enabled ? it.color : void 0, dimColor: !it.enabled, children: box }),
-        /* @__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 ? glyphs().caretR : " ",
-        " "
-      ] }),
-      /* @__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__ */ jsxs4(Text4, { dimColor: true, children: [
-      glyphs().arrowU,
-      glyphs().arrowD,
-      " move  ",
-      glyphs().middot,
-      "  space toggle  ",
-      glyphs().middot,
-      "  enter start  ",
-      glyphs().middot,
-      "  q quit"
-    ] })
-  ] });
-}
-
-// src/ui/loading.tsx
-import { useState as useState2, useEffect as useEffect2 } from "react";
-import { Box as Box5, Text as Text5 } from "ink";
-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__ */ jsxs5(Box5, { marginTop: 1, children: [
-      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
-        "loading ",
-        readyCount,
-        " / ",
-        groups.length
-      ] }),
-      /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
-        "  ",
-        glyphs().middot,
-        "  W opens the web dashboard once loaded"
-      ] })
-    ] })
-  ] });
-}
-
-// 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;
-var FORM_FIELDS = ["provider", "name", "homeDir", "color"];
-var COLOR_PALETTE = [
-  "cyan",
-  "magenta",
-  "green",
-  "yellow",
-  "blue",
-  "red",
-  "cyanBright",
-  "magentaBright",
-  "greenBright"
-];
-function SettingsView({
-  config: config2,
-  cursor,
-  tzEdit,
-  tzError,
-  resolvedTz,
-  accountForm,
-  activeAccountId
-}) {
-  if (accountForm) return /* @__PURE__ */ jsx6(AccountFormView, { form: accountForm, accounts: config2.accounts });
-  const editingTz = tzEdit !== null;
-  const tzDisplay = config2.timezone === null ? `System (${resolvedTz})` : config2.timezone;
-  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__ */ jsxs6(Text6, { bold: true, color: "yellow", children: [
-        config2.interval,
-        "s"
-      ] }),
-      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
-        " ",
-        glyphs().caretR
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs6(Row, { cursor, idx: 1, label: "Billing poll", children: [
-      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
-        glyphs().caretL,
-        " "
-      ] }),
-      /* @__PURE__ */ jsxs6(Text6, { bold: true, color: "yellow", children: [
-        config2.billingInterval,
-        "m"
-      ] }),
-      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
-        " ",
-        glyphs().caretR
-      ] })
-    ] }),
-    /* @__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__ */ jsxs6(Row, { cursor, idx: 4, label: "Dashboard", children: [
-      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
-        glyphs().caretL,
-        " "
-      ] }),
-      /* @__PURE__ */ jsx6(Text6, { bold: true, color: "yellow", children: config2.dashboardLayout === "grid" ? "grid (all)" : "single (cycle)" }),
-      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
-        " ",
-        glyphs().caretR
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs6(Row, { cursor, idx: 5, label: "Default focus", children: [
-      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
-        glyphs().caretL,
-        " "
-      ] }),
-      /* @__PURE__ */ jsx6(Text6, { bold: true, color: "yellow", children: config2.defaultFocus === "all" ? "All" : "Last account" }),
-      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
-        " ",
-        glyphs().caretR
-      ] })
-    ] }),
-    /* @__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__ */ 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__ */ jsx6(Box6, { width: 9, children: /* @__PURE__ */ jsx6(Text6, { bold: selected, children: p.name }) }),
-        /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: enabled ? "tracking" : "off" })
-      ] }, pid);
-    }),
-    /* @__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__ */ jsxs6(Box6, { children: [
-        /* @__PURE__ */ jsxs6(Text6, { color: selected ? "green" : void 0, children: [
-          selected ? glyphs().caretR : " ",
-          " "
-        ] }),
-        /* @__PURE__ */ jsxs6(Text6, { color: acc.color || provider.color, children: [
-          isActive ? glyphs().dot : glyphs().radioOff,
-          " "
-        ] }),
-        /* @__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__ */ 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__ */ jsx6(Text6, { color: "greenBright", children: "+ " }),
-      /* @__PURE__ */ jsx6(Text6, { children: "Add account" })
-    ] }),
-    /* @__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__ */ jsxs6(Box6, { children: [
-    /* @__PURE__ */ jsxs6(Text6, { color: cursor === idx ? "green" : void 0, children: [
-      cursor === idx ? glyphs().caretR : " ",
-      " "
-    ] }),
-    /* @__PURE__ */ jsx6(Box6, { width: 20, children: /* @__PURE__ */ jsx6(Text6, { children: label }) }),
-    children
-  ] });
-}
-function AccountFormView({ form, accounts }) {
-  const previewId = form.mode === "add" ? generateAccountId(form.name || "account", accounts) : form.editingId ?? "";
-  const accent = form.color;
-  const stepIndex = { provider: 1, name: 2, homeDir: 3, color: 4 };
-  const step = stepIndex[form.field];
-  return /* @__PURE__ */ 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__ */ jsxs6(Text6, { dimColor: true, children: [
-        "   step ",
-        step,
-        " of 4"
-      ] })
-    ] }),
-    /* @__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",
-          hint: "display name for this account",
-          value: form.name,
-          focused: form.field === "name",
-          accent,
-          placeholder: "e.g. Work, Personal"
-        }
-      ),
-      /* @__PURE__ */ jsx6(Box6, { height: 1 }),
-      /* @__PURE__ */ jsx6(
-        FormField,
-        {
-          label: "Home directory",
-          hint: `path containing the tool's data dir  ${glyphs().middot}  ~ for default`,
-          value: form.homeDir,
-          focused: form.field === "homeDir",
-          accent,
-          placeholder: "~/work",
-          mono: true
-        }
-      ),
-      /* @__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__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsxs6(Text6, { color: "red", children: [
-      glyphs().warn,
-      " ",
-      form.error
-    ] }) }),
-    /* @__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__ */ 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: 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 === active2);
-  return /* @__PURE__ */ jsx6(Box6, { children: steps.map((s, i) => {
-    const done = i < activeIdx;
-    const cur = i === activeIdx;
-    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__ */ 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__ */ 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__ */ jsxs6(Box6, { children: [
-      /* @__PURE__ */ jsxs6(Text6, { children: [
-        "  ",
-        focused ? glyphs().vbar : " ",
-        " "
-      ] }),
-      PROVIDER_ORDER.map((pid) => {
-        const selected = pid === value;
-        const p = PROVIDERS[pid];
-        return /* @__PURE__ */ jsx6(Box6, { marginRight: 2, children: selected ? /* @__PURE__ */ jsxs6(Text6, { bold: true, color: p.color, children: [
-          "[",
-          p.name,
-          "]"
-        ] }) : /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: p.name }) }, pid);
-      })
-    ] }),
-    /* @__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__ */ 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__ */ jsxs6(Box6, { children: [
-      /* @__PURE__ */ jsxs6(Text6, { color: focused ? accent : void 0, children: [
-        "  ",
-        focused ? glyphs().vbar : " ",
-        " "
-      ] }),
-      /* @__PURE__ */ jsx6(
-        Text6,
-        {
-          bold: focused && !isPlaceholder,
-          color: focused && !isPlaceholder ? accent : void 0,
-          dimColor: isPlaceholder,
-          italic: mono && isPlaceholder,
-          children: display
-        }
-      ),
-      focused && /* @__PURE__ */ jsx6(Text6, { color: accent, children: glyphs().vbar })
-    ] }),
-    /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
-      "      ",
-      hint
-    ] }) })
-  ] });
-}
-function ColorField({ value, focused }) {
-  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__ */ jsxs6(Box6, { children: [
-      /* @__PURE__ */ jsxs6(Text6, { children: [
-        "  ",
-        focused ? glyphs().vbar : " ",
-        " "
-      ] }),
-      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__ */ jsx6(Box6, { children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "      shows on dashboard, account strip, borders" }) })
-  ] });
-}
-
-// src/app.tsx
-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 = [
-  { 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 REPO_URL = "https://github.com/DavidIlie/tokmon";
-var SITE_URL = "https://davidilie.com";
-var IS_APPLE_TERMINAL = process.env.TERM_PROGRAM === "Apple_Terminal";
-function detectHyperlinks(env, isTTY) {
-  const force = env.FORCE_HYPERLINK;
-  if (force != null && force !== "") return force !== "0" && force.toLowerCase() !== "false";
-  if (!isTTY || env.TERM === "dumb" || env.NO_HYPERLINK) return false;
-  if (env.WT_SESSION || env.ConEmuANSI === "ON" || env.KITTY_WINDOW_ID || env.TERM === "xterm-kitty") return true;
-  if (env.KONSOLE_VERSION || env.TERMINAL_EMULATOR === "JetBrains-JediTerm") return true;
-  if (env.VTE_VERSION && Number(env.VTE_VERSION) >= 5e3) return true;
-  const tp = env.TERM_PROGRAM;
-  if (tp) {
-    const [maj, min] = (env.TERM_PROGRAM_VERSION ?? "").split(".").map((n) => Number(n) || 0);
-    if (tp === "iTerm.app") return maj > 3 || maj === 3 && min >= 1;
-    if (tp === "vscode" || tp === "WezTerm" || tp === "ghostty" || tp === "Hyper" || tp === "Tabby" || tp === "rio") return true;
-  }
-  return false;
-}
-var HYPERLINKS = detectHyperlinks(process.env, process.stdout.isTTY === true);
-function openUrl(url) {
-  if (process.env.TOKMON_OPENLOG) {
-    try {
-      appendFileSync2(process.env.TOKMON_OPENLOG, url + "\n");
-    } catch {
-    }
-    return;
-  }
-  try {
-    if (process.platform === "darwin") spawn("open", [url], { stdio: "ignore", detached: true }).unref();
-    else if (process.platform === "win32") spawn("cmd", ["/c", "start", "", url], { stdio: "ignore", detached: true }).unref();
-    else spawn("xdg-open", [url], { stdio: "ignore", detached: true }).unref();
-  } catch {
-  }
-}
-function osc8(text, url) {
-  if (!HYPERLINKS) return text;
-  return `\x1B]8;;${url}\x07${text}\x1B]8;;\x07`;
-}
-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,
-  clearScreen: true,
-  timezone: null,
-  accounts: [],
-  activeAccountId: null,
-  disabledProviders: [],
-  onboarded: false,
-  dashboardLayout: "grid",
-  defaultFocus: "all",
-  ascii: "auto",
-  knownProviders: []
-};
-function applyStartup(c, cliInterval) {
-  if (cliInterval) c = { ...c, interval: cliInterval / 1e3 };
-  if (c.defaultFocus === "all") c = { ...c, activeAccountId: null };
-  return c;
-}
-function useTerminalSize(settleMs = 90) {
-  const { stdout } = useStdout();
-  const read = () => ({ cols: stdout?.columns || 80, rows: stdout?.rows || 24 });
-  const [size, setSize] = useState3(read);
-  const [live, setLive] = useState3(read);
-  const [resizing, setResizing] = useState3(false);
-  useEffect3(() => {
-    if (!stdout) return;
-    let t;
-    const now = () => ({ cols: stdout.columns || 80, rows: stdout.rows || 24 });
-    const settle = () => {
-      setSize(now());
-      setResizing(false);
-    };
-    const onResize = () => {
-      setLive(now());
-      setResizing(true);
-      if (t) clearTimeout(t);
-      t = setTimeout(settle, settleMs);
-    };
-    stdout.on("resize", onResize);
-    return () => {
-      if (t) clearTimeout(t);
-      stdout.off("resize", onResize);
-    };
-  }, [stdout, settleMs]);
-  return { cols: size.cols, rows: size.rows, resizing, live };
-}
-function ResizingView({ cols, rows }) {
-  return /* @__PURE__ */ jsx7(Box7, { width: cols, height: rows, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
-    glyphs().dotSel,
-    " resizing\u2026 ",
-    /* @__PURE__ */ jsx7(Text7, { color: "greenBright", children: cols }),
-    "\xD7",
-    /* @__PURE__ */ jsx7(Text7, { color: "greenBright", children: rows })
-  ] }) });
-}
-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 { exit } = useApp();
-  const { cols, rows, resizing, live } = useTerminalSize();
-  const webRef = useRef2(null);
-  const webBusyRef = useRef2(false);
-  const webCooldownRef = useRef2(0);
-  const [webUrl, setWebUrl] = useState3(null);
-  const [webStatus, setWebStatus] = useState3("off");
-  useEffect3(() => () => {
-    void webRef.current?.stop();
-  }, []);
-  const cfg = config2 ?? DEFAULT_CONFIG;
-  const interval2 = cliInterval ?? cfg.interval * 1e3;
-  const billingMs = cfg.billingInterval * 6e4;
-  const tz = resolveTimezone(cfg.timezone);
-  const configReady = config2 !== null;
-  const accounts = useMemo(() => buildAccounts(cfg, detected), [cfg, detected]);
-  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 = (() => {
-    if (cfg.activeAccountId === null) return 0;
-    const i = slots.findIndex((s) => s.id === cfg.activeAccountId);
-    return i < 0 ? 0 : i;
-  })();
-  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))) : 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 = useMemo(() => chooseLayout(
-    Math.max(56, cols - 4),
-    gridBudget,
-    groups.length,
-    focusId !== null || cfg.dashboardLayout === "single",
-    cols
-  ), [cols, gridBudget, groups.length, focusId, cfg.dashboardLayout]);
-  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 = pickerProviders.map((pid) => ({
-    id: pid,
-    name: PROVIDERS[pid].name,
-    color: PROVIDERS[pid].color,
-    detected: detected.includes(pid),
-    enabled: onboardEnabled.includes(pid)
-  }));
-  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);
-  }, []);
-  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 {
-        await Promise.all(accountsRef.current.map(async (acc) => {
-          const provider = PROVIDERS[acc.providerId];
-          if (!provider.hasUsage || !provider.fetchSummary) return;
-          try {
-            const dashboard = await provider.fetchSummary(acc, tz);
-            if (active2) setStats((prev) => upsert(prev, acc, { dashboard }));
-          } catch {
-          }
-        }));
-        if (active2) {
-          setError(null);
-          setUpdated(/* @__PURE__ */ new Date());
-        }
-      } finally {
-        if (active2) timer = setTimeout(load, interval2);
-      }
-    };
-    load();
-    return () => {
-      active2 = false;
-      clearTimeout(timer);
-    };
-  }, [interval2, tz, configReady, showPicker, accountsKey]);
-  useEffect3(() => {
-    if (!configReady || showPicker) return;
-    let active2 = true;
-    let timer;
-    const load = async () => {
-      try {
-        const peakP = accountsRef.current.some((a) => a.providerId === "claude") ? fetchPeak() : Promise.resolve(null);
-        await Promise.all(accountsRef.current.map(async (acc) => {
-          const provider = PROVIDERS[acc.providerId];
-          if (!provider.hasBilling || !provider.fetchBilling) return;
-          try {
-            const billing = await provider.fetchBilling(acc);
-            if (active2) setStats((prev) => upsert(prev, acc, { billing }));
-          } catch {
-          }
-        }));
-        const p = await peakP;
-        if (active2 && p) setPeak(p);
-      } finally {
-        if (active2) timer = setTimeout(load, billingMs);
-      }
-    };
-    load();
-    return () => {
-      active2 = false;
-      clearTimeout(timer);
-    };
-  }, [billingMs, configReady, showPicker, accountsKey]);
-  const tableKey = `${effTableProvider}|${tableAccounts.map((a) => `${a.id}:${a.homeDir ?? ""}`).join(",")}|${tz}`;
-  useEffect3(() => {
-    setTable(null);
-    setCursorRows(null);
-    setCursor(0);
-    setExpanded(-1);
-    setSort(tableIsCursor ? 0 : 1);
-  }, [tableKey]);
-  useEffect3(() => {
-    if (tab !== 1 || !effTableProvider) return;
-    let active2 = true;
-    let timer;
-    const fetchOnce = async () => {
-      try {
-        if (tableIsCursor) {
-          const s = await cursorModelSpend(tableAccounts[0]?.homeDir);
-          if (active2) setCursorRows(s?.models ?? []);
-        } else {
-          const r = await fetchScopeTable(tableAccounts, tz);
-          if (active2) setTable(r);
-        }
-      } catch {
-      }
-    };
-    const run = async () => {
-      setTableLoading(true);
-      await fetchOnce();
-      if (!active2) return;
-      setTableLoading(false);
-      const loop = async () => {
-        await fetchOnce();
-        if (active2) timer = setTimeout(loop, Math.max(interval2, 1e4));
-      };
-      timer = setTimeout(loop, Math.max(interval2, 1e4));
-    };
-    run();
-    return () => {
-      active2 = false;
-      clearTimeout(timer);
-    };
-  }, [tab, tableKey, interval2]);
-  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();
-  useEffect3(() => {
-    if (!IS_TTY) return;
-    mouse.enable();
-    const onScroll = (_pos, dir) => {
-      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);
-    const onData = (d) => dispatchLinkClicks(d);
-    process.stdin.on("data", onData);
-    return () => {
-      mouse.events.off("scroll", onScroll);
-      process.stdin.off("data", onData);
-    };
-  }, [tab]);
-  function updateConfig(fn) {
-    setConfig((prev) => {
-      const next = fn(prev ?? DEFAULT_CONFIG);
-      saveConfig(next);
-      return next;
-    });
-  }
-  function toggleOnboard(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];
-    });
-  }
-  function toggleProvider(pid) {
-    updateConfig((c) => ({
-      ...c,
-      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) => {
-      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;
-    const next = (activeSlotIdx + dir + slots.length) % slots.length;
-    updateConfig((c) => ({ ...c, activeAccountId: slots[next].id }));
-    resetView();
-  }
-  function cycleTableProvider(dir) {
-    if (tableProvs.length <= 1) return;
-    const cur = effTableProvider ? tableProvs.indexOf(effTableProvider) : 0;
-    setTableProvider(tableProvs[(cur + dir + tableProvs.length) % tableProvs.length]);
-    setCursor(0);
-    setExpanded(-1);
-    setSearch("");
-    setSearchMode(false);
-  }
-  function openAddAccount() {
-    const providerId = detected[0] ?? "claude";
-    setAccountForm({
-      mode: "add",
-      field: "provider",
-      providerId,
-      name: "",
-      homeDir: "~",
-      color: pickAccentColor(cfg.accounts),
-      editingId: null,
-      error: null
-    });
-  }
-  function openEditAccount(acc) {
-    setAccountForm({
-      mode: "edit",
-      field: "provider",
-      providerId: acc.providerId,
-      name: acc.name,
-      homeDir: acc.homeDir,
-      color: acc.color || PROVIDERS[acc.providerId].color,
-      editingId: acc.id,
-      error: null
-    });
-  }
-  function commitAccountForm() {
-    if (!accountForm) return;
-    const name = accountForm.name.trim();
-    const homeDir = accountForm.homeDir.trim() || "~";
-    if (!name) {
-      setAccountForm({ ...accountForm, error: "Name required", field: "name" });
-      return;
-    }
-    updateConfig((c) => {
-      if (accountForm.mode === "add") {
-        const id = generateAccountId(name, c.accounts);
-        const account = { id, providerId: accountForm.providerId, name, homeDir, color: accountForm.color };
-        return { ...c, accounts: [...c.accounts, account] };
-      }
-      return {
-        ...c,
-        accounts: c.accounts.map((a) => a.id === accountForm.editingId ? { ...a, providerId: accountForm.providerId, name, homeDir, color: accountForm.color } : a)
-      };
-    });
-    setAccountForm(null);
-  }
-  function cycleFormField(dir) {
-    setAccountForm((f) => {
-      if (!f) return f;
-      const i = FORM_FIELDS.indexOf(f.field);
-      return { ...f, field: FORM_FIELDS[(i + dir + FORM_FIELDS.length) % FORM_FIELDS.length] };
-    });
-  }
-  function cycleProvider(dir) {
-    setAccountForm((f) => {
-      if (!f) return f;
-      const i = PROVIDER_ORDER.indexOf(f.providerId);
-      return { ...f, providerId: PROVIDER_ORDER[(i + dir + PROVIDER_ORDER.length) % PROVIDER_ORDER.length] };
-    });
-  }
-  function cycleColor(dir) {
-    setAccountForm((f) => {
-      if (!f) return f;
-      const i = COLOR_PALETTE.indexOf(f.color);
-      const idx = i < 0 ? 0 : i;
-      return { ...f, color: COLOR_PALETTE[(idx + dir + COLOR_PALETTE.length) % COLOR_PALETTE.length] };
-    });
-  }
-  function deleteAccount(id) {
-    updateConfig((c) => ({
-      ...c,
-      accounts: c.accounts.filter((a) => a.id !== id),
-      activeAccountId: c.activeAccountId === id ? null : c.activeAccountId
-    }));
-  }
-  function moveAccount(idx, dir) {
-    updateConfig((c) => {
-      const next = [...c.accounts];
-      const target = idx + dir;
-      if (target < 0 || target >= next.length) return c;
-      [next[idx], next[target]] = [next[target], next[idx]];
-      return { ...c, accounts: next };
-    });
-    setSettingsCursor((c) => Math.max(ACCOUNT_ROWS_START, Math.min(ACCOUNT_ROWS_START + cfg.accounts.length - 1, c + dir)));
-  }
-  const totalSettingsRows = ACCOUNT_ROWS_START + cfg.accounts.length + 1;
-  async function toggleWeb() {
-    if (webBusyRef.current || Date.now() < webCooldownRef.current) return;
-    webBusyRef.current = true;
-    try {
-      if (webRef.current) {
-        setWebStatus("stopping");
-        const ctrl = webRef.current;
-        webRef.current = null;
-        await ctrl.stop();
-        setWebUrl(null);
-        setWebStatus("off");
-      } else {
-        setWebStatus("starting");
-        const { startWebServer } = await import("./server-VMB5ZLZC.js");
-        const ctrl = await startWebServer({ config: cfg, log: false });
-        webRef.current = ctrl;
-        setWebUrl(ctrl.url);
-        setWebStatus("on");
-        openUrl(ctrl.url);
-      }
-    } catch {
-      setWebStatus(webRef.current ? "on" : "off");
-    } finally {
-      webBusyRef.current = false;
-      webCooldownRef.current = Date.now() + 600;
-    }
-  }
-  useInput((input, key) => {
-    if (showPicker) {
-      if (input === "q") {
-        exit();
-        return;
-      }
-      const startIdx = pickerProviders.length;
-      if (key.upArrow) {
-        setOnboardCursor((c) => Math.max(0, c - 1));
-        return;
-      }
-      if (key.downArrow) {
-        setOnboardCursor((c) => Math.min(startIdx, c + 1));
-        return;
-      }
-      if (input === " ") {
-        toggleOnboard(onboardCursor);
-        return;
-      }
-      if (key.return) {
-        if (onboardCursor === startIdx) confirmOnboarding();
-        else toggleOnboard(onboardCursor);
-        return;
-      }
-      return;
-    }
-    if (showSettings && accountForm) {
-      if (key.escape) {
-        setAccountForm(null);
-        return;
-      }
-      if (key.tab) {
-        cycleFormField(key.shift ? -1 : 1);
-        return;
-      }
-      if (key.upArrow) {
-        cycleFormField(-1);
-        return;
-      }
-      if (key.downArrow) {
-        cycleFormField(1);
-        return;
-      }
-      if (accountForm.field === "provider") {
-        if (key.leftArrow) {
-          cycleProvider(-1);
-          return;
-        }
-        if (key.rightArrow) {
-          cycleProvider(1);
-          return;
-        }
-        if (key.return) {
-          setAccountForm((f) => f && { ...f, field: "name" });
-          return;
-        }
-        return;
-      }
-      if (accountForm.field === "color") {
-        if (key.leftArrow) {
-          cycleColor(-1);
-          return;
-        }
-        if (key.rightArrow) {
-          cycleColor(1);
-          return;
-        }
-        if (key.return) {
-          commitAccountForm();
-          return;
-        }
-        return;
-      }
-      if (key.return) {
-        setAccountForm((f) => f && { ...f, field: f.field === "name" ? "homeDir" : "color" });
-        return;
-      }
-      if (key.backspace || key.delete) {
-        setAccountForm((f) => {
-          if (!f || f.field !== "name" && f.field !== "homeDir") return f;
-          return { ...f, [f.field]: f[f.field].slice(0, -1), error: null };
-        });
-        return;
-      }
-      if (input && !key.ctrl && !key.meta) {
-        setAccountForm((f) => {
-          if (!f || f.field !== "name" && f.field !== "homeDir") return f;
-          return { ...f, [f.field]: f[f.field] + input, error: null };
-        });
-      }
-      return;
-    }
-    if (showSettings && tzEdit !== null) {
-      if (key.escape) {
-        setTzEdit(null);
-        setTzError(null);
-        return;
-      }
-      if (key.return) {
-        const val = tzEdit.trim();
-        if (val === "" || val.toLowerCase() === "system") {
-          updateConfig((c) => ({ ...c, timezone: null }));
-          setTzEdit(null);
-          setTzError(null);
-        } else if (isValidTimezone(val)) {
-          updateConfig((c) => ({ ...c, timezone: val }));
-          setTzEdit(null);
-          setTzError(null);
-        } else {
-          setTzError(`Invalid: ${val}`);
-        }
-        return;
-      }
-      if (key.backspace || key.delete) {
-        setTzEdit((s) => (s ?? "").slice(0, -1));
-        setTzError(null);
-        return;
-      }
-      if (input && !key.ctrl && !key.meta) {
-        setTzEdit((s) => (s ?? "") + input);
-        setTzError(null);
-      }
-      return;
-    }
-    if (tab === 1 && searchMode) {
-      if (key.return || key.escape) {
-        setSearchMode(false);
-        if (key.escape) setSearch("");
-        return;
-      }
-      if (key.backspace || key.delete) {
-        setSearch((s) => s.slice(0, -1));
-        return;
-      }
-      if (input && !key.ctrl && !key.meta) {
-        setSearch((s) => s + input);
-      }
-      return;
-    }
-    if (input === "q") {
-      exit();
-      return;
-    }
-    if (input === "O") {
-      openUrl(REPO_URL);
-      return;
-    }
-    if (input === "W" || input === "w" && tab !== 1 && !showSettings) {
-      if (showLoader || !configReady) return;
-      void toggleWeb();
-      return;
-    }
-    if (showSettings) {
-      if (key.escape || input === "s") {
-        setShowSettings(false);
-        return;
-      }
-      const accIdxNav = settingsCursor - ACCOUNT_ROWS_START;
-      const onAccountRow = accIdxNav >= 0 && accIdxNav < cfg.accounts.length;
-      if (onAccountRow && key.shift && (key.upArrow || key.downArrow)) {
-        moveAccount(accIdxNav, key.upArrow ? -1 : 1);
-        return;
-      }
-      if (key.upArrow) {
-        setSettingsCursor((c) => Math.max(0, c - 1));
-        return;
-      }
-      if (key.downArrow) {
-        setSettingsCursor((c) => Math.min(totalSettingsRows - 1, c + 1));
-        return;
-      }
-      if (settingsCursor === 0) {
-        if (key.leftArrow) updateConfig((c) => ({ ...c, interval: Math.max(1, c.interval - 1) }));
-        if (key.rightArrow) updateConfig((c) => ({ ...c, interval: c.interval + 1 }));
-        return;
-      }
-      if (settingsCursor === 1) {
-        if (key.leftArrow) updateConfig((c) => ({ ...c, billingInterval: Math.max(1, c.billingInterval - 1) }));
-        if (key.rightArrow) updateConfig((c) => ({ ...c, billingInterval: c.billingInterval + 1 }));
-        return;
-      }
-      if (settingsCursor === 2 && (key.leftArrow || key.rightArrow || key.return)) {
-        updateConfig((c) => ({ ...c, clearScreen: !c.clearScreen }));
-        return;
-      }
-      if (settingsCursor === 3) {
-        if (key.return) {
-          setTzEdit(cfg.timezone ?? "");
-          setTzError(null);
-        }
-        if (key.leftArrow || key.rightArrow) updateConfig((c) => ({ ...c, timezone: c.timezone === null ? systemTimezone() : null }));
-        return;
-      }
-      if (settingsCursor === 4 && (key.leftArrow || key.rightArrow || key.return)) {
-        updateConfig((c) => ({ ...c, dashboardLayout: c.dashboardLayout === "grid" ? "single" : "grid" }));
-        return;
-      }
-      if (settingsCursor === 5 && (key.leftArrow || key.rightArrow || key.return)) {
-        updateConfig((c) => ({ ...c, defaultFocus: c.defaultFocus === "all" ? "last" : "all" }));
-        return;
-      }
-      const provIdx = settingsCursor - PROVIDER_ROWS_START;
-      if (provIdx >= 0 && provIdx < PROVIDER_ORDER.length) {
-        if (input === " " || key.return || key.leftArrow || key.rightArrow) toggleProvider(PROVIDER_ORDER[provIdx]);
-        return;
-      }
-      const accIdx = settingsCursor - ACCOUNT_ROWS_START;
-      if (accIdx >= 0 && accIdx < cfg.accounts.length) {
-        const acc = cfg.accounts[accIdx];
-        if (key.return) {
-          openEditAccount(acc);
-          return;
-        }
-        if (input === "d" || input === "x") {
-          deleteAccount(acc.id);
-          return;
-        }
-        if (input === " ") {
-          updateConfig((c) => ({ ...c, activeAccountId: acc.id }));
-          return;
-        }
-        return;
-      }
-      if (accIdx === cfg.accounts.length && key.return) {
-        openAddAccount();
-      }
-      return;
-    }
-    if (input === "s") {
-      setShowSettings(true);
-      setSettingsCursor(0);
-      return;
-    }
-    if (input === "a") {
-      cycleAccount(1);
-      return;
-    }
-    if (input === "A") {
-      cycleAccount(-1);
-      return;
-    }
-    if (key.tab) {
-      setTab((t) => (t + 1) % TABS.length);
-      resetView();
-      return;
-    }
-    if (input && /^[0-9]$/.test(input) && slots.length > 1) {
-      const target = slots[parseInt(input, 10)];
-      if (target) {
-        updateConfig((c) => ({ ...c, activeAccountId: target.id }));
-        resetView();
-      }
-      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);
-        return;
-      }
-      if (input === "P") {
-        cycleTableProvider(-1);
-        return;
-      }
-      if (input === "/") {
-        setSearchMode(true);
-        return;
-      }
-      if (key.escape) {
-        if (search) setSearch("");
-        else setExpanded(-1);
-        return;
-      }
-      if (input === "o") {
-        setSort((s) => (s + 1) % SORTS_FOR.length);
-        resetView();
-        return;
-      }
-      if (!tableIsCursor) {
-        if (input === "d") {
-          setView(0);
-          resetView();
-          return;
-        }
-        if (input === "w") {
-          setView(1);
-          resetView();
-          return;
-        }
-        if (input === "m") {
-          setView(2);
-          resetView();
-          return;
-        }
-        if (key.leftArrow) {
-          setView((v) => (v - 1 + VIEWS.length) % VIEWS.length);
-          resetView();
-          return;
-        }
-        if (key.rightArrow) {
-          setView((v) => (v + 1) % VIEWS.length);
-          resetView();
-          return;
-        }
-        if (key.return) {
-          setExpanded((e) => e === cursor ? -1 : cursor);
-          return;
-        }
-      }
-    } else {
-      if (key.leftArrow || key.rightArrow) {
-        setTab((t) => (t + 1) % TABS.length);
-        resetView();
-        return;
-      }
-    }
-    if (key.upArrow) {
-      setCursor((c) => Math.max(0, c - 1));
-      return;
-    }
-    if (key.downArrow) {
-      setCursor((c) => clampRow(c + 1));
-      return;
-    }
-    if (key.pageDown || input === "G") {
-      setCursor((c) => clampRow(input === "G" ? rowCountRef.current - 1 : c + Math.max(1, rows - 12)));
-      return;
-    }
-    if (key.pageUp || input === "g") {
-      setCursor((c) => input === "g" ? 0 : Math.max(0, c - Math.max(1, rows - 12)));
-      return;
-    }
-  }, { isActive: IS_TTY });
-  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 (resizing) return /* @__PURE__ */ jsx7(ResizingView, { cols: live.cols, rows: live.rows });
-  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__ */ 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__ */ jsxs7(Text7, { dimColor: true, children: [
-          "  ",
-          glyphs().middot,
-          "  every ",
-          cfg.interval,
-          "s"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs7(Box7, { children: [
-        webStatus !== "off" && /* @__PURE__ */ jsxs7(Fragment4, { children: [
-          /* @__PURE__ */ jsx7(WebStatus, { status: webStatus, url: webUrl }),
-          /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
-            "  ",
-            glyphs().middot,
-            "  "
-          ] })
-        ] }),
-        peak && /* @__PURE__ */ jsxs7(Fragment4, { children: [
-          /* @__PURE__ */ jsx7(PeakBadge, { peak }),
-          /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
-            "  ",
-            glyphs().middot,
-            "  "
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: time(updated, tz) })
-      ] })
-    ] }),
-    showSettings ? /* @__PURE__ */ jsx7(
-      SettingsView,
-      {
-        config: cfg,
-        cursor: settingsCursor,
-        tzEdit,
-        tzError,
-        resolvedTz: tz,
-        accountForm,
-        activeAccountId: cfg.activeAccountId
-      }
-    ) : /* @__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__ */ jsxs7(Text7, { dimColor: true, children: [
-          "  Tab/",
-          glyphs().arrowL,
-          glyphs().arrowR
-        ] })
-      ] }),
-      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,
-              activeIdx: activeSlotIdx,
-              onSelect: (i) => {
-                updateConfig((c) => ({ ...c, activeAccountId: slots[i].id }));
-                resetView();
-              }
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx7(TotalsRow, { groups, stats, cols })
-      ] }),
-      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__ */ jsx7(Box7, { height: 1 }),
-        /* @__PURE__ */ jsx7(
-          ControlBar,
-          {
-            views: VIEWS,
-            period: view,
-            sort: sortLabel(SORTS_FOR[sort % SORTS_FOR.length]),
-            search,
-            searching: searchMode,
-            showPeriod: !tableIsCursor
-          }
-        ),
-        /* @__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,
-            cursor,
-            maxRows: Math.max(1, rows - 16),
-            onRowClick: (idx) => setCursor(idx)
-          }
-        ) : /* @__PURE__ */ jsx7(
-          TokenTable,
-          {
-            rows: tokenRows,
-            cursor,
-            expanded,
-            maxRows: Math.max(1, rows - 16),
-            cols,
-            onRowClick: (idx) => {
-              if (idx === cursor) setExpanded((e) => e === idx ? -1 : idx);
-              else setCursor(idx);
-            }
-          }
-        )
-      ] })
-    ] }),
-    (tab === 0 || showSettings) && /* @__PURE__ */ jsx7(Footer, { hasAccounts: slots.length > 1, paginated: tab === 0 && dashPaginated, cols, webOn: webStatus === "on" || webStatus === "starting" })
-  ] });
-}
-function upsert(prev, account, patch) {
-  const next = new Map(prev);
-  const cur = next.get(account.id) ?? { account, dashboard: null, billing: null };
-  next.set(account.id, { ...cur, account, ...patch });
-  return next;
-}
-async function fetchScopeTable(scope, tz) {
-  const tables = await Promise.all(scope.map(async (acc) => {
-    const provider = PROVIDERS[acc.providerId];
-    if (!provider.fetchTable) return null;
-    try {
-      return await provider.fetchTable(acc, tz);
-    } catch {
-      return null;
-    }
-  }));
-  const valid = tables.filter((t) => t !== null);
-  if (valid.length === 0) return { daily: [], weekly: [], monthly: [] };
-  if (valid.length === 1) return valid[0];
-  return mergeTables(valid);
-}
-function 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) {
-    case 0:
-      return sorted.sort((a, b) => a.label.localeCompare(b.label));
-    case 1:
-      return sorted.sort((a, b) => b.label.localeCompare(a.label));
-    case 2:
-      return sorted.sort((a, b) => a.cost - b.cost);
-    case 3:
-      return sorted.sort((a, b) => b.cost - a.cost);
-    default:
-      return sorted;
-  }
-}
-function filterTokenRows(rows, q) {
-  if (!q) return rows;
-  const s = q.toLowerCase();
-  return rows.filter((r) => r.label.toLowerCase().includes(s) || r.models.some((m) => m.toLowerCase().includes(s)));
-}
-function filterCursorRows(rows, q) {
-  if (!q) return rows;
-  const s = q.toLowerCase();
-  return rows.filter((r) => r.name.toLowerCase().includes(s));
-}
-function sortCursorRows(rows, sortIdx) {
-  const out = [...rows];
-  switch (sortIdx % CURSOR_SORTS.length) {
-    case 1:
-      return out.sort((a, b) => b.requests - a.requests);
-    case 2:
-      return out.sort((a, b) => a.name.localeCompare(b.name));
-    default:
-      return out.sort((a, b) => b.usd - a.usd);
-  }
-}
-function AccountStrip({ slots, activeIdx, onSelect }) {
-  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__ */ 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 WebStatus({ status, url }) {
-  if (status === "starting") return /* @__PURE__ */ jsx7(Spinner, { label: "web starting" });
-  if (status === "stopping") return /* @__PURE__ */ jsx7(Spinner, { label: "web stopping" });
-  if (status === "on") return /* @__PURE__ */ jsxs7(Text7, { color: "green", children: [
-    glyphs().dot,
-    " web :",
-    url ? url.split(":").pop() : ""
-  ] });
-  return null;
-}
-function Footer({ hasAccounts, paginated, cols, webOn }) {
-  const inner = cols - 4;
-  const BASE = "by David Ilie (davidilie.com)  \xB7  O=repo  W=web  s=settings  q=quit".length;
-  const optHint = (glyphs().shift === "\u21E7" ? "\u2325" : "opt") + "-click links  ";
-  const OPT = IS_APPLE_TERMINAL ? optHint.length : 0;
-  const JUMP = "0-9=jump  a/A=cycle  ".length;
-  const PAGE = "scroll=page  ".length;
-  const showOpt = IS_APPLE_TERMINAL && inner >= BASE + OPT;
-  const showJump = hasAccounts && inner >= BASE + (showOpt ? OPT : 0) + JUMP + (paginated ? PAGE : 0);
-  const showPage = paginated && inner >= BASE + (showOpt ? OPT : 0) + (showJump ? JUMP : 0) + PAGE;
-  return /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, flexWrap: "nowrap", children: [
-    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "by " }),
-    /* @__PURE__ */ jsx7(LinkBox, { onClick: () => openUrl(REPO_URL), children: /* @__PURE__ */ jsx7(Transform, { transform: (s) => osc8(s, REPO_URL), children: /* @__PURE__ */ jsx7(Text7, { underline: true, children: "David Ilie" }) }) }),
-    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: " (" }),
-    /* @__PURE__ */ jsx7(LinkBox, { onClick: () => openUrl(SITE_URL), children: /* @__PURE__ */ jsx7(Transform, { transform: (s) => osc8(s, SITE_URL), children: /* @__PURE__ */ jsx7(Text7, { color: "cyan", underline: true, children: "davidilie.com" }) }) }),
-    /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
-      ")  ",
-      glyphs().middot,
-      "  O=repo  ",
-      webOn ? "W=stop" : "W=web",
-      "  s=settings  "
-    ] }),
-    showOpt && /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: optHint }),
-    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 jsx8 } from "react/jsx-runtime";
 process.on("unhandledRejection", () => {
 });
 EventEmitter.defaultMaxListeners = 100;
@@ -2706,9 +13,14 @@ process.emitWarning = ((warning, ...rest) => {
 });
 var args = process.argv.slice(2);
 var subcommand = args[0]?.toLowerCase();
+if (subcommand === "__daemon") {
+  const { runDaemon } = await import("./daemon-OBQJO6D4.js");
+  await runDaemon(args.slice(1), { foreground: false });
+  process.exit(typeof process.exitCode === "number" ? process.exitCode : 0);
+}
 if (subcommand === "serve" || subcommand === "web") {
-  const { startWeb } = await import("./web-DYAEMCAE.js");
-  await startWeb(args.slice(1));
+  const { runDaemon } = await import("./daemon-OBQJO6D4.js");
+  await runDaemon(args.slice(1), { foreground: true });
   process.exit(typeof process.exitCode === "number" ? process.exitCode : 0);
 }
 var interval;
@@ -2742,18 +54,11 @@ for (let i = 0; i < args.length; i++) {
     process.exit(0);
   }
 }
+var { loadConfig } = await import("./config-C6Z65JUP.js");
+var { resolveGlyphs, setGlyphs } = await import("./glyphs-NKCSZLGO.js");
+var { attachOrSpawn } = await import("./daemon-handle-ZHECQZ6Q.js");
 var config = await loadConfig();
-var altScreen = config.clearScreen && process.stdout.isTTY === true;
-var leaveAltScreen = () => {
-  try {
-    process.stdout.write("\x1B[?1049l");
-  } catch {
-  }
-};
-if (altScreen) {
-  process.stdout.write("\x1B[?1049h\x1B[H");
-  process.once("exit", leaveAltScreen);
-}
+var isTTY = process.stdout.isTTY === true;
 setGlyphs(resolveGlyphs({
   flag: asciiFlag,
   env: process.env,
@@ -2761,7 +66,7 @@ setGlyphs(resolveGlyphs({
   isTTY: !!process.stdout.isTTY,
   platform: process.platform
 }));
-var { waitUntilExit } = render(/* @__PURE__ */ jsx8(MouseProvider, { children: /* @__PURE__ */ jsx8(App, { interval, initialConfig: config }) }));
-await waitUntilExit();
-await flushDisk();
-if (altScreen) leaveAltScreen();
+var daemon = await attachOrSpawn();
+var mode = daemon.kind === "spawned" ? "connected" : "degraded";
+var { bootstrapInk } = await import("./bootstrap-ink-AO3QA5BH.js");
+await bootstrapInk({ interval, config, daemon, mode });