tokmon 0.19.5 → 0.19.6

package/dist/cli.js

@@ -1537,6 +1537,42 @@ function applyStartup(c, cliInterval) {
   if (c.defaultFocus === "all") c = { ...c, activeAccountId: null };
   return c;
 }
+function useTerminalSize(settleMs = 90) {
+  const { stdout } = useStdout();
+  const [size, setSize] = useState3(() => ({ cols: stdout?.columns ?? 80, rows: stdout?.rows ?? 24 }));
+  const [resizing, setResizing] = useState3(false);
+  useEffect3(() => {
+    if (!stdout) return;
+    let t;
+    const settle = () => {
+      setSize({ cols: stdout.columns ?? 80, rows: stdout.rows ?? 24 });
+      setResizing(false);
+    };
+    const onResize = () => {
+      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 };
+}
+function ResizingView() {
+  const { stdout } = useStdout();
+  const cols = stdout?.columns ?? 80;
+  const rows = stdout?.rows ?? 24;
+  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 +1604,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 } = useTerminalSize();
   const webRef = useRef2(null);
   const webBusyRef = useRef2(false);
   const webCooldownRef = useRef2(0);
@@ -2350,6 +2384,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, {});
   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.6",
   "description": "Terminal + web dashboard for Claude Code, Codex, Cursor, opencode, pi, Copilot, Gemini & more — usage, limits, and costs",
   "type": "module",
   "bin": {