tokmon 0.19.7 → 0.20.0

package/dist/bootstrap-ink-R3PFUV5N.js

@@ -0,0 +1,3499 @@
+#!/usr/bin/env node
+import {
+  PROVIDERS,
+  PROVIDER_ORDER,
+  TOKMON_WS_METHODS,
+  TOKMON_WS_PATH,
+  TokmonRpcGroup,
+  accountsByProvider,
+  buildAccounts,
+  coalesceTables,
+  col,
+  currency,
+  cursorModelSpend,
+  detectProviders,
+  fetchPeak,
+  resolveTimezone,
+  shortDate,
+  systemTimezone,
+  time,
+  tokens
+} from "./chunk-MB6LRSEZ.js";
+import {
+  COLOR_PALETTE,
+  DEFAULTS,
+  cacheDir,
+  configLocation,
+  generateAccountId,
+  getTrackedAccountRows,
+  isValidTimezone,
+  loadConfig,
+  normalizeConfig,
+  pickAccentColor,
+  sanitizeTyped,
+  saveConfigSync
+} from "./chunk-MVMPQJ5S.js";
+import {
+  glyphs
+} from "./chunk-RF4GGQGM.js";
+
+// src/bootstrap-ink.tsx
+import { render } from "ink";
+import { MouseProvider } from "@zenobius/ink-mouse";
+
+// src/app.tsx
+import { useState as useState4, useEffect as useEffect4, useCallback, useRef as useRef3, useMemo as useMemo2 } from "react";
+import { Box as Box11, Text as Text11, useInput, useStdout, useApp } from "ink";
+import { useMouse } from "@zenobius/ink-mouse";
+
+// src/config-sync.ts
+function deepEqual(a, b) {
+  if (a === b) return true;
+  if (typeof a !== "object" || typeof b !== "object" || a === null || b === null) return false;
+  if (Array.isArray(a) || Array.isArray(b)) {
+    if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length) return false;
+    for (let i = 0; i < a.length; i++) if (!deepEqual(a[i], b[i])) return false;
+    return true;
+  }
+  const ka = Object.keys(a);
+  const kb = Object.keys(b);
+  if (ka.length !== kb.length) return false;
+  for (const k of ka) {
+    if (!Object.prototype.hasOwnProperty.call(b, k)) return false;
+    if (!deepEqual(a[k], b[k])) return false;
+  }
+  return true;
+}
+function reconcileDaemonConfig(previous, daemonConfig, pendingLocalConfig) {
+  if (pendingLocalConfig) {
+    if (deepEqual(daemonConfig, pendingLocalConfig)) {
+      return { config: previous && deepEqual(previous, daemonConfig) ? previous : daemonConfig, pendingLocalConfig: null };
+    }
+    return { config: previous ?? pendingLocalConfig, pendingLocalConfig };
+  }
+  if (previous && deepEqual(previous, daemonConfig)) {
+    return { config: previous, pendingLocalConfig: null };
+  }
+  if (previous?.onboarded === true && daemonConfig.onboarded === false) {
+    return { config: previous, pendingLocalConfig: null };
+  }
+  return { config: daemonConfig, pendingLocalConfig: null };
+}
+
+// src/client/seed-cache.ts
+import { readFile } from "fs/promises";
+import { join } from "path";
+var snapshotCacheFile = () => join(cacheDir(), "web-snapshot.json");
+async function loadSeedSnapshot() {
+  try {
+    const parsed = JSON.parse(await readFile(snapshotCacheFile(), "utf-8"));
+    if (!parsed || !Array.isArray(parsed.accounts)) return {};
+    const out = {};
+    for (const a of parsed.accounts) {
+      if (a.dashboard || a.billing) out[a.id] = { dashboard: a.dashboard ?? null, billing: a.billing ?? null };
+    }
+    return out;
+  } catch {
+    return {};
+  }
+}
+
+// src/ui/shared.tsx
+import { appendFileSync } from "fs";
+import { memo, 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 })
+  ] });
+}
+var TabBar = memo(function TabBar2({ tabs, active, onSelect }) {
+  return /* @__PURE__ */ jsx(Box, { children: tabs.map((t, i) => /* @__PURE__ */ jsx(ClickableBox, { onClick: () => onSelect(i), marginRight: 1, children: i === active ? /* @__PURE__ */ jsxs(Text, { bold: true, inverse: true, children: [
+    " ",
+    t,
+    " "
+  ] }) : /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+    " ",
+    t,
+    " "
+  ] }) }, t)) });
+});
+var PeakBadge = memo(function PeakBadge2({ 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 { memo as memo2 } from "react";
+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 };
+}
+var DashboardView = memo2(function DashboardView2({ 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;
+}
+var TotalsRow = memo2(function TotalsRow2({ 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 { memo as memo4 } from "react";
+import { Box as Box4, Text as Text4 } from "ink";
+
+// src/ui/settings.tsx
+import { memo as memo3 } from "react";
+import { Box as Box3, Text as Text3 } from "ink";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var GENERAL_ROWS = 6;
+var SETTINGS_TABS = ["general", "providers", "accounts"];
+var SETTINGS_TAB_LABELS = {
+  general: "General",
+  providers: "Providers",
+  accounts: "Accounts"
+};
+var FORM_FIELDS = ["provider", "name", "homeDir", "color"];
+var SettingsView = memo3(function SettingsView2({
+  config,
+  cursor,
+  activeTab,
+  tzEdit,
+  tzCaret,
+  tzError,
+  resolvedTz,
+  accountForm,
+  activeAccountId,
+  trackedAccounts,
+  accountIdentities
+}) {
+  if (accountForm) return /* @__PURE__ */ jsx3(AccountFormView, { form: accountForm, accounts: config.accounts });
+  const editingTz = tzEdit !== null;
+  const tzDisplay = config.timezone === null ? `System (${resolvedTz})` : config.timezone;
+  const tabFocused = cursor < 0;
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsx3(Text3, { bold: true, children: "Settings" }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: configLocation() }),
+    /* @__PURE__ */ jsx3(Box3, { height: 1 }),
+    /* @__PURE__ */ jsx3(SettingsTabBar, { active: activeTab, focused: tabFocused }),
+    /* @__PURE__ */ jsx3(Box3, { height: 1 }),
+    activeTab === "general" && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(Text3, { bold: true, dimColor: true, children: "General" }),
+      /* @__PURE__ */ jsxs3(Row, { cursor, idx: 0, label: "Refresh interval", children: [
+        /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          glyphs().caretL,
+          " "
+        ] }),
+        /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "yellow", children: [
+          config.interval,
+          "s"
+        ] }),
+        /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          " ",
+          glyphs().caretR
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs3(Row, { cursor, idx: 1, label: "Billing poll", children: [
+        /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          glyphs().caretL,
+          " "
+        ] }),
+        /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "yellow", children: [
+          config.billingInterval,
+          "m"
+        ] }),
+        /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          " ",
+          glyphs().caretR
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx3(Row, { cursor, idx: 2, label: "Clear screen", children: /* @__PURE__ */ jsx3(Text3, { bold: true, color: config.clearScreen ? "green" : "red", children: config.clearScreen ? "on" : "off" }) }),
+      /* @__PURE__ */ jsx3(Row, { cursor, idx: 3, label: "Timezone", children: editingTz ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "[" }),
+        /* @__PURE__ */ jsx3(CaretText, { value: tzEdit ?? "", caret: tzCaret, color: "cyan" }),
+        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "]" })
+      ] }) : /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: tzDisplay }) }),
+      cursor === 3 && tzError && /* @__PURE__ */ jsxs3(Text3, { color: "red", children: [
+        "  ",
+        tzError
+      ] }),
+      /* @__PURE__ */ jsxs3(Row, { cursor, idx: 4, label: "Dashboard", children: [
+        /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          glyphs().caretL,
+          " "
+        ] }),
+        /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: config.dashboardLayout === "grid" ? "grid (all)" : "single (cycle)" }),
+        /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          " ",
+          glyphs().caretR
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs3(Row, { cursor, idx: 5, label: "Default focus", children: [
+        /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          glyphs().caretL,
+          " "
+        ] }),
+        /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: config.defaultFocus === "all" ? "All" : "Last account" }),
+        /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          " ",
+          glyphs().caretR
+        ] })
+      ] })
+    ] }),
+    activeTab === "providers" && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(Text3, { bold: true, dimColor: true, children: "Providers" }),
+      PROVIDER_ORDER.map((pid, i) => {
+        const selected = cursor === i;
+        const enabled = !config.disabledProviders.includes(pid);
+        const p = PROVIDERS[pid];
+        return /* @__PURE__ */ jsxs3(Box3, { children: [
+          /* @__PURE__ */ jsxs3(Text3, { color: selected ? "green" : void 0, children: [
+            selected ? glyphs().caretR : " ",
+            " "
+          ] }),
+          /* @__PURE__ */ jsx3(Text3, { bold: enabled, color: enabled ? p.color : void 0, dimColor: !enabled, children: enabled ? `[${glyphs().check}]` : "[ ]" }),
+          /* @__PURE__ */ jsxs3(Text3, { color: p.color, children: [
+            " ",
+            glyphs().dot,
+            " "
+          ] }),
+          /* @__PURE__ */ jsx3(Box3, { width: 9, children: /* @__PURE__ */ jsx3(Text3, { bold: selected, children: p.name }) }),
+          /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: enabled ? "tracking" : "off" })
+        ] }, pid);
+      })
+    ] }),
+    activeTab === "accounts" && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(Text3, { bold: true, dimColor: true, children: "Accounts" }),
+      trackedAccounts.length === 0 && /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        "  none tracked ",
+        glyphs().emDash,
+        " enable a provider or add an account"
+      ] }),
+      trackedAccounts.map((acc, i) => {
+        const selected = cursor === i;
+        const isActive = acc.id === activeAccountId;
+        const provider = PROVIDERS[acc.providerId];
+        const identity = accountIdentities.get(acc.id);
+        const identityLabel = identity?.email || identity?.displayName || acc.name;
+        const plan = identity?.plan ?? null;
+        return /* @__PURE__ */ jsxs3(Box3, { children: [
+          /* @__PURE__ */ jsxs3(Text3, { color: selected ? "green" : void 0, children: [
+            selected ? glyphs().caretR : " ",
+            " "
+          ] }),
+          /* @__PURE__ */ jsxs3(Text3, { color: acc.color || provider.color, children: [
+            isActive ? glyphs().dot : glyphs().radioOff,
+            " "
+          ] }),
+          /* @__PURE__ */ jsx3(Box3, { width: 28, children: /* @__PURE__ */ jsx3(Text3, { bold: true, children: truncateName(identityLabel, 27) }) }),
+          /* @__PURE__ */ jsx3(Box3, { width: 9, children: /* @__PURE__ */ jsx3(Text3, { color: provider.color, children: provider.name }) }),
+          /* @__PURE__ */ jsx3(Box3, { width: 18, children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: plan ? truncateName(plan, 17) : "" }) }),
+          /* @__PURE__ */ jsx3(Box3, { width: 12, children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: acc.source === "auto" ? "auto tracking" : "configured" }) }),
+          /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: truncateName(acc.homeDir, 24) })
+        ] }, `${acc.source}:${acc.id}`);
+      }),
+      /* @__PURE__ */ jsxs3(Box3, { children: [
+        /* @__PURE__ */ jsxs3(Text3, { color: cursor === trackedAccounts.length ? "green" : void 0, children: [
+          cursor === trackedAccounts.length ? glyphs().caretR : " ",
+          " "
+        ] }),
+        /* @__PURE__ */ jsx3(Text3, { color: "greenBright", children: "+ " }),
+        /* @__PURE__ */ jsx3(Text3, { children: "Add account" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3(Box3, { height: 1 }),
+    tabFocused ? /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      glyphs().arrowL,
+      glyphs().arrowR,
+      "/tab switch section  ",
+      glyphs().middot,
+      "  ",
+      glyphs().arrowD,
+      " rows  ",
+      glyphs().middot,
+      "  s/Esc close"
+    ] }) : editingTz ? /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      "type IANA name (e.g. Europe/London) ",
+      glyphs().middot,
+      " empty = System ",
+      glyphs().middot,
+      " Enter save ",
+      glyphs().middot,
+      " Esc cancel"
+    ] }) : activeTab === "providers" ? /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      glyphs().arrowU,
+      glyphs().arrowD,
+      " select  ",
+      glyphs().middot,
+      "  space toggle provider  ",
+      glyphs().middot,
+      "  s/Esc close"
+    ] }) : activeTab === "accounts" && cursor >= 0 && cursor < trackedAccounts.length ? trackedAccounts[cursor]?.source === "auto" ? /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      glyphs().arrowU,
+      glyphs().arrowD,
+      " select  ",
+      glyphs().middot,
+      "  Enter configure  ",
+      glyphs().middot,
+      "  space activate  ",
+      glyphs().middot,
+      "  s/Esc close"
+    ] }) : /* @__PURE__ */ jsxs3(Text3, { 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"
+    ] }) : activeTab === "accounts" && cursor === trackedAccounts.length ? /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      glyphs().arrowU,
+      glyphs().arrowD,
+      " select  ",
+      glyphs().middot,
+      "  Enter add account  ",
+      glyphs().middot,
+      "  s/Esc close"
+    ] }) : /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      glyphs().arrowU,
+      glyphs().arrowD,
+      " select  ",
+      glyphs().arrowL,
+      glyphs().arrowR,
+      " adjust  Enter edit  tab switch section  s/Esc close"
+    ] })
+  ] });
+});
+function SettingsTabBar({ active, focused }) {
+  return /* @__PURE__ */ jsxs3(Box3, { children: [
+    /* @__PURE__ */ jsxs3(Text3, { color: focused ? "green" : void 0, children: [
+      focused ? glyphs().caretR : " ",
+      " "
+    ] }),
+    SETTINGS_TABS.map((tab, i) => {
+      const selected = tab === active;
+      return /* @__PURE__ */ jsxs3(Box3, { marginRight: 1, children: [
+        selected ? /* @__PURE__ */ jsxs3(Text3, { bold: true, inverse: true, children: [
+          " ",
+          SETTINGS_TAB_LABELS[tab],
+          " "
+        ] }) : /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          " ",
+          SETTINGS_TAB_LABELS[tab],
+          " "
+        ] }),
+        i < SETTINGS_TABS.length - 1 && /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: " " })
+      ] }, tab);
+    })
+  ] });
+}
+function CaretText({ value, caret, color }) {
+  const c = Math.max(0, Math.min(caret, value.length));
+  if (c >= value.length) {
+    return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(Text3, { bold: true, color, children: value }),
+      /* @__PURE__ */ jsx3(Text3, { color, children: glyphs().vbar })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx3(Text3, { bold: true, color, children: value.slice(0, c) }),
+    /* @__PURE__ */ jsx3(Text3, { inverse: true, color, children: value[c] }),
+    /* @__PURE__ */ jsx3(Text3, { bold: true, color, children: value.slice(c + 1) })
+  ] });
+}
+function Row({ cursor, idx, label, children }) {
+  return /* @__PURE__ */ jsxs3(Box3, { children: [
+    /* @__PURE__ */ jsxs3(Text3, { color: cursor === idx ? "green" : void 0, children: [
+      cursor === idx ? glyphs().caretR : " ",
+      " "
+    ] }),
+    /* @__PURE__ */ jsx3(Box3, { width: 20, children: /* @__PURE__ */ jsx3(Text3, { 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__ */ jsxs3(Box3, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsxs3(Box3, { children: [
+      /* @__PURE__ */ jsx3(Text3, { color: accent, bold: true, children: glyphs().vbar }),
+      /* @__PURE__ */ jsxs3(Text3, { bold: true, children: [
+        " ",
+        form.mode === "add" ? "NEW ACCOUNT" : "EDIT ACCOUNT"
+      ] }),
+      /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        "   step ",
+        step,
+        " of 4"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(Stepper, { active: form.field, accent }) }),
+    /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, flexDirection: "column", borderStyle: glyphs().border, borderColor: accent, paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx3(ProviderField, { value: form.providerId, focused: form.field === "provider" }),
+      /* @__PURE__ */ jsx3(Box3, { height: 1 }),
+      /* @__PURE__ */ jsx3(
+        FormField,
+        {
+          label: "Name",
+          hint: "display name for this account",
+          value: form.name,
+          focused: form.field === "name",
+          caret: form.caret,
+          accent,
+          placeholder: "e.g. Work, Personal"
+        }
+      ),
+      /* @__PURE__ */ jsx3(Box3, { height: 1 }),
+      /* @__PURE__ */ jsx3(
+        FormField,
+        {
+          label: "Home directory",
+          hint: `path containing the tool's data dir  ${glyphs().middot}  ~ for default`,
+          value: form.homeDir,
+          focused: form.field === "homeDir",
+          caret: form.caret,
+          accent,
+          placeholder: "~/work",
+          mono: true
+        }
+      ),
+      /* @__PURE__ */ jsx3(Box3, { height: 1 }),
+      /* @__PURE__ */ jsx3(ColorField, { value: form.color, focused: form.field === "color" }),
+      /* @__PURE__ */ jsx3(Box3, { height: 1 }),
+      /* @__PURE__ */ jsxs3(Box3, { children: [
+        /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          "id  ",
+          glyphs().boxMark,
+          " "
+        ] }),
+        /* @__PURE__ */ jsx3(Text3, { bold: true, color: accent, children: previewId || "account" }),
+        /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          " ",
+          glyphs().boxMark,
+          "   auto-generated from name"
+        ] })
+      ] })
+    ] }),
+    form.error && /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsxs3(Text3, { color: "red", children: [
+      glyphs().warn,
+      " ",
+      form.error
+    ] }) }),
+    /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, children: [
+      /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        "tab/",
+        glyphs().arrowU,
+        glyphs().arrowD,
+        " "
+      ] }),
+      /* @__PURE__ */ jsx3(Text3, { children: "switch field" }),
+      /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        "  ",
+        glyphs().middot,
+        "  "
+      ] }),
+      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "enter " }),
+      /* @__PURE__ */ jsx3(Text3, { children: form.field === "color" ? "save" : "next" }),
+      /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        "  ",
+        glyphs().middot,
+        "  "
+      ] }),
+      form.field === "color" || form.field === "provider" ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          glyphs().arrowL,
+          glyphs().arrowR,
+          " "
+        ] }),
+        /* @__PURE__ */ jsx3(Text3, { children: form.field === "provider" ? "pick provider" : "pick color" }),
+        /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          "  ",
+          glyphs().middot,
+          "  "
+        ] })
+      ] }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          glyphs().arrowL,
+          glyphs().arrowR,
+          " "
+        ] }),
+        /* @__PURE__ */ jsx3(Text3, { children: "move caret" }),
+        /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          "  ",
+          glyphs().middot,
+          "  "
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "ctrl+s " }),
+      /* @__PURE__ */ jsx3(Text3, { children: "save" }),
+      /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        "  ",
+        glyphs().middot,
+        "  "
+      ] }),
+      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "esc " }),
+      /* @__PURE__ */ jsx3(Text3, { children: "cancel" })
+    ] })
+  ] });
+}
+function Stepper({ active, accent }) {
+  const steps = [
+    { id: "provider", label: "Provider" },
+    { id: "name", label: "Name" },
+    { id: "homeDir", label: "Home" },
+    { id: "color", label: "Color" }
+  ];
+  const activeIdx = steps.findIndex((s) => s.id === active);
+  return /* @__PURE__ */ jsx3(Box3, { 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__ */ jsxs3(Box3, { children: [
+      /* @__PURE__ */ jsxs3(Text3, { color: cur || done ? accent : void 0, dimColor: !cur && !done, children: [
+        dot,
+        " "
+      ] }),
+      /* @__PURE__ */ jsx3(Text3, { bold: cur, color: cur ? accent : void 0, dimColor: !cur, children: s.label }),
+      i < steps.length - 1 && /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        "  ",
+        glyphs().rule,
+        "  "
+      ] })
+    ] }, s.id);
+  }) });
+}
+function ProviderField({ value, focused }) {
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsxs3(Text3, { color: focused ? PROVIDERS[value].color : void 0, bold: focused, dimColor: !focused, children: [
+      focused ? glyphs().caretR : " ",
+      " Provider"
+    ] }) }),
+    /* @__PURE__ */ jsxs3(Box3, { children: [
+      /* @__PURE__ */ jsxs3(Text3, { children: [
+        "  ",
+        focused ? glyphs().vbar : " ",
+        " "
+      ] }),
+      PROVIDER_ORDER.map((pid) => {
+        const selected = pid === value;
+        const p = PROVIDERS[pid];
+        return /* @__PURE__ */ jsx3(Box3, { marginRight: 2, children: selected ? /* @__PURE__ */ jsxs3(Text3, { bold: true, color: p.color, children: [
+          "[",
+          p.name,
+          "]"
+        ] }) : /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: p.name }) }, pid);
+      })
+    ] }),
+    /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "      which tool this account tracks" }) })
+  ] });
+}
+function FormField({ label, hint, value, focused, caret, accent, placeholder, mono }) {
+  const isPlaceholder = value === "";
+  const display = isPlaceholder ? placeholder : value;
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsxs3(Text3, { color: focused ? accent : void 0, bold: focused, dimColor: !focused, children: [
+      focused ? glyphs().caretR : " ",
+      " ",
+      label
+    ] }) }),
+    /* @__PURE__ */ jsxs3(Box3, { children: [
+      /* @__PURE__ */ jsxs3(Text3, { color: focused ? accent : void 0, children: [
+        "  ",
+        focused ? glyphs().vbar : " ",
+        " "
+      ] }),
+      focused ? isPlaceholder ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        /* @__PURE__ */ jsx3(Text3, { color: accent, children: glyphs().vbar }),
+        /* @__PURE__ */ jsx3(Text3, { dimColor: true, italic: mono, children: placeholder })
+      ] }) : /* @__PURE__ */ jsx3(CaretText, { value, caret: caret ?? value.length, color: accent }) : /* @__PURE__ */ jsx3(Text3, { dimColor: isPlaceholder, italic: mono && isPlaceholder, children: display })
+    ] }),
+    /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      "      ",
+      hint
+    ] }) })
+  ] });
+}
+function ColorField({ value, focused }) {
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsxs3(Text3, { color: focused ? value : void 0, bold: focused, dimColor: !focused, children: [
+      focused ? glyphs().caretR : " ",
+      " Accent color"
+    ] }) }),
+    /* @__PURE__ */ jsxs3(Box3, { children: [
+      /* @__PURE__ */ jsxs3(Text3, { children: [
+        "  ",
+        focused ? glyphs().vbar : " ",
+        " "
+      ] }),
+      COLOR_PALETTE.map((c) => /* @__PURE__ */ jsx3(Box3, { marginRight: 1, children: c === value ? /* @__PURE__ */ jsxs3(Text3, { bold: true, color: c, children: [
+        "[",
+        glyphs().dot,
+        "]"
+      ] }) : /* @__PURE__ */ jsxs3(Text3, { color: c, dimColor: !focused, children: [
+        " ",
+        glyphs().dot
+      ] }) }, c))
+    ] }),
+    /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "      shows on dashboard, account strip, borders" }) })
+  ] });
+}
+
+// src/ui/table.tsx
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var MONTHS = ["", "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+var TableProviderBar = memo4(function TableProviderBar2({ providers, active, onSelect }) {
+  return /* @__PURE__ */ jsxs4(Box4, { children: [
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "provider  " }),
+    providers.map((p) => {
+      const meta = PROVIDERS[p];
+      return /* @__PURE__ */ jsx4(ClickableBox, { onClick: () => onSelect(p), marginRight: 1, children: p === active ? /* @__PURE__ */ jsxs4(Text4, { bold: true, color: meta.color, inverse: true, children: [
+        " ",
+        meta.name,
+        " "
+      ] }) : /* @__PURE__ */ jsxs4(Text4, { color: meta.color, dimColor: true, children: [
+        " ",
+        meta.name,
+        " "
+      ] }) }, p);
+    }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "  p/P switch" })
+  ] });
+});
+var ControlBar = memo4(function ControlBar2({ views, period, sort, search, searchCaret, searching, showPeriod }) {
+  return /* @__PURE__ */ jsxs4(Box4, { children: [
+    showPeriod && /* @__PURE__ */ jsxs4(Fragment3, { children: [
+      views.map((v, i) => /* @__PURE__ */ jsx4(Box4, { marginRight: 2, children: i === period ? /* @__PURE__ */ jsxs4(Text4, { bold: true, color: "cyan", children: [
+        "[",
+        v,
+        "]"
+      ] }) : /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: v }) }, v)),
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "  " })
+    ] }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "sort " }),
+    /* @__PURE__ */ jsx4(Text4, { bold: true, color: "magenta", children: sort }),
+    /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+      "  o cycle  ",
+      glyphs().middot,
+      "  "
+    ] }),
+    searching ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "/" }),
+      /* @__PURE__ */ jsx4(CaretText, { value: search, caret: searchCaret, color: "cyan" })
+    ] }) : search ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "filter " }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "green", children: search }),
+      /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+        " (/ edit ",
+        glyphs().middot,
+        " esc clear)"
+      ] })
+    ] }) : /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "/ filter" })
+  ] });
+});
+var TokenTable = memo4(function TokenTable2({ rows, cursor, expanded, maxRows, cols, onRowClick }) {
+  if (rows.length === 0) return /* @__PURE__ */ jsx4(Text4, { 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__ */ jsxs4(Box4, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs4(Text4, { children: [
+      /* @__PURE__ */ jsxs4(Text4, { bold: true, children: [
+        "  ",
+        col("Date", W.label, "left")
+      ] }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, children: col("Models", W.models, "left") }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, children: col("Input", W.input) }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, children: col("Output", W.output) }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, children: col(wide ? "Cache Create" : "CchCrt", W.cc) }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, children: col(wide ? "Cache Read" : "CchRd", W.cr) }),
+      W.total > 0 && /* @__PURE__ */ jsx4(Text4, { bold: true, children: col("Total", W.total) }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, children: col("Cost", W.cost) })
+    ] }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: glyphs().rule.repeat(lineW + 2) }),
+    visible.map((r, vi) => {
+      const idx = scrollStart + vi;
+      const selected = idx === clampedCursor;
+      return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx4(ClickableBox, { onClick: () => onRowClick(idx), children: /* @__PURE__ */ jsxs4(Text4, { inverse: selected, children: [
+          /* @__PURE__ */ jsxs4(Text4, { color: selected ? void 0 : "cyan", children: [
+            selected ? `${glyphs().caretR} ` : "  ",
+            col(fmtLabel(r.label), W.label, "left")
+          ] }),
+          /* @__PURE__ */ jsx4(Text4, { dimColor: !selected, children: col(r.models.join(", "), W.models, "left") }),
+          /* @__PURE__ */ jsx4(Text4, { children: col(tokens(r.input), W.input) }),
+          /* @__PURE__ */ jsx4(Text4, { children: col(tokens(r.output), W.output) }),
+          /* @__PURE__ */ jsx4(Text4, { children: col(tokens(r.cacheCreate), W.cc) }),
+          /* @__PURE__ */ jsx4(Text4, { children: col(tokens(r.cacheRead), W.cr) }),
+          W.total > 0 && /* @__PURE__ */ jsx4(Text4, { children: col(tokens(r.total), W.total) }),
+          /* @__PURE__ */ jsx4(Text4, { bold: true, color: selected ? void 0 : "yellow", children: col(currency(r.cost), W.cost) })
+        ] }) }),
+        idx === expanded && /* @__PURE__ */ jsx4(RowDetail, { row: r, indent: W.label + 2 })
+      ] }, r.label);
+    }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: glyphs().rule.repeat(lineW + 2) }),
+    /* @__PURE__ */ jsxs4(Text4, { children: [
+      /* @__PURE__ */ jsxs4(Text4, { bold: true, color: "greenBright", children: [
+        "  ",
+        col("Total", W.label, "left")
+      ] }),
+      /* @__PURE__ */ jsx4(Text4, { children: col("", W.models, "left") }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: col(tokens(totals.input), W.input) }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: col(tokens(totals.output), W.output) }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: col(tokens(totals.cacheCreate), W.cc) }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: col(tokens(totals.cacheRead), W.cr) }),
+      W.total > 0 && /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: col(tokens(totals.input + totals.output + totals.cacheCreate + totals.cacheRead), W.total) }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellowBright", children: col(currency(totals.cost), W.cost) })
+    ] }),
+    /* @__PURE__ */ jsx4(Box4, { height: 1 }),
+    /* @__PURE__ */ jsxs4(Text4, { 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__ */ jsx4(Box4, { flexDirection: "column", paddingLeft: indent, children: row.breakdown.map((m, i) => /* @__PURE__ */ jsxs4(Text4, { children: [
+    /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+      i === row.breakdown.length - 1 ? glyphs().treeEnd : glyphs().treeMid,
+      " "
+    ] }),
+    /* @__PURE__ */ jsx4(Text4, { bold: true, children: col(m.name, 16, "left") }),
+    /* @__PURE__ */ jsxs4(Text4, { children: [
+      col(tokens(m.input), 8),
+      " in  "
+    ] }),
+    /* @__PURE__ */ jsxs4(Text4, { children: [
+      col(tokens(m.output), 8),
+      " out  "
+    ] }),
+    /* @__PURE__ */ jsxs4(Text4, { children: [
+      col(tokens(m.cacheCreate), 8),
+      " cc  "
+    ] }),
+    /* @__PURE__ */ jsxs4(Text4, { children: [
+      col(tokens(m.cacheRead), 9),
+      " cr  "
+    ] }),
+    /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: currency(m.cost) })
+  ] }, m.name)) });
+}
+var CursorSpendTable = memo4(function CursorSpendTable2({ rows, cursor, maxRows, onRowClick }) {
+  if (rows.length === 0) return /* @__PURE__ */ jsx4(Text4, { 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__ */ jsxs4(Box4, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs4(Text4, { children: [
+      /* @__PURE__ */ jsxs4(Text4, { bold: true, children: [
+        "  ",
+        col("Model", W.model, "left")
+      ] }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, children: col("Cost", W.cost) }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, children: col("Amount", W.amount) }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, children: col("Share", W.share) })
+    ] }),
+    /* @__PURE__ */ jsx4(Text4, { 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__ */ jsx4(ClickableBox, { onClick: () => onRowClick(idx), children: /* @__PURE__ */ jsxs4(Text4, { inverse: selected, children: [
+        /* @__PURE__ */ jsxs4(Text4, { color: selected ? void 0 : "magenta", children: [
+          selected ? `${glyphs().caretR} ` : "  ",
+          col(r.name, W.model, "left")
+        ] }),
+        /* @__PURE__ */ jsx4(Text4, { bold: true, color: selected ? void 0 : "yellow", children: col(currency(r.usd), W.cost) }),
+        /* @__PURE__ */ jsx4(Text4, { children: col(tokens(r.requests), W.amount) }),
+        /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: col(share.toFixed(1) + "%", W.share) })
+      ] }) }, r.name);
+    }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: glyphs().rule.repeat(W.model + W.cost + W.amount + W.share + 2) }),
+    /* @__PURE__ */ jsxs4(Text4, { children: [
+      /* @__PURE__ */ jsxs4(Text4, { bold: true, color: "greenBright", children: [
+        "  ",
+        col("Total", W.model, "left")
+      ] }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellowBright", children: col(currency(total), W.cost) }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: col(tokens(totalAmt), W.amount) }),
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: col("100%", W.share) })
+    ] }),
+    /* @__PURE__ */ jsx4(Box4, { height: 1 }),
+    /* @__PURE__ */ jsxs4(Text4, { 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 Box5, Text as Text5 } from "ink";
+import { jsx as jsx5, jsxs as jsxs5 } 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__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text5, { bold: true, color: "greenBright", children: heading }) }),
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: subheading }),
+    /* @__PURE__ */ jsx5(Box5, { height: 1 }),
+    items.map((it, i) => {
+      const selected = cursor === i;
+      const box = it.enabled ? `[${glyphs().check}]` : "[ ]";
+      return /* @__PURE__ */ jsxs5(ClickableBox, { onClick: () => onToggle(i), children: [
+        /* @__PURE__ */ jsxs5(Text5, { color: selected ? "green" : void 0, children: [
+          selected ? glyphs().caretR : " ",
+          " "
+        ] }),
+        /* @__PURE__ */ jsx5(Text5, { bold: it.enabled, color: it.enabled ? it.color : void 0, dimColor: !it.enabled, children: box }),
+        /* @__PURE__ */ jsxs5(Text5, { color: it.color, children: [
+          " ",
+          glyphs().dot,
+          " "
+        ] }),
+        /* @__PURE__ */ jsx5(Box5, { width: 13, flexShrink: 0, children: /* @__PURE__ */ jsx5(Text5, { bold: selected, dimColor: !it.detected && !it.enabled, wrap: "truncate", children: it.name }) }),
+        it.detected ? /* @__PURE__ */ jsx5(Text5, { color: "green", dimColor: true, children: "installed" }) : it.enabled ? /* @__PURE__ */ jsx5(Text5, { color: "yellow", dimColor: true, children: "manual" }) : /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "not found" })
+      ] }, it.id);
+    }),
+    /* @__PURE__ */ jsx5(Box5, { height: 1 }),
+    /* @__PURE__ */ jsxs5(ClickableBox, { onClick: onConfirm, children: [
+      /* @__PURE__ */ jsxs5(Text5, { color: cursor === startIdx ? "green" : void 0, children: [
+        cursor === startIdx ? glyphs().caretR : " ",
+        " "
+      ] }),
+      /* @__PURE__ */ jsx5(Text5, { bold: true, color: anyEnabled ? "greenBright" : void 0, dimColor: !anyEnabled, children: anyEnabled ? `${glyphs().play} Start tokmon` : `${glyphs().play} Start (nothing selected)` })
+    ] }),
+    /* @__PURE__ */ jsx5(Box5, { height: 1 }),
+    /* @__PURE__ */ jsxs5(Text5, { 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 Box6, Text as Text6 } from "ink";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function accountReady(s, providerId) {
+  if (!s) return false;
+  const p = PROVIDERS[providerId];
+  if (p.hasBilling && (s.billingState === "error" || s.billing?.error)) return true;
+  if (p.hasUsage && s.summaryState !== "ready" && s.summaryState !== "error") return false;
+  if (p.hasBilling && s.billingState !== "ready" && s.billingState !== "error") return false;
+  return true;
+}
+function statsReadyInput(s) {
+  if (!s) return void 0;
+  return {
+    summaryState: s.dashboard ? "ready" : "pending",
+    billingState: s.billing?.error ? "error" : s.billing ? "ready" : "pending",
+    billing: s.billing
+  };
+}
+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, readyInput }) {
+  const resolveReady = readyInput ?? ((id) => statsReadyInput(stats.get(id)));
+  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(resolveReady(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__ */ jsxs6(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs6(Text6, { bold: true, color: "greenBright", children: [
+      glyphs().dotSel,
+      " tokmon"
+    ] }),
+    /* @__PURE__ */ jsxs6(Box6, { marginTop: 1, children: [
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        "Detecting installed tools",
+        glyphs().ellipsis
+      ] }),
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        "  ",
+        groups.length,
+        " found"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs6(Box6, { 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(resolveReady(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__ */ jsxs6(Box6, { children: [
+            /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+              glyphs().dot,
+              " "
+            ] }),
+            /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+              name,
+              namePad
+            ] })
+          ] }, g.provider);
+        }
+        return /* @__PURE__ */ jsxs6(Box6, { children: [
+          /* @__PURE__ */ jsxs6(Text6, { color: meta.color, children: [
+            glyphs().dot,
+            " "
+          ] }),
+          /* @__PURE__ */ jsx6(Text6, { bold: true, color: meta.color, children: name }),
+          /* @__PURE__ */ jsx6(Text6, { children: namePad }),
+          /* @__PURE__ */ jsx6(Text6, { children: "  " }),
+          errored ? /* @__PURE__ */ jsxs6(Text6, { color: "red", children: [
+            glyphs().warn,
+            " "
+          ] }) : ready ? /* @__PURE__ */ jsxs6(Text6, { color: "green", children: [
+            glyphs().check,
+            " "
+          ] }) : /* @__PURE__ */ jsxs6(Text6, { color: "green", children: [
+            sp[frame % sp.length],
+            " "
+          ] }),
+          errored ? /* @__PURE__ */ jsx6(Text6, { color: "red", children: headlineFor(g, items) }) : ready ? /* @__PURE__ */ jsx6(Text6, { children: headlineFor(g, items) }) : /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+            "loading",
+            glyphs().ellipsis
+          ] })
+        ] }, g.provider);
+      }),
+      hidden > 0 && /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        "+",
+        hidden,
+        " more"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs6(Box6, { marginTop: 1, children: [
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        "loading ",
+        readyCount,
+        " / ",
+        groups.length
+      ] }),
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        "  ",
+        glyphs().middot,
+        "  W opens the web dashboard once loaded"
+      ] })
+    ] })
+  ] });
+}
+
+// src/ui/app-layout.logic.ts
+function deriveSlots(accounts) {
+  return 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 }));
+}
+function findActiveSlot(slots, activeAccountId) {
+  if (activeAccountId === null) return { activeSlotIdx: 0, focusId: slots[0]?.id ?? null };
+  const i = slots.findIndex((s) => s.id === activeAccountId);
+  const activeSlotIdx = i < 0 ? 0 : i;
+  return { activeSlotIdx, focusId: slots[activeSlotIdx]?.id ?? null };
+}
+function computeChrome(slots, cols, rows) {
+  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);
+  return { hasStrip, stripChipW, stripChars, stripLines, headerRows, CHROME, gridBudget };
+}
+
+// src/ui/resizing.tsx
+import { Box as Box7, Text as Text7 } from "ink";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+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 })
+  ] }) });
+}
+
+// src/ui/account-strip.tsx
+import { memo as memo5 } from "react";
+import { Box as Box8, Text as Text8 } from "ink";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var AccountStrip = memo5(function AccountStrip2({ slots, activeIdx, onSelect }) {
+  return /* @__PURE__ */ jsx8(Box8, { flexWrap: "wrap", children: slots.map((s, i) => {
+    const active = i === activeIdx;
+    const dot = s.id === null ? glyphs().dotAll : glyphs().dot;
+    const label = truncateName(s.name, 16);
+    return /* @__PURE__ */ jsxs8(ClickableBox, { onClick: () => onSelect(i), marginRight: 2, children: [
+      /* @__PURE__ */ jsx8(Text8, { dimColor: !active, children: i }),
+      /* @__PURE__ */ jsx8(Text8, { children: " " }),
+      /* @__PURE__ */ jsx8(Text8, { color: s.color, bold: active, dimColor: !active, children: dot }),
+      /* @__PURE__ */ jsx8(Text8, { children: " " }),
+      active ? /* @__PURE__ */ jsx8(Text8, { bold: true, color: s.color, children: label }) : /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: label })
+    ] }, s.id ?? "__all__");
+  }) });
+});
+
+// src/ui/footer.tsx
+import { memo as memo6 } from "react";
+import { Box as Box9, Text as Text9, Transform } from "ink";
+
+// src/ui/terminal.ts
+import { spawn } from "child_process";
+import { appendFileSync as appendFileSync2 } from "fs";
+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`;
+}
+
+// src/ui/footer.tsx
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var Footer = memo6(function Footer2({ hasAccounts, paginated, cols }) {
+  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__ */ jsxs9(Box9, { marginTop: 1, flexWrap: "nowrap", children: [
+    /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "by " }),
+    /* @__PURE__ */ jsx9(LinkBox, { onClick: () => openUrl(REPO_URL), children: /* @__PURE__ */ jsx9(Transform, { transform: (s) => osc8(s, REPO_URL), children: /* @__PURE__ */ jsx9(Text9, { underline: true, children: "David Ilie" }) }) }),
+    /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: " (" }),
+    /* @__PURE__ */ jsx9(LinkBox, { onClick: () => openUrl(SITE_URL), children: /* @__PURE__ */ jsx9(Transform, { transform: (s) => osc8(s, SITE_URL), children: /* @__PURE__ */ jsx9(Text9, { color: "cyan", underline: true, children: "davidilie.com" }) }) }),
+    /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
+      ")  ",
+      glyphs().middot,
+      "  O=repo  W=web  s=settings  "
+    ] }),
+    showOpt && /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: optHint }),
+    showJump && /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "0-9=jump  a/A=cycle  " }),
+    showPage && /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "scroll=page  " }),
+    /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "q=quit" })
+  ] });
+});
+
+// src/ui/tiny-fallback.tsx
+import { Box as Box10, Text as Text10 } from "ink";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+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__ */ jsxs10(Box10, { flexDirection: "column", paddingX: 1, height: rows, overflow: "hidden", children: [
+    /* @__PURE__ */ jsxs10(Text10, { bold: true, color: "greenBright", children: [
+      glyphs().dotSel,
+      " tokmon"
+    ] }),
+    groups.length === 0 ? /* @__PURE__ */ jsxs10(Text10, { dimColor: true, children: [
+      "No providers ",
+      glyphs().emDash,
+      " s=settings"
+    ] }) : visible.map((g) => /* @__PURE__ */ jsx10(TinyRow, { provider: g.provider, accounts: g.accounts, stats, width: w }, g.provider)),
+    hidden > 0 && /* @__PURE__ */ jsxs10(Text10, { dimColor: true, children: [
+      "+",
+      hidden,
+      " more (enlarge terminal)"
+    ] }),
+    /* @__PURE__ */ jsx10(Box10, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx10(Text10, { 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__ */ jsxs10(Box10, { width, children: [
+    /* @__PURE__ */ jsxs10(Text10, { color: meta.color, children: [
+      glyphs().dot,
+      " "
+    ] }),
+    /* @__PURE__ */ jsx10(Text10, { bold: true, color: meta.color, children: name }),
+    /* @__PURE__ */ jsx10(Box10, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: detail })
+  ] });
+}
+
+// src/client/use-daemon.ts
+import { useEffect as useEffect3, useMemo, useRef as useRef2, useState as useState3 } from "react";
+
+// src/client/daemon-rpc-client.ts
+import { Cause, Context, Duration, Effect, Fiber, Layer, ManagedRuntime, Schedule, Stream } from "effect";
+import { RpcClient, RpcSerialization } from "effect/unstable/rpc";
+import * as Socket from "effect/unstable/socket/Socket";
+var TokmonRpcClient = class extends Context.Service()(
+  "tokmon/client/DaemonRpcClient/TokmonRpcClient"
+) {
+};
+var dynamicImport = new Function("specifier", "return import(specifier)");
+function toWsUrl(baseUrl, token) {
+  const base = typeof window === "undefined" ? void 0 : window.location.origin;
+  const url = new URL(baseUrl, base);
+  if (url.protocol === "http:") url.protocol = "ws:";
+  else if (url.protocol === "https:") url.protocol = "wss:";
+  if (url.protocol !== "ws:" && url.protocol !== "wss:") {
+    throw new Error(`unsupported daemon RPC protocol: ${url.protocol}`);
+  }
+  url.pathname = TOKMON_WS_PATH;
+  if (token) url.searchParams.set("wsToken", token);
+  return url.toString();
+}
+function shouldUseNodeTransport(transport) {
+  if (transport === "node") return true;
+  if (transport === "browser") return false;
+  return typeof window === "undefined";
+}
+async function socketLayerFor(url, transport) {
+  if (shouldUseNodeTransport(transport)) {
+    const NodeSocket = await dynamicImport("@effect/platform-node/NodeSocket");
+    return NodeSocket.layerWebSocket(url);
+  }
+  return Socket.layerWebSocket(url).pipe(
+    Layer.provide(Socket.layerWebSocketConstructorGlobal)
+  );
+}
+function retryPolicy(options) {
+  const attempts = options.reconnectAttempts ?? 5;
+  const baseDelay = options.reconnectBaseDelayMs ?? 250;
+  return Schedule.addDelay(
+    Schedule.recurs(attempts),
+    (retryCount) => Effect.succeed(Duration.millis(Math.min(baseDelay * (retryCount + 1), 2500)))
+  );
+}
+function createDaemonRpcClient(baseUrl, options = {}) {
+  const url = toWsUrl(baseUrl, options.wsToken);
+  const fibers = /* @__PURE__ */ new Set();
+  let session = null;
+  let sessionPromise = null;
+  let closed = false;
+  const setConn = (state, error) => {
+    options.onConn?.(state, error);
+  };
+  const makeProtocolLayer = async () => {
+    const socketLayer = await socketLayerFor(url, options.transport);
+    const connectionHooksLayer = Layer.succeed(
+      RpcClient.ConnectionHooks,
+      RpcClient.ConnectionHooks.of({
+        onConnect: Effect.sync(() => {
+          setConn("live");
+        }),
+        onDisconnect: Effect.sync(() => {
+          if (!closed) setConn("reconnecting");
+        })
+      })
+    );
+    return Layer.effect(
+      RpcClient.Protocol,
+      RpcClient.makeProtocolSocket({
+        retryPolicy: retryPolicy(options),
+        retryTransientErrors: true
+      })
+    ).pipe(
+      Layer.provide(Layer.mergeAll(socketLayer, RpcSerialization.layerJson, connectionHooksLayer))
+    );
+  };
+  const ensureSession = async () => {
+    if (closed) throw new Error("daemon RPC client is closed");
+    if (session) return session;
+    if (sessionPromise) return sessionPromise;
+    setConn("connecting");
+    sessionPromise = (async () => {
+      let runtime;
+      try {
+        const protocolLayer = await makeProtocolLayer();
+        const clientLayer = Layer.effect(
+          TokmonRpcClient,
+          RpcClient.make(TokmonRpcGroup)
+        ).pipe(
+          Layer.provide(protocolLayer)
+        );
+        runtime = ManagedRuntime.make(clientLayer);
+        await runtime.runPromise(TokmonRpcClient.asEffect());
+        if (closed) {
+          await runtime.dispose();
+          throw new Error("daemon RPC client is closed");
+        }
+        session = { runtime };
+        return session;
+      } catch (error) {
+        sessionPromise = null;
+        await runtime?.dispose().catch(() => {
+        });
+        if (!closed) setConn("error", error);
+        throw error;
+      }
+    })();
+    return sessionPromise;
+  };
+  const run = async (effectFor) => {
+    const active = await ensureSession();
+    try {
+      return await active.runtime.runPromise(
+        TokmonRpcClient.use((client) => effectFor(client))
+      );
+    } catch (error) {
+      if (!closed) setConn("error", error);
+      throw error;
+    }
+  };
+  const subscribe = (streamFor, onValue) => {
+    if (closed) return () => {
+    };
+    let fiber = null;
+    let unsubscribed = false;
+    void (async () => {
+      try {
+        const active = await ensureSession();
+        if (closed || unsubscribed) return;
+        fiber = active.runtime.runFork(
+          TokmonRpcClient.use(
+            (client) => streamFor(client).pipe(
+              Stream.runForEach(
+                (value) => Effect.sync(() => {
+                  try {
+                    onValue(value);
+                  } catch {
+                  }
+                })
+              )
+            )
+          ).pipe(Effect.catchCause(
+            (cause) => Effect.sync(() => {
+              if (!closed && !unsubscribed) setConn("error", Cause.squash(cause));
+            })
+          ))
+        );
+        fibers.add(fiber);
+        fiber.addObserver(() => {
+          if (fiber) fibers.delete(fiber);
+        });
+      } catch (error) {
+        if (!closed && !unsubscribed) setConn("error", error);
+      }
+    })();
+    return () => {
+      unsubscribed = true;
+      if (!fiber) return;
+      fibers.delete(fiber);
+      void (session?.runtime.runPromise(Fiber.interrupt(fiber)) ?? Effect.runPromise(Fiber.interrupt(fiber))).catch(() => {
+      });
+    };
+  };
+  return {
+    getConfig: () => run((client) => client[TOKMON_WS_METHODS.getConfig]({})),
+    setConfig: (config) => run((client) => client[TOKMON_WS_METHODS.setConfig](config)),
+    refresh: (scope = "all") => run((client) => client[TOKMON_WS_METHODS.refresh]({ scope })),
+    browseFs: (path) => run((client) => client[TOKMON_WS_METHODS.browseFs]({ path })),
+    subscribeSnapshot: (onSnapshot) => subscribe((client) => client[TOKMON_WS_METHODS.snapshot]({}), onSnapshot),
+    subscribeConfig: (onConfig) => subscribe((client) => client[TOKMON_WS_METHODS.config]({}), onConfig),
+    async close() {
+      if (closed) return;
+      closed = true;
+      setConn("closed");
+      const active = [...fibers];
+      fibers.clear();
+      const activeSession = session ?? await sessionPromise?.catch(() => null) ?? null;
+      await Promise.all(active.map(
+        (fiber) => (activeSession?.runtime.runPromise(Fiber.interrupt(fiber)) ?? Effect.runPromise(Fiber.interrupt(fiber))).catch(() => {
+        })
+      ));
+      session = null;
+      sessionPromise = null;
+      if (activeSession) {
+        await activeSession.runtime.dispose().catch(() => {
+        });
+      }
+    }
+  };
+}
+
+// src/client/use-daemon.ts
+function useDaemon(baseUrl, wsToken) {
+  const [snapshot, setSnapshot] = useState3(null);
+  const [conn, setConn] = useState3("connecting");
+  const [config, setConfigState] = useState3(null);
+  const client = useMemo(() => {
+    if (!baseUrl || !wsToken) return null;
+    return createDaemonRpcClient(baseUrl, {
+      transport: "node",
+      wsToken,
+      onConn: (state) => {
+        if (state !== "closed") setConn(state);
+      }
+    });
+  }, [baseUrl, wsToken]);
+  const clientRef = useRef2(client);
+  clientRef.current = client;
+  useEffect3(() => {
+    if (!client) return;
+    const unsubSnapshot = client.subscribeSnapshot(setSnapshot);
+    const unsubConfig = client.subscribeConfig(setConfigState);
+    return () => {
+      unsubSnapshot();
+      unsubConfig();
+      void client.close();
+    };
+  }, [client]);
+  const requireClient = () => {
+    if (!clientRef.current) throw new Error("daemon RPC client is unavailable");
+    return clientRef.current;
+  };
+  return {
+    snapshot,
+    conn,
+    config,
+    setConfig: (next) => requireClient().setConfig(next),
+    refresh: (scope) => requireClient().refresh(scope),
+    browse: (path) => requireClient().browseFs(path)
+  };
+}
+
+// src/client/snapshot-adapter.ts
+function indexById(snapshot) {
+  const m = /* @__PURE__ */ new Map();
+  if (snapshot) for (const a of snapshot.accounts) m.set(a.id, a);
+  return m;
+}
+function toStatsMap(snapshot, accounts) {
+  const byId = indexById(snapshot);
+  const out = /* @__PURE__ */ new Map();
+  for (const account of accounts) {
+    const wa = byId.get(account.id);
+    out.set(account.id, {
+      account,
+      dashboard: wa?.dashboard ?? null,
+      billing: wa?.billing ?? null
+    });
+  }
+  return out;
+}
+function toCursorRows(snapshot, accountId) {
+  if (!snapshot || !accountId) return null;
+  const wa = snapshot.accounts.find((a) => a.id === accountId);
+  if (!wa) return null;
+  if (wa.billingState === "pending") return null;
+  const spend = wa.billing?.modelSpend;
+  if (!spend) return [];
+  return spend.map((m) => ({ name: m.name, usd: m.usd, requests: m.requests }));
+}
+function pickTable(snapshot, accountIds) {
+  if (!snapshot) return null;
+  const byId = indexById(snapshot);
+  const tables = [];
+  for (const id of accountIds) {
+    const t = byId.get(id)?.table;
+    if (t) tables.push(t);
+  }
+  return coalesceTables(tables);
+}
+
+// src/app.logic.ts
+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 acctKey = (a) => `${a.id}:${a.homeDir ?? ""}`;
+var clampCaret = (caret, len) => Math.max(0, Math.min(caret, len));
+function spliceInsert(value, caret, text) {
+  const c = clampCaret(caret, value.length);
+  return { value: value.slice(0, c) + text + value.slice(c), caret: c + text.length };
+}
+function spliceBackspace(value, caret) {
+  const c = clampCaret(caret, value.length);
+  if (c === 0) return { value, caret: 0 };
+  return { value: value.slice(0, c - 1) + value.slice(c), caret: c - 1 };
+}
+function applyStartup(c, cliInterval) {
+  if (cliInterval) c = { ...c, interval: cliInterval / 1e3 };
+  if (c.defaultFocus === "all") c = { ...c, activeAccountId: null };
+  return c;
+}
+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);
+  return coalesceTables(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);
+  }
+}
+
+// src/ui/keybindings.ts
+function handleKey(input, key, ctx) {
+  const {
+    showPicker,
+    pickerProviders,
+    onboardCursor,
+    setOnboardCursor,
+    toggleOnboard,
+    confirmOnboarding,
+    exit,
+    showSettings,
+    accountForm,
+    setAccountForm,
+    commitAccountForm,
+    cycleFormField,
+    cycleProvider,
+    cycleColor,
+    isPrintable,
+    insertText,
+    tzEdit,
+    setTzEdit,
+    setTzError,
+    updateConfig,
+    setTzCaret,
+    tzValueRef,
+    tzCaretRef,
+    tab,
+    searchMode,
+    setSearchMode,
+    search,
+    setSearch,
+    setSearchCaret,
+    searchValueRef,
+    searchCaretRef,
+    showLoader,
+    configReady,
+    toggleWeb,
+    settingsCursor,
+    settingsTab,
+    setSettingsTab,
+    setShowSettings,
+    cfg,
+    trackedAccountRows,
+    moveAccount,
+    setSettingsCursor,
+    toggleProvider,
+    openEditAccount,
+    openConfigureAccount,
+    deleteAccount,
+    openAddAccount,
+    cycleAccount,
+    setTab,
+    resetView,
+    slots,
+    dashPaginated,
+    dashPageCount,
+    setDashPage,
+    cycleTableProvider,
+    setExpanded,
+    setSort,
+    SORTS_FOR,
+    tableIsCursor,
+    setView,
+    cursor,
+    rowCountRef,
+    rows,
+    setCursor,
+    clampRow
+  } = ctx;
+  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.ctrl && input === "s") {
+      commitAccountForm();
+      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", caret: f.name.length });
+        return;
+      }
+      return;
+    }
+    if (accountForm.field === "color") {
+      if (key.leftArrow) {
+        cycleColor(-1);
+        return;
+      }
+      if (key.rightArrow) {
+        cycleColor(1);
+        return;
+      }
+      if (key.return) {
+        commitAccountForm();
+        return;
+      }
+      return;
+    }
+    const tf = accountForm.field;
+    if (key.leftArrow) {
+      setAccountForm((f) => f && { ...f, caret: clampCaret(f.caret - 1, f[tf].length) });
+      return;
+    }
+    if (key.rightArrow) {
+      setAccountForm((f) => f && { ...f, caret: clampCaret(f.caret + 1, f[tf].length) });
+      return;
+    }
+    if (key.ctrl && input === "a") {
+      setAccountForm((f) => f && { ...f, caret: 0 });
+      return;
+    }
+    if (key.ctrl && input === "e") {
+      setAccountForm((f) => f && { ...f, caret: f[tf].length });
+      return;
+    }
+    if (key.return) {
+      if (tf === "name" && accountForm.name.trim() === "") {
+        setAccountForm((f) => f && { ...f, error: "Name required", caret: f.name.length });
+        return;
+      }
+      setAccountForm((f) => f && { ...f, field: tf === "name" ? "homeDir" : "color", caret: tf === "name" ? f.homeDir.length : f.caret });
+      return;
+    }
+    if (key.backspace || key.delete) {
+      setAccountForm((f) => {
+        if (!f || f.field !== "name" && f.field !== "homeDir") return f;
+        const r = spliceBackspace(f[f.field], f.caret);
+        return { ...f, [f.field]: r.value, caret: r.caret, error: null };
+      });
+      return;
+    }
+    if (isPrintable(input, key)) {
+      const clean = sanitizeTyped(input);
+      if (clean) insertText(clean);
+    }
+    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.leftArrow) {
+      setTzCaret((c) => clampCaret(c - 1, tzEdit.length));
+      return;
+    }
+    if (key.rightArrow) {
+      setTzCaret((c) => clampCaret(c + 1, tzEdit.length));
+      return;
+    }
+    if (key.ctrl && input === "a") {
+      setTzCaret(0);
+      return;
+    }
+    if (key.ctrl && input === "e") {
+      setTzCaret(tzEdit.length);
+      return;
+    }
+    if (key.backspace || key.delete) {
+      const r = spliceBackspace(tzValueRef.current, tzCaretRef.current);
+      tzValueRef.current = r.value;
+      tzCaretRef.current = r.caret;
+      setTzEdit(r.value);
+      setTzCaret(r.caret);
+      setTzError(null);
+      return;
+    }
+    if (isPrintable(input, key)) {
+      const clean = sanitizeTyped(input);
+      if (clean) insertText(clean);
+    }
+    return;
+  }
+  if (tab === 1 && searchMode) {
+    if (key.return || key.escape) {
+      setSearchMode(false);
+      if (key.escape) {
+        setSearch("");
+        setSearchCaret(0);
+      }
+      return;
+    }
+    if (key.leftArrow) {
+      setSearchCaret((c) => clampCaret(c - 1, search.length));
+      return;
+    }
+    if (key.rightArrow) {
+      setSearchCaret((c) => clampCaret(c + 1, search.length));
+      return;
+    }
+    if (key.ctrl && input === "a") {
+      setSearchCaret(0);
+      return;
+    }
+    if (key.ctrl && input === "e") {
+      setSearchCaret(search.length);
+      return;
+    }
+    if (key.backspace || key.delete) {
+      const r = spliceBackspace(searchValueRef.current, searchCaretRef.current);
+      searchValueRef.current = r.value;
+      searchCaretRef.current = r.caret;
+      setSearch(r.value);
+      setSearchCaret(r.caret);
+      return;
+    }
+    if (isPrintable(input, key)) {
+      const clean = sanitizeTyped(input);
+      if (clean) insertText(clean);
+    }
+    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 switchSettingsTab = (dir) => {
+      const idx = SETTINGS_TABS.indexOf(settingsTab);
+      setSettingsTab(SETTINGS_TABS[(idx + dir + SETTINGS_TABS.length) % SETTINGS_TABS.length]);
+      setSettingsCursor(-1);
+      setTzEdit(null);
+      setTzError(null);
+    };
+    const rowCount = settingsTab === "general" ? GENERAL_ROWS : settingsTab === "providers" ? PROVIDER_ORDER.length : trackedAccountRows.length + 1;
+    if (key.tab) {
+      switchSettingsTab(key.shift ? -1 : 1);
+      return;
+    }
+    if (input === "[") {
+      switchSettingsTab(-1);
+      return;
+    }
+    if (input === "]") {
+      switchSettingsTab(1);
+      return;
+    }
+    if (settingsCursor < 0) {
+      if (key.leftArrow) {
+        switchSettingsTab(-1);
+        return;
+      }
+      if (key.rightArrow) {
+        switchSettingsTab(1);
+        return;
+      }
+      if (key.downArrow || key.return) {
+        setSettingsCursor(0);
+        return;
+      }
+      if (key.upArrow) {
+        setSettingsCursor(Math.max(0, rowCount - 1));
+        return;
+      }
+      return;
+    }
+    const selectedAccountRow = settingsTab === "accounts" && settingsCursor >= 0 && settingsCursor < trackedAccountRows.length ? trackedAccountRows[settingsCursor] : null;
+    if (selectedAccountRow?.source === "configured" && selectedAccountRow.explicitIndex !== void 0 && key.shift && (key.upArrow || key.downArrow)) {
+      moveAccount(selectedAccountRow.explicitIndex, key.upArrow ? -1 : 1);
+      return;
+    }
+    if (key.upArrow) {
+      setSettingsCursor((c) => Math.max(-1, c - 1));
+      return;
+    }
+    if (key.downArrow) {
+      setSettingsCursor((c) => Math.min(rowCount - 1, c + 1));
+      return;
+    }
+    if (settingsTab === "general") {
+      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) {
+          const init = cfg.timezone ?? "";
+          setTzEdit(init);
+          setTzCaret(init.length);
+          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;
+      }
+      return;
+    }
+    if (settingsTab === "providers") {
+      if (settingsCursor >= 0 && settingsCursor < PROVIDER_ORDER.length && (input === " " || key.return || key.leftArrow || key.rightArrow)) {
+        toggleProvider(PROVIDER_ORDER[settingsCursor]);
+      }
+      return;
+    }
+    if (settingsTab === "accounts" && settingsCursor >= 0 && settingsCursor < trackedAccountRows.length) {
+      const row = trackedAccountRows[settingsCursor];
+      if (key.return) {
+        if (row.source === "configured") {
+          const acc = cfg.accounts.find((a) => a.id === row.explicitId);
+          if (acc) openEditAccount(acc);
+        } else {
+          openConfigureAccount(row);
+        }
+        return;
+      }
+      if (row.source === "configured" && row.explicitId && (input === "d" || input === "x")) {
+        deleteAccount(row.explicitId);
+        return;
+      }
+      if (input === " ") {
+        updateConfig((c) => ({ ...c, activeAccountId: row.id }));
+        return;
+      }
+      return;
+    }
+    if (settingsTab === "accounts" && settingsCursor === trackedAccountRows.length && key.return) {
+      openAddAccount();
+    }
+    return;
+  }
+  if (input === "s") {
+    setSettingsTab("general");
+    setShowSettings(true);
+    setSettingsCursor(-1);
+    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) {
+    if (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 (key.upArrow || key.downArrow || key.pageUp || key.pageDown || input === "G" || input === "g") return;
+  }
+  if (tab === 1) {
+    if (input === "p") {
+      cycleTableProvider(1);
+      return;
+    }
+    if (input === "P") {
+      cycleTableProvider(-1);
+      return;
+    }
+    if (input === "/") {
+      setSearchMode(true);
+      setSearchCaret(search.length);
+      return;
+    }
+    if (key.escape) {
+      if (search) {
+        setSearch("");
+        setSearchCaret(0);
+      } 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 (tab === 1 && !tableIsCursor) {
+    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;
+    }
+  }
+}
+
+// src/app.tsx
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var DEBOUNCE_MS = 300;
+var LOADER_GRACE_MS = 600;
+var LOADER_MAX_MS = 8e3;
+var LOADER_MIN_VISIBLE_MS = 700;
+function useTerminalSize(settleMs = 90) {
+  const { stdout } = useStdout();
+  const read = () => ({ cols: stdout?.columns || 80, rows: stdout?.rows || 24 });
+  const [size, setSize] = useState4(read);
+  const [live, setLive] = useState4(read);
+  const [resizing, setResizing] = useState4(false);
+  useEffect4(() => {
+    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 App({ interval: cliInterval, initialConfig, baseUrl = null, wsToken = null, mode = "degraded" }) {
+  const connected = mode === "connected" && baseUrl !== null && wsToken !== null;
+  const degraded = !connected;
+  const daemon = useDaemon(connected ? baseUrl : null, connected ? wsToken : null);
+  const [config, setConfig] = useState4(() => initialConfig ? applyStartup(initialConfig, cliInterval) : null);
+  const [detected, setDetected] = useState4([]);
+  const [statsLocal, setStats] = useState4(/* @__PURE__ */ new Map());
+  const [peakLocal, setPeak] = useState4(null);
+  const [tableLocal, setTable] = useState4(null);
+  const [tableLoading, setTableLoading] = useState4(false);
+  const [error, setError] = useState4(null);
+  const [updatedLocal, setUpdated] = useState4(/* @__PURE__ */ new Date());
+  const [tab, setTab] = useState4(0);
+  const [view, setView] = useState4(0);
+  const [cursor, setCursor] = useState4(0);
+  const [expanded, setExpanded] = useState4(-1);
+  const [sort, setSort] = useState4(1);
+  const [tableProvider, setTableProvider] = useState4(null);
+  const [search, setSearch] = useState4("");
+  const [searchMode, setSearchMode] = useState4(false);
+  const [cursorRowsLocal, setCursorRows] = useState4(null);
+  const [showSettings, setShowSettings] = useState4(false);
+  const [settingsTab, setSettingsTab] = useState4("general");
+  const [settingsCursor, setSettingsCursor] = useState4(0);
+  const [tzEdit, setTzEdit] = useState4(null);
+  const [tzError, setTzError] = useState4(null);
+  const [tzCaret, setTzCaret] = useState4(0);
+  const [searchCaret, setSearchCaret] = useState4(0);
+  const [accountForm, setAccountForm] = useState4(null);
+  const [onboardSel, setOnboardSel] = useState4(null);
+  const [onboardCursor, setOnboardCursor] = useState4(0);
+  const [dashPage, setDashPage] = useState4(0);
+  const [debouncePassed, setDebouncePassed] = useState4(false);
+  const [graceHold, setGraceHold] = useState4(false);
+  const [loaderShownAt, setLoaderShownAt] = useState4(null);
+  const loaderDone = useRef3(false);
+  const [loaderDoneState, setLoaderDoneFlag] = useState4(false);
+  const setLoaderDone = useCallback((v) => {
+    loaderDone.current = v;
+    setLoaderDoneFlag(v);
+  }, []);
+  const prevShowPicker = useRef3(false);
+  const { exit } = useApp();
+  const { cols, rows, resizing, live } = useTerminalSize();
+  const webRef = useRef3(null);
+  const webStartingRef = useRef3(false);
+  useEffect4(() => () => {
+    void webRef.current?.stop();
+  }, []);
+  const cfg = config ?? DEFAULTS;
+  const interval = cliInterval ?? cfg.interval * 1e3;
+  const billingMs = cfg.billingInterval * 6e4;
+  const tz = resolveTimezone(cfg.timezone);
+  const configReady = config !== null;
+  const accounts = useMemo2(() => buildAccounts(cfg, detected), [cfg, detected]);
+  const trackedAccountRows = useMemo2(() => getTrackedAccountRows(cfg, detected, accounts), [cfg, detected, accounts]);
+  const settingsRowCount = settingsTab === "general" ? GENERAL_ROWS : settingsTab === "providers" ? PROVIDER_ORDER.length : trackedAccountRows.length + 1;
+  const accountsRef = useRef3([]);
+  accountsRef.current = accounts;
+  const rowCountRef = useRef3(0);
+  const tabRef = useRef3(0);
+  tabRef.current = tab;
+  const dashPageCountRef = useRef3(1);
+  const seededRef = useRef3(false);
+  const pasteBufRef = useRef3(null);
+  const pasteCarryRef = useRef3("");
+  const pendingLocalConfigRef = useRef3(null);
+  const insertPasteRef = useRef3(() => {
+  });
+  const tzValueRef = useRef3("");
+  const tzCaretRef = useRef3(0);
+  const searchValueRef = useRef3("");
+  const searchCaretRef = useRef3(0);
+  const accountsKey = useMemo2(() => accounts.map(acctKey).join("|"), [accounts]);
+  const snapshot = daemon.snapshot;
+  const stats = useMemo2(
+    () => connected ? toStatsMap(snapshot, accounts) : statsLocal,
+    [connected, snapshot, accounts, statsLocal]
+  );
+  const accountIdentities = useMemo2(() => {
+    const out = /* @__PURE__ */ new Map();
+    for (const [id, stat] of stats) {
+      const billing = stat.billing;
+      if (!billing) continue;
+      out.set(id, {
+        email: billing.email ?? null,
+        displayName: billing.displayName ?? null,
+        plan: billing.plan ?? null
+      });
+    }
+    return out;
+  }, [stats]);
+  const showPeak = accounts.some((a) => a.providerId === "claude");
+  const peak = connected ? showPeak ? snapshot?.peak ?? null : null : peakLocal;
+  const updated = useMemo2(
+    () => connected ? new Date(snapshot?.generatedAt ?? Date.now()) : updatedLocal,
+    [connected, snapshot, updatedLocal]
+  );
+  const intervalLabel = connected && snapshot?.intervalMs ? Math.round(snapshot.intervalMs / 1e3) : cfg.interval;
+  const readyInputFor = useCallback((id) => {
+    if (connected) {
+      const wa = snapshot?.accounts.find((a) => a.id === id);
+      if (!wa) return void 0;
+      return { summaryState: wa.summaryState, billingState: wa.billingState, billing: wa.billing };
+    }
+    return statsReadyInput(statsLocal.get(id));
+  }, [connected, snapshot, statsLocal]);
+  const slots = useMemo2(() => deriveSlots(accounts), [accounts]);
+  const { activeSlotIdx, focusId } = useMemo2(
+    () => findActiveSlot(slots, cfg.activeAccountId),
+    [slots, cfg.activeAccountId]
+  );
+  const visibleAccounts = useMemo2(
+    () => focusId === null ? accounts : accounts.filter((a) => a.id === focusId),
+    [accounts, focusId]
+  );
+  const allGroups = useMemo2(() => accountsByProvider(accounts), [accounts]);
+  const groups = useMemo2(
+    () => focusId === null ? allGroups : accountsByProvider(visibleAccounts),
+    [allGroups, visibleAccounts, focusId]
+  );
+  const tableProvs = useMemo2(() => allGroups.map((g) => g.provider), [allGroups]);
+  const TOO_SMALL = cols < 40 || rows < 12;
+  const allReady = accounts.length > 0 && accounts.every((a) => accountReady(readyInputFor(a.id), a.providerId));
+  const { gridBudget } = useMemo2(() => computeChrome(slots, cols, rows), [slots, cols, rows]);
+  const dashLayout = useMemo2(() => 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;
+  tzValueRef.current = tzEdit ?? "";
+  tzCaretRef.current = clampCaret(tzCaret, (tzEdit ?? "").length);
+  searchValueRef.current = search;
+  searchCaretRef.current = clampCaret(searchCaret, search.length);
+  const isPrintable = (input, key) => !!input && !key.ctrl && !key.meta && !isPasteInput(input);
+  const insertText = (text) => {
+    if (showSettings && accountForm && (accountForm.field === "name" || accountForm.field === "homeDir")) {
+      setAccountForm((f) => {
+        if (!f || f.field !== "name" && f.field !== "homeDir") return f;
+        const r = spliceInsert(f[f.field], f.caret, text);
+        return { ...f, [f.field]: r.value, caret: r.caret, error: null };
+      });
+    } else if (showSettings && tzEdit !== null) {
+      const r = spliceInsert(tzValueRef.current, tzCaretRef.current, text);
+      tzValueRef.current = r.value;
+      tzCaretRef.current = r.caret;
+      setTzEdit(r.value);
+      setTzCaret(r.caret);
+      setTzError(null);
+    } else if (tab === 1 && searchMode) {
+      const r = spliceInsert(searchValueRef.current, searchCaretRef.current, text);
+      searchValueRef.current = r.value;
+      searchCaretRef.current = r.caret;
+      setSearch(r.value);
+      setSearchCaret(r.caret);
+    }
+  };
+  insertPasteRef.current = insertText;
+  const effTableProvider = tableProvider && tableProvs.includes(tableProvider) ? tableProvider : tableProvs[0] ?? null;
+  const tableIsCursor = !!effTableProvider && !PROVIDERS[effTableProvider].hasUsage;
+  const tableAccounts = useMemo2(
+    () => effTableProvider ? accounts.filter((a) => a.providerId === effTableProvider) : [],
+    [accounts, effTableProvider]
+  );
+  const SORTS_FOR = tableIsCursor ? CURSOR_SORTS : SORTS;
+  const tableAccountIds = useMemo2(() => tableAccounts.map((a) => a.id), [tableAccounts]);
+  const table = useMemo2(
+    () => connected ? pickTable(snapshot, tableAccountIds) : tableLocal,
+    [connected, snapshot, tableAccountIds, tableLocal]
+  );
+  const cursorRows = useMemo2(
+    () => connected ? toCursorRows(snapshot, tableAccounts[0]?.id) : cursorRowsLocal,
+    [connected, snapshot, tableAccounts, cursorRowsLocal]
+  );
+  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) && !loaderDoneState;
+  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)
+  }));
+  useEffect4(() => {
+    const wasPicker = prevShowPicker.current;
+    prevShowPicker.current = showPicker;
+    if (wasPicker && !showPicker) {
+      setLoaderDone(false);
+      setDebouncePassed(false);
+      setGraceHold(false);
+      setLoaderShownAt(null);
+    }
+  }, [showPicker]);
+  useEffect4(() => {
+    if (showLoader && loaderShownAt === null) setLoaderShownAt(Date.now());
+  }, [showLoader, loaderShownAt]);
+  useEffect4(() => {
+    if (!initialConfig) loadConfig().then((c) => setConfig(applyStartup(c, cliInterval)));
+    detectProviders().then(setDetected);
+  }, []);
+  useEffect4(() => {
+    if (!degraded) return;
+    if (seededRef.current || !configReady || showPicker || accounts.length === 0) return;
+    seededRef.current = true;
+    loadSeedSnapshot().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;
+      });
+    });
+  }, [degraded, configReady, showPicker, accountsKey]);
+  useEffect4(() => {
+    if (!configReady || showPicker || accounts.length === 0) return;
+    if (allReady || loaderDone.current) return;
+    const debounce = setTimeout(() => setDebouncePassed(true), DEBOUNCE_MS);
+    const deadline = setTimeout(() => {
+      setLoaderDone(true);
+      setDebouncePassed(false);
+    }, LOADER_MAX_MS);
+    return () => {
+      clearTimeout(debounce);
+      clearTimeout(deadline);
+    };
+  }, [configReady, showPicker, accountsKey]);
+  useEffect4(() => {
+    if (!allReady || loaderDone.current) return;
+    if (loaderShownAt === null) {
+      setLoaderDone(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(() => {
+      setLoaderDone(true);
+      setGraceHold(false);
+    }, hold);
+    return () => clearTimeout(t);
+  }, [allReady, loaderShownAt]);
+  useEffect4(() => {
+    if (!degraded || !configReady || showPicker) return;
+    let active = 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 (active) setStats((prev) => upsert(prev, acc, { dashboard }));
+          } catch {
+          }
+        }));
+        if (active) {
+          setError(null);
+          setUpdated(/* @__PURE__ */ new Date());
+        }
+      } finally {
+        if (active) timer = setTimeout(load, interval);
+      }
+    };
+    load();
+    return () => {
+      active = false;
+      clearTimeout(timer);
+    };
+  }, [degraded, interval, tz, configReady, showPicker, accountsKey]);
+  useEffect4(() => {
+    if (!degraded || !configReady || showPicker) return;
+    let active = 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 (active) setStats((prev) => upsert(prev, acc, { billing }));
+          } catch {
+          }
+        }));
+        const p = await peakP;
+        if (active && p) setPeak(p);
+      } finally {
+        if (active) timer = setTimeout(load, billingMs);
+      }
+    };
+    load();
+    return () => {
+      active = false;
+      clearTimeout(timer);
+    };
+  }, [degraded, billingMs, configReady, showPicker, accountsKey]);
+  const tableKey = useMemo2(
+    () => `${effTableProvider}|${tableAccounts.map(acctKey).join(",")}|${tz}`,
+    [effTableProvider, tableAccounts, tz]
+  );
+  useEffect4(() => {
+    setTable(null);
+    setCursorRows(null);
+    setCursor(0);
+    setExpanded(-1);
+    setSort(tableIsCursor ? 0 : 1);
+    setTableLoading(false);
+  }, [tableKey]);
+  useEffect4(() => {
+    if (!degraded || tab !== 1 || !effTableProvider) return;
+    let active = true;
+    let timer;
+    const fetchOnce = async () => {
+      try {
+        if (tableIsCursor) {
+          const s = await cursorModelSpend(tableAccounts[0]?.homeDir);
+          if (active) setCursorRows(s?.models ?? []);
+        } else {
+          const r = await fetchScopeTable(tableAccounts, tz);
+          if (active) setTable(r);
+        }
+      } catch {
+      }
+    };
+    const run = async () => {
+      setTableLoading(true);
+      await fetchOnce();
+      if (!active) return;
+      setTableLoading(false);
+      const loop = async () => {
+        await fetchOnce();
+        if (active) timer = setTimeout(loop, Math.max(interval, 1e4));
+      };
+      timer = setTimeout(loop, Math.max(interval, 1e4));
+    };
+    run();
+    return () => {
+      active = false;
+      clearTimeout(timer);
+    };
+  }, [degraded, tab, tableKey, interval]);
+  useEffect4(() => {
+    setCursor(0);
+    setExpanded(-1);
+  }, [search]);
+  useEffect4(() => {
+    setDashPage((p) => Math.min(p, dashPageCount - 1));
+  }, [dashPageCount]);
+  useEffect4(() => {
+    setSettingsCursor((c) => Math.max(-1, Math.min(c, settingsRowCount - 1)));
+  }, [settingsRowCount]);
+  const resetView = useCallback(() => {
+    setCursor(0);
+    setExpanded(-1);
+  }, []);
+  const clampRow = (n) => Math.max(0, Math.min(rowCountRef.current - 1, n));
+  const PASTE_START = "\x1B[200~";
+  const PASTE_END = "\x1B[201~";
+  const PASTE_MAX = 1 << 20;
+  const handlePasteData = useCallback((chunk) => {
+    const s = typeof chunk === "string" ? chunk : chunk.toString("utf8");
+    if (pasteBufRef.current !== null) {
+      const combined2 = pasteBufRef.current + s;
+      const end2 = combined2.indexOf(PASTE_END);
+      if (end2 === -1) {
+        if (combined2.length >= PASTE_MAX) {
+          const clean3 = sanitizeTyped(combined2);
+          pasteBufRef.current = null;
+          if (clean3) insertPasteRef.current(clean3);
+          return true;
+        }
+        pasteBufRef.current = combined2;
+        return true;
+      }
+      const clean2 = sanitizeTyped(combined2.slice(0, end2));
+      pasteBufRef.current = null;
+      if (clean2) insertPasteRef.current(clean2);
+      return end2 + PASTE_END.length >= combined2.length;
+    }
+    const combined = pasteCarryRef.current + s;
+    const start = combined.indexOf(PASTE_START);
+    if (start === -1) {
+      const keep = Math.min(combined.length, PASTE_START.length - 1);
+      pasteCarryRef.current = combined.slice(combined.length - keep);
+      return false;
+    }
+    pasteCarryRef.current = "";
+    const rest = combined.slice(start + PASTE_START.length);
+    const end = rest.indexOf(PASTE_END);
+    if (end === -1) {
+      pasteBufRef.current = rest;
+      return true;
+    }
+    const clean = sanitizeTyped(rest.slice(0, end));
+    if (clean) insertPasteRef.current(clean);
+    return true;
+  }, []);
+  const isPasteInput = useCallback((input) => {
+    if (pasteBufRef.current !== null) return true;
+    return input.includes("[200~") || input.includes("[201~");
+  }, []);
+  const mouse = useMouse();
+  useEffect4(() => {
+    if (!IS_TTY) return;
+    mouse.enable();
+    if (process.stdout.isTTY) {
+      try {
+        process.stdout.write("\x1B[?1003l\x1B[?1002l\x1B[?1015l");
+      } catch {
+      }
+    }
+    const onScroll = (_pos, dir) => {
+      const up = dir === "scrollup";
+      const t = tabRef.current;
+      if (t === 1) {
+        setCursor((c) => up ? Math.max(0, c - 3) : clampRow(c + 3));
+      } else if (t === 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) => {
+      if (!handlePasteData(d)) dispatchLinkClicks(d);
+    };
+    process.stdin.on("data", onData);
+    return () => {
+      mouse.events.off("scroll", onScroll);
+      process.stdin.off("data", onData);
+    };
+  }, []);
+  const updateConfig = useCallback((fn) => {
+    setConfig((prev) => {
+      const next = normalizeConfig(fn(prev ?? DEFAULTS));
+      pendingLocalConfigRef.current = connected ? next : null;
+      saveConfigSync(next);
+      if (connected) {
+        void daemon.setConfig(next).then((saved) => {
+          if (pendingLocalConfigRef.current && reconcileDaemonConfig(next, saved, pendingLocalConfigRef.current).pendingLocalConfig === null) {
+            pendingLocalConfigRef.current = null;
+          }
+        }).catch(() => {
+        });
+      }
+      return next;
+    });
+  }, [connected, daemon]);
+  const daemonConfig = daemon.config;
+  useEffect4(() => {
+    if (!connected || !daemonConfig) return;
+    setConfig((prev) => {
+      const reconciled = reconcileDaemonConfig(prev, daemonConfig, pendingLocalConfigRef.current);
+      pendingLocalConfigRef.current = reconciled.pendingLocalConfig;
+      return reconciled.config;
+    });
+  }, [connected, daemonConfig]);
+  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);
+  }
+  const cycleAccount = useCallback((dir) => {
+    if (slots.length <= 1) return;
+    const next = (activeSlotIdx + dir + slots.length) % slots.length;
+    updateConfig((c) => ({ ...c, activeAccountId: slots[next].id }));
+    resetView();
+  }, [slots, activeSlotIdx, updateConfig, resetView]);
+  const cycleTableProvider = useCallback((dir) => {
+    if (tableProvs.length <= 1) return;
+    const cur = effTableProvider ? tableProvs.indexOf(effTableProvider) : 0;
+    const nextProv = tableProvs[(cur + dir + tableProvs.length) % tableProvs.length];
+    setTableProvider(nextProv);
+    const nextIsCursor = !!nextProv && !PROVIDERS[nextProv].hasUsage;
+    setSort(nextIsCursor ? 0 : 1);
+    setCursor(0);
+    setExpanded(-1);
+    setSearch("");
+    setSearchCaret(0);
+    setSearchMode(false);
+  }, [tableProvs, effTableProvider]);
+  function openAddAccount(defaults) {
+    const providerId = defaults?.providerId ?? (detected[0] ?? "claude");
+    setAccountForm({
+      mode: "add",
+      field: "provider",
+      providerId,
+      name: defaults?.name ?? "",
+      homeDir: defaults?.homeDir ?? "~",
+      color: defaults?.color ?? pickAccentColor(cfg.accounts),
+      caret: defaults?.name?.length ?? 0,
+      editingId: null,
+      error: null
+    });
+  }
+  function openConfigureAccount(row) {
+    openAddAccount(row);
+  }
+  function openEditAccount(acc) {
+    setAccountForm({
+      mode: "edit",
+      field: "provider",
+      providerId: acc.providerId,
+      name: acc.name,
+      homeDir: acc.homeDir,
+      color: acc.color || PROVIDERS[acc.providerId].color,
+      caret: acc.name.length,
+      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", caret: accountForm.name.length });
+      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);
+  }
+  const cycleFormField = useCallback((dir) => {
+    setAccountForm((f) => {
+      if (!f) return f;
+      const i = FORM_FIELDS.indexOf(f.field);
+      const next = FORM_FIELDS[(i + dir + FORM_FIELDS.length) % FORM_FIELDS.length];
+      const caret = next === "name" ? f.name.length : next === "homeDir" ? f.homeDir.length : f.caret;
+      return { ...f, field: next, caret };
+    });
+  }, []);
+  const cycleProvider = useCallback((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] };
+    });
+  }, []);
+  const cycleColor = useCallback((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(0, Math.min(trackedAccountRows.length - 1, c + dir)));
+  }
+  async function toggleWeb() {
+    if (connected) {
+      if (baseUrl) openUrl(baseUrl);
+      return;
+    }
+    if (webRef.current) {
+      openUrl(webRef.current.url);
+      return;
+    }
+    if (webStartingRef.current) return;
+    webStartingRef.current = true;
+    try {
+      const { startWebServer } = await import("./server-SP3FOHM2.js");
+      const ctrl = await startWebServer({ config: cfg, log: false });
+      webRef.current = ctrl;
+      openUrl(ctrl.url);
+    } catch {
+    } finally {
+      webStartingRef.current = false;
+    }
+  }
+  const onTabSelect = useCallback((i) => {
+    setTab(i);
+    resetView();
+  }, [resetView]);
+  const onStripSelect = useCallback((i) => {
+    updateConfig((c) => ({ ...c, activeAccountId: slots[i].id }));
+    resetView();
+  }, [slots, updateConfig, resetView]);
+  const onProviderSelect = useCallback((p) => {
+    setTableProvider(p);
+    setCursor(0);
+    setExpanded(-1);
+    setSearch("");
+    setSearchCaret(0);
+    setSearchMode(false);
+  }, []);
+  const onRowClickToken = useCallback((idx) => {
+    if (idx === cursor) setExpanded((e) => e === idx ? -1 : idx);
+    else setCursor(idx);
+  }, [cursor]);
+  const onRowClickCursor = useCallback((idx) => setCursor(idx), []);
+  const tokenRows = useMemo2(
+    () => tab === 1 && !tableIsCursor ? sortRows(filterTokenRows(table ? [table.daily, table.weekly, table.monthly][view] : [], search), sort) : [],
+    [tab, tableIsCursor, table, view, search, sort]
+  );
+  const cursorTableRows = useMemo2(
+    () => tab === 1 && tableIsCursor ? sortCursorRows(filterCursorRows(cursorRows ?? [], search), sort) : [],
+    [tab, tableIsCursor, cursorRows, search, sort]
+  );
+  useInput((input, key) => handleKey(input, key, {
+    showPicker,
+    pickerProviders,
+    onboardCursor,
+    setOnboardCursor,
+    toggleOnboard,
+    confirmOnboarding,
+    exit,
+    showSettings,
+    accountForm,
+    setAccountForm,
+    commitAccountForm,
+    cycleFormField,
+    cycleProvider,
+    cycleColor,
+    isPrintable,
+    insertText,
+    tzEdit,
+    setTzEdit,
+    setTzError,
+    updateConfig,
+    setTzCaret,
+    tzValueRef,
+    tzCaretRef,
+    tab,
+    searchMode,
+    setSearchMode,
+    search,
+    setSearch,
+    setSearchCaret,
+    searchValueRef,
+    searchCaretRef,
+    showLoader,
+    configReady,
+    toggleWeb,
+    settingsCursor,
+    settingsTab,
+    setSettingsTab,
+    setShowSettings,
+    cfg,
+    trackedAccountRows,
+    moveAccount,
+    setSettingsCursor,
+    toggleProvider,
+    openEditAccount,
+    openConfigureAccount,
+    deleteAccount,
+    openAddAccount,
+    cycleAccount,
+    setTab,
+    resetView,
+    slots,
+    dashPaginated,
+    dashPageCount,
+    setDashPage,
+    cycleTableProvider,
+    setExpanded,
+    setSort,
+    SORTS_FOR,
+    tableIsCursor,
+    setView,
+    cursor,
+    rowCountRef,
+    rows,
+    setCursor,
+    clampRow
+  }), { isActive: IS_TTY });
+  if (error) return /* @__PURE__ */ jsx11(Box11, { padding: 1, children: /* @__PURE__ */ jsx11(Text11, { color: "red", children: error }) });
+  if (!config) return /* @__PURE__ */ jsx11(Box11, { padding: 1, children: /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "Loading..." }) });
+  if (resizing) return /* @__PURE__ */ jsx11(ResizingView, { cols: live.cols, rows: live.rows });
+  if (showPicker) {
+    return /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", paddingX: 2, paddingY: 1, height: rows, children: /* @__PURE__ */ jsx11(
+      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__ */ jsx11(Box11, { flexDirection: "column", paddingX: 2, paddingY: 1, height: rows, overflow: "hidden", children: /* @__PURE__ */ jsx11(LoadingView, { groups: allGroups, stats, cols, rows, readyInput: readyInputFor }) });
+  }
+  if (TOO_SMALL && !showSettings) {
+    return /* @__PURE__ */ jsx11(TinyFallback, { groups, stats, rows, cols });
+  }
+  rowCountRef.current = tableIsCursor ? cursorTableRows.length : tokenRows.length;
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", paddingX: 2, paddingY: 1, height: rows, overflow: "hidden", children: [
+    /* @__PURE__ */ jsxs11(Box11, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs11(Box11, { children: [
+        /* @__PURE__ */ jsxs11(Text11, { bold: true, color: "greenBright", children: [
+          glyphs().dotSel,
+          " tokmon"
+        ] }),
+        /* @__PURE__ */ jsxs11(Text11, { dimColor: true, children: [
+          "  ",
+          glyphs().middot,
+          "  every ",
+          intervalLabel,
+          "s"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs11(Box11, { children: [
+        peak && /* @__PURE__ */ jsxs11(Fragment4, { children: [
+          /* @__PURE__ */ jsx11(PeakBadge, { peak }),
+          /* @__PURE__ */ jsxs11(Text11, { dimColor: true, children: [
+            "  ",
+            glyphs().middot,
+            "  "
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: time(updated, tz) })
+      ] })
+    ] }),
+    degraded && /* @__PURE__ */ jsxs11(Text11, { dimColor: true, children: [
+      glyphs().warn,
+      " degraded ",
+      glyphs().middot,
+      " background service unavailable, running in-process"
+    ] }),
+    connected && daemon.conn !== "live" && /* @__PURE__ */ jsxs11(Text11, { dimColor: true, children: [
+      glyphs().warn,
+      " reconnecting ",
+      glyphs().middot,
+      " showing last known data"
+    ] }),
+    showSettings ? /* @__PURE__ */ jsx11(
+      SettingsView,
+      {
+        config: cfg,
+        cursor: settingsCursor,
+        activeTab: settingsTab,
+        tzEdit,
+        tzCaret,
+        tzError,
+        resolvedTz: tz,
+        accountForm,
+        activeAccountId: cfg.activeAccountId,
+        trackedAccounts: trackedAccountRows,
+        accountIdentities
+      }
+    ) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
+      /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, marginBottom: 1, children: [
+        /* @__PURE__ */ jsx11(TabBar, { tabs: TABS, active: tab, onSelect: onTabSelect }),
+        /* @__PURE__ */ jsxs11(Text11, { dimColor: true, children: [
+          "  Tab/",
+          glyphs().arrowL,
+          glyphs().arrowR
+        ] })
+      ] }),
+      tab === 0 && /* @__PURE__ */ jsxs11(Fragment4, { children: [
+        /* @__PURE__ */ jsx11(DashboardView, { groups, stats, cols, budget: gridBudget, focusId, layout: cfg.dashboardLayout, page: dashPage }),
+        slots.length > 1 && /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "focus  " }),
+          /* @__PURE__ */ jsx11(
+            AccountStrip,
+            {
+              slots,
+              activeIdx: activeSlotIdx,
+              onSelect: onStripSelect
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx11(TotalsRow, { groups, stats, cols })
+      ] }),
+      tab === 1 && /* @__PURE__ */ jsxs11(Fragment4, { children: [
+        tableProvs.length > 0 && /* @__PURE__ */ jsx11(TableProviderBar, { providers: tableProvs, active: effTableProvider, onSelect: onProviderSelect }),
+        /* @__PURE__ */ jsx11(Box11, { height: 1 }),
+        /* @__PURE__ */ jsx11(
+          ControlBar,
+          {
+            views: VIEWS,
+            period: view,
+            sort: sortLabel(SORTS_FOR[sort % SORTS_FOR.length]),
+            search,
+            searchCaret,
+            searching: searchMode,
+            showPeriod: !tableIsCursor
+          }
+        ),
+        /* @__PURE__ */ jsx11(Box11, { height: 1 }),
+        !effTableProvider ? /* @__PURE__ */ jsxs11(Text11, { dimColor: true, children: [
+          "No providers enabled ",
+          glyphs().emDash,
+          " press s to pick providers."
+        ] }) : tableLoading && !table && !cursorRows ? /* @__PURE__ */ jsx11(Spinner, { label: "Loading history" }) : tableIsCursor ? /* @__PURE__ */ jsx11(
+          CursorSpendTable,
+          {
+            rows: cursorTableRows,
+            cursor,
+            maxRows: Math.max(1, rows - 16),
+            onRowClick: onRowClickCursor
+          }
+        ) : /* @__PURE__ */ jsx11(
+          TokenTable,
+          {
+            rows: tokenRows,
+            cursor,
+            expanded,
+            maxRows: Math.max(1, rows - 16),
+            cols,
+            onRowClick: onRowClickToken
+          }
+        )
+      ] })
+    ] }),
+    (tab === 0 || showSettings) && /* @__PURE__ */ jsx11(Footer, { hasAccounts: slots.length > 1, paginated: tab === 0 && dashPaginated, cols })
+  ] });
+}
+
+// src/bootstrap-ink.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+function enterAltScreen() {
+  process.stdout.write("\x1B[?1049h\x1B[H");
+}
+function leaveAltScreen() {
+  try {
+    process.stdout.write("\x1B[?1049l");
+  } catch {
+  }
+}
+function setupInputModes() {
+  process.stdout.write("\x1B[?2004h\x1B[?1004l");
+}
+function restoreInputModes() {
+  try {
+    process.stdout.write("\x1B[?2004l");
+  } catch {
+  }
+}
+async function bootstrapInk({ interval, config, daemon, mode }) {
+  const isTTY = process.stdout.isTTY === true;
+  const altScreen = config.clearScreen && isTTY;
+  if (altScreen) enterAltScreen();
+  if (isTTY) setupInputModes();
+  process.once("exit", () => {
+    if (isTTY) restoreInputModes();
+    if (altScreen) leaveAltScreen();
+  });
+  const { waitUntilExit } = render(
+    /* @__PURE__ */ jsx12(MouseProvider, { children: /* @__PURE__ */ jsx12(
+      App,
+      {
+        interval,
+        initialConfig: config,
+        baseUrl: daemon.baseUrl,
+        wsToken: daemon.wsToken,
+        mode
+      }
+    ) })
+  );
+  await waitUntilExit();
+  daemon.stop();
+  if (isTTY) restoreInputModes();
+  if (altScreen) leaveAltScreen();
+  process.exit(typeof process.exitCode === "number" ? process.exitCode : 0);
+}
+export {
+  bootstrapInk
+};