tokmon 0.19.5 → 0.19.7

package/dist/cli.js

@@ -1537,6 +1537,43 @@ function applyStartup(c, cliInterval) {
   if (c.defaultFocus === "all") c = { ...c, activeAccountId: null };
   return c;
 }
+function useTerminalSize(settleMs = 90) {
+  const { stdout } = useStdout();
+  const read = () => ({ cols: stdout?.columns || 80, rows: stdout?.rows || 24 });
+  const [size, setSize] = useState3(read);
+  const [live, setLive] = useState3(read);
+  const [resizing, setResizing] = useState3(false);
+  useEffect3(() => {
+    if (!stdout) return;
+    let t;
+    const now = () => ({ cols: stdout.columns || 80, rows: stdout.rows || 24 });
+    const settle = () => {
+      setSize(now());
+      setResizing(false);
+    };
+    const onResize = () => {
+      setLive(now());
+      setResizing(true);
+      if (t) clearTimeout(t);
+      t = setTimeout(settle, settleMs);
+    };
+    stdout.on("resize", onResize);
+    return () => {
+      if (t) clearTimeout(t);
+      stdout.off("resize", onResize);
+    };
+  }, [stdout, settleMs]);
+  return { cols: size.cols, rows: size.rows, resizing, live };
+}
+function ResizingView({ cols, rows }) {
+  return /* @__PURE__ */ jsx7(Box7, { width: cols, height: rows, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+    glyphs().dotSel,
+    " resizing\u2026 ",
+    /* @__PURE__ */ jsx7(Text7, { color: "greenBright", children: cols }),
+    "\xD7",
+    /* @__PURE__ */ jsx7(Text7, { color: "greenBright", children: rows })
+  ] }) });
+}
 function App({ interval: cliInterval, initialConfig }) {
   const [config2, setConfig] = useState3(() => initialConfig ? applyStartup(initialConfig, cliInterval) : null);
   const [detected, setDetected] = useState3([]);
@@ -1568,10 +1605,8 @@ function App({ interval: cliInterval, initialConfig }) {
   const [loaderShownAt, setLoaderShownAt] = useState3(null);
   const loaderDone = useRef2(false);
   const prevShowPicker = useRef2(false);
-  const { stdout } = useStdout();
   const { exit } = useApp();
-  const rows = stdout?.rows ?? 24;
-  const cols = stdout?.columns ?? 80;
+  const { cols, rows, resizing, live } = useTerminalSize();
   const webRef = useRef2(null);
   const webBusyRef = useRef2(false);
   const webCooldownRef = useRef2(0);
@@ -1611,13 +1646,13 @@ function App({ interval: cliInterval, initialConfig }) {
   const headerRows = cols < 70 ? 2 : 1;
   const CHROME = 2 + headerRows + 3 + (hasStrip ? 1 + stripLines : 0) + 2 + 2;
   const gridBudget = Math.max(1, rows - CHROME);
-  const dashLayout = chooseLayout(
+  const dashLayout = useMemo(() => chooseLayout(
     Math.max(56, cols - 4),
     gridBudget,
     groups.length,
     focusId !== null || cfg.dashboardLayout === "single",
     cols
-  );
+  ), [cols, gridBudget, groups.length, focusId, cfg.dashboardLayout]);
   const dashPageCount = dashLayout.pageCount;
   const dashPaginated = dashPageCount > 1;
   dashPageCountRef.current = dashPageCount;
@@ -2350,6 +2385,7 @@ function App({ interval: cliInterval, initialConfig }) {
   }, { isActive: IS_TTY });
   if (error) return /* @__PURE__ */ jsx7(Box7, { padding: 1, children: /* @__PURE__ */ jsx7(Text7, { color: "red", children: error }) });
   if (!config2) return /* @__PURE__ */ jsx7(Box7, { padding: 1, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Loading..." }) });
+  if (resizing) return /* @__PURE__ */ jsx7(ResizingView, { cols: live.cols, rows: live.rows });
   if (showPicker) {
     return /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", paddingX: 2, paddingY: 1, height: rows, children: /* @__PURE__ */ jsx7(
       Onboarding,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tokmon",
-  "version": "0.19.5",
+  "version": "0.19.7",
   "description": "Terminal + web dashboard for Claude Code, Codex, Cursor, opencode, pi, Copilot, Gemini & more — usage, limits, and costs",
   "type": "module",
   "bin": {