tokmon 0.19.6 → 0.19.7

package/dist/cli.js

@@ -1539,16 +1539,20 @@ function applyStartup(c, cliInterval) {
 }
 function useTerminalSize(settleMs = 90) {
   const { stdout } = useStdout();
-  const [size, setSize] = useState3(() => ({ cols: stdout?.columns ?? 80, rows: stdout?.rows ?? 24 }));
+  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({ cols: stdout.columns ?? 80, rows: stdout.rows ?? 24 });
+      setSize(now());
       setResizing(false);
     };
     const onResize = () => {
+      setLive(now());
       setResizing(true);
       if (t) clearTimeout(t);
       t = setTimeout(settle, settleMs);
@@ -1559,12 +1563,9 @@ function useTerminalSize(settleMs = 90) {
       stdout.off("resize", onResize);
     };
   }, [stdout, settleMs]);
-  return { cols: size.cols, rows: size.rows, resizing };
+  return { cols: size.cols, rows: size.rows, resizing, live };
 }
-function ResizingView() {
-  const { stdout } = useStdout();
-  const cols = stdout?.columns ?? 80;
-  const rows = stdout?.rows ?? 24;
+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 ",
@@ -1605,7 +1606,7 @@ function App({ interval: cliInterval, initialConfig }) {
   const loaderDone = useRef2(false);
   const prevShowPicker = useRef2(false);
   const { exit } = useApp();
-  const { cols, rows, resizing } = useTerminalSize();
+  const { cols, rows, resizing, live } = useTerminalSize();
   const webRef = useRef2(null);
   const webBusyRef = useRef2(false);
   const webCooldownRef = useRef2(0);
@@ -1645,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;
@@ -2384,7 +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, {});
+  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.6",
+  "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": {