whale-code 6.5.6 → 6.5.7

package/dist/cli/shared/SpinnerSlot.d.ts

@@ -1,14 +1,22 @@
 /**
- * SpinnerSlot — shared-state spinner component
+ * SpinnerSlot — diamond bloom spinner with breathing gradient
  *
- * All mounted SpinnerSlot instances share a single 80ms interval timer.
- * Uses useSyncExternalStore for efficient batch updates:
- * - ONE timer for all spinners (vs N timers with ink-spinner)
- * - React batches all spinner updates into one reconciliation per tick
- * - With incremental rendering, only lines containing spinners are rewritten
+ * Blooms: · → ◇ → ◈ → ◆ → ◈ → ◇  (fast loop)
+ * Color breathes: blue → indigo → purple → pink → back
  *
- * Auto-cleans up: interval stops when no spinners are mounted.
+ * All mounted instances share a single interval timer.
+ * Uses useState + subscribe for Ink renderer compatibility.
  */
-export declare function SpinnerSlot({ color }: {
+export declare function SpinnerSlot({ color }?: {
     color?: string;
 }): import("react/jsx-runtime").JSX.Element;
+/**
+ * ShimmerText — text with a fast color wave sweeping across it
+ *
+ * Each character gets a phase offset in the gradient, creating a
+ * rippling shimmer that feels alive. Wave speed = 1 char per tick.
+ */
+export declare function ShimmerText({ text, dim }: {
+    text: string;
+    dim?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cli/shared/SpinnerSlot.js

@@ -1,63 +1,156 @@
 import { c as _c } from "react/compiler-runtime";
 /**
- * SpinnerSlot — shared-state spinner component
+ * SpinnerSlot — diamond bloom spinner with breathing gradient
  *
- * All mounted SpinnerSlot instances share a single 80ms interval timer.
- * Uses useSyncExternalStore for efficient batch updates:
- * - ONE timer for all spinners (vs N timers with ink-spinner)
- * - React batches all spinner updates into one reconciliation per tick
- * - With incremental rendering, only lines containing spinners are rewritten
+ * Blooms: · → ◇ → ◈ → ◆ → ◈ → ◇  (fast loop)
+ * Color breathes: blue → indigo → purple → pink → back
  *
- * Auto-cleans up: interval stops when no spinners are mounted.
+ * All mounted instances share a single interval timer.
+ * Uses useState + subscribe for Ink renderer compatibility.
  */
 
-import { useSyncExternalStore } from "react";
+import { useState, useEffect } from "react";
 import { Text } from "ink";
+import { colors } from "./Theme.js";
+
+// Diamond bloom — fills in and empties, like a gem pulsing
 import { jsx as _jsx } from "react/jsx-runtime";
-const FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-const INTERVAL_MS = 120;
-let frame = 0;
+const FRAMES = ["\u00B7", "\u25C7", "\u25C8", "\u25C6", "\u25C8", "\u25C7"];
+//               ·        ◇        ◈        ◆        ◈        ◇
+
+// Brand gradient — 24 steps for ultra-smooth breathing and shimmer sweep
+const GRADIENT = [colors.brand, "#3B6FF2", "#4B65F0", colors.indigo, "#7050E8", "#8E58EC", colors.purple, "#B84DD4", "#DF4AA9", colors.pink, "#DF4AA9", "#B84DD4", colors.purple, "#8E58EC", "#7050E8", colors.indigo, "#4B65F0", "#3B6FF2", colors.brand, colors.brand, "#3B6FF2", "#4B65F0", colors.indigo, "#7050E8"];
+const FRAME_MS = 150; // Fast tick — smooth animation at ~6.7fps
+
+let tick = 0;
 let intervalId = null;
 const listeners = new Set();
-function tick() {
-  frame = (frame + 1) % FRAMES.length;
-  for (const cb of listeners) cb();
+function advance() {
+  tick += 1;
+  const snapshot = [...listeners];
+  for (const cb of snapshot) {
+    try {
+      cb();
+    } catch {/* don't break the tick loop */}
+  }
 }
 function subscribe(callback) {
   listeners.add(callback);
   if (!intervalId) {
-    intervalId = setInterval(tick, INTERVAL_MS);
+    intervalId = setInterval(advance, FRAME_MS);
   }
   return () => {
     listeners.delete(callback);
     if (listeners.size === 0 && intervalId) {
       clearInterval(intervalId);
       intervalId = null;
-      frame = 0;
+      tick = 0;
     }
   };
 }
-function getSnapshot() {
-  return FRAMES[frame];
+function useTick() {
+  const $ = _c(2);
+  const [t, setT] = useState(tick);
+  let t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => subscribe(() => setT(tick));
+    t1 = [];
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  useEffect(t0, t1);
+  return t;
 }
 export function SpinnerSlot(t0) {
-  const $ = _c(3);
+  const $ = _c(5);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
   const {
     color
+  } = t1;
+  const t = useTick();
+  const frame = FRAMES[Math.floor(t / 3) % FRAMES.length];
+  const gradientColor = GRADIENT[t % GRADIENT.length];
+  const t2 = color || gradientColor;
+  let t3;
+  if ($[2] !== frame || $[3] !== t2) {
+    t3 = /*#__PURE__*/_jsx(Text, {
+      color: t2,
+      children: frame
+    });
+    $[2] = frame;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+}
+
+/**
+ * ShimmerText — text with a fast color wave sweeping across it
+ *
+ * Each character gets a phase offset in the gradient, creating a
+ * rippling shimmer that feels alive. Wave speed = 1 char per tick.
+ */
+export function ShimmerText(t0) {
+  const $ = _c(8);
+  const {
+    text,
+    dim
   } = t0;
-  const char = useSyncExternalStore(subscribe, getSnapshot);
+  const t = useTick();
   let t1;
-  if ($[0] !== char || $[1] !== color) {
-    t1 = /*#__PURE__*/_jsx(Text, {
-      color: color,
-      children: char
+  if ($[0] !== text) {
+    t1 = [...text];
+    $[0] = text;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const chars = t1;
+  let t2;
+  if ($[2] !== dim) {
+    t2 = dim ? [colors.tertiary, "#8A7FA0", "#7A6F8E", colors.dim, "#6A5F7E", "#7A6F8E", "#8A7FA0", colors.tertiary] : GRADIENT;
+    $[2] = dim;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const palette = t2;
+  let t3;
+  if ($[4] !== chars || $[5] !== palette || $[6] !== t) {
+    t3 = /*#__PURE__*/_jsx(Text, {
+      children: chars.map((char, i) => {
+        if (char === " ") {
+          return /*#__PURE__*/_jsx(Text, {
+            children: " "
+          }, i);
+        }
+        const phase = (t + i) % palette.length;
+        return /*#__PURE__*/_jsx(Text, {
+          color: palette[phase],
+          children: char
+        }, i);
+      })
     });
-    $[0] = char;
-    $[1] = color;
-    $[2] = t1;
+    $[4] = chars;
+    $[5] = palette;
+    $[6] = t;
+    $[7] = t3;
   } else {
-    t1 = $[2];
+    t3 = $[7];
   }
-  return t1;
+  return t3;
 }
 //# sourceMappingURL=SpinnerSlot.js.map

package/dist/cli/shared/SpinnerSlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinnerSlot.js","names":["useSyncExternalStore","Text","jsx","_jsx","FRAMES","INTERVAL_MS","frame","intervalId","listeners","Set","tick","length","cb","subscribe","callback","add","setInterval","delete","size","clearInterval","getSnapshot","SpinnerSlot","t0","$","_c","color","char","t1","children"],"sources":["../../../src/cli/shared/SpinnerSlot.tsx"],"sourcesContent":["/**\n * SpinnerSlot — shared-state spinner component\n *\n * All mounted SpinnerSlot instances share a single 80ms interval timer.\n * Uses useSyncExternalStore for efficient batch updates:\n * - ONE timer for all spinners (vs N timers with ink-spinner)\n * - React batches all spinner updates into one reconciliation per tick\n * - With incremental rendering, only lines containing spinners are rewritten\n *\n * Auto-cleans up: interval stops when no spinners are mounted.\n */\n\nimport { useSyncExternalStore } from \"react\";\nimport { Text } from \"ink\";\n\nconst FRAMES = [\"\\u280B\", \"\\u2819\", \"\\u2839\", \"\\u2838\", \"\\u283C\", \"\\u2834\", \"\\u2826\", \"\\u2827\", \"\\u2807\", \"\\u280F\"];\nconst INTERVAL_MS = 120;\n\nlet frame = 0;\nlet intervalId: ReturnType<typeof setInterval> | null = null;\nconst listeners = new Set<() => void>();\n\nfunction tick() {\n  frame = (frame + 1) % FRAMES.length;\n  for (const cb of listeners) cb();\n}\n\nfunction subscribe(callback: () => void): () => void {\n  listeners.add(callback);\n  if (!intervalId) {\n    intervalId = setInterval(tick, INTERVAL_MS);\n  }\n  return () => {\n    listeners.delete(callback);\n    if (listeners.size === 0 && intervalId) {\n      clearInterval(intervalId);\n      intervalId = null;\n      frame = 0;\n    }\n  };\n}\n\nfunction getSnapshot(): string {\n  return FRAMES[frame]!;\n}\n\nexport function SpinnerSlot({ color }: { color?: string }) {\n  const char = useSyncExternalStore(subscribe, getSnapshot);\n  return <Text color={color}>{char}</Text>;\n}\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,oBAAoB,QAAQ,OAAO;AAC5C,SAASC,IAAI,QAAQ,KAAK;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3B,MAAMC,MAAM,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC;AACnH,MAAMC,WAAW,GAAG,GAAG;AAEvB,IAAIC,KAAK,GAAG,CAAC;AACb,IAAIC,UAAiD,GAAG,IAAI;AAC5D,MAAMC,SAAS,GAAG,IAAIC,GAAG,CAAa,CAAC;AAEvC,SAASC,IAAIA,CAAA,EAAG;EACdJ,KAAK,GAAG,CAACA,KAAK,GAAG,CAAC,IAAIF,MAAM,CAACO,MAAM;EACnC,KAAK,MAAMC,EAAE,IAAIJ,SAAS,EAAEI,EAAE,CAAC,CAAC;AAClC;AAEA,SAASC,SAASA,CAACC,QAAoB,EAAc;EACnDN,SAAS,CAACO,GAAG,CAACD,QAAQ,CAAC;EACvB,IAAI,CAACP,UAAU,EAAE;IACfA,UAAU,GAAGS,WAAW,CAACN,IAAI,EAAEL,WAAW,CAAC;EAC7C;EACA,OAAO,MAAM;IACXG,SAAS,CAACS,MAAM,CAACH,QAAQ,CAAC;IAC1B,IAAIN,SAAS,CAACU,IAAI,KAAK,CAAC,IAAIX,UAAU,EAAE;MACtCY,aAAa,CAACZ,UAAU,CAAC;MACzBA,UAAU,GAAG,IAAI;MACjBD,KAAK,GAAG,CAAC;IACX;EACF,CAAC;AACH;AAEA,SAASc,WAAWA,CAAA,EAAW;EAC7B,OAAOhB,MAAM,CAACE,KAAK,CAAC;AACtB;AAEA,OAAO,SAAAe,YAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAqB;IAAAC;EAAA,IAAAH,EAA6B;EACvD,MAAAI,IAAA,GAAa1B,oBAAoB,CAACa,SAAS,EAAEO,WAAW,CAAC;EAAC,IAAAO,EAAA;EAAA,IAAAJ,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAE,KAAA;IACnDE,EAAA,gBAAAxB,IAAA,CAACF,IAAI;MAAQwB,KAAK,EAALA,KAAK;MAAAG,QAAA,EAAGF;IAAI,CAAO,CAAC;IAAAH,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,OAAjCI,EAAiC;AAAA","ignoreList":[]}
+{"version":3,"file":"SpinnerSlot.js","names":["useState","useEffect","Text","colors","jsx","_jsx","FRAMES","GRADIENT","brand","indigo","purple","pink","FRAME_MS","tick","intervalId","listeners","Set","advance","snapshot","cb","subscribe","callback","add","setInterval","delete","size","clearInterval","useTick","$","_c","t","setT","t0","t1","Symbol","for","SpinnerSlot","undefined","color","frame","Math","floor","length","gradientColor","t2","t3","children","ShimmerText","text","dim","chars","tertiary","palette","map","char","i","phase"],"sources":["../../../src/cli/shared/SpinnerSlot.tsx"],"sourcesContent":["/**\n * SpinnerSlot — diamond bloom spinner with breathing gradient\n *\n * Blooms: · → ◇ → ◈ → ◆ → ◈ → ◇  (fast loop)\n * Color breathes: blue → indigo → purple → pink → back\n *\n * All mounted instances share a single interval timer.\n * Uses useState + subscribe for Ink renderer compatibility.\n */\n\nimport { useState, useEffect } from \"react\";\nimport { Text } from \"ink\";\nimport { colors } from \"./Theme.js\";\n\n// Diamond bloom — fills in and empties, like a gem pulsing\nconst FRAMES = [\"\\u00B7\", \"\\u25C7\", \"\\u25C8\", \"\\u25C6\", \"\\u25C8\", \"\\u25C7\"];\n//               ·        ◇        ◈        ◆        ◈        ◇\n\n// Brand gradient — 24 steps for ultra-smooth breathing and shimmer sweep\nconst GRADIENT = [\n  colors.brand, \"#3B6FF2\", \"#4B65F0\",\n  colors.indigo, \"#7050E8\", \"#8E58EC\",\n  colors.purple, \"#B84DD4\", \"#DF4AA9\",\n  colors.pink, \"#DF4AA9\", \"#B84DD4\",\n  colors.purple, \"#8E58EC\", \"#7050E8\",\n  colors.indigo, \"#4B65F0\", \"#3B6FF2\",\n  colors.brand, colors.brand, \"#3B6FF2\",\n  \"#4B65F0\", colors.indigo, \"#7050E8\",\n];\n\nconst FRAME_MS = 150; // Fast tick — smooth animation at ~6.7fps\n\nlet tick = 0;\nlet intervalId: ReturnType<typeof setInterval> | null = null;\nconst listeners = new Set<() => void>();\n\nfunction advance() {\n  tick += 1;\n  const snapshot = [...listeners];\n  for (const cb of snapshot) {\n    try { cb(); } catch { /* don't break the tick loop */ }\n  }\n}\n\nfunction subscribe(callback: () => void): () => void {\n  listeners.add(callback);\n  if (!intervalId) {\n    intervalId = setInterval(advance, FRAME_MS);\n  }\n  return () => {\n    listeners.delete(callback);\n    if (listeners.size === 0 && intervalId) {\n      clearInterval(intervalId);\n      intervalId = null;\n      tick = 0;\n    }\n  };\n}\n\nfunction useTick(): number {\n  const [t, setT] = useState(tick);\n  useEffect(() => subscribe(() => setT(tick)), []);\n  return t;\n}\n\nexport function SpinnerSlot({ color }: { color?: string } = {}) {\n  const t = useTick();\n  // Bloom cycles slower than the tick (every 3 ticks ≈ 450ms per frame)\n  const frame = FRAMES[Math.floor(t / 3) % FRAMES.length]!;\n  const gradientColor = GRADIENT[t % GRADIENT.length]!;\n  return <Text color={color || gradientColor}>{frame}</Text>;\n}\n\n/**\n * ShimmerText — text with a fast color wave sweeping across it\n *\n * Each character gets a phase offset in the gradient, creating a\n * rippling shimmer that feels alive. Wave speed = 1 char per tick.\n */\nexport function ShimmerText({ text, dim }: { text: string; dim?: boolean }) {\n  const t = useTick();\n  const chars = [...text];\n\n  // Dim shimmer uses a muted palette that still moves visibly\n  const palette = dim\n    ? [colors.tertiary, \"#8A7FA0\", \"#7A6F8E\", colors.dim, \"#6A5F7E\", \"#7A6F8E\", \"#8A7FA0\", colors.tertiary]\n    : GRADIENT;\n\n  return (\n    <Text>\n      {chars.map((char, i) => {\n        if (char === \" \") return <Text key={i}> </Text>;\n        // Wave sweeps right at 1 char per tick — feels alive\n        const phase = (t + i) % palette.length;\n        return <Text key={i} color={palette[phase]}>{char}</Text>;\n      })}\n    </Text>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cli/shared/WhaleBanner.js

@@ -9,6 +9,7 @@ import { c as _c } from "react/compiler-runtime";
 import React from "react";
 import { Box, Text } from "ink";
 import { colors } from "./Theme.js";
+import { termWidth } from "./markdown.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ASCII_LINES = ["  ╦ ╦╦ ╦╔═╗╦  ╔═╗  ╔═╗╔═╗╔╦╗╔═╗", "  ║║║╠═╣╠═╣║  ║╣   ║  ║ ║ ║║║╣ ", "  ╚╩╝╩ ╩╩ ╩╩═╝╚═╝  ╚═╝╚═╝═╩╝╚═╝"];
 const MIN_WIDTH_FOR_ART = 38;
@@ -19,8 +20,8 @@ export function WhaleBanner(t0) {
     version,
     compact
   } = t0;
-  const termWidth = process.stdout.columns || 80;
-  if (compact || termWidth < MIN_WIDTH_FOR_ART) {
+  const tw = termWidth();
+  if (compact || tw < MIN_WIDTH_FOR_ART) {
     let t1;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
       t1 = /*#__PURE__*/_jsx(Text, {

package/dist/cli/shared/WhaleBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"WhaleBanner.js","names":["React","Box","Text","colors","jsx","_jsx","jsxs","_jsxs","ASCII_LINES","MIN_WIDTH_FOR_ART","WhaleBanner","t0","$","_c","subtitle","version","compact","termWidth","process","stdout","columns","t1","Symbol","for","children","t2","color","brand","bold","t3","dim","t4","muted","t5","flexDirection","map","_temp","line","i","info","wrap"],"sources":["../../../src/cli/shared/WhaleBanner.tsx"],"sourcesContent":["/**\n * whale code banner — ASCII art header\n *\n * Auto-switches to compact mode when terminal is too narrow for ASCII art.\n * Each line rendered separately with wrap=\"truncate\" to prevent reflow on resize.\n */\n\nimport React from \"react\";\nimport { Box, Text } from \"ink\";\nimport { colors } from \"./Theme.js\";\n\nconst ASCII_LINES = [\n  \"  ╦ ╦╦ ╦╔═╗╦  ╔═╗  ╔═╗╔═╗╔╦╗╔═╗\",\n  \"  ║║║╠═╣╠═╣║  ║╣   ║  ║ ║ ║║║╣ \",\n  \"  ╚╩╝╩ ╩╩ ╩╩═╝╚═╝  ╚═╝╚═╝═╩╝╚═╝\",\n];\nconst MIN_WIDTH_FOR_ART = 38;\n\ninterface WhaleBannerProps {\n  subtitle?: string;\n  version?: string;\n  compact?: boolean;\n}\n\nexport function WhaleBanner({ subtitle, version, compact }: WhaleBannerProps) {\n  const termWidth = process.stdout.columns || 80;\n\n  if (compact || termWidth < MIN_WIDTH_FOR_ART) {\n    return (\n      <Box flexDirection=\"column\">\n        <Text>{\" \"}</Text>\n        <Box>\n          <Text color={colors.brand} bold>  ◆ whale code</Text>\n          {version && <Text color={colors.dim}> v{version}</Text>}\n          {subtitle && <Text color={colors.muted}> {subtitle}</Text>}\n        </Box>\n      </Box>\n    );\n  }\n\n  return (\n    <Box flexDirection=\"column\">\n      <Text>{\" \"}</Text>\n      {ASCII_LINES.map((line, i) => (\n        <Text key={i} color={colors.info} bold wrap=\"truncate\">{line}</Text>\n      ))}\n    </Box>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"WhaleBanner.js","names":["React","Box","Text","colors","termWidth","jsx","_jsx","jsxs","_jsxs","ASCII_LINES","MIN_WIDTH_FOR_ART","WhaleBanner","t0","$","_c","subtitle","version","compact","tw","t1","Symbol","for","children","t2","color","brand","bold","t3","dim","t4","muted","t5","flexDirection","map","_temp","line","i","info","wrap"],"sources":["../../../src/cli/shared/WhaleBanner.tsx"],"sourcesContent":["/**\n * whale code banner — ASCII art header\n *\n * Auto-switches to compact mode when terminal is too narrow for ASCII art.\n * Each line rendered separately with wrap=\"truncate\" to prevent reflow on resize.\n */\n\nimport React from \"react\";\nimport { Box, Text } from \"ink\";\nimport { colors } from \"./Theme.js\";\nimport { termWidth } from \"./markdown.js\";\n\nconst ASCII_LINES = [\n  \"  ╦ ╦╦ ╦╔═╗╦  ╔═╗  ╔═╗╔═╗╔╦╗╔═╗\",\n  \"  ║║║╠═╣╠═╣║  ║╣   ║  ║ ║ ║║║╣ \",\n  \"  ╚╩╝╩ ╩╩ ╩╩═╝╚═╝  ╚═╝╚═╝═╩╝╚═╝\",\n];\nconst MIN_WIDTH_FOR_ART = 38;\n\ninterface WhaleBannerProps {\n  subtitle?: string;\n  version?: string;\n  compact?: boolean;\n}\n\nexport function WhaleBanner({ subtitle, version, compact }: WhaleBannerProps) {\n  const tw = termWidth();\n\n  if (compact || tw < MIN_WIDTH_FOR_ART) {\n    return (\n      <Box flexDirection=\"column\">\n        <Text>{\" \"}</Text>\n        <Box>\n          <Text color={colors.brand} bold>  ◆ whale code</Text>\n          {version && <Text color={colors.dim}> v{version}</Text>}\n          {subtitle && <Text color={colors.muted}> {subtitle}</Text>}\n        </Box>\n      </Box>\n    );\n  }\n\n  return (\n    <Box flexDirection=\"column\">\n      <Text>{\" \"}</Text>\n      {ASCII_LINES.map((line, i) => (\n        <Text key={i} color={colors.info} bold wrap=\"truncate\">{line}</Text>\n      ))}\n    </Box>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cli/shared/__tests__/markdown.test.js

@@ -0,0 +1,188 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+
+// ============================================================================
+// Mocks — Theme and external dependencies
+// ============================================================================
+
+// Mock the Theme module to avoid filesystem reads for theme.json
+vi.mock("../Theme.js", () => ({
+  colors: {
+    brand: "#0A84FF",
+    brandDim: "#0071E3",
+    success: "#30D158",
+    error: "#FF453A",
+    warning: "#FF9F0A",
+    info: "#64D2FF",
+    pink: "#FF375F",
+    purple: "#BF5AF2",
+    indigo: "#5E5CE6",
+    mint: "#66D4CF",
+    teal: "#6AC4DC",
+    lavender: "#D4BBFF",
+    roseGold: "#FFB5C2",
+    text: "#F5F5F7",
+    secondary: "#A1A1A6",
+    tertiary: "#6E6E73",
+    quaternary: "#48484A",
+    separator: "#38383A",
+    diffAddedBg: "#0d2818",
+    diffRemovedBg: "#2d0f14",
+    diffWordAdded: "#1a4d2e",
+    diffWordRemoved: "#4d1a24"
+  }
+}));
+import { renderMarkdown, closeIncompleteFences, contentWidth, toolContentWidth } from "../markdown.js";
+
+// ============================================================================
+// Setup / Teardown
+// ============================================================================
+
+let origColumns;
+beforeEach(() => {
+  origColumns = process.stdout.columns;
+});
+afterEach(() => {
+  if (origColumns !== undefined) {
+    Object.defineProperty(process.stdout, "columns", {
+      value: origColumns,
+      writable: true
+    });
+  }
+});
+
+// ============================================================================
+// contentWidth / toolContentWidth
+// ============================================================================
+
+describe("contentWidth", () => {
+  it("returns terminal width minus 2", () => {
+    Object.defineProperty(process.stdout, "columns", {
+      value: 100,
+      writable: true
+    });
+    expect(contentWidth()).toBe(98);
+  });
+  it("defaults to 80 when columns is undefined", () => {
+    Object.defineProperty(process.stdout, "columns", {
+      value: undefined,
+      writable: true
+    });
+    expect(contentWidth()).toBe(78);
+  });
+});
+describe("toolContentWidth", () => {
+  it("returns terminal width minus 6", () => {
+    Object.defineProperty(process.stdout, "columns", {
+      value: 100,
+      writable: true
+    });
+    expect(toolContentWidth()).toBe(94);
+  });
+});
+
+// ============================================================================
+// closeIncompleteFences
+// ============================================================================
+
+describe("closeIncompleteFences", () => {
+  it("closes an open code fence", () => {
+    const input = "Some text\n```typescript\nconst x = 1;";
+    const result = closeIncompleteFences(input);
+    expect(result).toContain("```typescript");
+    expect(result.endsWith("```")).toBe(true);
+  });
+  it("does not modify already closed code fence", () => {
+    const input = "```typescript\nconst x = 1;\n```";
+    const result = closeIncompleteFences(input);
+    // Should not add extra closing fence
+    const fenceCount = (result.match(/```/g) || []).length;
+    expect(fenceCount).toBe(2);
+  });
+  it("closes unmatched inline backtick", () => {
+    const input = "Here is some `inline code";
+    const result = closeIncompleteFences(input);
+    expect(result.endsWith("`")).toBe(true);
+  });
+  it("does not modify matched inline backticks", () => {
+    const input = "Here is `code` done.";
+    const result = closeIncompleteFences(input);
+    expect(result).toBe(input);
+  });
+  it("closes unmatched bold markers", () => {
+    const input = "Some **bold text";
+    const result = closeIncompleteFences(input);
+    expect(result).toContain("**");
+    // Should have closing **
+    const boldCount = (result.match(/\*\*/g) || []).length;
+    expect(boldCount % 2).toBe(0);
+  });
+  it("closes unmatched italic markers", () => {
+    const input = "Some *italic text";
+    const result = closeIncompleteFences(input);
+    const starCount = (result.replace(/\*\*/g, "").match(/\*/g) || []).length;
+    expect(starCount % 2).toBe(0);
+  });
+  it("handles empty input", () => {
+    expect(closeIncompleteFences("")).toBe("");
+  });
+  it("handles multiple open fences correctly (only last remains open)", () => {
+    const input = "```\nblock1\n```\n```\nblock2";
+    const result = closeIncompleteFences(input);
+    expect(result.endsWith("```")).toBe(true);
+  });
+});
+
+// ============================================================================
+// renderMarkdown — basic rendering
+// ============================================================================
+
+describe("renderMarkdown", () => {
+  it("renders plain text without errors", () => {
+    const result = renderMarkdown("Hello, world!");
+    expect(result).toContain("Hello, world!");
+  });
+  it("renders headings", () => {
+    const result = renderMarkdown("# My Heading");
+    // Should contain the heading text (with possible ANSI codes)
+    expect(result).toContain("My Heading");
+  });
+  it("renders bold text", () => {
+    const result = renderMarkdown("This is **bold** text.");
+    expect(result).toContain("bold");
+  });
+  it("renders inline code", () => {
+    const result = renderMarkdown("Use `console.log` here.");
+    expect(result).toContain("console.log");
+  });
+  it("renders links", () => {
+    const result = renderMarkdown("[Google](https://google.com)");
+    expect(result).toContain("Google");
+  });
+  it("renders unordered list items", () => {
+    const result = renderMarkdown("- Item 1\n- Item 2\n- Item 3");
+    expect(result).toContain("Item 1");
+    expect(result).toContain("Item 2");
+    expect(result).toContain("Item 3");
+  });
+  it("renders code blocks with language", () => {
+    const result = renderMarkdown("```javascript\nconst x = 1;\n```");
+    expect(result).toContain("const");
+    expect(result).toContain("x");
+  });
+  it("handles streaming mode with fence closure", () => {
+    // Streaming mode should close incomplete fences
+    const result = renderMarkdown("```typescript\nconst x = 1;", true);
+    // Should render without throwing
+    expect(result).toContain("const");
+  });
+  it("handles non-streaming mode without fence closure", () => {
+    // Non-streaming with complete markdown
+    const result = renderMarkdown("Hello\n\nWorld", false);
+    expect(result).toContain("Hello");
+    expect(result).toContain("World");
+  });
+  it("strips trailing newlines from output", () => {
+    const result = renderMarkdown("Test");
+    expect(result.endsWith("\n\n")).toBe(false);
+  });
+});

package/dist/cli/shared/format-utils.d.ts

@@ -0,0 +1,16 @@
+/**
+ * format-utils — single source of truth for all display formatting
+ *
+ * Consolidates: formatTokens, shortenPath, formatDuration, formatMs,
+ * formatElapsed, toolContext/formatContext
+ *
+ * Previously duplicated across:
+ *   MessageList.tsx, SubagentPanel.tsx, tool-indicator-helpers.ts,
+ *   markdown.ts, markdown-helpers.ts
+ */
+export declare function formatTokens(n: number): string;
+export declare function shortenPath(fullPath: string, maxLen?: number): string;
+export declare function formatDuration(ms: number): string;
+export declare function formatElapsed(s: number): string;
+export declare function formatToolContext(name: string, input?: Record<string, unknown>): string;
+export declare function formatCost(cost: number): string;

package/dist/cli/shared/format-utils.js

@@ -0,0 +1,121 @@
+/**
+ * format-utils — single source of truth for all display formatting
+ *
+ * Consolidates: formatTokens, shortenPath, formatDuration, formatMs,
+ * formatElapsed, toolContext/formatContext
+ *
+ * Previously duplicated across:
+ *   MessageList.tsx, SubagentPanel.tsx, tool-indicator-helpers.ts,
+ *   markdown.ts, markdown-helpers.ts
+ */
+
+// ── Token Formatting ──
+
+export function formatTokens(n) {
+  if (n < 1000) return String(n);
+  if (n < 10000) return `${(n / 1000).toFixed(1)}k`;
+  return `${Math.round(n / 1000)}k`;
+}
+
+// ── Path Shortening ──
+
+export function shortenPath(fullPath, maxLen = 40) {
+  if (!fullPath || fullPath.length <= maxLen) return fullPath;
+  const parts = fullPath.split("/");
+  if (parts.length <= 2) return fullPath.slice(-maxLen);
+  const file = parts[parts.length - 1];
+  const dir = parts[parts.length - 2];
+  const short = `${dir}/${file}`;
+  if (short.length <= maxLen) {
+    const budget = maxLen - short.length - 4;
+    if (budget > 0) {
+      const prefix = parts.slice(0, -2).join("/");
+      return prefix.length <= budget ? `${prefix}/${short}` : `.../${short}`;
+    }
+    return `.../${short}`;
+  }
+  return file.length <= maxLen ? file : `...${file.slice(-(maxLen - 3))}`;
+}
+
+// ── Duration Formatting ──
+
+export function formatDuration(ms) {
+  if (ms < 1000) return `${ms}ms`;
+  if (ms < 10000) return `${(ms / 1000).toFixed(1)}s`;
+  if (ms < 60000) return `${Math.round(ms / 1000)}s`;
+  const min = Math.floor(ms / 60000);
+  const sec = Math.round(ms % 60000 / 1000);
+  return `${min}:${sec.toString().padStart(2, "0")}`;
+}
+export function formatElapsed(s) {
+  if (s < 60) return `${s}s`;
+  return `${Math.floor(s / 60)}:${(s % 60).toString().padStart(2, "0")}`;
+}
+
+// ── Tool Context Formatting ──
+
+export function formatToolContext(name, input) {
+  if (!input) return "";
+  switch (name) {
+    case "read_file":
+    case "write_file":
+    case "list_directory":
+      return input.path ? shortenPath(String(input.path)) : "";
+    case "edit_file":
+      {
+        const fp = input.file_path ? shortenPath(String(input.file_path)) : "";
+        return fp;
+      }
+    case "multi_edit":
+      {
+        const edits = Array.isArray(input.edits) ? input.edits : [];
+        return input.file_path ? `${shortenPath(String(input.file_path))} (${edits.length} edits)` : "";
+      }
+    case "glob":
+      return input.pattern ? String(input.pattern) : "";
+    case "grep":
+      {
+        const parts = [input.pattern, input.path ? shortenPath(String(input.path)) : null].filter(Boolean);
+        return parts.join(" in ");
+      }
+    case "search_files":
+    case "search_content":
+      {
+        const p = input.path ? ` in ${shortenPath(String(input.path))}` : "";
+        return `${input.pattern || input.query || ""}${p}`;
+      }
+    case "run_command":
+      {
+        const cmd = String(input.command || "");
+        return cmd.length > 50 ? cmd.slice(0, 47) + "..." : cmd;
+      }
+    case "web_fetch":
+      return input.url ? String(input.url).slice(0, 50) : "";
+    case "task":
+      {
+        const desc = input.description || input.prompt || "";
+        return String(desc).slice(0, 50);
+      }
+    case "notebook_edit":
+    case "notebook_read":
+      {
+        const fp = input.filePath ? shortenPath(String(input.filePath)) : "";
+        return fp;
+      }
+    default:
+      {
+        // Server tools — show action
+        if (input.action) return String(input.action);
+        return "";
+      }
+  }
+}
+
+// ── Cost Estimation ──
+
+export function formatCost(cost) {
+  if (cost < 0.001) return "<$0.001";
+  if (cost < 0.01) return `$${cost.toFixed(4)}`;
+  return `$${cost.toFixed(3)}`;
+}
+//# sourceMappingURL=format-utils.js.map

package/dist/cli/shared/format-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-utils.js","names":["formatTokens","n","String","toFixed","Math","round","shortenPath","fullPath","maxLen","length","parts","split","slice","file","dir","short","budget","prefix","join","formatDuration","ms","min","floor","sec","toString","padStart","formatElapsed","s","formatToolContext","name","input","path","fp","file_path","edits","Array","isArray","pattern","filter","Boolean","p","query","cmd","command","url","desc","description","prompt","filePath","action","formatCost","cost"],"sources":["../../../src/cli/shared/format-utils.ts"],"sourcesContent":["/**\n * format-utils — single source of truth for all display formatting\n *\n * Consolidates: formatTokens, shortenPath, formatDuration, formatMs,\n * formatElapsed, toolContext/formatContext\n *\n * Previously duplicated across:\n *   MessageList.tsx, SubagentPanel.tsx, tool-indicator-helpers.ts,\n *   markdown.ts, markdown-helpers.ts\n */\n\n// ── Token Formatting ──\n\nexport function formatTokens(n: number): string {\n  if (n < 1000) return String(n);\n  if (n < 10000) return `${(n / 1000).toFixed(1)}k`;\n  return `${Math.round(n / 1000)}k`;\n}\n\n// ── Path Shortening ──\n\nexport function shortenPath(fullPath: string, maxLen = 40): string {\n  if (!fullPath || fullPath.length <= maxLen) return fullPath;\n  const parts = fullPath.split(\"/\");\n  if (parts.length <= 2) return fullPath.slice(-maxLen);\n\n  const file = parts[parts.length - 1];\n  const dir = parts[parts.length - 2];\n  const short = `${dir}/${file}`;\n  if (short.length <= maxLen) {\n    const budget = maxLen - short.length - 4;\n    if (budget > 0) {\n      const prefix = parts.slice(0, -2).join(\"/\");\n      return prefix.length <= budget\n        ? `${prefix}/${short}`\n        : `.../${short}`;\n    }\n    return `.../${short}`;\n  }\n  return file.length <= maxLen ? file : `...${file.slice(-(maxLen - 3))}`;\n}\n\n// ── Duration Formatting ──\n\nexport function formatDuration(ms: number): string {\n  if (ms < 1000) return `${ms}ms`;\n  if (ms < 10000) return `${(ms / 1000).toFixed(1)}s`;\n  if (ms < 60000) return `${Math.round(ms / 1000)}s`;\n  const min = Math.floor(ms / 60000);\n  const sec = Math.round((ms % 60000) / 1000);\n  return `${min}:${sec.toString().padStart(2, \"0\")}`;\n}\n\nexport function formatElapsed(s: number): string {\n  if (s < 60) return `${s}s`;\n  return `${Math.floor(s / 60)}:${(s % 60).toString().padStart(2, \"0\")}`;\n}\n\n// ── Tool Context Formatting ──\n\nexport function formatToolContext(name: string, input?: Record<string, unknown>): string {\n  if (!input) return \"\";\n  switch (name) {\n    case \"read_file\":\n    case \"write_file\":\n    case \"list_directory\":\n      return input.path ? shortenPath(String(input.path)) : \"\";\n    case \"edit_file\": {\n      const fp = input.file_path ? shortenPath(String(input.file_path)) : \"\";\n      return fp;\n    }\n    case \"multi_edit\": {\n      const edits = Array.isArray(input.edits) ? input.edits : [];\n      return input.file_path ? `${shortenPath(String(input.file_path))} (${edits.length} edits)` : \"\";\n    }\n    case \"glob\":\n      return input.pattern ? String(input.pattern) : \"\";\n    case \"grep\": {\n      const parts = [input.pattern, input.path ? shortenPath(String(input.path)) : null].filter(Boolean);\n      return parts.join(\" in \");\n    }\n    case \"search_files\":\n    case \"search_content\": {\n      const p = input.path ? ` in ${shortenPath(String(input.path))}` : \"\";\n      return `${input.pattern || input.query || \"\"}${p}`;\n    }\n    case \"run_command\": {\n      const cmd = String(input.command || \"\");\n      return cmd.length > 50 ? cmd.slice(0, 47) + \"...\" : cmd;\n    }\n    case \"web_fetch\":\n      return input.url ? String(input.url).slice(0, 50) : \"\";\n    case \"task\": {\n      const desc = input.description || input.prompt || \"\";\n      return String(desc).slice(0, 50);\n    }\n    case \"notebook_edit\":\n    case \"notebook_read\": {\n      const fp = input.filePath ? shortenPath(String(input.filePath)) : \"\";\n      return fp;\n    }\n    default: {\n      // Server tools — show action\n      if (input.action) return String(input.action);\n      return \"\";\n    }\n  }\n}\n\n// ── Cost Estimation ──\n\nexport function formatCost(cost: number): string {\n  if (cost < 0.001) return \"<$0.001\";\n  if (cost < 0.01) return `$${cost.toFixed(4)}`;\n  return `$${cost.toFixed(3)}`;\n}\n"],"mappings":"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","ignoreList":[]}