reasonix 0.7.2 → 0.7.5

package/dist/cli/index.js

@@ -715,13 +715,13 @@ async function runHooks(opts) {
   const matching = opts.hooks.filter((h) => h.event === event && matchesTool(h, toolName));
   const outcomes = [];
   let blocked = false;
-  const stdin2 = `${JSON.stringify(opts.payload)}
+  const stdin3 = `${JSON.stringify(opts.payload)}
 `;
   for (const hook of matching) {
     const start = Date.now();
     const timeoutMs = hook.timeout ?? DEFAULT_TIMEOUTS_MS[event];
     const cwd = hook.cwd ?? opts.payload.cwd;
-    const raw = await spawner({ command: hook.command, cwd, stdin: stdin2, timeoutMs });
+    const raw = await spawner({ command: hook.command, cwd, stdin: stdin3, timeoutMs });
     const decision = decideOutcome(event, raw);
     outcomes.push({
       hook,
@@ -7113,11 +7113,11 @@ function formatLogSize(path = defaultUsageLogPath()) {
 // src/cli/commands/chat.tsx
 import { existsSync as existsSync12, statSync as statSync7 } from "fs";
 import { render } from "ink";
-import React23, { useState as useState12 } from "react";
+import React26, { useState as useState12 } from "react";
 
 // src/cli/ui/App.tsx
-import { Box as Box19, Static, useApp, useInput as useInput5, useStdout as useStdout5 } from "ink";
-import React20, { useCallback as useCallback4, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef5, useState as useState10 } from "react";
+import { Box as Box21, Static, useApp, useStdout as useStdout8 } from "ink";
+import React23, { useCallback as useCallback4, useEffect as useEffect6, useMemo as useMemo3, useRef as useRef6, useState as useState10 } from "react";
 
 // src/code/pending-edits.ts
 import { existsSync as existsSync9, mkdirSync as mkdirSync6, readFileSync as readFileSync11, unlinkSync as unlinkSync3, writeFileSync as writeFileSync5 } from "fs";
@@ -7430,23 +7430,376 @@ function AtMentionSuggestions({
   return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingX: 1, marginTop: 1 }, hiddenAbove > 0 ? /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " \u2191 ", hiddenAbove, " more above") : null, shown.map((path, i) => /* @__PURE__ */ React.createElement(FileRow, { key: path, path, isSelected: windowStart + i === selectedIndex })), hiddenBelow > 0 ? /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " \u2193 ", hiddenBelow, " more below") : null, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " [\u2191\u2193] navigate \xB7 [Tab]/[Enter] pick \xB7 file content inlined on send"));
 }
 function FileRow({ path, isSelected }) {
-  const marker = isSelected ? "\u25B8" : " ";
   const slash = path.lastIndexOf("/");
   const dir = slash >= 0 ? `${path.slice(0, slash)}/` : "";
   const base = slash >= 0 ? path.slice(slash + 1) : path;
   if (isSelected) {
-    return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { bold: true, color: "cyan" }, marker, " ", base), /* @__PURE__ */ React.createElement(Text, { color: "cyan" }, dir ? `  ${dir}` : ""));
+    return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { backgroundColor: "#67e8f9", color: "black", bold: true }, ` \u25B8 ${base}${dir ? `  ${dir}` : ""} `));
   }
-  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, marker, " ", base, dir ? `  ${dir}` : ""));
+  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#94a3b8" }, `   ${base}`), dir ? /* @__PURE__ */ React.createElement(Text, { dimColor: true }, `  ${dir}`) : null);
 }
 
 // src/cli/ui/ChoiceConfirm.tsx
+import { Box as Box4 } from "ink";
+import React5 from "react";
+
+// src/cli/ui/ModalCard.tsx
+import { Box as Box2, Text as Text2, useStdout } from "ink";
+import React2 from "react";
+function ModalCard({
+  accent,
+  title,
+  subtitle,
+  icon,
+  children
+}) {
+  const { stdout: stdout2 } = useStdout();
+  const cols = stdout2?.columns ?? 80;
+  const ruleWidth = Math.min(80, Math.max(28, cols - 4));
+  const titleText = icon ? ` ${icon}  ${title} ` : ` ${title} `;
+  return /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React2.createElement(Box2, null, /* @__PURE__ */ React2.createElement(Text2, { color: accent }, "\u2594".repeat(ruleWidth))), /* @__PURE__ */ React2.createElement(Box2, { marginTop: 1 }, /* @__PURE__ */ React2.createElement(Text2, { backgroundColor: accent, color: "black", bold: true }, titleText), subtitle ? /* @__PURE__ */ React2.createElement(Text2, { dimColor: true }, `   ${subtitle}`) : null), /* @__PURE__ */ React2.createElement(Box2, { marginTop: 1, flexDirection: "column" }, children), /* @__PURE__ */ React2.createElement(Box2, { marginTop: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: accent, dimColor: true }, "\u2581".repeat(ruleWidth))));
+}
+
+// src/cli/ui/Select.tsx
 import { Box as Box3, Text as Text3 } from "ink";
-import React3 from "react";
+import React4, { useState } from "react";
+
+// src/cli/ui/keystroke-context.tsx
+import React3, { createContext, useContext, useEffect, useRef } from "react";
+
+// src/cli/ui/stdin-reader.ts
+import { stdin } from "process";
+var ESC_TIMEOUT_MS = 250;
+var PASTE_END = "\x1B[201~";
+var PASTE_START_BARE = "[200~";
+var PASTE_END_BARE = "[201~";
+var CSI_TAIL_MAP = [
+  { tail: "A", ev: { input: "", upArrow: true } },
+  { tail: "B", ev: { input: "", downArrow: true } },
+  { tail: "C", ev: { input: "", rightArrow: true } },
+  { tail: "D", ev: { input: "", leftArrow: true } },
+  { tail: "H", ev: { input: "", home: true } },
+  { tail: "F", ev: { input: "", end: true } },
+  { tail: "1~", ev: { input: "", home: true } },
+  { tail: "4~", ev: { input: "", end: true } },
+  { tail: "5~", ev: { input: "", pageUp: true } },
+  { tail: "6~", ev: { input: "", pageDown: true } },
+  { tail: "3~", ev: { input: "", delete: true } },
+  { tail: "Z", ev: { input: "", shift: true, tab: true } },
+  // modifyOtherKeys (xterm CSI > 4 ; 2 m) sequences for Enter with
+  // modifiers. Only fired when App.tsx has enabled the mode at
+  // startup; otherwise Shift+Enter stays indistinguishable from Enter.
+  // Modifier encoding: 2=shift, 3=alt, 4=alt+shift, 5=ctrl,
+  // 6=ctrl+shift, 7=ctrl+alt, 8=ctrl+alt+shift. Keycode 13 = Enter.
+  { tail: "27;2;13~", ev: { input: "", return: true, shift: true } },
+  { tail: "27;5;13~", ev: { input: "", return: true, ctrl: true } },
+  { tail: "27;6;13~", ev: { input: "", return: true, ctrl: true, shift: true } },
+  // Kitty keyboard protocol — same idea, different envelope:
+  // `\x1b[<keycode>;<mod>u`. Some terminals (kitty, recent Windows
+  // Terminal previews) prefer this shape. Harmless to map here too.
+  { tail: "13;2u", ev: { input: "", return: true, shift: true } },
+  { tail: "13;5u", ev: { input: "", return: true, ctrl: true } },
+  { tail: "13;6u", ev: { input: "", return: true, ctrl: true, shift: true } }
+];
+var SS3_MAP = {
+  A: { input: "", upArrow: true },
+  B: { input: "", downArrow: true },
+  C: { input: "", rightArrow: true },
+  D: { input: "", leftArrow: true },
+  H: { input: "", home: true },
+  F: { input: "", end: true }
+};
+function tryEscapelessCsi(chunk, i) {
+  if (chunk[i] !== "[") return null;
+  for (const entry of CSI_TAIL_MAP) {
+    const candidate = `[${entry.tail}`;
+    if (chunk.slice(i, i + candidate.length) === candidate) {
+      return { advance: candidate.length, ev: entry.ev };
+    }
+  }
+  return null;
+}
+function isCsiFinal(ch) {
+  const code = ch.charCodeAt(0);
+  return code >= 64 && code <= 126;
+}
+function lookupCsi(tail) {
+  for (const entry of CSI_TAIL_MAP) {
+    if (entry.tail === tail) return entry.ev;
+  }
+  return null;
+}
+var StdinReader = class {
+  subscribers = /* @__PURE__ */ new Set();
+  state = "idle";
+  /** Buffer for partial sequences across chunks. */
+  csiBuf = "";
+  /** Buffer for paste content. */
+  pasteBuf = "";
+  escTimer = null;
+  started = false;
+  /** The actual `data` listener — kept as a field so `stop()` can detach it. */
+  listener = null;
+  start() {
+    if (this.started) return;
+    if (!stdin.isTTY) {
+      return;
+    }
+    stdin.setRawMode(true);
+    stdin.setEncoding("utf8");
+    stdin.resume();
+    this.listener = (chunk) => this.handleChunk(typeof chunk === "string" ? chunk : chunk.toString("utf8"));
+    stdin.on("data", this.listener);
+    this.started = true;
+  }
+  stop() {
+    if (!this.started) return;
+    if (this.listener) {
+      stdin.off("data", this.listener);
+      this.listener = null;
+    }
+    if (stdin.isTTY) {
+      try {
+        stdin.setRawMode(false);
+      } catch {
+      }
+    }
+    stdin.pause();
+    this.cancelEscTimer();
+    this.state = "idle";
+    this.csiBuf = "";
+    this.pasteBuf = "";
+    this.started = false;
+  }
+  /**
+   * Subscribe to parsed key events. Returns an unsubscribe function.
+   * Multiple subscribers are supported — every event fans out to all
+   * of them; the React Context layer above uses one subscriber and
+   * dispatches further to its own consumer list.
+   */
+  subscribe(fn) {
+    this.subscribers.add(fn);
+    return () => {
+      this.subscribers.delete(fn);
+    };
+  }
+  /**
+   * Inject a chunk of bytes as if it came from stdin. Used by tests
+   * to drive the parser without a real TTY.
+   */
+  feed(chunk) {
+    this.handleChunk(chunk);
+  }
+  dispatch(ev) {
+    for (const sub of this.subscribers) sub(ev);
+  }
+  cancelEscTimer() {
+    if (this.escTimer) {
+      clearTimeout(this.escTimer);
+      this.escTimer = null;
+    }
+  }
+  scheduleEscTimer() {
+    this.cancelEscTimer();
+    this.escTimer = setTimeout(() => {
+      if (this.state === "esc") {
+        this.state = "idle";
+        this.dispatch({ input: "", escape: true });
+      }
+    }, ESC_TIMEOUT_MS);
+  }
+  handleChunk(chunk) {
+    this.cancelEscTimer();
+    let i = 0;
+    while (i < chunk.length) {
+      if (this.state === "paste") {
+        const endA = chunk.indexOf(PASTE_END, i);
+        const endB = chunk.indexOf(PASTE_END_BARE, i);
+        let endIdx = -1;
+        let endLen = 0;
+        if (endA !== -1 && (endB === -1 || endA <= endB)) {
+          endIdx = endA;
+          endLen = PASTE_END.length;
+        } else if (endB !== -1) {
+          endIdx = endB;
+          endLen = PASTE_END_BARE.length;
+        }
+        if (endIdx === -1) {
+          this.pasteBuf += chunk.slice(i);
+          i = chunk.length;
+          break;
+        }
+        this.pasteBuf += chunk.slice(i, endIdx);
+        this.dispatch({ input: this.pasteBuf, paste: true });
+        this.pasteBuf = "";
+        this.state = "idle";
+        i = endIdx + endLen;
+        continue;
+      }
+      if (this.state === "csi") {
+        const ch2 = chunk[i];
+        this.csiBuf += ch2;
+        if (isCsiFinal(ch2)) {
+          this.dispatchCsi(this.csiBuf);
+          this.csiBuf = "";
+          if (this.state === "csi") this.state = "idle";
+        }
+        i++;
+        continue;
+      }
+      if (this.state === "ss3") {
+        const ev = SS3_MAP[chunk[i]];
+        if (ev) this.dispatch(ev);
+        this.state = "idle";
+        i++;
+        continue;
+      }
+      if (this.state === "esc") {
+        const ch2 = chunk[i];
+        if (ch2 === "[") {
+          this.state = "csi";
+          this.csiBuf = "";
+          i++;
+          continue;
+        }
+        if (ch2 === "O") {
+          this.state = "ss3";
+          i++;
+          continue;
+        }
+        this.dispatch({ input: ch2, meta: true });
+        this.state = "idle";
+        i++;
+        continue;
+      }
+      const ch = chunk[i];
+      if (ch === "\x1B") {
+        this.state = "esc";
+        i++;
+        continue;
+      }
+      if (chunk.slice(i, i + PASTE_START_BARE.length) === PASTE_START_BARE) {
+        this.state = "paste";
+        this.pasteBuf = "";
+        i += PASTE_START_BARE.length;
+        continue;
+      }
+      const escapeless = tryEscapelessCsi(chunk, i);
+      if (escapeless) {
+        this.dispatch(escapeless.ev);
+        i += escapeless.advance;
+        continue;
+      }
+      if (ch === "\r") {
+        this.dispatch({ input: "", return: true });
+        i++;
+        continue;
+      }
+      if (ch === "\n") {
+        this.dispatch({ input: "j", ctrl: true });
+        i++;
+        continue;
+      }
+      if (ch === "	") {
+        this.dispatch({ input: "", tab: true });
+        i++;
+        continue;
+      }
+      if (ch === "\x7F" || ch === "\b") {
+        this.dispatch({ input: "", backspace: true });
+        i++;
+        continue;
+      }
+      if (ch === "") {
+        this.dispatch({ input: "c", ctrl: true });
+        i++;
+        continue;
+      }
+      const code = ch.charCodeAt(0);
+      if (code >= 1 && code <= 26) {
+        const letter = String.fromCharCode(96 + code);
+        this.dispatch({ input: letter, ctrl: true });
+        i++;
+        continue;
+      }
+      let end = i + 1;
+      while (end < chunk.length) {
+        const c = chunk[end];
+        if (c === "\x1B" || c === "\r" || c === "\n" || c === "	") break;
+        if (c === "\x7F" || c === "\b" || c === "") break;
+        const cc = c.charCodeAt(0);
+        if (cc >= 1 && cc <= 26) break;
+        if (c === "[" && tryEscapelessCsi(chunk, end)) break;
+        if (chunk.slice(end, end + PASTE_START_BARE.length) === PASTE_START_BARE) break;
+        end++;
+      }
+      this.dispatch({ input: chunk.slice(i, end) });
+      i = end;
+    }
+    if (this.state === "esc") {
+      this.scheduleEscTimer();
+    }
+  }
+  dispatchCsi(seq) {
+    if (seq === "200~") {
+      this.state = "paste";
+      this.pasteBuf = "";
+      return;
+    }
+    if (seq === "201~") {
+      return;
+    }
+    const ev = lookupCsi(seq);
+    if (ev) this.dispatch(ev);
+  }
+};
+var singleton = null;
+function getStdinReader() {
+  if (!singleton) singleton = new StdinReader();
+  return singleton;
+}
+
+// src/cli/ui/keystroke-context.tsx
+var KeystrokeContext = createContext(null);
+function KeystrokeProvider({
+  children,
+  reader: providedReader
+}) {
+  const handlersRef = useRef(/* @__PURE__ */ new Set());
+  const busRef = useRef(null);
+  if (busRef.current === null) {
+    busRef.current = {
+      subscribe(handler) {
+        handlersRef.current.add(handler);
+        return () => {
+          handlersRef.current.delete(handler);
+        };
+      }
+    };
+  }
+  useEffect(() => {
+    const reader = providedReader ?? getStdinReader();
+    reader.start();
+    const unsubscribe = reader.subscribe((ev) => {
+      for (const fn of [...handlersRef.current]) fn(ev);
+    });
+    return () => {
+      unsubscribe();
+    };
+  }, [providedReader]);
+  return /* @__PURE__ */ React3.createElement(KeystrokeContext.Provider, { value: busRef.current }, children);
+}
+function useKeystroke(handler, isActive = true) {
+  const bus = useContext(KeystrokeContext);
+  const handlerRef = useRef(handler);
+  handlerRef.current = handler;
+  useEffect(() => {
+    if (!bus || !isActive) return void 0;
+    return bus.subscribe((ev) => handlerRef.current(ev));
+  }, [bus, isActive]);
+}
 
 // src/cli/ui/Select.tsx
-import { Box as Box2, Text as Text2, useInput } from "ink";
-import React2, { useState } from "react";
 function SingleSelect({
   items,
   initialValue,
@@ -7459,19 +7812,20 @@ function SingleSelect({
     items.findIndex((i) => i.value === initialValue && !i.disabled)
   );
   const [index, setIndex] = useState(initialIndex === -1 ? 0 : initialIndex);
-  useInput((_input, key) => {
-    if (key.upArrow) {
+  useKeystroke((ev) => {
+    if (ev.paste) return;
+    if (ev.upArrow) {
       setIndex((i) => findNextEnabled(items, i, -1));
-    } else if (key.downArrow) {
+    } else if (ev.downArrow) {
       setIndex((i) => findNextEnabled(items, i, 1));
-    } else if (key.return) {
+    } else if (ev.return) {
       const chosen = items[index];
       if (chosen && !chosen.disabled) onSubmit(chosen.value);
-    } else if (key.escape && onCancel) {
+    } else if (ev.escape && onCancel) {
       onCancel();
     }
   });
-  return /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column" }, items.map((item, i) => /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React4.createElement(Box3, { flexDirection: "column" }, items.map((item, i) => /* @__PURE__ */ React4.createElement(
     SelectRow,
     {
       key: item.value,
@@ -7479,7 +7833,7 @@ function SingleSelect({
       active: i === index,
       marker: i === index ? "\u25B8" : " "
     }
-  )), footer ? /* @__PURE__ */ React2.createElement(Box2, { marginTop: 1 }, /* @__PURE__ */ React2.createElement(Text2, { dimColor: true }, footer)) : null);
+  )), footer ? /* @__PURE__ */ React4.createElement(Box3, { marginTop: 1 }, /* @__PURE__ */ React4.createElement(Text3, { dimColor: true }, footer)) : null);
 }
 function MultiSelect({
   items,
@@ -7493,12 +7847,13 @@ function MultiSelect({
     return first === -1 ? 0 : first;
   });
   const [selected, setSelected] = useState(new Set(initialSelected));
-  useInput((input, key) => {
-    if (key.upArrow) {
+  useKeystroke((ev) => {
+    if (ev.paste) return;
+    if (ev.upArrow) {
       setIndex((i) => findNextEnabled(items, i, -1));
-    } else if (key.downArrow) {
+    } else if (ev.downArrow) {
       setIndex((i) => findNextEnabled(items, i, 1));
-    } else if (input === " ") {
+    } else if (ev.input === " ") {
       const item = items[index];
       if (!item || item.disabled) return;
       setSelected((prev) => {
@@ -7507,17 +7862,17 @@ function MultiSelect({
         else next.add(item.value);
         return next;
       });
-    } else if (key.return) {
+    } else if (ev.return) {
       const ordered = items.filter((i) => selected.has(i.value)).map((i) => i.value);
       onSubmit(ordered);
-    } else if (key.escape && onCancel) {
+    } else if (ev.escape && onCancel) {
       onCancel();
     }
   });
-  return /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column" }, items.map((item, i) => {
+  return /* @__PURE__ */ React4.createElement(Box3, { flexDirection: "column" }, items.map((item, i) => {
     const checked = selected.has(item.value);
     const marker = checked ? "[x]" : "[ ]";
-    return /* @__PURE__ */ React2.createElement(
+    return /* @__PURE__ */ React4.createElement(
       SelectRow,
       {
         key: item.value,
@@ -7526,7 +7881,7 @@ function MultiSelect({
         marker: `${i === index ? "\u25B8" : " "} ${marker}`
       }
     );
-  }), footer ? /* @__PURE__ */ React2.createElement(Box2, { marginTop: 1 }, /* @__PURE__ */ React2.createElement(Text2, { dimColor: true }, footer)) : null);
+  }), footer ? /* @__PURE__ */ React4.createElement(Box3, { marginTop: 1 }, /* @__PURE__ */ React4.createElement(Text3, { dimColor: true }, footer)) : null);
 }
 function SelectRow({
   item,
@@ -7534,7 +7889,7 @@ function SelectRow({
   marker
 }) {
   const color = item.disabled ? "gray" : active ? "cyan" : void 0;
-  return /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column" }, /* @__PURE__ */ React2.createElement(Box2, null, /* @__PURE__ */ React2.createElement(Text2, { color }, marker, " ", item.label)), item.hint ? /* @__PURE__ */ React2.createElement(Box2, { paddingLeft: marker.length + 1 }, /* @__PURE__ */ React2.createElement(Text2, { dimColor: true }, item.hint)) : null);
+  return /* @__PURE__ */ React4.createElement(Box3, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Box3, null, /* @__PURE__ */ React4.createElement(Text3, { color }, marker, " ", item.label)), item.hint ? /* @__PURE__ */ React4.createElement(Box3, { paddingLeft: marker.length + 1 }, /* @__PURE__ */ React4.createElement(Text3, { dimColor: true }, item.hint)) : null);
 }
 function findNextEnabled(items, from, step) {
   if (items.length === 0) return 0;
@@ -7567,7 +7922,7 @@ function ChoiceConfirmInner({ question, options, allowCustom, onChoose }) {
     label: "Cancel \u2014 drop the question",
     hint: "Model stops and asks what you want instead."
   });
-  return /* @__PURE__ */ React3.createElement(Box3, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React3.createElement(Box3, null, /* @__PURE__ */ React3.createElement(Text3, { bold: true, color: "magenta" }, "\u{1F500} the model is asking you to pick")), /* @__PURE__ */ React3.createElement(Box3, { marginTop: 1 }, /* @__PURE__ */ React3.createElement(Text3, null, question)), /* @__PURE__ */ React3.createElement(Box3, { marginTop: 1 }, /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React5.createElement(ModalCard, { accent: "#f0abfc", icon: "\u{1F500}", title: "model wants you to pick", subtitle: question }, /* @__PURE__ */ React5.createElement(Box4, null, /* @__PURE__ */ React5.createElement(
     SingleSelect,
     {
       initialValue: options[0]?.id,
@@ -7582,11 +7937,11 @@ function ChoiceConfirmInner({ question, options, allowCustom, onChoose }) {
     }
   )));
 }
-var ChoiceConfirm = React3.memo(ChoiceConfirmInner);
+var ChoiceConfirm = React5.memo(ChoiceConfirmInner);
 
 // src/cli/ui/EditConfirm.tsx
-import { Box as Box4, Text as Text4, useInput as useInput2, useStdout } from "ink";
-import React4, { useMemo, useState as useState2 } from "react";
+import { Box as Box5, Text as Text4, useStdout as useStdout2 } from "ink";
+import React6, { useMemo, useState as useState2 } from "react";
 
 // src/code/diff-preview.ts
 function formatEditBlockDiff(block, opts = {}) {
@@ -7661,7 +8016,7 @@ function capLines(lines, maxLines, indent) {
 var MODAL_OVERHEAD_ROWS = 18;
 var MIN_DIFF_ROWS = 8;
 function EditConfirm({ block, onChoose }) {
-  const { stdout: stdout2 } = useStdout();
+  const { stdout: stdout2 } = useStdout2();
   const rows = stdout2?.rows ?? 40;
   const budget = Math.max(MIN_DIFF_ROWS, rows - MODAL_OVERHEAD_ROWS);
   const allLines = useMemo(
@@ -7671,7 +8026,10 @@ function EditConfirm({ block, onChoose }) {
   const [scroll, setScroll] = useState2(0);
   const maxScroll = Math.max(0, allLines.length - budget);
   const effectiveScroll = Math.min(scroll, maxScroll);
-  useInput2((input, key) => {
+  useKeystroke((ev) => {
+    if (ev.paste) return;
+    const input = ev.input;
+    const key = ev;
     if (key.return || input === "y") {
       onChoose("apply");
       return;
@@ -7722,57 +8080,75 @@ function EditConfirm({ block, onChoose }) {
   const hiddenBelow = Math.max(0, allLines.length - effectiveScroll - budget);
   const totalLines = allLines.length;
   const showScrollHud = hiddenAbove + hiddenBelow > 0;
-  return /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React4.createElement(Box4, null, /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "yellow" }, "\u25B8 model wants to edit a file")), /* @__PURE__ */ React4.createElement(Box4, null, /* @__PURE__ */ React4.createElement(Text4, { color: "yellow", dimColor: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500")), /* @__PURE__ */ React4.createElement(Box4, { marginTop: 1 }, /* @__PURE__ */ React4.createElement(Text4, null, /* @__PURE__ */ React4.createElement(Text4, { color: isNew ? "green" : "yellow", bold: true }, `[${tag}] `), /* @__PURE__ */ React4.createElement(Text4, { color: "cyan" }, block.path), /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, `  (-${removed} +${added} lines)`), showScrollHud ? /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, `  \xB7  viewing ${effectiveScroll + 1}-${effectiveScroll + visibleLines.length}/${totalLines}`) : null)), hiddenAbove > 0 ? /* @__PURE__ */ React4.createElement(
-    Text4,
+  const subtitleParts = [`-${removed} +${added} lines`];
+  if (showScrollHud) {
+    subtitleParts.push(
+      `viewing ${effectiveScroll + 1}-${effectiveScroll + visibleLines.length}/${totalLines}`
+    );
+  }
+  return /* @__PURE__ */ React6.createElement(
+    ModalCard,
     {
-      dimColor: true
+      accent: isNew ? "#86efac" : "#fcd34d",
+      icon: isNew ? "\u271A" : "\u270E",
+      title: `${tag}  ${block.path}`,
+      subtitle: subtitleParts.join("  \xB7  ")
     },
-    `  \u2191 ${hiddenAbove} line${hiddenAbove === 1 ? "" : "s"} above  (\u2191/k or PgUp)`
-  ) : null, /* @__PURE__ */ React4.createElement(Box4, { marginTop: hiddenAbove > 0 ? 0 : 1, flexDirection: "column" }, visibleLines.map((line, i) => {
-    const trimmed = line.trimStart();
-    const color = trimmed.startsWith("+") ? "green" : trimmed.startsWith("-") ? "red" : void 0;
-    const dim = !color;
-    return /* @__PURE__ */ React4.createElement(
+    hiddenAbove > 0 ? /* @__PURE__ */ React6.createElement(
       Text4,
       {
-        key: `diff-${effectiveScroll}-${i}`,
-        color,
-        dimColor: dim
+        dimColor: true
       },
-      line
-    );
-  })), hiddenBelow > 0 ? /* @__PURE__ */ React4.createElement(
-    Text4,
-    {
-      dimColor: true
-    },
-    `  \u2193 ${hiddenBelow} line${hiddenBelow === 1 ? "" : "s"} below  (\u2193/j or Space/PgDn)`
-  ) : null, /* @__PURE__ */ React4.createElement(Box4, { marginTop: 1 }, /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, "[", /* @__PURE__ */ React4.createElement(Text4, { color: "cyan", bold: true }, "y"), "/Enter] apply  \xB7  [", /* @__PURE__ */ React4.createElement(Text4, { color: "cyan", bold: true }, "n"), "] reject  \xB7  [", /* @__PURE__ */ React4.createElement(Text4, { color: "cyan", bold: true }, "a"), "] apply rest  \xB7  [", /* @__PURE__ */ React4.createElement(Text4, { color: "cyan", bold: true }, "A"), "] flip AUTO  \xB7  [", /* @__PURE__ */ React4.createElement(Text4, { color: "cyan", bold: true }, "\u2191\u2193/Space"), "] scroll  \xB7  [Esc] abort")));
+      `  \u2191 ${hiddenAbove} line${hiddenAbove === 1 ? "" : "s"} above  (\u2191/k or PgUp)`
+    ) : null,
+    /* @__PURE__ */ React6.createElement(Box5, { flexDirection: "column" }, visibleLines.map((line, i) => {
+      const trimmed = line.trimStart();
+      const color = trimmed.startsWith("+") ? "#4ade80" : trimmed.startsWith("-") ? "#f87171" : void 0;
+      const dim = !color;
+      return /* @__PURE__ */ React6.createElement(
+        Text4,
+        {
+          key: `diff-${effectiveScroll}-${i}`,
+          color,
+          dimColor: dim
+        },
+        line
+      );
+    })),
+    hiddenBelow > 0 ? /* @__PURE__ */ React6.createElement(
+      Text4,
+      {
+        dimColor: true
+      },
+      `  \u2193 ${hiddenBelow} line${hiddenBelow === 1 ? "" : "s"} below  (\u2193/j or Space/PgDn)`
+    ) : null,
+    /* @__PURE__ */ React6.createElement(Box5, { marginTop: 1 }, /* @__PURE__ */ React6.createElement(Text4, { dimColor: true }, "[", /* @__PURE__ */ React6.createElement(Text4, { color: "#67e8f9", bold: true }, "y"), "/Enter] apply  \xB7  [", /* @__PURE__ */ React6.createElement(Text4, { color: "#67e8f9", bold: true }, "n"), "] reject  \xB7  [", /* @__PURE__ */ React6.createElement(Text4, { color: "#67e8f9", bold: true }, "a"), "] apply rest  \xB7  [", /* @__PURE__ */ React6.createElement(Text4, { color: "#67e8f9", bold: true }, "A"), "] flip AUTO  \xB7  [", /* @__PURE__ */ React6.createElement(Text4, { color: "#67e8f9", bold: true }, "\u2191\u2193/Space"), "] scroll  \xB7  [Esc] abort"))
+  );
 }
 
 // src/cli/ui/EventLog.tsx
-import { Box as Box8, Text as Text8, useStdout as useStdout2 } from "ink";
-import React9 from "react";
+import { Box as Box9, Text as Text8, useStdout as useStdout3 } from "ink";
+import React11 from "react";
 
 // src/cli/ui/PlanStateBlock.tsx
-import { Box as Box5, Text as Text5 } from "ink";
-import React5 from "react";
+import { Box as Box6, Text as Text5 } from "ink";
+import React7 from "react";
 function PlanStateBlock({ planState }) {
   const fields = [];
-  if (planState.subgoals.length) fields.push(["subgoals", planState.subgoals, "cyan", false]);
+  if (planState.subgoals.length) fields.push(["subgoals", planState.subgoals, "#67e8f9", false]);
   if (planState.hypotheses.length)
-    fields.push(["hypotheses", planState.hypotheses, "green", false]);
+    fields.push(["hypotheses", planState.hypotheses, "#86efac", false]);
   if (planState.uncertainties.length)
-    fields.push(["uncertainties", planState.uncertainties, "yellow", false]);
+    fields.push(["uncertainties", planState.uncertainties, "#fcd34d", false]);
   if (planState.rejectedPaths.length)
-    fields.push(["rejected", planState.rejectedPaths, "red", true]);
+    fields.push(["rejected", planState.rejectedPaths, "#94a3b8", true]);
   if (fields.length === 0) return null;
-  return /* @__PURE__ */ React5.createElement(Box5, { flexDirection: "column", marginBottom: 1 }, fields.map(([label, items, color, dim]) => /* @__PURE__ */ React5.createElement(Text5, { key: label }, /* @__PURE__ */ React5.createElement(Text5, { color, bold: true, dimColor: dim }, "\u2039 ", label), /* @__PURE__ */ React5.createElement(Text5, { dimColor: true }, ` (${items.length})`), /* @__PURE__ */ React5.createElement(Text5, null, `: ${items.join(" \xB7 ")}`))));
+  return /* @__PURE__ */ React7.createElement(Box6, { flexDirection: "column", marginBottom: 1 }, fields.map(([label, items, color, dim]) => /* @__PURE__ */ React7.createElement(Box6, { key: label }, /* @__PURE__ */ React7.createElement(Text5, { backgroundColor: color, color: "black", bold: true, dimColor: dim }, ` ${label} ${items.length} `), /* @__PURE__ */ React7.createElement(Text5, null, "  "), /* @__PURE__ */ React7.createElement(Text5, { dimColor: dim }, items.join(" \xB7 ")))));
 }
 
 // src/cli/ui/PlanStepList.tsx
-import { Box as Box6, Text as Text6 } from "ink";
-import React6 from "react";
+import { Box as Box7, Text as Text6 } from "ink";
+import React8 from "react";
 function riskDots(risk) {
   switch (risk) {
     case "high":
@@ -7785,18 +8161,6 @@ function riskDots(risk) {
       return { dots: "   ", color: "gray" };
   }
 }
-function statusGlyph(status2) {
-  switch (status2) {
-    case "done":
-      return { glyph: "\u2713", color: "green" };
-    case "running":
-      return { glyph: "\u25B6", color: "cyan" };
-    case "skipped":
-      return { glyph: "\u2014", color: "gray" };
-    default:
-      return { glyph: " ", color: "yellow" };
-  }
-}
 function getStatus(stepId, statuses) {
   if (!statuses) return "pending";
   if (statuses instanceof Map) {
@@ -7811,25 +8175,37 @@ function PlanStepListInner({ steps, statuses, focusStepId }) {
     { length: steps.length },
     (_, i) => getStatus(steps[i].id, statuses)
   ).filter((s) => s === "done").length;
-  return /* @__PURE__ */ React6.createElement(Box6, { flexDirection: "column" }, /* @__PURE__ */ React6.createElement(Box6, null, /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, `${steps.length} step${steps.length === 1 ? "" : "s"}`, doneCount > 0 ? ` \xB7 ${doneCount} done` : "", hasAnyRisk ? " \xB7 risk: " : ""), hasAnyRisk ? /* @__PURE__ */ React6.createElement(RiskLegend, null) : null), /* @__PURE__ */ React6.createElement(Box6, { flexDirection: "column", marginTop: 1 }, steps.map((step) => {
+  const pct2 = Math.round(doneCount / steps.length * 100);
+  return /* @__PURE__ */ React8.createElement(Box7, { flexDirection: "column" }, /* @__PURE__ */ React8.createElement(Box7, null, /* @__PURE__ */ React8.createElement(Text6, { dimColor: true }, `${steps.length} step${steps.length === 1 ? "" : "s"}`, doneCount > 0 ? ` \xB7 ${doneCount}/${steps.length} done (${pct2}%)` : "", hasAnyRisk ? " \xB7 risk: " : ""), hasAnyRisk ? /* @__PURE__ */ React8.createElement(RiskLegend, null) : null), /* @__PURE__ */ React8.createElement(Box7, { flexDirection: "column", marginTop: 1 }, steps.map((step) => {
     const status2 = getStatus(step.id, statuses);
     const focus = focusStepId === step.id;
     const risk = riskDots(step.risk);
-    const glyph = statusGlyph(status2);
     const titleDim = status2 === "done" || status2 === "skipped";
-    return /* @__PURE__ */ React6.createElement(Box6, { key: step.id }, /* @__PURE__ */ React6.createElement(Text6, { color: focus ? "cyan" : "gray", bold: focus }, focus ? "\u203A " : "  "), /* @__PURE__ */ React6.createElement(Text6, { color: risk.color, bold: true }, risk.dots), /* @__PURE__ */ React6.createElement(Text6, { color: glyph.color, bold: true }, ` ${glyph.glyph} `), /* @__PURE__ */ React6.createElement(Text6, { dimColor: titleDim }, `${step.id} \xB7 ${step.title}`));
+    return /* @__PURE__ */ React8.createElement(Box7, { key: step.id }, /* @__PURE__ */ React8.createElement(Text6, { color: focus ? "#67e8f9" : "gray", bold: focus }, focus ? "\u25B8 " : "  "), /* @__PURE__ */ React8.createElement(Text6, { color: risk.color, bold: true }, risk.dots), /* @__PURE__ */ React8.createElement(Text6, null, " "), /* @__PURE__ */ React8.createElement(StatusBadge, { status: status2 }), /* @__PURE__ */ React8.createElement(Text6, null, " "), /* @__PURE__ */ React8.createElement(Text6, { dimColor: titleDim, bold: focus }, `${step.id} \xB7 ${step.title}`));
   })));
 }
+function StatusBadge({ status: status2 }) {
+  switch (status2) {
+    case "done":
+      return /* @__PURE__ */ React8.createElement(Text6, { backgroundColor: "#4ade80", color: "black", bold: true }, " \u2713 DONE ");
+    case "running":
+      return /* @__PURE__ */ React8.createElement(Text6, { backgroundColor: "#67e8f9", color: "black", bold: true }, " \u25B6 RUN  ");
+    case "skipped":
+      return /* @__PURE__ */ React8.createElement(Text6, { backgroundColor: "#94a3b8", color: "black", bold: true }, " \u2014 SKIP ");
+    default:
+      return /* @__PURE__ */ React8.createElement(Text6, { color: "#94a3b8", dimColor: true }, " \u2610 PEND ");
+  }
+}
 function RiskLegend() {
-  return /* @__PURE__ */ React6.createElement(Box6, null, /* @__PURE__ */ React6.createElement(Text6, { color: "green" }, "\u25CF"), /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, " low "), /* @__PURE__ */ React6.createElement(Text6, { color: "yellow" }, "\u25CF\u25CF"), /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, " med "), /* @__PURE__ */ React6.createElement(Text6, { color: "red" }, "\u25CF\u25CF\u25CF"), /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, " high"));
+  return /* @__PURE__ */ React8.createElement(Box7, null, /* @__PURE__ */ React8.createElement(Text6, { color: "green" }, "\u25CF"), /* @__PURE__ */ React8.createElement(Text6, { dimColor: true }, " low "), /* @__PURE__ */ React8.createElement(Text6, { color: "yellow" }, "\u25CF\u25CF"), /* @__PURE__ */ React8.createElement(Text6, { dimColor: true }, " med "), /* @__PURE__ */ React8.createElement(Text6, { color: "red" }, "\u25CF\u25CF\u25CF"), /* @__PURE__ */ React8.createElement(Text6, { dimColor: true }, " high"));
 }
-var PlanStepList = React6.memo(PlanStepListInner);
+var PlanStepList = React8.memo(PlanStepListInner);
 
 // src/cli/ui/markdown.tsx
 import { readFileSync as readFileSync13, statSync as statSync6 } from "fs";
 import { isAbsolute as isAbsolute4, join as join11 } from "path";
-import { Box as Box7, Text as Text7 } from "ink";
-import React7 from "react";
+import { Box as Box8, Text as Text7 } from "ink";
+import React9 from "react";
 var SUPERSCRIPT = {
   "0": "\u2070",
   "1": "\xB9",
@@ -8084,67 +8460,67 @@ function InlineMd({
   for (const m of text.matchAll(INLINE_RE)) {
     const start = m.index ?? 0;
     if (start > last) {
-      parts.push(/* @__PURE__ */ React7.createElement(Text7, { key: `t${idx++}` }, text.slice(last, start)));
+      parts.push(/* @__PURE__ */ React9.createElement(Text7, { key: `t${idx++}` }, text.slice(last, start)));
     }
     if (m[2] !== void 0 && m[3] !== void 0) {
       const linkText = m[2];
       const url = m[3];
       if (isExternalUrl(url)) {
         parts.push(
-          /* @__PURE__ */ React7.createElement(Text7, { key: `l${idx++}`, color: "blue", underline: true }, linkText)
+          /* @__PURE__ */ React9.createElement(Text7, { key: `l${idx++}`, color: "blue", underline: true }, linkText)
         );
       } else {
         const status2 = citations?.get(url);
         if (status2 && !status2.ok) {
           parts.push(
-            /* @__PURE__ */ React7.createElement(Text7, { key: `l${idx++}`, color: "red", strikethrough: true }, `${linkText} \u2717`)
+            /* @__PURE__ */ React9.createElement(Text7, { key: `l${idx++}`, color: "red", strikethrough: true }, `${linkText} \u2717`)
           );
         } else {
           parts.push(
-            /* @__PURE__ */ React7.createElement(Text7, { key: `l${idx++}`, color: "cyan", underline: true }, linkText)
+            /* @__PURE__ */ React9.createElement(Text7, { key: `l${idx++}`, color: "cyan", underline: true }, linkText)
           );
         }
       }
     } else if (m[4] !== void 0) {
       parts.push(
-        /* @__PURE__ */ React7.createElement(Text7, { key: `bi${idx++}`, bold: true, italic: true }, m[4])
+        /* @__PURE__ */ React9.createElement(Text7, { key: `bi${idx++}`, bold: true, italic: true }, m[4])
       );
     } else if (m[5] !== void 0) {
       parts.push(
-        /* @__PURE__ */ React7.createElement(Text7, { key: `b${idx++}`, bold: true }, m[5])
+        /* @__PURE__ */ React9.createElement(Text7, { key: `b${idx++}`, bold: true }, m[5])
       );
     } else if (m[6] !== void 0) {
       const stripped = m[6].replace(/^(\w+)\s+/, "");
       parts.push(
-        /* @__PURE__ */ React7.createElement(Text7, { key: `c${idx++}`, color: "yellow" }, stripped)
+        /* @__PURE__ */ React9.createElement(Text7, { key: `c${idx++}`, color: "yellow" }, stripped)
       );
     } else if (m[7] !== void 0) {
       parts.push(
-        /* @__PURE__ */ React7.createElement(Text7, { key: `c${idx++}`, color: "yellow" }, m[7])
+        /* @__PURE__ */ React9.createElement(Text7, { key: `c${idx++}`, color: "yellow" }, m[7])
       );
     } else if (m[8] !== void 0) {
       parts.push(
-        /* @__PURE__ */ React7.createElement(Text7, { key: `s${idx++}`, strikethrough: true, dimColor: true }, m[8])
+        /* @__PURE__ */ React9.createElement(Text7, { key: `s${idx++}`, strikethrough: true, dimColor: true }, m[8])
       );
     } else if (m[9] !== void 0) {
       parts.push(
-        /* @__PURE__ */ React7.createElement(Text7, { key: `i${idx++}`, italic: true }, m[9])
+        /* @__PURE__ */ React9.createElement(Text7, { key: `i${idx++}`, italic: true }, m[9])
       );
     } else if (m[10] !== void 0) {
-      parts.push(/* @__PURE__ */ React7.createElement(Text7, { key: `esc${idx++}` }, m[10]));
+      parts.push(/* @__PURE__ */ React9.createElement(Text7, { key: `esc${idx++}` }, m[10]));
     }
     last = start + m[0].length;
   }
   if (last < text.length) {
-    parts.push(/* @__PURE__ */ React7.createElement(Text7, { key: `t${idx++}` }, text.slice(last)));
+    parts.push(/* @__PURE__ */ React9.createElement(Text7, { key: `t${idx++}` }, text.slice(last)));
   }
   if (padTo !== void 0) {
     const seen = visibleWidth(text);
     if (seen < padTo) {
-      parts.push(/* @__PURE__ */ React7.createElement(Text7, { key: `pad${idx++}` }, " ".repeat(padTo - seen)));
+      parts.push(/* @__PURE__ */ React9.createElement(Text7, { key: `pad${idx++}` }, " ".repeat(padTo - seen)));
     }
   }
-  return /* @__PURE__ */ React7.createElement(Text7, null, parts);
+  return /* @__PURE__ */ React9.createElement(Text7, null, parts);
 }
 function stripInlineMarkup(s) {
   return s.replace(
@@ -8383,34 +8759,34 @@ function parseBulletItem(raw) {
 function BlockView({ block, citations }) {
   switch (block.kind) {
     case "heading":
-      return /* @__PURE__ */ React7.createElement(Text7, { bold: true, color: "cyan" }, /* @__PURE__ */ React7.createElement(InlineMd, { text: block.text, citations }));
+      return /* @__PURE__ */ React9.createElement(HeadingView, { level: block.level, text: block.text, citations });
     case "paragraph":
-      return /* @__PURE__ */ React7.createElement(ParagraphView, { text: block.text, citations });
+      return /* @__PURE__ */ React9.createElement(ParagraphView, { text: block.text, citations });
     case "bullet":
-      return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column" }, block.items.map((item, i) => /* @__PURE__ */ React7.createElement(Box7, { key: `${i}-${item.text.slice(0, 24)}` }, /* @__PURE__ */ React7.createElement(Text7, { color: item.task === "done" ? "green" : "cyan" }, bulletPrefix(block, i, item)), item.task === "done" ? /* @__PURE__ */ React7.createElement(Text7, { strikethrough: true, dimColor: true }, /* @__PURE__ */ React7.createElement(InlineMd, { text: item.text, citations })) : /* @__PURE__ */ React7.createElement(InlineMd, { text: item.text, citations }))));
+      return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column" }, block.items.map((item, i) => /* @__PURE__ */ React9.createElement(Box8, { key: `${i}-${item.text.slice(0, 24)}` }, /* @__PURE__ */ React9.createElement(Text7, { color: item.task === "done" ? "green" : "cyan" }, bulletPrefix(block, i, item)), item.task === "done" ? /* @__PURE__ */ React9.createElement(Text7, { strikethrough: true, dimColor: true }, /* @__PURE__ */ React9.createElement(InlineMd, { text: item.text, citations })) : /* @__PURE__ */ React9.createElement(InlineMd, { text: item.text, citations }))));
     case "quote":
-      return /* @__PURE__ */ React7.createElement(BlockquoteView, { block, citations });
+      return /* @__PURE__ */ React9.createElement(BlockquoteView, { block, citations });
     case "code":
       if (DIAGRAM_LANGS.has(block.lang.toLowerCase())) {
-        return /* @__PURE__ */ React7.createElement(DiagramCodeBlock, { lang: block.lang, text: block.text });
+        return /* @__PURE__ */ React9.createElement(DiagramCodeBlock, { lang: block.lang, text: block.text });
       }
-      return /* @__PURE__ */ React7.createElement(Box7, { borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React7.createElement(Text7, { color: "yellow" }, block.text));
+      return /* @__PURE__ */ React9.createElement(CodeBlockView, { lang: block.lang, text: block.text });
     case "edit-block":
-      return /* @__PURE__ */ React7.createElement(EditBlockRow, { block });
+      return /* @__PURE__ */ React9.createElement(EditBlockRow, { block });
     case "table":
-      return /* @__PURE__ */ React7.createElement(TableBlockRow, { block, citations });
+      return /* @__PURE__ */ React9.createElement(TableBlockRow, { block, citations });
     case "hr":
-      return /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+      return /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
   }
 }
 function ParagraphView({ text, citations }) {
   if (!text.includes("\n")) {
-    return /* @__PURE__ */ React7.createElement(InlineMd, { text, citations });
+    return /* @__PURE__ */ React9.createElement(InlineMd, { text, citations });
   }
   const rows = text.split("\n");
-  return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column" }, rows.map((row2, i) => (
+  return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column" }, rows.map((row2, i) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: hard-break rows are source-ordered and never reorder
-    /* @__PURE__ */ React7.createElement(InlineMd, { key: `ln-${i}`, text: row2, citations })
+    /* @__PURE__ */ React9.createElement(InlineMd, { key: `ln-${i}`, text: row2, citations })
   )));
 }
 function bulletPrefix(block, i, item) {
@@ -8423,12 +8799,11 @@ function BlockquoteView({
   block,
   citations
 }) {
-  return /* @__PURE__ */ React7.createElement(
-    Box7,
+  return /* @__PURE__ */ React9.createElement(
+    Box8,
     {
       borderStyle: "single",
-      borderColor: "gray",
-      borderDimColor: true,
+      borderColor: "#c4b5fd",
       borderTop: false,
       borderRight: false,
       borderBottom: false,
@@ -8436,7 +8811,7 @@ function BlockquoteView({
       flexDirection: "column",
       gap: 1
     },
-    block.children.map((child, i) => /* @__PURE__ */ React7.createElement(BlockView, { key: `q-${i}-${child.kind}`, block: child, citations }))
+    block.children.map((child, i) => /* @__PURE__ */ React9.createElement(BlockView, { key: `q-${i}-${child.kind}`, block: child, citations }))
   );
 }
 function splitTableRow(line) {
@@ -8454,14 +8829,14 @@ function TableBlockRow({ block, citations }) {
     widths.push(Math.min(40, Math.max(3, ...cellLengths)));
   }
   const separator = widths.map((w) => "\u2500".repeat(w)).join("\u2500\u253C\u2500");
-  return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column" }, /* @__PURE__ */ React7.createElement(Box7, null, block.header.map((cell, ci) => (
+  return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column" }, /* @__PURE__ */ React9.createElement(Box8, null, block.header.map((cell, ci) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: table columns never reorder — derived from a static header array
-    /* @__PURE__ */ React7.createElement(Text7, { key: `h-${ci}`, bold: true, color: "cyan" }, /* @__PURE__ */ React7.createElement(InlineMd, { text: cell, padTo: widths[ci] ?? 3, citations }), ci < colCount - 1 ? " \u2502 " : "")
-  ))), /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, separator), block.rows.map((row2, ri) => (
+    /* @__PURE__ */ React9.createElement(Text7, { key: `h-${ci}`, bold: true, color: "cyan" }, /* @__PURE__ */ React9.createElement(InlineMd, { text: cell, padTo: widths[ci] ?? 3, citations }), ci < colCount - 1 ? " \u2502 " : "")
+  ))), /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, separator), block.rows.map((row2, ri) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: table rows render in source order and don't reorder
-    /* @__PURE__ */ React7.createElement(Box7, { key: `r-${ri}` }, Array.from({ length: colCount }).map((_, ci) => (
+    /* @__PURE__ */ React9.createElement(Box8, { key: `r-${ri}` }, Array.from({ length: colCount }).map((_, ci) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: same — column axis is fixed by the table shape
-      /* @__PURE__ */ React7.createElement(Text7, { key: `c-${ri}-${ci}` }, /* @__PURE__ */ React7.createElement(InlineMd, { text: row2[ci] ?? "", padTo: widths[ci] ?? 3, citations }), ci < colCount - 1 ? " \u2502 " : "")
+      /* @__PURE__ */ React9.createElement(Text7, { key: `c-${ri}-${ci}` }, /* @__PURE__ */ React9.createElement(InlineMd, { text: row2[ci] ?? "", padTo: widths[ci] ?? 3, citations }), ci < colCount - 1 ? " \u2502 " : "")
     )))
   )));
 }
@@ -8481,7 +8856,7 @@ function EditBlockRow({ block }) {
   const isNewFile = block.search.length === 0;
   const searchLines = block.search.split("\n");
   const replaceLines = block.replace.split("\n");
-  return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React7.createElement(Box7, null, /* @__PURE__ */ React7.createElement(Text7, { bold: true, color: "cyan" }, block.filename), isNewFile ? /* @__PURE__ */ React7.createElement(Text7, { color: "green", bold: true }, " (new file)") : null), isNewFile ? null : /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column", marginTop: 1 }, searchLines.map((line, i) => /* @__PURE__ */ React7.createElement(Text7, { key: `s-${i}-${line.length}`, color: "red" }, `- ${line}`))), /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column", marginTop: isNewFile ? 1 : 0 }, replaceLines.map((line, i) => /* @__PURE__ */ React7.createElement(Text7, { key: `r-${i}-${line.length}`, color: "green" }, `+ ${line}`))));
+  return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(Text7, { bold: true, color: "cyan" }, block.filename), isNewFile ? /* @__PURE__ */ React9.createElement(Text7, { color: "green", bold: true }, " (new file)") : null), isNewFile ? null : /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", marginTop: 1 }, searchLines.map((line, i) => /* @__PURE__ */ React9.createElement(Text7, { key: `s-${i}-${line.length}`, color: "red" }, `- ${line}`))), /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", marginTop: isNewFile ? 1 : 0 }, replaceLines.map((line, i) => /* @__PURE__ */ React9.createElement(Text7, { key: `r-${i}-${line.length}`, color: "green" }, `+ ${line}`))));
 }
 var DIAGRAM_LANGS = /* @__PURE__ */ new Set([
   "mermaid",
@@ -8501,43 +8876,137 @@ var DIAGRAM_VIEWER_HINT = {
   dot: "\u2192 paste at https://dreampuf.github.io/GraphvizOnline to view",
   graphviz: "\u2192 paste at https://dreampuf.github.io/GraphvizOnline to view"
 };
+function HeadingView({
+  level,
+  text,
+  citations
+}) {
+  if (level === 1) {
+    return /* @__PURE__ */ React9.createElement(Box8, { marginY: 1 }, /* @__PURE__ */ React9.createElement(Text7, { backgroundColor: "#67e8f9", color: "black", bold: true }, ` ${text} `));
+  }
+  if (level === 2) {
+    return /* @__PURE__ */ React9.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(Text7, { backgroundColor: "#c4b5fd", color: "black", bold: true }, ` ${text} `));
+  }
+  if (level === 3) {
+    return /* @__PURE__ */ React9.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(Text7, { backgroundColor: "#f0abfc", color: "black", bold: true }, ` ${text} `));
+  }
+  return /* @__PURE__ */ React9.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(Text7, { bold: true, color: "#f0abfc" }, "\u25B8", " "), /* @__PURE__ */ React9.createElement(Text7, { bold: true }, /* @__PURE__ */ React9.createElement(InlineMd, { text, citations })));
+}
+function CodeBlockView({ lang, text }) {
+  const langLabel = lang.trim();
+  return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "#7dd3fc", paddingX: 1 }, langLabel ? /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(Text7, { backgroundColor: "#7dd3fc", color: "black", bold: true }, ` ${langLabel} `)) : null, /* @__PURE__ */ React9.createElement(Text7, { color: "#fde68a" }, text));
+}
 function DiagramCodeBlock({ lang, text }) {
   const hint = DIAGRAM_VIEWER_HINT[lang.toLowerCase()] ?? "\u2192 render with the matching viewer to view";
-  return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column", borderStyle: "double", borderColor: "magenta", paddingX: 1 }, /* @__PURE__ */ React7.createElement(Text7, { bold: true, color: "magenta" }, `\u25C7 ${lang} diagram (source \u2014 terminal can't draw the graph)`), /* @__PURE__ */ React7.createElement(Box7, { marginTop: 1 }, /* @__PURE__ */ React7.createElement(Text7, { color: "yellow" }, text)), /* @__PURE__ */ React7.createElement(Box7, { marginTop: 1 }, /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, hint)));
+  return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", borderStyle: "double", borderColor: "magenta", paddingX: 1 }, /* @__PURE__ */ React9.createElement(Text7, { bold: true, color: "magenta" }, `\u25C7 ${lang} diagram (source \u2014 terminal can't draw the graph)`), /* @__PURE__ */ React9.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(Text7, { color: "yellow" }, text)), /* @__PURE__ */ React9.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(Text7, { dimColor: true }, hint)));
 }
 function Markdown({ text, projectRoot }) {
   const cleaned = expandAutolinks(expandEmoji(stripMath(text)));
   const root = projectRoot ?? process.cwd();
-  const citations = React7.useMemo(() => collectCitations(cleaned, root), [cleaned, root]);
-  const blocks = React7.useMemo(() => parseBlocks(cleaned), [cleaned]);
+  const citations = React9.useMemo(() => collectCitations(cleaned, root), [cleaned, root]);
+  const blocks = React9.useMemo(() => parseBlocks(cleaned), [cleaned]);
   const broken = [];
   for (const [url, status2] of citations) {
     if (!status2.ok) broken.push({ url, reason: status2.reason });
   }
-  return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column", gap: 1 }, blocks.map((b, i) => /* @__PURE__ */ React7.createElement(BlockView, { key: `${i}-${b.kind}`, block: b, citations })), broken.length > 0 ? /* @__PURE__ */ React7.createElement(BrokenCitationsBlock, { items: broken }) : null);
+  return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", gap: 1 }, blocks.map((b, i) => /* @__PURE__ */ React9.createElement(BlockView, { key: `${i}-${b.kind}`, block: b, citations })), broken.length > 0 ? /* @__PURE__ */ React9.createElement(BrokenCitationsBlock, { items: broken }) : null);
 }
 function BrokenCitationsBlock({ items }) {
-  return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 1 }, /* @__PURE__ */ React7.createElement(Text7, { color: "red", bold: true }, `\u26A0 ${items.length} broken citation${items.length > 1 ? "s" : ""} \u2014 the model referenced paths or lines that don't exist`), items.map((b, i) => (
+  return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 1 }, /* @__PURE__ */ React9.createElement(Text7, { color: "red", bold: true }, `\u26A0 ${items.length} broken citation${items.length > 1 ? "s" : ""} \u2014 the model referenced paths or lines that don't exist`), items.map((b, i) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: list is derived from a Map iteration order, stable per render
-    /* @__PURE__ */ React7.createElement(Text7, { key: `bc-${i}`, color: "red" }, `  \u2717 ${b.url} \u2192 ${b.reason}`)
+    /* @__PURE__ */ React9.createElement(Text7, { key: `bc-${i}`, color: "red" }, `  \u2717 ${b.url} \u2192 ${b.reason}`)
   )));
 }
 
+// src/cli/ui/theme.ts
+var GRADIENT = [
+  "#5eead4",
+  // teal
+  "#67e8f9",
+  // cyan
+  "#7dd3fc",
+  // sky
+  "#93c5fd",
+  // blue
+  "#a5b4fc",
+  // indigo
+  "#c4b5fd",
+  // violet
+  "#d8b4fe",
+  // purple
+  "#f0abfc"
+  // fuchsia
+];
+var COLOR = {
+  primary: "#67e8f9",
+  // cyan-300
+  accent: "#c4b5fd",
+  // violet-300
+  brand: "#5eead4",
+  // teal-300
+  user: "#67e8f9",
+  // user message glyph + bar
+  assistant: "#86efac",
+  // green-300, assistant glyph + bar
+  tool: "#fcd34d",
+  // amber-300, tool ok pill bg
+  toolErr: "#fda4af",
+  // rose-300, tool err pill bg
+  info: "#94a3b8",
+  // slate-400, info / dim
+  warn: "#fbbf24",
+  // amber-400
+  err: "#f87171",
+  // red-400
+  ok: "#4ade80"
+  // green-400
+};
+var GLYPH = {
+  brand: "\u25C8",
+  user: "\u25C7",
+  assistant: "\u25C6",
+  toolOk: "\u25A3",
+  toolErr: "\u25A5",
+  warn: "\u25B2",
+  err: "\u2726",
+  arrow: "\u203A",
+  bullet: "\xB7",
+  bar: "\u258E",
+  thinBar: "\u258F",
+  block: "\u2588",
+  shade1: "\u2591",
+  shade2: "\u2592",
+  shade3: "\u2593"
+};
+function gradientCells(width, glyph = GLYPH.block) {
+  const cells = [];
+  if (width <= 0) return cells;
+  const last = GRADIENT.length - 1;
+  for (let i = 0; i < width; i++) {
+    const t = width === 1 ? 0 : i * last / (width - 1);
+    const lo = Math.floor(t);
+    const hi = Math.min(last, lo + 1);
+    const color = t - lo < 0.5 ? GRADIENT[lo] : GRADIENT[hi];
+    cells.push({ ch: glyph, color });
+  }
+  return cells;
+}
+
 // src/cli/ui/ticker.tsx
-import React8, { createContext, useContext, useEffect, useState as useState3 } from "react";
+import React10, { createContext as createContext2, useContext as useContext2, useEffect as useEffect2, useState as useState3 } from "react";
 var TICK_MS = 120;
-var TickContext = createContext(0);
+var TickContext = createContext2(0);
 function TickerProvider({ children, disabled }) {
   const [tick, setTick] = useState3(0);
-  useEffect(() => {
+  useEffect2(() => {
     if (disabled) return;
     const id = setInterval(() => setTick((t) => t + 1), TICK_MS);
     return () => clearInterval(id);
   }, [disabled]);
-  return /* @__PURE__ */ React8.createElement(TickContext.Provider, { value: tick }, children);
+  return /* @__PURE__ */ React10.createElement(TickContext.Provider, { value: tick }, children);
 }
 function useTick() {
-  return useContext(TickContext);
+  return useContext2(TickContext);
 }
 function useElapsedSeconds() {
   const [start] = useState3(() => Date.now());
@@ -8687,51 +9156,105 @@ function RoleGlyph({
   glyph,
   color
 }) {
-  return /* @__PURE__ */ React9.createElement(Text8, { color, bold: true }, glyph);
+  return /* @__PURE__ */ React11.createElement(Text8, { color, bold: true }, glyph);
+}
+function ToolPill({ label, status: status2 }) {
+  const bg = status2 === "err" ? "red" : "yellow";
+  const symbol = status2 === "err" ? "\u2717" : "\u2713";
+  return /* @__PURE__ */ React11.createElement(Text8, { backgroundColor: bg, color: "black", bold: true }, ` ${symbol} ${label} `);
 }
 function indentContinuationLines(text) {
   if (!text.includes("\n")) return text;
   return text.split("\n").join("\n   ");
 }
-var EventRow = React9.memo(function EventRow2({
+var EventRow = React11.memo(function EventRow2({
   event,
   projectRoot
 }) {
   if (event.role === "user") {
-    return /* @__PURE__ */ React9.createElement(Box8, { marginTop: event.leadSeparator ? 1 : 0 }, /* @__PURE__ */ React9.createElement(RoleGlyph, { glyph: ROLE_GLYPH.user, color: "cyan" }), /* @__PURE__ */ React9.createElement(Text8, null, "  ", indentContinuationLines(event.text)));
+    return /* @__PURE__ */ React11.createElement(Box9, { flexDirection: "column" }, event.leadSeparator ? /* @__PURE__ */ React11.createElement(TurnSeparator, null) : null, /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(RoleGlyph, { glyph: ROLE_GLYPH.user, color: "cyan" }), /* @__PURE__ */ React11.createElement(Text8, null, "  "), /* @__PURE__ */ React11.createElement(
+      Box9,
+      {
+        flexDirection: "column",
+        borderStyle: "single",
+        borderTop: false,
+        borderRight: false,
+        borderBottom: false,
+        borderColor: COLOR.user,
+        paddingLeft: 1
+      },
+      /* @__PURE__ */ React11.createElement(Text8, null, indentContinuationLines(event.text))
+    )));
   }
   if (event.role === "assistant") {
-    if (event.streaming) return /* @__PURE__ */ React9.createElement(StreamingAssistant, { event });
-    return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(RoleGlyph, { glyph: ROLE_GLYPH.assistant, color: "green" }), event.stats ? /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, `  ${event.stats.model}`) : null), /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", paddingLeft: 2, marginTop: 1 }, event.branch ? /* @__PURE__ */ React9.createElement(BranchBlock, { branch: event.branch }) : null, event.reasoning ? /* @__PURE__ */ React9.createElement(ReasoningBlock, { reasoning: event.reasoning }) : null, !isPlanStateEmpty(event.planState) ? /* @__PURE__ */ React9.createElement(PlanStateBlock, { planState: event.planState }) : null, event.text ? /* @__PURE__ */ React9.createElement(Markdown, { text: event.text, projectRoot }) : /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, "(no content)"), event.stats ? /* @__PURE__ */ React9.createElement(StatsLine, { stats: event.stats }) : null, event.repair ? /* @__PURE__ */ React9.createElement(Text8, { color: "magenta" }, event.repair) : null));
+    if (event.streaming) return /* @__PURE__ */ React11.createElement(StreamingAssistant, { event });
+    return /* @__PURE__ */ React11.createElement(Box9, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(RoleGlyph, { glyph: ROLE_GLYPH.assistant, color: "green" }), event.stats ? /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(Text8, null, "  "), /* @__PURE__ */ React11.createElement(Text8, { backgroundColor: COLOR.assistant, color: "black", bold: true }, ` ${event.stats.model.replace(/^deepseek-/, "")} `)) : null), /* @__PURE__ */ React11.createElement(
+      Box9,
+      {
+        flexDirection: "column",
+        marginTop: 1,
+        borderStyle: "single",
+        borderTop: false,
+        borderRight: false,
+        borderBottom: false,
+        borderColor: COLOR.assistant,
+        paddingLeft: 1
+      },
+      event.branch ? /* @__PURE__ */ React11.createElement(BranchBlock, { branch: event.branch }) : null,
+      event.reasoning ? /* @__PURE__ */ React11.createElement(ReasoningBlock, { reasoning: event.reasoning }) : null,
+      !isPlanStateEmpty(event.planState) ? /* @__PURE__ */ React11.createElement(PlanStateBlock, { planState: event.planState }) : null,
+      event.text ? /* @__PURE__ */ React11.createElement(Markdown, { text: event.text, projectRoot }) : /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, "(no content)"),
+      event.stats ? /* @__PURE__ */ React11.createElement(StatsLine, { stats: event.stats }) : null,
+      event.repair ? /* @__PURE__ */ React11.createElement(Text8, { color: COLOR.accent }, event.repair) : null
+    ));
   }
   if (event.role === "tool") {
     const isExplicitError = event.text.startsWith("ERROR:");
     const isEditFile = (event.toolName === "edit_file" || event.toolName?.endsWith("_edit_file")) && !isExplicitError;
     if (isEditFile) {
-      return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(RoleGlyph, { glyph: ROLE_GLYPH.toolOk, color: "yellow" }), /* @__PURE__ */ React9.createElement(Text8, { color: "yellow", bold: true }, `  ${event.toolName ?? "?"}`), /* @__PURE__ */ React9.createElement(Text8, { color: "yellow", dimColor: true }, "  \u2192")), /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", paddingLeft: 2, marginTop: 1 }, /* @__PURE__ */ React9.createElement(EditFileDiff, { text: event.text })));
+      return /* @__PURE__ */ React11.createElement(Box9, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(ToolPill, { label: event.toolName ?? "?", status: "ok" }), /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, "   diff:")), /* @__PURE__ */ React11.createElement(
+        Box9,
+        {
+          flexDirection: "column",
+          marginTop: 1,
+          borderStyle: "single",
+          borderTop: false,
+          borderRight: false,
+          borderBottom: false,
+          borderColor: COLOR.tool,
+          paddingLeft: 1
+        },
+        /* @__PURE__ */ React11.createElement(EditFileDiff, { text: event.text })
+      ));
     }
     const summary = summarizeToolResult(event.toolName ?? "?", event.text);
-    const color = summary.isError ? "red" : "yellow";
-    const glyph = summary.isError ? ROLE_GLYPH.toolErr : ROLE_GLYPH.toolOk;
-    const marker = summary.isError ? "\u2717" : "\u2192";
-    const durationLabel = event.durationMs !== void 0 && event.durationMs >= 100 ? ` (${formatDuration(event.durationMs)})` : "";
+    const status2 = summary.isError ? "err" : "ok";
+    const durationLabel = event.durationMs !== void 0 && event.durationMs >= 100 ? formatDuration(event.durationMs) : "";
     const indexHint = event.toolIndex !== void 0 ? `  /tool ${event.toolIndex}` : "";
-    return /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(RoleGlyph, { glyph, color }), /* @__PURE__ */ React9.createElement(Text8, { color, bold: true }, `  ${event.toolName ?? "?"}`), durationLabel ? /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, durationLabel) : null, /* @__PURE__ */ React9.createElement(Text8, { color, dimColor: true }, `  ${marker}  `), /* @__PURE__ */ React9.createElement(Text8, { color: summary.isError ? "red" : void 0, dimColor: !summary.isError }, summary.summary), indexHint ? /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, indexHint) : null);
+    return /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(ToolPill, { label: event.toolName ?? "?", status: status2 }), durationLabel ? /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, `  ${durationLabel}`) : null, /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, "  "), /* @__PURE__ */ React11.createElement(Text8, { color: status2 === "err" ? "red" : void 0, dimColor: status2 === "ok" }, summary.summary), indexHint ? /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, indexHint) : null);
   }
   if (event.role === "error") {
-    return /* @__PURE__ */ React9.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(RoleGlyph, { glyph: ROLE_GLYPH.error, color: "red" }), /* @__PURE__ */ React9.createElement(Text8, { color: "red" }, "  ", indentContinuationLines(event.text)));
+    return /* @__PURE__ */ React11.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text8, { backgroundColor: "#f87171", color: "black", bold: true }, " \u2726 ERROR "), /* @__PURE__ */ React11.createElement(Text8, null, "  "), /* @__PURE__ */ React11.createElement(Text8, { color: "#f87171" }, indentContinuationLines(event.text)));
   }
   if (event.role === "info") {
-    return /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, event.text));
+    const m = event.text.match(/^([▸▶▲⚠✓✗✖↻ⓘ])\s*(.*)$/s);
+    const lead = m?.[1] ?? "\u25B8";
+    const body = m?.[2] ?? event.text;
+    let leadColor = COLOR.info;
+    if (lead === "\u25B2" || lead === "\u26A0") leadColor = COLOR.warn;
+    else if (lead === "\u2713") leadColor = COLOR.ok;
+    else if (lead === "\u2717" || lead === "\u2716") leadColor = COLOR.err;
+    else if (lead === "\u21BB") leadColor = COLOR.primary;
+    return /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(Text8, { color: leadColor, bold: true }, lead), /* @__PURE__ */ React11.createElement(Text8, null, " "), /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, body));
   }
   if (event.role === "plan") {
-    return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(Text8, { bold: true, color: "cyan" }, "\u{1F4CB} plan proposed \u2014 pick a choice below")), /* @__PURE__ */ React9.createElement(Box8, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React9.createElement(Markdown, { text: event.text, projectRoot })));
+    return /* @__PURE__ */ React11.createElement(Box9, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(Text8, { bold: true, color: "cyan" }, "\u{1F4CB} plan proposed \u2014 pick a choice below")), /* @__PURE__ */ React11.createElement(Box9, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React11.createElement(Markdown, { text: event.text, projectRoot })));
   }
   if (event.role === "step-progress") {
     const sp = event.stepProgress;
-    const counter = sp && sp.total > 0 ? `  (${sp.completed}/${sp.total})` : "";
+    const counter = sp && sp.total > 0 ? `${sp.completed}/${sp.total}` : "";
     const label = sp?.title ? `${sp.stepId} \xB7 ${sp.title}` : sp?.stepId ?? "";
-    return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(Text8, { color: "green", bold: true }, "\u2713"), /* @__PURE__ */ React9.createElement(Text8, { color: "green" }, `  ${label}`), /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, counter)), event.text ? /* @__PURE__ */ React9.createElement(Box8, { paddingLeft: 2 }, /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, event.text)) : null, sp?.notes ? /* @__PURE__ */ React9.createElement(Box8, { paddingLeft: 2 }, /* @__PURE__ */ React9.createElement(Text8, { color: "yellow", dimColor: true }, `note: ${sp.notes}`)) : null);
+    return /* @__PURE__ */ React11.createElement(Box9, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(Text8, { backgroundColor: "#4ade80", color: "black", bold: true }, " \u2713 STEP "), counter ? /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(Text8, null, "  "), /* @__PURE__ */ React11.createElement(Text8, { color: "#4ade80", bold: true }, counter)) : null, /* @__PURE__ */ React11.createElement(Text8, null, "  "), /* @__PURE__ */ React11.createElement(Text8, { color: "#86efac" }, label)), event.text ? /* @__PURE__ */ React11.createElement(Box9, { paddingLeft: 2 }, /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, event.text)) : null, sp?.notes ? /* @__PURE__ */ React11.createElement(Box9, { paddingLeft: 2 }, /* @__PURE__ */ React11.createElement(Text8, { color: "#fbbf24", dimColor: true }, `note: ${sp.notes}`)) : null);
   }
   if (event.role === "plan-resumed") {
     const rp = event.resumedPlan;
@@ -8746,7 +9269,7 @@ var EventRow = React9.memo(function EventRow2({
       ])
     );
     const nextStep = rp.steps.find((s) => !completedSet.has(s.id));
-    return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column" }, /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(Text8, { bold: true, color: "cyan" }, "\u25B8 resumed plan"), /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, `  ${done}/${total} done \xB7 last touched ${rp.relativeTime}`)), rp.summary ? /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(Text8, { color: "cyan" }, `  ${rp.summary}`)) : null), /* @__PURE__ */ React9.createElement(Box8, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React9.createElement(PlanStepList, { steps: rp.steps, statuses, focusStepId: nextStep?.id })));
+    return /* @__PURE__ */ React11.createElement(Box9, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(Text8, { backgroundColor: "#67e8f9", color: "black", bold: true }, " \u21BB RESUMED PLAN "), /* @__PURE__ */ React11.createElement(Text8, null, "  "), /* @__PURE__ */ React11.createElement(Text8, { color: "#67e8f9", bold: true }, `${done}/${total}`), /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, `  done  \xB7  last touched ${rp.relativeTime}`)), rp.summary ? /* @__PURE__ */ React11.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text8, { color: "#67e8f9" }, rp.summary)) : null, /* @__PURE__ */ React11.createElement(Box9, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React11.createElement(PlanStepList, { steps: rp.steps, statuses, focusStepId: nextStep?.id })));
   }
   if (event.role === "plan-replay") {
     const r = event.replayPlan;
@@ -8757,67 +9280,79 @@ var EventRow = React9.memo(function EventRow2({
     const statuses = new Map(
       r.steps.map((s) => [s.id, completedSet.has(s.id) ? "done" : "pending"])
     );
-    const navHint = r.total > 1 ? ` \xB7 ${r.index}/${r.total}` : "";
-    return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column" }, /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(Text8, { bold: true, dimColor: true }, "\u23EA replay"), /* @__PURE__ */ React9.createElement(
-      Text8,
-      {
-        dimColor: true
-      },
-      `  completed ${r.relativeTime} \xB7 ${done}/${total} done${navHint}`
-    )), r.summary ? /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, `  ${r.summary}`)) : null, /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, `  ${r.archiveBasename}`))), r.body ? /* @__PURE__ */ React9.createElement(Box8, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React9.createElement(Markdown, { text: r.body, projectRoot })) : null, /* @__PURE__ */ React9.createElement(Box8, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React9.createElement(PlanStepList, { steps: r.steps, statuses })), /* @__PURE__ */ React9.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, r.total > 1 ? `(read-only \xB7 /replay ${r.index === 1 ? 2 : 1} for the ${r.index === 1 ? "next" : "newest"} archive)` : "(read-only \xB7 this is an archived plan)")));
+    const navHint = r.total > 1 ? `  \xB7  ${r.index}/${r.total}` : "";
+    return /* @__PURE__ */ React11.createElement(Box9, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(Text8, { backgroundColor: "#94a3b8", color: "black", bold: true }, " \u23EA REPLAY "), /* @__PURE__ */ React11.createElement(Text8, null, "  "), /* @__PURE__ */ React11.createElement(Text8, { color: "#94a3b8", bold: true }, `${done}/${total}`), /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, `  done  \xB7  ${r.relativeTime}${navHint}`)), r.summary ? /* @__PURE__ */ React11.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text8, { color: "#94a3b8" }, r.summary)) : null, /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, r.archiveBasename)), r.body ? /* @__PURE__ */ React11.createElement(Box9, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React11.createElement(Markdown, { text: r.body, projectRoot })) : null, /* @__PURE__ */ React11.createElement(Box9, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React11.createElement(PlanStepList, { steps: r.steps, statuses })), /* @__PURE__ */ React11.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, r.total > 1 ? `(read-only \xB7 /replay ${r.index === 1 ? 2 : 1} for the ${r.index === 1 ? "next" : "newest"} archive)` : "(read-only \xB7 this is an archived plan)")));
   }
   if (event.role === "warning") {
-    return /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(RoleGlyph, { glyph: ROLE_GLYPH.warning, color: "yellow" }), /* @__PURE__ */ React9.createElement(Text8, { color: "yellow" }, "  ", indentContinuationLines(event.text)));
+    return /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(Text8, { backgroundColor: "#fbbf24", color: "black", bold: true }, " \u25B2 WARN "), /* @__PURE__ */ React11.createElement(Text8, null, "  "), /* @__PURE__ */ React11.createElement(Text8, { color: "#fbbf24" }, indentContinuationLines(event.text)));
   }
-  return /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(Text8, null, event.text));
+  return /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(Text8, null, event.text));
 });
+function TurnSeparator() {
+  const { stdout: stdout2 } = useStdout3();
+  const cols = stdout2?.columns ?? 80;
+  const width = Math.max(16, cols - 2);
+  const sideWidth = Math.max(2, Math.floor((width - 5) / 2));
+  const leftCells = gradientCells(sideWidth, "\u2500");
+  const rightCells = gradientCells(sideWidth, "\u2500");
+  return /* @__PURE__ */ React11.createElement(Box9, { marginTop: 1, marginBottom: 1 }, leftCells.map((c, i) => (
+    // biome-ignore lint/suspicious/noArrayIndexKey: fixed-width gradient row
+    /* @__PURE__ */ React11.createElement(Text8, { key: `tsep-l-${i}`, color: c.color }, c.ch)
+  )), /* @__PURE__ */ React11.createElement(Text8, { color: COLOR.brand, bold: true }, "  \u25C6  "), rightCells.map((c, i) => (
+    // biome-ignore lint/suspicious/noArrayIndexKey: fixed-width gradient row
+    /* @__PURE__ */ React11.createElement(Text8, { key: `tsep-r-${i}`, color: c.color }, c.ch)
+  )));
+}
 function EditFileDiff({ text }) {
   const lines = text.split(/\r?\n/);
   const [statusHeader, hunkHeader, ...body] = lines;
-  return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column" }, /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, ` ${statusHeader ?? ""}`), hunkHeader !== void 0 ? /* @__PURE__ */ React9.createElement(Text8, { color: "cyan", bold: true }, hunkHeader) : null, body.map((line, i) => {
+  return /* @__PURE__ */ React11.createElement(Box9, { flexDirection: "column" }, /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, ` ${statusHeader ?? ""}`), hunkHeader !== void 0 ? /* @__PURE__ */ React11.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text8, { backgroundColor: "#c4b5fd", color: "black", bold: true }, ` ${hunkHeader.trim()} `)) : null, body.map((line, i) => {
     const key = `${i}-${line.slice(0, 32)}`;
-    if (line.startsWith("- ")) {
-      return /* @__PURE__ */ React9.createElement(Text8, { key, color: "red" }, line);
+    const stripped = line.replace(/^ {2}/, "");
+    if (stripped.startsWith("- ")) {
+      return /* @__PURE__ */ React11.createElement(Box9, { key }, /* @__PURE__ */ React11.createElement(Text8, { color: "#f87171", bold: true }, "\u2212 "), /* @__PURE__ */ React11.createElement(Text8, { color: "#fca5a5" }, stripped.slice(2)));
     }
-    if (line.startsWith("+ ")) {
-      return /* @__PURE__ */ React9.createElement(Text8, { key, color: "green" }, line);
+    if (stripped.startsWith("+ ")) {
+      return /* @__PURE__ */ React11.createElement(Box9, { key }, /* @__PURE__ */ React11.createElement(Text8, { color: "#4ade80", bold: true }, "+ "), /* @__PURE__ */ React11.createElement(Text8, { color: "#86efac" }, stripped.slice(2)));
     }
-    return /* @__PURE__ */ React9.createElement(Text8, { key, dimColor: true }, line);
+    return /* @__PURE__ */ React11.createElement(Box9, { key }, /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, "  "), /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, stripped));
   }));
 }
 function BranchBlock({ branch: branch2 }) {
-  const per = branch2.uncertainties.map((u, i) => {
-    const marker = i === branch2.chosenIndex ? "\u25B8" : " ";
+  return /* @__PURE__ */ React11.createElement(Box9, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(Text8, { backgroundColor: "#93c5fd", color: "black", bold: true }, ` \u2387 BRANCH \xD7${branch2.budget} `), /* @__PURE__ */ React11.createElement(Text8, null, "  "), /* @__PURE__ */ React11.createElement(Text8, { color: "#93c5fd" }, "picked "), /* @__PURE__ */ React11.createElement(Text8, { color: "#93c5fd", bold: true }, "#", branch2.chosenIndex)), /* @__PURE__ */ React11.createElement(Box9, { paddingLeft: 2, marginTop: 1 }, branch2.uncertainties.map((u, i) => {
+    const chosen = i === branch2.chosenIndex;
     const t = (branch2.temperatures[i] ?? 0).toFixed(1);
-    return `${marker} #${i} T=${t} u=${u}`;
-  }).join("  ");
-  return /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(Text8, { color: "blue" }, "\u2387 branched ", /* @__PURE__ */ React9.createElement(Text8, { bold: true }, branch2.budget), ` samples \u2192 picked #${branch2.chosenIndex}   `, /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, per)));
+    return (
+      // biome-ignore lint/suspicious/noArrayIndexKey: branch index is positional and stable
+      /* @__PURE__ */ React11.createElement(Text8, { key: `b-${i}` }, /* @__PURE__ */ React11.createElement(Text8, { color: chosen ? "#93c5fd" : "#475569", bold: chosen }, chosen ? "\u25B8 " : "  "), /* @__PURE__ */ React11.createElement(Text8, { color: chosen ? "#93c5fd" : "#94a3b8", bold: chosen }, `#${i}`), /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, ` T=${t}  u=${u}   `))
+    );
+  })));
 }
 function ReasoningBlock({ reasoning }) {
   const max = 260;
   const flat = reasoning.replace(/\s+/g, " ").trim();
   const preview = flat.length <= max ? flat : `\u2026 (+${flat.length - max} earlier chars) ${flat.slice(-max)}`;
-  return /* @__PURE__ */ React9.createElement(Box8, { marginBottom: 1 }, /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, "\u258F "), /* @__PURE__ */ React9.createElement(Text8, { dimColor: true, italic: true }, "thinking ", preview));
+  return /* @__PURE__ */ React11.createElement(Box9, { marginBottom: 1 }, /* @__PURE__ */ React11.createElement(Text8, { backgroundColor: COLOR.accent, color: "black", bold: true }, " \u22EF thinking "), /* @__PURE__ */ React11.createElement(Text8, null, " "), /* @__PURE__ */ React11.createElement(Text8, { color: COLOR.accent, italic: true, dimColor: true }, preview));
 }
 function Elapsed() {
   const s = useElapsedSeconds();
   const mm = String(Math.floor(s / 60)).padStart(2, "0");
   const ss = String(s % 60).padStart(2, "0");
-  return /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, `${mm}:${ss}`);
+  return /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, `${mm}:${ss}`);
 }
 function PulsingAssistantGlyph() {
   const tick = useTick();
   const on = Math.floor(tick / 4) % 2 === 0;
-  return /* @__PURE__ */ React9.createElement(Text8, { color: "green", bold: true }, on ? ROLE_GLYPH.assistant : ROLE_GLYPH.assistantPulse);
+  return /* @__PURE__ */ React11.createElement(Text8, { color: "green", bold: true }, on ? ROLE_GLYPH.assistant : ROLE_GLYPH.assistantPulse);
 }
 function StreamingAssistant({ event }) {
   if (event.branchProgress) {
     const p = event.branchProgress;
     if (p.completed === 0) {
-      return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(PulsingAssistantGlyph, null), /* @__PURE__ */ React9.createElement(Text8, { color: "blue" }, "  \u2387 launching ", p.total, " parallel samples (R1 thinking in parallel)\u2026  "), /* @__PURE__ */ React9.createElement(Elapsed, null)), /* @__PURE__ */ React9.createElement(Text8, { color: "yellow" }, "  ", "spread across T=0.0/0.5/1.0 \xB7 reasoner typically takes 30-90s \u2014 this is normal"));
+      return /* @__PURE__ */ React11.createElement(Box9, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(PulsingAssistantGlyph, null), /* @__PURE__ */ React11.createElement(Text8, { color: "blue" }, "  \u2387 launching ", p.total, " parallel samples (R1 thinking in parallel)\u2026  "), /* @__PURE__ */ React11.createElement(Elapsed, null)), /* @__PURE__ */ React11.createElement(Text8, { color: "yellow" }, "  ", "spread across T=0.0/0.5/1.0 \xB7 reasoner typically takes 30-90s \u2014 this is normal"));
     }
     const pct2 = Math.round(p.completed / p.total * 100);
-    return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(PulsingAssistantGlyph, null), /* @__PURE__ */ React9.createElement(Text8, { color: "blue" }, "  \u2387 branching ", p.completed, "/", p.total, " (", pct2, "%)  "), /* @__PURE__ */ React9.createElement(Elapsed, null)), /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, "  latest #", p.latestIndex, " T=", p.latestTemperature.toFixed(1), " u=", p.latestUncertainties, p.completed < p.total ? "  \xB7 waiting for other samples\u2026" : "  \xB7 selecting winner\u2026"));
+    return /* @__PURE__ */ React11.createElement(Box9, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(PulsingAssistantGlyph, null), /* @__PURE__ */ React11.createElement(Text8, { color: "blue" }, "  \u2387 branching ", p.completed, "/", p.total, " (", pct2, "%)  "), /* @__PURE__ */ React11.createElement(Elapsed, null)), /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, "  latest #", p.latestIndex, " T=", p.latestTemperature.toFixed(1), " u=", p.latestUncertainties, p.completed < p.total ? "  \xB7 waiting for other samples\u2026" : "  \xB7 selecting winner\u2026"));
   }
   const tail = lastLine(event.text, 140);
   const reasoningTail = event.reasoning ? lastLine(event.reasoning, 120) : "";
@@ -8825,38 +9360,43 @@ function StreamingAssistant({ event }) {
   const preFirstByte = !event.text && !event.reasoning && !toolCallBuild;
   const reasoningOnly = !event.text && !!event.reasoning && !toolCallBuild;
   const toolCallOnly = !event.text && !event.reasoning && !!toolCallBuild;
+  let pillBg;
+  let pillText;
   let label;
-  let labelColor;
   if (preFirstByte) {
+    pillBg = "#fbbf24";
+    pillText = "WAITING";
     label = "request sent \xB7 waiting for server";
-    labelColor = "yellow";
   } else if (reasoningOnly) {
-    label = `R1 reasoning \xB7 ${event.reasoning?.length ?? 0} chars of thought`;
-    labelColor = "cyan";
+    pillBg = "#c4b5fd";
+    pillText = "THINKING";
+    label = `${event.reasoning?.length ?? 0} chars of thought`;
   } else if (toolCallOnly) {
-    label = `assembling tool call${formatToolCallIndex(toolCallBuild)} <${toolCallBuild.name}> \xB7 ${toolCallBuild.chars} chars of arguments${formatReadyTail(toolCallBuild)}`;
-    labelColor = "magenta";
+    pillBg = "#f0abfc";
+    pillText = "DISPATCH";
+    label = `assembling${formatToolCallIndex(toolCallBuild)} <${toolCallBuild.name}> \xB7 ${toolCallBuild.chars} chars${formatReadyTail(toolCallBuild)}`;
   } else {
-    const parts = [`writing response \xB7 ${event.text.length} chars`];
-    if (event.reasoning) parts.push(`after ${event.reasoning.length} chars of reasoning`);
+    pillBg = "#86efac";
+    pillText = "WRITING";
+    const parts = [`${event.text.length} chars`];
+    if (event.reasoning) parts.push(`after ${event.reasoning.length} reasoning`);
     if (toolCallBuild) {
       parts.push(
-        `building tool call${formatToolCallIndex(toolCallBuild)} <${toolCallBuild.name}> \xB7 ${toolCallBuild.chars} chars${formatReadyTail(toolCallBuild)}`
+        `tool${formatToolCallIndex(toolCallBuild)} <${toolCallBuild.name}> ${toolCallBuild.chars}c${formatReadyTail(toolCallBuild)}`
       );
     }
     label = parts.join(" \xB7 ");
-    labelColor = "green";
   }
-  return /* @__PURE__ */ React9.createElement(Box8, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(PulsingAssistantGlyph, null), /* @__PURE__ */ React9.createElement(Text8, null, "  "), /* @__PURE__ */ React9.createElement(Pulse, null), /* @__PURE__ */ React9.createElement(Text8, { color: labelColor }, ` ${label} `), /* @__PURE__ */ React9.createElement(Elapsed, null)), reasoningTail ? /* @__PURE__ */ React9.createElement(Text8, { dimColor: true, italic: true }, "\u21B3 thinking: ", reasoningTail) : null, tail ? /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, "\u25B8 ", tail) : preFirstByte ? (
-    // Non-dim yellow: first-time users misread the dim version as
+  return /* @__PURE__ */ React11.createElement(Box9, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React11.createElement(Box9, null, /* @__PURE__ */ React11.createElement(PulsingAssistantGlyph, null), /* @__PURE__ */ React11.createElement(Text8, null, "  "), /* @__PURE__ */ React11.createElement(Pulse, null), /* @__PURE__ */ React11.createElement(Text8, null, " "), /* @__PURE__ */ React11.createElement(Text8, { backgroundColor: pillBg, color: "black", bold: true }, ` ${pillText} `), /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, `  ${label}  `), /* @__PURE__ */ React11.createElement(Elapsed, null)), reasoningTail ? /* @__PURE__ */ React11.createElement(Box9, { paddingLeft: 3 }, /* @__PURE__ */ React11.createElement(Text8, { color: "#c4b5fd", italic: true, dimColor: true }, "\u21B3 ", reasoningTail)) : null, tail ? /* @__PURE__ */ React11.createElement(Box9, { paddingLeft: 3 }, /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, "\u25B8 ", tail)) : preFirstByte ? (
+    // Non-dim amber: first-time users misread the dim version as
     // "app frozen". The reassurance has to be VISIBLE to do its job.
-    /* @__PURE__ */ React9.createElement(Text8, { color: "yellow", italic: true }, "  waiting for first byte \u2014 this is normal, typically 5-60s depending on model + load")
-  ) : reasoningOnly ? /* @__PURE__ */ React9.createElement(Text8, { color: "yellow", italic: true }, "  R1 is thinking before it speaks \u2014 body text arrives when reasoning finishes (typically 20-90s, this is normal)") : toolCallOnly ? /* @__PURE__ */ React9.createElement(Text8, { color: "magenta", italic: true }, "  tool-call arguments streaming \u2014 the model is about to dispatch a tool") : event.reasoning ? /* @__PURE__ */ React9.createElement(Text8, { color: "yellow", italic: true }, "  R1 still reasoning \u2014 body text or tool call arrives when thinking finishes") : null);
+    /* @__PURE__ */ React11.createElement(Box9, { paddingLeft: 3 }, /* @__PURE__ */ React11.createElement(Text8, { color: "#fbbf24", italic: true }, "waiting for first byte \u2014 typical 5\u201360s depending on model + load"))
+  ) : reasoningOnly ? /* @__PURE__ */ React11.createElement(Box9, { paddingLeft: 3 }, /* @__PURE__ */ React11.createElement(Text8, { color: "#c4b5fd", italic: true }, "R1 thinks before it speaks \u2014 body text arrives when reasoning finishes (20\u201390s)")) : toolCallOnly ? /* @__PURE__ */ React11.createElement(Box9, { paddingLeft: 3 }, /* @__PURE__ */ React11.createElement(Text8, { color: "#f0abfc", italic: true }, "tool-call arguments streaming \u2014 about to dispatch")) : event.reasoning ? /* @__PURE__ */ React11.createElement(Box9, { paddingLeft: 3 }, /* @__PURE__ */ React11.createElement(Text8, { color: "#fbbf24", italic: true }, "R1 still reasoning \u2014 body text or tool call arrives when thinking finishes")) : null);
 }
 function Pulse() {
   const tick = useTick();
   const frames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-  return /* @__PURE__ */ React9.createElement(Text8, { color: "cyan" }, frames[Math.floor(tick / 4) % frames.length]);
+  return /* @__PURE__ */ React11.createElement(Text8, { color: "cyan" }, frames[Math.floor(tick / 4) % frames.length]);
 }
 function formatToolCallIndex(tb) {
   if (!tb || tb.index === void 0) return "";
@@ -8875,17 +9415,18 @@ function lastLine(s, maxChars) {
 }
 function StatsLine({ stats: stats2 }) {
   const hit = (stats2.cacheHitRatio * 100).toFixed(1);
-  return /* @__PURE__ */ React9.createElement(Box8, null, /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, "\u258F "), /* @__PURE__ */ React9.createElement(Text8, { dimColor: true }, "cache ", hit, "% \xB7 tokens ", stats2.usage.promptTokens, " \u2192 ", stats2.usage.completionTokens, " \xB7 $", stats2.cost.toFixed(6)));
+  const hitColor = stats2.cacheHitRatio >= 0.7 ? "#4ade80" : stats2.cacheHitRatio >= 0.4 ? "#fcd34d" : "#f87171";
+  return /* @__PURE__ */ React11.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text8, { color: hitColor, bold: true }, `\u232C ${hit}%`), /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, "  \xB7  "), /* @__PURE__ */ React11.createElement(Text8, { color: "#94a3b8" }, "in ", /* @__PURE__ */ React11.createElement(Text8, { color: "#67e8f9", bold: true }, stats2.usage.promptTokens), " \u2192 out ", /* @__PURE__ */ React11.createElement(Text8, { color: "#c4b5fd", bold: true }, stats2.usage.completionTokens)), /* @__PURE__ */ React11.createElement(Text8, { dimColor: true }, "  \xB7  "), /* @__PURE__ */ React11.createElement(Text8, { color: "#86efac", bold: true }, `$${stats2.cost.toFixed(6)}`));
 }
 
 // src/cli/ui/LiveRows.tsx
-import { Box as Box9, Text as Text9 } from "ink";
-import React10 from "react";
+import { Box as Box10, Text as Text9, useStdout as useStdout4 } from "ink";
+import React12 from "react";
 var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
 function StatusRow({ text }) {
   const tick = useTick();
   const elapsed = useElapsedSeconds();
-  return /* @__PURE__ */ React10.createElement(Box9, { marginY: 1 }, /* @__PURE__ */ React10.createElement(Text9, { color: "magenta" }, SPINNER_FRAMES[tick % SPINNER_FRAMES.length]), /* @__PURE__ */ React10.createElement(Text9, { color: "magenta" }, ` ${text}`), /* @__PURE__ */ React10.createElement(Text9, { dimColor: true }, ` ${elapsed}s`));
+  return /* @__PURE__ */ React12.createElement(Box10, { marginY: 1, paddingX: 1 }, /* @__PURE__ */ React12.createElement(Text9, { color: "#c4b5fd", bold: true }, SPINNER_FRAMES[tick % SPINNER_FRAMES.length]), /* @__PURE__ */ React12.createElement(Text9, null, "  "), /* @__PURE__ */ React12.createElement(Text9, { color: "#c4b5fd" }, text), /* @__PURE__ */ React12.createElement(Text9, { dimColor: true }, `  \xB7  ${elapsed}s`));
 }
 function ModeStatusBar({
   editMode,
@@ -8897,15 +9438,28 @@ function ModeStatusBar({
 }) {
   useTick();
   const running = jobs2?.runningCount() ?? 0;
-  const jobsTag = running > 0 ? /* @__PURE__ */ React10.createElement(Text9, { color: "yellow", bold: true }, `  \xB7  \u23F5 ${running} job${running === 1 ? "" : "s"}`) : null;
+  const jobsTag = running > 0 ? /* @__PURE__ */ React12.createElement(Text9, { color: "yellow", bold: true }, `  \xB7  \u23F5 ${running} job${running === 1 ? "" : "s"}`) : null;
   if (planMode) {
-    return /* @__PURE__ */ React10.createElement(Box9, { paddingX: 1 }, /* @__PURE__ */ React10.createElement(Text9, { color: "red", bold: true, inverse: flash }, "\u25B8 PLAN"), /* @__PURE__ */ React10.createElement(Text9, { dimColor: true }, "  writes gated \u2014 submit_plan + approval required  \xB7  /plan off to leave"), jobsTag);
+    return /* @__PURE__ */ React12.createElement(ModeBarFrame, null, /* @__PURE__ */ React12.createElement(ModePill, { label: "PLAN MODE", bg: "red", flash }), /* @__PURE__ */ React12.createElement(Text9, { dimColor: true }, "   writes gated \xB7 /plan off to leave"), jobsTag);
   }
-  const label = editMode === "auto" ? "AUTO" : "review";
-  const color = editMode === "auto" ? "magenta" : "cyan";
-  const mid = editMode === "auto" ? undoArmed ? "edits apply immediately  \xB7  u = undo last batch" : "edits apply immediately  \xB7  5s undo window after each batch" : pendingCount > 0 ? `${pendingCount} queued  \xB7  y = /apply  \xB7  n = /discard` : "edits queue for review  \xB7  y = /apply  \xB7  n = /discard";
-  const flip = editMode === "auto" ? "Shift+Tab \u2192 review" : "Shift+Tab \u2192 AUTO";
-  return /* @__PURE__ */ React10.createElement(Box9, { paddingX: 1 }, /* @__PURE__ */ React10.createElement(Text9, { color, bold: true, inverse: flash }, `\u25B8 ${label}`), /* @__PURE__ */ React10.createElement(Text9, { dimColor: true }, `  ${mid}  \xB7  ${flip}`), jobsTag);
+  const isAuto = editMode === "auto";
+  const label = isAuto ? "AUTO" : "REVIEW";
+  const bg = isAuto ? "magenta" : "cyan";
+  const mid = isAuto ? "edits land now \xB7 u to undo" : pendingCount > 0 ? `${pendingCount} queued \xB7 y apply \xB7 n discard` : "edits queued \xB7 y apply \xB7 n discard";
+  return /* @__PURE__ */ React12.createElement(ModeBarFrame, null, /* @__PURE__ */ React12.createElement(ModePill, { label, bg, flash }), /* @__PURE__ */ React12.createElement(Text9, { dimColor: true }, `   ${mid} \xB7 Shift+Tab to flip`), jobsTag);
+}
+function ModeBarFrame({ children }) {
+  const { stdout: stdout2 } = useStdout4();
+  const cols = stdout2?.columns ?? 80;
+  const ruleWidth = Math.max(20, cols - 2);
+  return /* @__PURE__ */ React12.createElement(Box10, { flexDirection: "column" }, /* @__PURE__ */ React12.createElement(Box10, { paddingX: 1 }, /* @__PURE__ */ React12.createElement(Text9, { color: "#475569", dimColor: true }, "\u254C".repeat(ruleWidth))), /* @__PURE__ */ React12.createElement(Box10, { paddingX: 1 }, children));
+}
+function ModePill({
+  label,
+  bg,
+  flash
+}) {
+  return /* @__PURE__ */ React12.createElement(Text9, { backgroundColor: bg, color: "white", bold: true, inverse: flash }, ` ${label} `);
 }
 function UndoBanner({
   banner
@@ -8915,14 +9469,15 @@ function UndoBanner({
   const remainingSec = Math.ceil(remainingMs / 1e3);
   const ok = banner.results.filter((r) => r.status === "applied" || r.status === "created").length;
   const total = banner.results.length;
-  return /* @__PURE__ */ React10.createElement(Box9, { marginY: 1, borderStyle: "round", borderColor: "magenta", paddingX: 1 }, /* @__PURE__ */ React10.createElement(Text9, { color: "magenta", bold: true }, "\u2713 auto-applied "), /* @__PURE__ */ React10.createElement(Text9, { color: "magenta" }, `${ok}/${total} edit${total === 1 ? "" : "s"}`), /* @__PURE__ */ React10.createElement(Text9, { dimColor: true }, " \xB7 press "), /* @__PURE__ */ React10.createElement(Text9, { color: "magenta", bold: true }, "u"), /* @__PURE__ */ React10.createElement(Text9, { dimColor: true }, " to undo  ("), /* @__PURE__ */ React10.createElement(Text9, { color: remainingSec <= 1 ? "red" : "magenta" }, `${remainingSec}s`), /* @__PURE__ */ React10.createElement(Text9, { dimColor: true }, ")"));
+  const urgent = remainingSec <= 1;
+  return /* @__PURE__ */ React12.createElement(Box10, { marginY: 1, paddingX: 1 }, /* @__PURE__ */ React12.createElement(Text9, { backgroundColor: "#c4b5fd", color: "black", bold: true }, ` \u2713 AUTO-APPLIED ${ok}/${total} `), /* @__PURE__ */ React12.createElement(Text9, { dimColor: true }, "   press "), /* @__PURE__ */ React12.createElement(Text9, { backgroundColor: "#67e8f9", color: "black", bold: true }, " u "), /* @__PURE__ */ React12.createElement(Text9, { dimColor: true }, " to undo   "), /* @__PURE__ */ React12.createElement(Text9, { color: urgent ? "#f87171" : "#c4b5fd", bold: urgent }, `${remainingSec}s`));
 }
 function SubagentRow({
   activity
 }) {
   const tick = useTick();
   const seconds = (activity.elapsedMs / 1e3).toFixed(1);
-  return /* @__PURE__ */ React10.createElement(Box9, { paddingLeft: 2 }, /* @__PURE__ */ React10.createElement(Text9, { color: "magenta" }, SPINNER_FRAMES[tick % SPINNER_FRAMES.length]), /* @__PURE__ */ React10.createElement(Text9, { color: "magenta" }, ` \u232C subagent: ${activity.task}`), /* @__PURE__ */ React10.createElement(Text9, { dimColor: true }, ` \xB7 iter ${activity.iter} \xB7 ${seconds}s`));
+  return /* @__PURE__ */ React12.createElement(Box10, { paddingLeft: 3 }, /* @__PURE__ */ React12.createElement(Text9, { color: "#c4b5fd", bold: true }, SPINNER_FRAMES[tick % SPINNER_FRAMES.length]), /* @__PURE__ */ React12.createElement(Text9, null, "  "), /* @__PURE__ */ React12.createElement(Text9, { backgroundColor: "#c4b5fd", color: "black", bold: true }, " \u232C subagent "), /* @__PURE__ */ React12.createElement(Text9, { color: "#c4b5fd" }, `  ${activity.task}`), /* @__PURE__ */ React12.createElement(Text9, { dimColor: true }, `   iter ${activity.iter}  \xB7  ${seconds}s`));
 }
 function OngoingToolRow({
   tool: tool2,
@@ -8931,7 +9486,7 @@ function OngoingToolRow({
   const tick = useTick();
   const elapsed = useElapsedSeconds();
   const summary = summarizeToolArgs(tool2.name, tool2.args);
-  return /* @__PURE__ */ React10.createElement(Box9, { marginY: 1, flexDirection: "column" }, /* @__PURE__ */ React10.createElement(Box9, null, /* @__PURE__ */ React10.createElement(Text9, { color: "cyan" }, SPINNER_FRAMES[tick % SPINNER_FRAMES.length]), /* @__PURE__ */ React10.createElement(Text9, { color: "yellow" }, ` tool<${tool2.name}> running\u2026`), /* @__PURE__ */ React10.createElement(Text9, { dimColor: true }, ` ${elapsed}s`)), progress ? /* @__PURE__ */ React10.createElement(Box9, { paddingLeft: 2 }, /* @__PURE__ */ React10.createElement(Text9, { color: "cyan" }, renderProgressLine(progress))) : null, summary ? /* @__PURE__ */ React10.createElement(Box9, { paddingLeft: 2 }, /* @__PURE__ */ React10.createElement(Text9, { dimColor: true }, summary)) : null);
+  return /* @__PURE__ */ React12.createElement(Box10, { marginY: 1, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React12.createElement(Box10, null, /* @__PURE__ */ React12.createElement(Text9, { color: "#fcd34d", bold: true }, SPINNER_FRAMES[tick % SPINNER_FRAMES.length]), /* @__PURE__ */ React12.createElement(Text9, null, "  "), /* @__PURE__ */ React12.createElement(Text9, { backgroundColor: "#fcd34d", color: "black", bold: true }, ` \u23F5 ${tool2.name} `), /* @__PURE__ */ React12.createElement(Text9, { color: "#fcd34d" }, " running"), /* @__PURE__ */ React12.createElement(Text9, { dimColor: true }, `  \xB7  ${elapsed}s`)), progress ? /* @__PURE__ */ React12.createElement(Box10, { paddingLeft: 3 }, /* @__PURE__ */ React12.createElement(Text9, { color: "#67e8f9" }, renderProgressLine(progress))) : null, summary ? /* @__PURE__ */ React12.createElement(Box10, { paddingLeft: 3 }, /* @__PURE__ */ React12.createElement(Text9, { dimColor: true }, summary)) : null);
 }
 function renderProgressLine(p) {
   const msg = p.message ? `  ${p.message}` : "";
@@ -8987,8 +9542,8 @@ function summarizeToolArgs(name, args) {
 }
 
 // src/cli/ui/PlanCheckpointConfirm.tsx
-import { Box as Box10, Text as Text10 } from "ink";
-import React11 from "react";
+import { Box as Box11 } from "ink";
+import React13 from "react";
 function PlanCheckpointConfirmInner({
   stepId,
   title,
@@ -8999,10 +9554,11 @@ function PlanCheckpointConfirmInner({
   onChoose
 }) {
   const label = title ? `${stepId} \xB7 ${title}` : stepId;
-  const counter = total > 0 ? ` (${completed}/${total})` : "";
+  const counter = total > 0 ? `${completed}/${total}` : "";
   const isLast = total > 0 && completed >= total;
   const statuses = buildStatusMap(steps, completedStepIds, stepId, isLast);
-  return /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React11.createElement(Box10, null, /* @__PURE__ */ React11.createElement(Text10, { bold: true, color: "green" }, "\u25B8 checkpoint \u2014 step done"), /* @__PURE__ */ React11.createElement(Text10, { dimColor: true }, `  ${label}${counter}`)), steps && steps.length > 0 ? /* @__PURE__ */ React11.createElement(Box10, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React11.createElement(PlanStepList, { steps, statuses, focusStepId: stepId })) : null, /* @__PURE__ */ React11.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(
+  const subtitle = counter ? `${counter}  \xB7  ${label}` : label;
+  return /* @__PURE__ */ React13.createElement(ModalCard, { accent: "#86efac", icon: "\u2713", title: "checkpoint \u2014 step done", subtitle }, steps && steps.length > 0 ? /* @__PURE__ */ React13.createElement(Box11, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React13.createElement(PlanStepList, { steps, statuses, focusStepId: stepId })) : null, /* @__PURE__ */ React13.createElement(
     SingleSelect,
     {
       initialValue: isLast ? "stop" : "continue",
@@ -9027,9 +9583,9 @@ function PlanCheckpointConfirmInner({
       onCancel: () => onChoose("stop"),
       footer: "[\u2191\u2193] navigate  \xB7  [Enter] select  \xB7  [Esc] stop"
     }
-  )));
+  ));
 }
-var PlanCheckpointConfirm = React11.memo(PlanCheckpointConfirmInner);
+var PlanCheckpointConfirm = React13.memo(PlanCheckpointConfirmInner);
 function buildStatusMap(steps, completedStepIds, currentStepId, isLast) {
   const map = /* @__PURE__ */ new Map();
   if (!steps) return map;
@@ -9046,70 +9602,103 @@ function buildStatusMap(steps, completedStepIds, currentStepId, isLast) {
 }
 
 // src/cli/ui/PlanConfirm.tsx
-import { Box as Box11, Text as Text11 } from "ink";
-import React12 from "react";
+import { Box as Box12, Text as Text10 } from "ink";
+import React14 from "react";
 function PlanConfirmInner({ plan: plan2, steps, summary, onChoose }) {
   const hasOpenQuestions = /^#{1,6}\s*(open[-\s]?questions?|risks?|unknowns?|assumptions?|unclear)/im.test(plan2) || /^#{1,6}\s*(待确认|开放问题|风险|未知|假设|不确定)/im.test(plan2);
-  return /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column" }, /* @__PURE__ */ React12.createElement(Box11, null, /* @__PURE__ */ React12.createElement(Text11, { bold: true, color: "cyan" }, "\u25B8 plan proposed (full text above) \u2014 approve / refine / cancel")), summary ? /* @__PURE__ */ React12.createElement(Box11, null, /* @__PURE__ */ React12.createElement(Text11, { color: "cyan" }, `  ${summary}`)) : null), hasOpenQuestions ? /* @__PURE__ */ React12.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text11, { color: "yellow" }, "\u25B2 the plan flags open questions or risks \u2014 pick", " ", /* @__PURE__ */ React12.createElement(Text11, { bold: true }, "Refine / answer questions"), " to write concrete answers before the model moves on.")) : null, steps && steps.length > 0 ? /* @__PURE__ */ React12.createElement(Box11, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React12.createElement(PlanStepList, { steps })) : null, /* @__PURE__ */ React12.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(
-    SingleSelect,
+  return /* @__PURE__ */ React14.createElement(
+    ModalCard,
     {
-      initialValue: hasOpenQuestions ? "refine" : "approve",
-      items: [
-        {
-          value: "approve",
-          label: "Approve and implement",
-          hint: "Exit plan mode. The model starts executing. You'll get a text input to add any last instructions (or just press Enter to skip)."
-        },
-        {
-          value: "refine",
-          label: "Refine / answer questions",
-          hint: "Stay in plan mode. Write answers, modifications, or critiques; the model revises and re-submits."
-        },
-        {
-          value: "cancel",
-          label: "Cancel",
-          hint: "Exit plan mode. Drop the plan; the model won't implement it."
-        }
-      ],
-      onSubmit: (v) => onChoose(v),
-      onCancel: () => onChoose("cancel"),
-      footer: "[\u2191\u2193] navigate  \xB7  [Enter] select  \xB7  [Esc] cancel"
-    }
-  )));
+      accent: "#67e8f9",
+      icon: "\u{1F4CB}",
+      title: "plan proposed",
+      subtitle: summary ?? "approve / refine / cancel"
+    },
+    hasOpenQuestions ? /* @__PURE__ */ React14.createElement(Box12, { marginBottom: 1 }, /* @__PURE__ */ React14.createElement(Text10, { color: "#fbbf24" }, "\u25B2 the plan flags open questions or risks \u2014 pick", " ", /* @__PURE__ */ React14.createElement(Text10, { bold: true }, "Refine / answer questions"), " to write concrete answers before the model moves on.")) : null,
+    steps && steps.length > 0 ? /* @__PURE__ */ React14.createElement(Box12, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React14.createElement(PlanStepList, { steps })) : null,
+    /* @__PURE__ */ React14.createElement(
+      SingleSelect,
+      {
+        initialValue: hasOpenQuestions ? "refine" : "approve",
+        items: [
+          {
+            value: "approve",
+            label: "Approve and implement",
+            hint: "Exit plan mode. The model starts executing. You'll get a text input to add any last instructions (or just press Enter to skip)."
+          },
+          {
+            value: "refine",
+            label: "Refine / answer questions",
+            hint: "Stay in plan mode. Write answers, modifications, or critiques; the model revises and re-submits."
+          },
+          {
+            value: "cancel",
+            label: "Cancel",
+            hint: "Exit plan mode. Drop the plan; the model won't implement it."
+          }
+        ],
+        onSubmit: (v) => onChoose(v),
+        onCancel: () => onChoose("cancel"),
+        footer: "[\u2191\u2193] navigate  \xB7  [Enter] select  \xB7  [Esc] cancel"
+      }
+    )
+  );
 }
-var PlanConfirm = React12.memo(PlanConfirmInner);
+var PlanConfirm = React14.memo(PlanConfirmInner);
 
 // src/cli/ui/PlanRefineInput.tsx
-import { Box as Box12, Text as Text12, useInput as useInput3 } from "ink";
-import React13, { useState as useState4 } from "react";
+import { Box as Box13, Text as Text11 } from "ink";
+import React15, { useState as useState4 } from "react";
 function PlanRefineInput({ mode: mode2, onSubmit, onCancel }) {
   const [value, setValue] = useState4("");
-  useInput3((input, key) => {
-    if (key.escape) {
+  useKeystroke((ev) => {
+    if (ev.paste) {
+      setValue((v) => v + ev.input.replace(/\r?\n/g, " "));
+      return;
+    }
+    if (ev.escape) {
       onCancel();
       return;
     }
-    if (key.return) {
+    if (ev.return) {
       onSubmit(value.trim());
       return;
     }
-    if (key.backspace || key.delete) {
+    if (ev.backspace || ev.delete) {
       setValue((v) => v.slice(0, -1));
       return;
     }
-    if (input && !key.ctrl && !key.meta) {
-      setValue((v) => v + input);
+    if (ev.input && !ev.ctrl && !ev.meta) {
+      setValue((v) => v + ev.input);
     }
   });
-  const title = mode2 === "approve" ? "\u25B8 approving \u2014 any last instructions or answers to open questions?" : mode2 === "checkpoint-revise" ? "\u25B8 revising \u2014 what should change before the next step?" : mode2 === "choice-custom" ? "\u25B8 custom answer \u2014 type whatever fits" : "\u25B8 refining \u2014 what should the model change?";
-  const hint = mode2 === "approve" ? "Answer questions the plan raised, add constraints, or just press Enter to approve as-is." : mode2 === "checkpoint-revise" ? "Scope change, skip steps, alternative approach \u2014 the model will adjust the remaining plan based on this." : mode2 === "choice-custom" ? "Free-form reply. The model reads it verbatim and proceeds \u2014 no need to match the listed options." : "Describe what's wrong or missing, or answer questions the plan raised.";
+  const tick = useTick();
+  const cursorOn = Math.floor(tick / 4) % 2 === 0;
+  const meta = mode2 === "approve" ? {
+    title: "approving \u2014 any last instructions?",
+    icon: "\u{1F4CB}",
+    accent: "#67e8f9"
+  } : mode2 === "checkpoint-revise" ? {
+    title: "revising \u2014 what should change before the next step?",
+    icon: "\u270F",
+    accent: "#fbbf24"
+  } : mode2 === "choice-custom" ? {
+    title: "custom answer \u2014 type whatever fits",
+    icon: "\u{1F500}",
+    accent: "#f0abfc"
+  } : {
+    title: "refining \u2014 what should the model change?",
+    icon: "\u270F",
+    accent: "#fbbf24"
+  };
+  const hint = mode2 === "approve" ? "Answer questions the plan raised, add constraints, or just press Enter to approve as-is." : mode2 === "checkpoint-revise" ? "Scope change, skip steps, alternative approach \u2014 the model adjusts the remaining plan." : mode2 === "choice-custom" ? "Free-form reply. The model reads it verbatim and proceeds \u2014 no need to match the listed options." : "Describe what's wrong or missing, or answer questions the plan raised.";
   const blankHint = mode2 === "approve" ? " (Enter with blank = approve without extra instructions.)" : mode2 === "checkpoint-revise" ? " (Enter with blank = continue with the current plan.)" : mode2 === "choice-custom" ? " (Enter with blank = ask the model what you actually want.)" : " (Enter with blank = ask the model to list concrete questions.)";
-  return /* @__PURE__ */ React13.createElement(Box12, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React13.createElement(Box12, null, /* @__PURE__ */ React13.createElement(Text12, { bold: true, color: "yellow" }, title)), /* @__PURE__ */ React13.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React13.createElement(Text12, { dimColor: true }, hint, " Enter to send \xB7 Esc to return to the picker.", value === "" ? blankHint : "")), /* @__PURE__ */ React13.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React13.createElement(Text12, null, /* @__PURE__ */ React13.createElement(Text12, { color: "yellow" }, "\u203A "), /* @__PURE__ */ React13.createElement(Text12, null, value || " "), /* @__PURE__ */ React13.createElement(Text12, { color: "yellow" }, "\u258D"))));
+  return /* @__PURE__ */ React15.createElement(ModalCard, { accent: meta.accent, icon: meta.icon, title: meta.title }, /* @__PURE__ */ React15.createElement(Box13, { marginBottom: 1 }, /* @__PURE__ */ React15.createElement(Text11, { dimColor: true }, hint, " Enter to send \xB7 Esc to return to the picker.", value === "" ? blankHint : "")), /* @__PURE__ */ React15.createElement(Box13, null, /* @__PURE__ */ React15.createElement(Text11, { color: meta.accent, bold: true }, "\u203A "), /* @__PURE__ */ React15.createElement(Text11, null, value), /* @__PURE__ */ React15.createElement(Text11, { color: meta.accent, bold: true }, cursorOn ? "\u258D" : " ")));
 }
 
 // src/cli/ui/PlanReviseConfirm.tsx
-import { Box as Box13, Text as Text13 } from "ink";
-import React14 from "react";
+import { Box as Box14, Text as Text12 } from "ink";
+import React16 from "react";
 function computeDiff(oldSteps, newSteps) {
   const oldIds = new Set(oldSteps.map((s) => s.id));
   const newIds = new Set(newSteps.map((s) => s.id));
@@ -9125,13 +9714,13 @@ function computeDiff(oldSteps, newSteps) {
 function riskDots2(risk) {
   switch (risk) {
     case "high":
-      return { dots: "\u25CF\u25CF\u25CF", color: "red" };
+      return { dots: "\u25CF\u25CF\u25CF", color: "#f87171" };
     case "med":
-      return { dots: "\u25CF\u25CF ", color: "yellow" };
+      return { dots: "\u25CF\u25CF ", color: "#fbbf24" };
     case "low":
-      return { dots: "\u25CF  ", color: "green" };
+      return { dots: "\u25CF  ", color: "#4ade80" };
     default:
-      return { dots: "   ", color: "gray" };
+      return { dots: "   ", color: "#94a3b8" };
   }
 }
 function PlanReviseConfirmInner({
@@ -9145,54 +9734,103 @@ function PlanReviseConfirmInner({
   const removedCount = rows.filter((r) => r.kind === "removed").length;
   const addedCount = rows.filter((r) => r.kind === "added").length;
   const keptCount = rows.filter((r) => r.kind === "kept").length;
-  return /* @__PURE__ */ React14.createElement(Box13, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React14.createElement(Box13, null, /* @__PURE__ */ React14.createElement(Text13, { bold: true, color: "yellow" }, "\u270F plan revision proposed"), /* @__PURE__ */ React14.createElement(Text13, { dimColor: true }, `  \u2212${removedCount} +${addedCount} (${keptCount} kept)`)), /* @__PURE__ */ React14.createElement(Box13, { marginTop: 1 }, /* @__PURE__ */ React14.createElement(Text13, null, reason)), summary ? /* @__PURE__ */ React14.createElement(Box13, { marginTop: 1 }, /* @__PURE__ */ React14.createElement(Text13, { dimColor: true }, `updated summary: ${summary}`)) : null, /* @__PURE__ */ React14.createElement(Box13, { marginTop: 1, flexDirection: "column" }, rows.map((row2) => {
-    const risk = riskDots2(row2.step.risk);
-    const prefix = row2.kind === "removed" ? "\u2212" : row2.kind === "added" ? "+" : " ";
-    const prefixColor = row2.kind === "removed" ? "red" : row2.kind === "added" ? "green" : "gray";
-    const dim = row2.kind === "kept";
-    const strike = row2.kind === "removed";
-    return /* @__PURE__ */ React14.createElement(Box13, { key: `${row2.kind}-${row2.step.id}` }, /* @__PURE__ */ React14.createElement(Text13, { color: prefixColor, bold: true }, `${prefix} `), /* @__PURE__ */ React14.createElement(Text13, { color: risk.color, bold: true, dimColor: dim }, risk.dots), /* @__PURE__ */ React14.createElement(Text13, { dimColor: dim, strikethrough: strike }, ` ${row2.step.id} \xB7 ${row2.step.title}`));
-  })), /* @__PURE__ */ React14.createElement(Box13, { marginTop: 1 }, /* @__PURE__ */ React14.createElement(
-    SingleSelect,
+  return /* @__PURE__ */ React16.createElement(
+    ModalCard,
     {
-      initialValue: "accept",
-      items: [
-        {
-          value: "accept",
-          label: "Accept revision \u2014 apply the new step list",
-          hint: "Replaces the remaining plan with the proposed steps. Done steps are untouched."
-        },
-        {
-          value: "reject",
-          label: "Reject \u2014 keep the original plan",
-          hint: "Drops the proposal. Model continues with the original remaining steps."
-        }
-      ],
-      onSubmit: (v) => onChoose(v),
-      onCancel: () => onChoose("reject"),
-      footer: "[\u2191\u2193] navigate  \xB7  [Enter] select  \xB7  [Esc] reject"
-    }
-  )));
+      accent: "#fbbf24",
+      icon: "\u270F",
+      title: "plan revision proposed",
+      subtitle: `\u2212${removedCount}  +${addedCount}  \xB7  ${keptCount} kept`
+    },
+    /* @__PURE__ */ React16.createElement(Box14, { marginBottom: 1 }, /* @__PURE__ */ React16.createElement(Text12, null, reason)),
+    summary ? /* @__PURE__ */ React16.createElement(Box14, { marginBottom: 1 }, /* @__PURE__ */ React16.createElement(Text12, { dimColor: true }, `updated summary: ${summary}`)) : null,
+    /* @__PURE__ */ React16.createElement(Box14, { marginBottom: 1, flexDirection: "column" }, rows.map((row2) => {
+      const risk = riskDots2(row2.step.risk);
+      const prefix = row2.kind === "removed" ? "\u2212" : row2.kind === "added" ? "+" : " ";
+      const prefixColor = row2.kind === "removed" ? "#f87171" : row2.kind === "added" ? "#4ade80" : "#94a3b8";
+      const dim = row2.kind === "kept";
+      const strike = row2.kind === "removed";
+      return /* @__PURE__ */ React16.createElement(Box14, { key: `${row2.kind}-${row2.step.id}` }, /* @__PURE__ */ React16.createElement(Text12, { color: prefixColor, bold: true }, `${prefix} `), /* @__PURE__ */ React16.createElement(Text12, { color: risk.color, bold: true, dimColor: dim }, risk.dots), /* @__PURE__ */ React16.createElement(Text12, { dimColor: dim, strikethrough: strike }, ` ${row2.step.id} \xB7 ${row2.step.title}`));
+    })),
+    /* @__PURE__ */ React16.createElement(
+      SingleSelect,
+      {
+        initialValue: "accept",
+        items: [
+          {
+            value: "accept",
+            label: "Accept revision \u2014 apply the new step list",
+            hint: "Replaces the remaining plan with the proposed steps. Done steps are untouched."
+          },
+          {
+            value: "reject",
+            label: "Reject \u2014 keep the original plan",
+            hint: "Drops the proposal. Model continues with the original remaining steps."
+          }
+        ],
+        onSubmit: (v) => onChoose(v),
+        onCancel: () => onChoose("reject"),
+        footer: "[\u2191\u2193] navigate  \xB7  [Enter] select  \xB7  [Esc] reject"
+      }
+    )
+  );
 }
-var PlanReviseConfirm = React14.memo(PlanReviseConfirmInner);
+var PlanReviseConfirm = React16.memo(PlanReviseConfirmInner);
 
 // src/cli/ui/PromptInput.tsx
-import { Box as Box14, Text as Text14, useInput as useInput4, useStdout as useStdout3 } from "ink";
-import React15, { useRef, useState as useState5 } from "react";
+import { Box as Box15, Text as Text13, useStdout as useStdout5 } from "ink";
+import React17, { useRef as useRef2, useState as useState5 } from "react";
+
+// src/cli/ui/key-normalize.ts
+var CSI_TAIL_TO_FLAGS = [
+  // Arrow keys — the most common ConPTY victim.
+  { tail: "[A", flags: { upArrow: true } },
+  { tail: "[B", flags: { downArrow: true } },
+  { tail: "[C", flags: { rightArrow: true } },
+  { tail: "[D", flags: { leftArrow: true } },
+  // Page navigation.
+  { tail: "[5~", flags: { pageUp: true } },
+  { tail: "[6~", flags: { pageDown: true } },
+  // Forward-delete (the key labelled Delete on most keyboards).
+  { tail: "[3~", flags: { delete: true } },
+  // Shift+Tab — terminal sends `\x1b[Z` rather than tab-with-shift.
+  { tail: "[Z", flags: { shift: true, tab: true } }
+];
+function alreadyStructured(flags) {
+  return Boolean(
+    flags.upArrow || flags.downArrow || flags.leftArrow || flags.rightArrow || flags.pageUp || flags.pageDown || flags.delete || flags.tab && flags.shift
+  );
+}
+function recoverCsiTail(input, existing = {}) {
+  if (alreadyStructured(existing)) return null;
+  for (const entry of CSI_TAIL_TO_FLAGS) {
+    if (input === entry.tail || input === `\x1B${entry.tail}`) {
+      return entry.flags;
+    }
+  }
+  return null;
+}
+var STRIPPABLE_CSI_FRAGMENTS = [
+  "\x1B[200~",
+  "\x1B[201~",
+  "[200~",
+  "[201~",
+  ...CSI_TAIL_TO_FLAGS.flatMap((e) => [`\x1B${e.tail}`, e.tail])
+];
+function stripCsiFragments(input) {
+  let out = input;
+  for (const frag of STRIPPABLE_CSI_FRAGMENTS) {
+    if (out.includes(frag)) out = out.replaceAll(frag, "");
+  }
+  return out;
+}
 
 // src/cli/ui/multiline-keys.ts
 var BACKSLASH_SUFFIX = /\\$/;
 var NOOP = { next: null, cursor: null, submit: false };
-function rewriteRawArrowEscape(key) {
-  if (key.upArrow || key.downArrow || key.leftArrow || key.rightArrow) return key;
-  if (key.input === "\x1B[A") return { ...key, upArrow: true, input: "" };
-  if (key.input === "\x1B[B") return { ...key, downArrow: true, input: "" };
-  if (key.input === "\x1B[C") return { ...key, rightArrow: true, input: "" };
-  if (key.input === "\x1B[D") return { ...key, leftArrow: true, input: "" };
-  return key;
-}
 function processMultilineKey(value, cursor, keyIn) {
-  const key = rewriteRawArrowEscape(keyIn);
+  const recovered = recoverCsiTail(keyIn.input, keyIn);
+  const key = recovered ? { ...keyIn, ...recovered, input: "" } : keyIn;
   if (key.tab || key.escape) {
     return NOOP;
   }
@@ -9239,7 +9877,7 @@ function processMultilineKey(value, cursor, keyIn) {
       submit: false
     };
   }
-  const stripped = key.input.replaceAll("\x1B[200~", "").replaceAll("\x1B[201~", "");
+  const stripped = stripCsiFragments(key.input);
   const looksLikePaste = stripped.length > 1 && (stripped.includes("\n") || stripped.includes("\r"));
   if (looksLikePaste) {
     const normalized = stripped.replace(/\r\n?/g, "\n");
@@ -9383,10 +10021,159 @@ function formatBytesShort(n) {
   return `${(n / (1024 * 1024)).toFixed(1)}MB`;
 }
 
+// src/cli/ui/prompt-viewport.ts
+function charCells(ch) {
+  if (ch.length === 0) return 0;
+  const code = ch.charCodeAt(0);
+  if (code < 32 || code === 127) return 0;
+  if (code < 4352) return 1;
+  if (code >= 4352 && code <= 4447) return 2;
+  if (code >= 11904 && code <= 12350) return 2;
+  if (code >= 12353 && code <= 13311) return 2;
+  if (code >= 13312 && code <= 19903) return 2;
+  if (code >= 19968 && code <= 40959) return 2;
+  if (code >= 40960 && code <= 42191) return 2;
+  if (code >= 44032 && code <= 55203) return 2;
+  if (code >= 63744 && code <= 64255) return 2;
+  if (code >= 65072 && code <= 65103) return 2;
+  if (code >= 65280 && code <= 65376) return 2;
+  if (code >= 65504 && code <= 65510) return 2;
+  return 1;
+}
+function stringCells(s, pastes) {
+  let n = 0;
+  for (let i = 0; i < s.length; i++) {
+    const ch = s[i];
+    const id = decodePasteSentinel(ch);
+    if (id !== null) {
+      n += pasteSentinelCells(id, pastes);
+    } else {
+      n += charCells(ch);
+    }
+  }
+  return n;
+}
+function pasteSentinelLabel(id, entry) {
+  if (!entry) return `[paste #${id + 1} \xB7 (missing)]`;
+  return `[paste #${id + 1} \xB7 ${entry.lineCount}l \xB7 ${formatBytesShort(entry.charCount)}]`;
+}
+function pasteSentinelCells(id, pastes) {
+  const entry = pastes?.get(id);
+  return pasteSentinelLabel(id, entry).length;
+}
+function buildViewport(line, cursorCol, visibleCells, pastes) {
+  if (visibleCells <= 0) {
+    return {
+      segments: [],
+      cursorCell: cursorCol === null ? null : 0,
+      hiddenLeft: false,
+      hiddenRight: line.length > 0
+    };
+  }
+  const totalCells = stringCells(line, pastes);
+  if (totalCells <= visibleCells) {
+    const segments = textToSegments(line, pastes);
+    let cursorCell = null;
+    if (cursorCol !== null) {
+      cursorCell = stringCells(line.slice(0, cursorCol), pastes);
+    }
+    return { segments, cursorCell, hiddenLeft: false, hiddenRight: false };
+  }
+  if (cursorCol === null) {
+    return clipFromLeft(line, visibleCells, pastes);
+  }
+  return clipAroundCursor(line, cursorCol, visibleCells, pastes);
+}
+function clipFromLeft(line, visibleCells, pastes) {
+  const budget = Math.max(1, visibleCells - 1);
+  let used = 0;
+  let end = 0;
+  while (end < line.length) {
+    const ch = line[end];
+    const cw = charCellsAt(line, end, pastes);
+    if (used + cw > budget) break;
+    used += cw;
+    end++;
+  }
+  const segments = textToSegments(line.slice(0, end), pastes);
+  return { segments, cursorCell: null, hiddenLeft: false, hiddenRight: end < line.length };
+}
+function clipAroundCursor(line, cursorCol, visibleCells, pastes) {
+  let budget = visibleCells;
+  const reservedForMarkers = 2;
+  budget = Math.max(1, budget - reservedForMarkers);
+  const halfBudget = Math.floor(budget / 2);
+  let start = cursorCol;
+  let leftCells = 0;
+  while (start > 0 && leftCells < halfBudget) {
+    const cw = charCellsAt(line, start - 1, pastes);
+    if (leftCells + cw > halfBudget) break;
+    start--;
+    leftCells += cw;
+  }
+  const rightBudget = budget - leftCells;
+  let end = cursorCol;
+  let rightCells = 0;
+  const cursorChar = cursorCol < line.length ? charCellsAt(line, cursorCol, pastes) : 1;
+  if (rightBudget >= cursorChar) {
+    if (cursorCol < line.length) end = cursorCol + 1;
+    rightCells = cursorChar;
+    while (end < line.length && rightCells < rightBudget) {
+      const cw = charCellsAt(line, end, pastes);
+      if (rightCells + cw > rightBudget) break;
+      rightCells += cw;
+      end++;
+    }
+  }
+  let extraLeftBudget = rightBudget - rightCells;
+  while (start > 0 && extraLeftBudget > 0) {
+    const cw = charCellsAt(line, start - 1, pastes);
+    if (cw > extraLeftBudget) break;
+    start--;
+    leftCells += cw;
+    extraLeftBudget -= cw;
+  }
+  const hiddenLeft = start > 0;
+  const hiddenRight = end < line.length;
+  const segments = textToSegments(line.slice(start, end), pastes);
+  const cursorCell = stringCells(line.slice(start, cursorCol), pastes);
+  return { segments, cursorCell, hiddenLeft, hiddenRight };
+}
+function charCellsAt(line, idx, pastes) {
+  const ch = line[idx];
+  const id = decodePasteSentinel(ch);
+  if (id !== null) {
+    const entry = pastes?.get(id);
+    return pasteSentinelLabel(id, entry).length;
+  }
+  return charCells(ch);
+}
+function textToSegments(line, pastes) {
+  const out = [];
+  let buf = "";
+  const flushBuf = () => {
+    if (buf.length > 0) {
+      out.push({ kind: "text", text: buf });
+      buf = "";
+    }
+  };
+  for (let i = 0; i < line.length; i++) {
+    const ch = line[i];
+    const id = decodePasteSentinel(ch);
+    if (id !== null) {
+      flushBuf();
+      const label = pasteSentinelLabel(id, pastes?.get(id));
+      out.push({ kind: "paste", id, label });
+    } else {
+      buf += ch;
+    }
+  }
+  flushBuf();
+  return out;
+}
+
 // src/cli/ui/PromptInput.tsx
-var PASTE_START_MARKER = "\x1B[200~";
-var PASTE_END_MARKER = "\x1B[201~";
-var PASTE_MERGE_WINDOW_MS = 30;
+var BAR = "\u258E ";
 function PromptInput({
   value,
   onChange,
@@ -9397,157 +10184,259 @@ function PromptInput({
   onHistoryNext
 }) {
   const [cursor, setCursor] = useState5(value.length);
-  const pastesRef = useRef(/* @__PURE__ */ new Map());
-  const nextPasteIdRef = useRef(0);
-  const pasteAccumRef = useRef(null);
-  const lastPasteRef = useRef(null);
-  const lastLocalValueRef = useRef(value);
+  const pastesRef = useRef2(/* @__PURE__ */ new Map());
+  const nextPasteIdRef = useRef2(0);
+  const lastLocalValueRef = useRef2(value);
   if (value !== lastLocalValueRef.current) {
     lastLocalValueRef.current = value;
-    if (cursor !== value.length) {
-      setCursor(value.length);
-    }
+    if (cursor !== value.length) setCursor(value.length);
   }
-  const cursorRef = useRef(cursor);
-  cursorRef.current = cursor;
-  const tick = useTick();
-  const showCursor = disabled ? false : Math.floor(tick / 4) % 2 === 0;
   const registerPaste = (content) => {
     const v = lastLocalValueRef.current;
-    const c = cursorRef.current;
-    const now = Date.now();
-    const last = lastPasteRef.current;
-    const prevChar = c > 0 ? v[c - 1] : null;
-    const prevId = prevChar ? decodePasteSentinel(prevChar) : null;
-    const canMerge = last !== null && prevId === last.id && now - last.at < PASTE_MERGE_WINDOW_MS && pastesRef.current.has(last.id);
-    if (canMerge && last) {
-      const existing = pastesRef.current.get(last.id);
-      if (existing) {
-        const merged = existing.content + content;
-        pastesRef.current.set(last.id, makePasteEntry(last.id, merged));
-        lastPasteRef.current = { id: last.id, at: now };
-        return;
-      }
-    }
+    const c = cursor;
     const id = nextPasteIdRef.current % PASTE_SENTINEL_RANGE;
     nextPasteIdRef.current = id + 1;
     pastesRef.current.set(id, makePasteEntry(id, content));
     const sentinel = encodePasteSentinel(id);
     const next = v.slice(0, c) + sentinel + v.slice(c);
     lastLocalValueRef.current = next;
-    cursorRef.current = c + 1;
     onChange(next);
     setCursor(c + 1);
-    lastPasteRef.current = { id, at: now };
   };
-  useInput4(
-    (input, key) => {
-      if (pasteAccumRef.current !== null) {
-        const endIdx = input.indexOf(PASTE_END_MARKER);
-        if (endIdx === -1) {
-          pasteAccumRef.current += input;
-          return;
-        }
-        const content = pasteAccumRef.current + input.slice(0, endIdx);
-        pasteAccumRef.current = null;
-        registerPaste(content);
-        return;
-      }
-      const startIdx = input.indexOf(PASTE_START_MARKER);
-      if (startIdx !== -1) {
-        const afterStart = input.slice(startIdx + PASTE_START_MARKER.length);
-        const endIdx = afterStart.indexOf(PASTE_END_MARKER);
-        if (endIdx !== -1) {
-          registerPaste(afterStart.slice(0, endIdx));
-        } else {
-          pasteAccumRef.current = afterStart;
-        }
-        return;
-      }
-      const ke = {
-        input,
-        return: key.return,
-        shift: key.shift,
-        ctrl: key.ctrl,
-        meta: key.meta,
-        backspace: key.backspace,
-        delete: key.delete,
-        tab: key.tab,
-        upArrow: key.upArrow,
-        downArrow: key.downArrow,
-        leftArrow: key.leftArrow,
-        rightArrow: key.rightArrow,
-        escape: key.escape,
-        pageUp: key.pageUp,
-        pageDown: key.pageDown
-      };
-      const action = processMultilineKey(value, cursor, ke);
-      if (action.pasteRequest) {
-        registerPaste(action.pasteRequest.content);
-        return;
-      }
-      if (action.next !== null) {
-        lastLocalValueRef.current = action.next;
-        onChange(action.next);
-      }
-      if (action.cursor !== null) {
-        setCursor(action.cursor);
-      }
-      if (action.submit) {
-        const raw = action.submitValue ?? value;
-        const expanded = expandPasteSentinels(raw, pastesRef.current);
-        const reachable = new Set(listPasteIdsInBuffer(raw));
-        for (const id of pastesRef.current.keys()) {
-          if (!reachable.has(id)) pastesRef.current.delete(id);
-        }
-        onSubmit(expanded);
+  useKeystroke((ev) => {
+    if (disabled) return;
+    if (ev.paste) {
+      if (ev.input.length > 0) registerPaste(ev.input);
+      return;
+    }
+    const key = {
+      input: ev.input,
+      return: ev.return,
+      shift: ev.shift,
+      ctrl: ev.ctrl,
+      meta: ev.meta,
+      backspace: ev.backspace,
+      delete: ev.delete,
+      tab: ev.tab,
+      upArrow: ev.upArrow,
+      downArrow: ev.downArrow,
+      leftArrow: ev.leftArrow,
+      rightArrow: ev.rightArrow,
+      escape: ev.escape,
+      pageUp: ev.pageUp,
+      pageDown: ev.pageDown
+    };
+    const action = processMultilineKey(value, cursor, key);
+    if (action.pasteRequest) {
+      registerPaste(action.pasteRequest.content);
+      return;
+    }
+    if (action.next !== null) {
+      lastLocalValueRef.current = action.next;
+      onChange(action.next);
+    }
+    if (action.cursor !== null) {
+      setCursor(action.cursor);
+    }
+    if (action.submit) {
+      const raw = action.submitValue ?? value;
+      const expanded = expandPasteSentinels(raw, pastesRef.current);
+      const reachable = new Set(listPasteIdsInBuffer(raw));
+      for (const id of pastesRef.current.keys()) {
+        if (!reachable.has(id)) pastesRef.current.delete(id);
       }
-      if (action.historyHandoff === "prev") onHistoryPrev?.();
-      if (action.historyHandoff === "next") onHistoryNext?.();
-    },
-    { isActive: !disabled }
-  );
-  const { stdout: stdout2 } = useStdout3();
+      onSubmit(expanded);
+    }
+    if (action.historyHandoff === "prev") onHistoryPrev?.();
+    if (action.historyHandoff === "next") onHistoryNext?.();
+  }, !disabled);
+  const { stdout: stdout2 } = useStdout5();
   const cols = stdout2?.columns ?? 80;
   const narrow = cols <= 90;
-  const promptPrefix = narrow ? "\u203A " : "you \u203A ";
-  const continuationIndent = narrow ? " " : "     ";
-  const placeholderActive = narrow ? "type a message, or /command" : "type a message, or /command  \xB7  [Shift+Enter] / [Ctrl+J] newline";
+  const promptBody = narrow ? "\u203A " : "you \u203A ";
+  const promptPrefix = BAR + promptBody;
+  const continuationIndent = BAR + " ".repeat(promptBody.length);
+  const prefixCells = promptPrefix.length;
+  const visibleCells = Math.max(8, cols - prefixCells - 3);
+  const placeholderActive = narrow ? "type a message, or /command" : "type a message, or /command  \xB7  [Ctrl+J] newline (Shift+Enter where supported)";
   const effectivePlaceholder = disabled ? placeholder ?? "\u2026waiting for response\u2026" : placeholder ?? placeholderActive;
   const lines = value.length > 0 ? value.split("\n") : [""];
-  const borderColor = disabled ? "gray" : "cyan";
+  const accentColor = disabled ? "gray" : "cyan";
+  const animate = !disabled && cols >= 100;
+  const tick = useTick();
+  const barOffset = animate ? Math.floor(tick / 6) : 0;
+  const barColorAt = (rowIdx) => disabled ? "gray" : GRADIENT[((rowIdx + barOffset) % GRADIENT.length + GRADIENT.length) % GRADIENT.length];
+  const cursorVisible = animate ? Math.floor(tick / 4) % 2 === 0 : true;
   const { line: cursorLine, col: cursorCol } = lineAndColumn(value, cursor);
   const renderItems = collapseLinesForDisplay(lines, cursorLine);
   const showHugeBufferHints = lines.length > 20;
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(Box14, { borderStyle: "round", borderColor, paddingX: 1, flexDirection: "column" }, renderItems.map((item, renderIdx) => {
+  return /* @__PURE__ */ React17.createElement(Box15, { flexDirection: "column", paddingX: 1 }, renderItems.map((item, renderIdx) => {
     if (item.kind === "skip") {
       return (
-        // biome-ignore lint/suspicious/noArrayIndexKey: stable — skip markers are derived from a fixed-size window over `lines`
-        /* @__PURE__ */ React15.createElement(Box14, { key: `skip-${renderIdx}` }, /* @__PURE__ */ React15.createElement(Text14, { dimColor: true }, continuationIndent), /* @__PURE__ */ React15.createElement(
-          Text14,
-          {
-            dimColor: true
-          },
-          `[\u2026 ${item.linesHidden} line${item.linesHidden === 1 ? "" : "s"} hidden \u2014 full content kept, submitted on Enter \u2026]`
-        ))
+        // biome-ignore lint/suspicious/noArrayIndexKey: stable — collapse markers derive from a fixed sliding window
+        /* @__PURE__ */ React17.createElement(Box15, { key: `skip-${renderIdx}` }, /* @__PURE__ */ React17.createElement(Text13, { color: barColorAt(renderIdx) }, BAR), /* @__PURE__ */ React17.createElement(Text13, { dimColor: true }, continuationIndent.slice(BAR.length)), /* @__PURE__ */ React17.createElement(Text13, { dimColor: true }, `[\u2026 ${item.linesHidden} line${item.linesHidden === 1 ? "" : "s"} hidden \u2014 full content kept, submitted on Enter \u2026]`))
       );
     }
-    const line = item.line;
     const i = item.originalIndex;
+    const line = item.line;
     const isFirst = i === 0;
-    const showPlaceholder = isFirst && value.length === 0;
     const isCursorLine = i === cursorLine;
-    return /* @__PURE__ */ React15.createElement(Box14, { key: `ln-${i}` }, isFirst ? /* @__PURE__ */ React15.createElement(Text14, { bold: true, color: borderColor }, promptPrefix) : /* @__PURE__ */ React15.createElement(Text14, { dimColor: true }, continuationIndent), showPlaceholder ? /* @__PURE__ */ React15.createElement(React15.Fragment, null, isCursorLine && !disabled ? /* @__PURE__ */ React15.createElement(Text14, { color: borderColor }, showCursor ? "\u258C" : " ") : null, /* @__PURE__ */ React15.createElement(Text14, { dimColor: true }, effectivePlaceholder)) : isCursorLine && !disabled ? /* @__PURE__ */ React15.createElement(
-      LineWithCursor,
+    const showPlaceholder = isFirst && value.length === 0;
+    return /* @__PURE__ */ React17.createElement(
+      PromptLine,
       {
+        key: `ln-${i}`,
         line,
-        col: cursorCol,
-        showCursor,
-        borderColor,
-        pastes: pastesRef.current
+        isFirst,
+        isCursorLine: isCursorLine && !disabled,
+        cursorCol: isCursorLine ? cursorCol : null,
+        cursorVisible,
+        showPlaceholder,
+        placeholderText: effectivePlaceholder,
+        promptPrefix,
+        continuationIndent,
+        visibleCells,
+        accentColor,
+        barColor: barColorAt(i),
+        pastes: pastesRef.current,
+        disabled: disabled === true
       }
-    ) : /* @__PURE__ */ React15.createElement(RenderLine, { line, pastes: pastesRef.current }));
-  }), showHugeBufferHints && !disabled ? /* @__PURE__ */ React15.createElement(Box14, null, /* @__PURE__ */ React15.createElement(Text14, { dimColor: true }, continuationIndent), /* @__PURE__ */ React15.createElement(Text14, { dimColor: true }, `[${lines.length} lines \xB7 PageUp/PageDown jump to top/bottom \xB7 Ctrl+U clear \xB7 Ctrl+W del word]`)) : null), disabled ? /* @__PURE__ */ React15.createElement(Box14, { paddingX: 1 }, /* @__PURE__ */ React15.createElement(Text14, { dimColor: true }, "[Esc] to stop")) : null);
+    );
+  }), showHugeBufferHints && !disabled ? /* @__PURE__ */ React17.createElement(Box15, null, /* @__PURE__ */ React17.createElement(Text13, { color: barColorAt(0) }, BAR), /* @__PURE__ */ React17.createElement(Text13, { dimColor: true }, continuationIndent.slice(BAR.length)), /* @__PURE__ */ React17.createElement(Text13, { dimColor: true }, `[${lines.length} lines \xB7 PageUp/PageDown jump to top/bottom \xB7 Ctrl+U clear \xB7 Ctrl+W del word]`)) : null, !disabled && !narrow && value.length > 0 && !value.includes("\n") ? /* @__PURE__ */ React17.createElement(Box15, null, /* @__PURE__ */ React17.createElement(Text13, { color: barColorAt(0) }, BAR), /* @__PURE__ */ React17.createElement(Text13, { dimColor: true }, continuationIndent.slice(BAR.length)), /* @__PURE__ */ React17.createElement(Text13, { dimColor: true }, "[Ctrl+J] newline \xB7 [Enter] submit \xB7 ends with \\ for line continuation")) : null, disabled ? /* @__PURE__ */ React17.createElement(Box15, null, /* @__PURE__ */ React17.createElement(Text13, { color: barColorAt(0) }, BAR), /* @__PURE__ */ React17.createElement(Text13, { dimColor: true }, continuationIndent.slice(BAR.length)), /* @__PURE__ */ React17.createElement(Text13, { dimColor: true }, "[Esc] to stop")) : null);
+}
+function PromptLine({
+  line,
+  isFirst,
+  isCursorLine,
+  cursorCol,
+  cursorVisible,
+  showPlaceholder,
+  placeholderText,
+  promptPrefix,
+  continuationIndent,
+  visibleCells,
+  accentColor,
+  barColor,
+  pastes,
+  disabled
+}) {
+  const barText = promptPrefix.slice(0, BAR.length);
+  const bodyPrefix = promptPrefix.slice(BAR.length);
+  const bodyContinuation = continuationIndent.slice(BAR.length);
+  if (showPlaceholder) {
+    return /* @__PURE__ */ React17.createElement(Box15, null, /* @__PURE__ */ React17.createElement(Text13, { color: barColor }, barText), /* @__PURE__ */ React17.createElement(Text13, { bold: true, color: accentColor }, bodyPrefix), !disabled ? /* @__PURE__ */ React17.createElement(Text13, { color: accentColor }, cursorVisible ? "\u258C" : " ") : null, /* @__PURE__ */ React17.createElement(Text13, { dimColor: true }, placeholderText));
+  }
+  const viewport = buildViewport(line, isCursorLine ? cursorCol : null, visibleCells, pastes);
+  return /* @__PURE__ */ React17.createElement(Box15, null, /* @__PURE__ */ React17.createElement(Text13, { color: barColor }, barText), isFirst ? /* @__PURE__ */ React17.createElement(Text13, { bold: true, color: accentColor }, bodyPrefix) : /* @__PURE__ */ React17.createElement(Text13, { dimColor: true }, bodyContinuation), viewport.hiddenLeft ? /* @__PURE__ */ React17.createElement(Text13, { color: "gray", dimColor: true }, "\u2039") : null, /* @__PURE__ */ React17.createElement(
+    ViewportContent,
+    {
+      segments: viewport.segments,
+      cursorCell: isCursorLine ? viewport.cursorCell : null,
+      accentColor,
+      cursorVisible
+    }
+  ), viewport.hiddenRight ? /* @__PURE__ */ React17.createElement(Text13, { color: "gray", dimColor: true }, "\u203A") : null);
+}
+function ViewportContent({
+  segments,
+  cursorCell,
+  accentColor,
+  cursorVisible
+}) {
+  if (cursorCell === null) {
+    return /* @__PURE__ */ React17.createElement(React17.Fragment, null, segments.map((seg, i) => renderSegment(seg, i, false)));
+  }
+  const out = [];
+  let cells = 0;
+  let placed = false;
+  for (let i = 0; i < segments.length; i++) {
+    const seg = segments[i];
+    const segCells = segmentCells(seg);
+    if (placed) {
+      out.push(renderSegment(seg, i, false));
+      continue;
+    }
+    if (cursorCell >= cells + segCells) {
+      out.push(renderSegment(seg, i, false));
+      cells += segCells;
+      continue;
+    }
+    if (seg.kind === "paste") {
+      out.push(
+        /* @__PURE__ */ React17.createElement(Text13, { key: `p-${i}-cursor`, color: "magenta", bold: true, inverse: cursorVisible }, seg.label)
+      );
+      placed = true;
+      cells += segCells;
+      continue;
+    }
+    const offsetIntoSeg = cursorCell - cells;
+    const split = splitTextByCells(seg.text, offsetIntoSeg);
+    if (split.before.length > 0) {
+      out.push(/* @__PURE__ */ React17.createElement(Text13, { key: `t-${i}-b` }, split.before));
+    }
+    if (split.atCursor.length > 0) {
+      out.push(
+        /* @__PURE__ */ React17.createElement(Text13, { key: `t-${i}-c`, inverse: cursorVisible, color: accentColor }, split.atCursor)
+      );
+    } else {
+      out.push(
+        /* @__PURE__ */ React17.createElement(Text13, { key: `t-${i}-c-eol`, color: accentColor }, cursorVisible ? "\u258C" : " ")
+      );
+    }
+    if (split.after.length > 0) {
+      out.push(/* @__PURE__ */ React17.createElement(Text13, { key: `t-${i}-a` }, split.after));
+    }
+    placed = true;
+    cells += segCells;
+  }
+  if (!placed) {
+    out.push(
+      /* @__PURE__ */ React17.createElement(Text13, { key: "cursor-eol", color: accentColor }, cursorVisible ? "\u258C" : " ")
+    );
+  }
+  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, out);
+}
+function segmentCells(seg) {
+  if (seg.kind === "paste") return seg.label.length;
+  return stringCells(seg.text);
+}
+function splitTextByCells(text, cellOffset) {
+  let cells = 0;
+  for (let i = 0; i < text.length; i++) {
+    const ch = text[i];
+    const cw = charCellsForText(ch);
+    if (cells === cellOffset) {
+      return { before: text.slice(0, i), atCursor: ch, after: text.slice(i + 1) };
+    }
+    if (cells + cw > cellOffset) {
+      return { before: text.slice(0, i), atCursor: ch, after: text.slice(i + 1) };
+    }
+    cells += cw;
+  }
+  return { before: text, atCursor: "", after: "" };
+}
+function charCellsForText(ch) {
+  const code = ch.charCodeAt(0);
+  if (code < 32 || code === 127) return 0;
+  if (code < 4352) return 1;
+  if (code >= 4352 && code <= 4447) return 2;
+  if (code >= 11904 && code <= 12350) return 2;
+  if (code >= 12353 && code <= 13311) return 2;
+  if (code >= 13312 && code <= 19903) return 2;
+  if (code >= 19968 && code <= 40959) return 2;
+  if (code >= 40960 && code <= 42191) return 2;
+  if (code >= 44032 && code <= 55203) return 2;
+  if (code >= 63744 && code <= 64255) return 2;
+  if (code >= 65072 && code <= 65103) return 2;
+  if (code >= 65280 && code <= 65376) return 2;
+  if (code >= 65504 && code <= 65510) return 2;
+  return 1;
+}
+function renderSegment(seg, key, _inverse) {
+  if (seg.kind === "text") {
+    return /* @__PURE__ */ React17.createElement(Text13, { key: `s-${key}` }, seg.text);
+  }
+  return /* @__PURE__ */ React17.createElement(Text13, { key: `s-${key}`, backgroundColor: "#f0abfc", color: "black", bold: true }, seg.label);
 }
 var COLLAPSE_THRESHOLD = 20;
 var COLLAPSE_HEAD_LINES = 3;
@@ -9572,88 +10461,49 @@ function collapseLinesForDisplay(lines, cursorLine) {
   }
   return out;
 }
-function RenderLine({
-  line,
-  pastes,
-  inverse
-}) {
-  const segments = [];
-  let buf = "";
-  let segIdx = 0;
-  const flushBuf = () => {
-    if (buf.length === 0) return;
-    segments.push(
-      /* @__PURE__ */ React15.createElement(Text14, { key: `t-${segIdx++}`, inverse }, buf)
-    );
-    buf = "";
-  };
-  for (let i = 0; i < line.length; i++) {
-    const ch = line[i];
-    const id = decodePasteSentinel(ch);
-    if (id === null) {
-      buf += ch;
-      continue;
-    }
-    flushBuf();
-    const entry = pastes.get(id);
-    const label = entry ? `[paste #${id + 1} \xB7 ${entry.lineCount}l \xB7 ${formatBytesShort(entry.charCount)}]` : `[paste #${id + 1} \xB7 (missing)]`;
-    segments.push(
-      /* @__PURE__ */ React15.createElement(Text14, { key: `p-${segIdx++}`, color: "magenta", bold: true, inverse }, label)
-    );
-  }
-  flushBuf();
-  if (segments.length === 0) {
-    return /* @__PURE__ */ React15.createElement(Text14, null, " ");
-  }
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, segments);
-}
-function LineWithCursor({
-  line,
-  col,
-  showCursor,
-  borderColor,
-  pastes
-}) {
-  const before = line.slice(0, col);
-  const atCursor = line.slice(col, col + 1);
-  const after = line.slice(col + 1);
-  if (atCursor.length === 0) {
-    return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(RenderLine, { line: before, pastes }), /* @__PURE__ */ React15.createElement(Text14, { color: borderColor }, showCursor ? "\u258C" : " "));
-  }
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(RenderLine, { line: before, pastes }), /* @__PURE__ */ React15.createElement(RenderLine, { line: atCursor, pastes, inverse: showCursor }), /* @__PURE__ */ React15.createElement(RenderLine, { line: after, pastes }));
-}
 
 // src/cli/ui/ShellConfirm.tsx
-import { Box as Box15, Text as Text15 } from "ink";
-import React16 from "react";
+import { Box as Box16, Text as Text14 } from "ink";
+import React18 from "react";
 function ShellConfirm({ command, allowPrefix, kind, onChoose }) {
   const isBackground = kind === "run_background";
-  return /* @__PURE__ */ React16.createElement(Box15, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React16.createElement(Box15, null, /* @__PURE__ */ React16.createElement(Text15, { bold: true, color: "red" }, isBackground ? "\u25B8 model wants to start a BACKGROUND process" : "\u25B8 model wants to run a shell command")), isBackground ? /* @__PURE__ */ React16.createElement(Box15, null, /* @__PURE__ */ React16.createElement(Text15, { dimColor: true }, "  (long-running: dev server / watcher; keeps running after approval, /kill to stop)")) : null, /* @__PURE__ */ React16.createElement(Box15, null, /* @__PURE__ */ React16.createElement(Text15, { color: "red", dimColor: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500")), /* @__PURE__ */ React16.createElement(Box15, { marginTop: 1 }, /* @__PURE__ */ React16.createElement(Text15, null, /* @__PURE__ */ React16.createElement(Text15, { dimColor: true }, "$ "), /* @__PURE__ */ React16.createElement(Text15, { color: "cyan" }, command))), /* @__PURE__ */ React16.createElement(Box15, { marginTop: 1 }, /* @__PURE__ */ React16.createElement(
-    SingleSelect,
+  const subtitle = isBackground ? "long-running process \u2014 keeps running after approval, /kill to stop" : "model wants to run a shell command";
+  return /* @__PURE__ */ React18.createElement(
+    ModalCard,
     {
-      initialValue: "run_once",
-      items: [
-        {
-          value: "run_once",
-          label: "Run once",
-          hint: "Execute this command, don't remember it."
-        },
-        {
-          value: "always_allow",
-          label: `Always allow "${allowPrefix}" in this project`,
-          hint: "Save the prefix to ~/.reasonix/config.json; future matches auto-run."
-        },
-        {
-          value: "deny",
-          label: "Deny",
-          hint: "Tell the model the user refused; it will continue without this command."
-        }
-      ],
-      onSubmit: (v) => onChoose(v),
-      onCancel: () => onChoose("deny"),
-      footer: "[\u2191\u2193] navigate  \xB7  [Enter] select  \xB7  [Esc] deny"
-    }
-  )));
+      accent: "#f87171",
+      icon: isBackground ? "\u23F1" : "\u26A1",
+      title: isBackground ? "background process" : "shell command",
+      subtitle
+    },
+    /* @__PURE__ */ React18.createElement(Box16, { marginBottom: 1 }, /* @__PURE__ */ React18.createElement(Text14, { dimColor: true }, "$ "), /* @__PURE__ */ React18.createElement(Text14, { color: "#67e8f9", bold: true }, command)),
+    /* @__PURE__ */ React18.createElement(
+      SingleSelect,
+      {
+        initialValue: "run_once",
+        items: [
+          {
+            value: "run_once",
+            label: "Run once",
+            hint: "Execute this command, don't remember it."
+          },
+          {
+            value: "always_allow",
+            label: `Always allow "${allowPrefix}" in this project`,
+            hint: "Save the prefix to ~/.reasonix/config.json; future matches auto-run."
+          },
+          {
+            value: "deny",
+            label: "Deny",
+            hint: "Tell the model the user refused; it will continue without this command."
+          }
+        ],
+        onSubmit: (v) => onChoose(v),
+        onCancel: () => onChoose("deny"),
+        footer: "[\u2191\u2193] navigate  \xB7  [Enter] select  \xB7  [Esc] deny"
+      }
+    )
+  );
 }
 function derivePrefix(command) {
   const tokens = command.trim().split(/\s+/).filter(Boolean);
@@ -9685,8 +10535,8 @@ function derivePrefix(command) {
 }
 
 // src/cli/ui/SlashArgPicker.tsx
-import { Box as Box16, Text as Text16 } from "ink";
-import React17 from "react";
+import { Box as Box17, Text as Text15 } from "ink";
+import React19 from "react";
 function SlashArgPicker({
   matches,
   selectedIndex,
@@ -9695,11 +10545,11 @@ function SlashArgPicker({
   partial
 }) {
   if (kind === "hint") {
-    return /* @__PURE__ */ React17.createElement(Box16, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React17.createElement(Text16, { dimColor: true }, "  ", /* @__PURE__ */ React17.createElement(Text16, { bold: true }, "/", spec.cmd), spec.argsHint ? ` ${spec.argsHint}` : "", " \u2014 ", spec.summary));
+    return /* @__PURE__ */ React19.createElement(Box17, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, "  ", /* @__PURE__ */ React19.createElement(Text15, { bold: true }, "/", spec.cmd), spec.argsHint ? ` ${spec.argsHint}` : "", " \u2014 ", spec.summary));
   }
   if (matches === null) return null;
   if (matches.length === 0) {
-    return /* @__PURE__ */ React17.createElement(Box16, { flexDirection: "column", paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React17.createElement(Text16, { dimColor: true }, "  ", /* @__PURE__ */ React17.createElement(Text16, { bold: true }, "/", spec.cmd), spec.argsHint ? ` ${spec.argsHint}` : "", " \u2014 ", spec.summary), /* @__PURE__ */ React17.createElement(Text16, { color: "yellow" }, ' no match for "', partial, '" \u2014 keep typing, or Backspace to edit'));
+    return /* @__PURE__ */ React19.createElement(Box17, { flexDirection: "column", paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, "  ", /* @__PURE__ */ React19.createElement(Text15, { bold: true }, "/", spec.cmd), spec.argsHint ? ` ${spec.argsHint}` : "", " \u2014 ", spec.summary), /* @__PURE__ */ React19.createElement(Text15, { color: "yellow" }, ' no match for "', partial, '" \u2014 keep typing, or Backspace to edit'));
   }
   const MAX = 8;
   const total = matches.length;
@@ -9707,26 +10557,26 @@ function SlashArgPicker({
   const shown = matches.slice(windowStart, windowStart + MAX);
   const hiddenAbove = windowStart;
   const hiddenBelow = total - windowStart - shown.length;
-  return /* @__PURE__ */ React17.createElement(Box16, { flexDirection: "column", paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React17.createElement(Text16, { dimColor: true }, "  ", /* @__PURE__ */ React17.createElement(Text16, { bold: true }, "/", spec.cmd), spec.argsHint ? ` ${spec.argsHint}` : "", " \u2014 ", spec.summary), hiddenAbove > 0 ? /* @__PURE__ */ React17.createElement(Text16, { dimColor: true }, " \u2191 ", hiddenAbove, " more above") : null, shown.map((value, i) => /* @__PURE__ */ React17.createElement(ArgRow, { key: value, value, isSelected: windowStart + i === selectedIndex })), hiddenBelow > 0 ? /* @__PURE__ */ React17.createElement(Text16, { dimColor: true }, " \u2193 ", hiddenBelow, " more below") : null, /* @__PURE__ */ React17.createElement(Text16, { dimColor: true }, " [\u2191\u2193] navigate \xB7 [Tab]/[Enter] pick"));
+  return /* @__PURE__ */ React19.createElement(Box17, { flexDirection: "column", paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, "  ", /* @__PURE__ */ React19.createElement(Text15, { bold: true }, "/", spec.cmd), spec.argsHint ? ` ${spec.argsHint}` : "", " \u2014 ", spec.summary), hiddenAbove > 0 ? /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, " \u2191 ", hiddenAbove, " more above") : null, shown.map((value, i) => /* @__PURE__ */ React19.createElement(ArgRow, { key: value, value, isSelected: windowStart + i === selectedIndex })), hiddenBelow > 0 ? /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, " \u2193 ", hiddenBelow, " more below") : null, /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, " [\u2191\u2193] navigate \xB7 [Tab]/[Enter] pick"));
 }
 function ArgRow({ value, isSelected }) {
   const marker = isSelected ? "\u25B8" : " ";
   if (isSelected) {
-    return /* @__PURE__ */ React17.createElement(Box16, null, /* @__PURE__ */ React17.createElement(Text16, { bold: true, color: "cyan" }, marker, " ", value));
+    return /* @__PURE__ */ React19.createElement(Box17, null, /* @__PURE__ */ React19.createElement(Text15, { bold: true, color: "cyan" }, marker, " ", value));
   }
-  return /* @__PURE__ */ React17.createElement(Box16, null, /* @__PURE__ */ React17.createElement(Text16, { dimColor: true }, marker, " ", value));
+  return /* @__PURE__ */ React19.createElement(Box17, null, /* @__PURE__ */ React19.createElement(Text15, { dimColor: true }, marker, " ", value));
 }
 
 // src/cli/ui/SlashSuggestions.tsx
-import { Box as Box17, Text as Text17 } from "ink";
-import React18 from "react";
+import { Box as Box18, Text as Text16 } from "ink";
+import React20 from "react";
 function SlashSuggestions({
   matches,
   selectedIndex
 }) {
   if (matches === null) return null;
   if (matches.length === 0) {
-    return /* @__PURE__ */ React18.createElement(Box17, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React18.createElement(Text17, { color: "yellow" }, "no slash command matches that prefix"), /* @__PURE__ */ React18.createElement(Text17, { dimColor: true }, " \u2014 Backspace to edit, or /help for the full list"));
+    return /* @__PURE__ */ React20.createElement(Box18, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React20.createElement(Text16, { color: "yellow" }, "no slash command matches that prefix"), /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, " \u2014 Backspace to edit, or /help for the full list"));
   }
   const MAX = 8;
   const total = matches.length;
@@ -9734,47 +10584,29 @@ function SlashSuggestions({
   const shown = matches.slice(windowStart, windowStart + MAX);
   const hiddenAbove = windowStart;
   const hiddenBelow = total - windowStart - shown.length;
-  return /* @__PURE__ */ React18.createElement(Box17, { flexDirection: "column", paddingX: 1, marginTop: 1 }, hiddenAbove > 0 ? /* @__PURE__ */ React18.createElement(Text17, { dimColor: true }, " \u2191 ", hiddenAbove, " more above") : null, shown.map((spec, i) => /* @__PURE__ */ React18.createElement(SuggestionRow, { key: spec.cmd, spec, isSelected: windowStart + i === selectedIndex })), hiddenBelow > 0 ? /* @__PURE__ */ React18.createElement(Text17, { dimColor: true }, " \u2193 ", hiddenBelow, " more below") : null, /* @__PURE__ */ React18.createElement(Text17, { dimColor: true }, " [\u2191\u2193] navigate \xB7 [Tab]/[Enter] pick"));
+  return /* @__PURE__ */ React20.createElement(Box18, { flexDirection: "column", paddingX: 1, marginTop: 1 }, hiddenAbove > 0 ? /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, " \u2191 ", hiddenAbove, " more above") : null, shown.map((spec, i) => /* @__PURE__ */ React20.createElement(SuggestionRow, { key: spec.cmd, spec, isSelected: windowStart + i === selectedIndex })), hiddenBelow > 0 ? /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, " \u2193 ", hiddenBelow, " more below") : null, /* @__PURE__ */ React20.createElement(Text16, { dimColor: true }, " [\u2191\u2193] navigate \xB7 [Tab]/[Enter] pick"));
 }
 function SuggestionRow({ spec, isSelected }) {
-  const marker = isSelected ? "\u25B8" : " ";
   const name = `/${spec.cmd}`;
   const argsSuffix = spec.argsHint ? ` ${spec.argsHint}` : "";
   if (isSelected) {
-    return /* @__PURE__ */ React18.createElement(Box17, null, /* @__PURE__ */ React18.createElement(Text17, { bold: true, color: "cyan" }, marker, " ", name.padEnd(12), argsSuffix.padEnd(16)), /* @__PURE__ */ React18.createElement(Text17, { color: "cyan" }, " ", spec.summary));
+    return /* @__PURE__ */ React20.createElement(Box18, null, /* @__PURE__ */ React20.createElement(Text16, { backgroundColor: "#67e8f9", color: "black", bold: true }, ` \u25B8 ${name.padEnd(12)}${argsSuffix.padEnd(16)}  ${spec.summary} `));
   }
-  return /* @__PURE__ */ React18.createElement(Box17, null, /* @__PURE__ */ React18.createElement(Text17, { dimColor: true }, marker, " ", name.padEnd(12), argsSuffix.padEnd(16), " ", spec.summary));
+  return /* @__PURE__ */ React20.createElement(Box18, null, /* @__PURE__ */ React20.createElement(Text16, { color: "#94a3b8" }, `   ${name.padEnd(12)}${argsSuffix.padEnd(16)} ${spec.summary}`));
 }
 
 // src/cli/ui/StatsPanel.tsx
-import { Box as Box18, Text as Text18, useStdout as useStdout4 } from "ink";
-import React19 from "react";
-var WORDMARK_STYLES = [
-  { ch: "\u25C8", color: "#5eead4", isLogo: true },
-  // teal — brand mark
-  { ch: " ", color: "#5eead4", isLogo: false },
-  { ch: "R", color: "#67e8f9", isLogo: false },
-  // cyan
-  { ch: "E", color: "#7dd3fc", isLogo: false },
-  // sky
-  { ch: "A", color: "#93c5fd", isLogo: false },
-  // blue
-  { ch: "S", color: "#a5b4fc", isLogo: false },
-  // indigo
-  { ch: "O", color: "#c4b5fd", isLogo: false },
-  // violet
-  { ch: "N", color: "#d8b4fe", isLogo: false },
-  // purple
-  { ch: "I", color: "#f0abfc", isLogo: false },
-  // fuchsia
-  { ch: "X", color: "#f0abfc", isLogo: false }
-  // fuchsia
-];
-function Wordmark({ busy }) {
+import { Box as Box19, Text as Text17, useStdout as useStdout6 } from "ink";
+import React21 from "react";
+var WORDMARK_LETTERS = ["R", "E", "A", "S", "O", "N", "I", "X"];
+function Wordmark({ busy, animate }) {
   const tick = useTick();
-  const period = busy ? 5 : 12;
-  const bright = Math.floor(tick / period) % 2 === 0;
-  return /* @__PURE__ */ React19.createElement(Text18, null, WORDMARK_STYLES.map((c) => /* @__PURE__ */ React19.createElement(Text18, { key: `${c.ch}-${c.color}`, color: c.color, bold: c.isLogo ? bright : true }, c.ch)));
+  const pulsePeriod = busy ? 5 : 12;
+  const bright = animate ? Math.floor(tick / pulsePeriod) % 2 === 0 : true;
+  const rotateEvery = busy ? 2 : 4;
+  const offset = animate ? Math.floor(tick / rotateEvery) : 0;
+  const colorAt = (i) => GRADIENT[((i + offset) % GRADIENT.length + GRADIENT.length) % GRADIENT.length];
+  return /* @__PURE__ */ React21.createElement(Text17, null, /* @__PURE__ */ React21.createElement(Text17, { color: colorAt(0), bold: bright }, "\u25C8"), /* @__PURE__ */ React21.createElement(Text17, null, " "), WORDMARK_LETTERS.map((letter, i) => /* @__PURE__ */ React21.createElement(Text17, { key: letter, color: colorAt(i + 1), bold: true }, letter)));
 }
 var NARROW_BREAKPOINT = 120;
 var COLD_START_TURNS = 3;
@@ -9796,21 +10628,20 @@ function StatsPanel({
   const branchOn = (branchBudget ?? 1) > 1;
   const ctxMax = DEEPSEEK_CONTEXT_TOKENS[model2] ?? DEFAULT_CONTEXT_TOKENS;
   const ctxRatio = summary.lastPromptTokens / ctxMax;
-  const { stdout: stdout2 } = useStdout4();
+  const { stdout: stdout2 } = useStdout6();
   const columns = stdout2?.columns ?? 80;
   const narrow = columns < NARROW_BREAKPOINT;
   const coldStart = summary.turns <= COLD_START_TURNS;
+  const ruleWidth = Math.max(20, columns - 2);
+  const animate = columns >= 100;
   return (
-    // Explicit `width={columns}` pins the border frame to the exact
-    // terminal width. Without this, Ink auto-flexes the Box to
-    // container width, and on terminal resize the prior frame's
-    // wrapped-overflow can leave tails in the scrollback (each
-    // redraw stacks a slightly-wider-or-narrower frame). Fixing
-    // width per-render doesn't eliminate the underlying Ink
-    // limitation (eraseLines counts logical rows, not post-wrap
-    // display rows) but makes each frame's dimensions exact so
-    // there's no residual uncertainty in the erase.
-    /* @__PURE__ */ React19.createElement(Box18, { borderStyle: "round", borderColor: "cyan", flexDirection: "column", paddingX: 1, width: columns }, /* @__PURE__ */ React19.createElement(
+    // Borderless layout: no `borderStyle`, no rounded box. Bordered
+    // Boxes were the most visible amplifier of Ink's eraseLines
+    // miscount on Windows terminals. Visual weight here comes from
+    // truecolor gradient rules at the top and bottom (rendered as
+    // pure Text so they never trigger the eraseLines bug), the
+    // animated wordmark + pill row, and a soft inner padding.
+    /* @__PURE__ */ React21.createElement(Box19, { flexDirection: "column", paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React21.createElement(GradientRule, { width: ruleWidth, animate }), /* @__PURE__ */ React21.createElement(Box19, { marginTop: 1 }, /* @__PURE__ */ React21.createElement(
       Header,
       {
         model: model2,
@@ -9826,9 +10657,10 @@ function StatsPanel({
         narrow,
         busy: busy ?? false,
         proArmed: proArmed ?? false,
-        escalated: escalated ?? false
+        escalated: escalated ?? false,
+        animate
       }
-    ), narrow ? /* @__PURE__ */ React19.createElement(
+    )), narrow ? /* @__PURE__ */ React21.createElement(
       StackedMetrics,
       {
         summary,
@@ -9837,7 +10669,7 @@ function StatsPanel({
         balance,
         coldStart
       }
-    ) : /* @__PURE__ */ React19.createElement(
+    ) : /* @__PURE__ */ React21.createElement(
       InlineMetrics,
       {
         summary,
@@ -9846,9 +10678,28 @@ function StatsPanel({
         balance,
         coldStart
       }
-    ))
+    ), /* @__PURE__ */ React21.createElement(Box19, { marginTop: 1 }, /* @__PURE__ */ React21.createElement(GradientRule, { width: ruleWidth, thin: true, animate })))
   );
 }
+function GradientRule({
+  width,
+  thin,
+  animate
+}) {
+  const tick = useTick();
+  const offset = animate ? Math.floor(tick / 6) : 0;
+  const ch = thin ? "\u2581" : "\u2584";
+  const len = GRADIENT.length;
+  return /* @__PURE__ */ React21.createElement(Box19, null, Array.from({ length: width }, (_, i) => {
+    const t = width === 1 ? 0 : i * (len - 1) / (width - 1);
+    const idx = (Math.round(t) + offset) % len;
+    const color = GRADIENT[(idx % len + len) % len];
+    return (
+      // biome-ignore lint/suspicious/noArrayIndexKey: fixed-width gradient cells never reorder
+      /* @__PURE__ */ React21.createElement(Text17, { key: `grule-${i}`, color }, ch)
+    );
+  }));
+}
 function Header({
   model: model2,
   prefixHash,
@@ -9863,9 +10714,16 @@ function Header({
   narrow,
   busy,
   proArmed,
-  escalated
+  escalated,
+  animate
 }) {
-  return /* @__PURE__ */ React19.createElement(Box18, { justifyContent: "space-between" }, /* @__PURE__ */ React19.createElement(Box18, null, /* @__PURE__ */ React19.createElement(Wordmark, { busy }), /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, ` v${VERSION}`), /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, " \xB7 "), /* @__PURE__ */ React19.createElement(Text18, { color: "yellow" }, model2), narrow ? null : /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, " \xB7 "), /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, prefixHash)), harvestOn ? /* @__PURE__ */ React19.createElement(Text18, { color: "magenta" }, " \xB7 harvest") : null, branchOn ? /* @__PURE__ */ React19.createElement(Text18, { color: "blue" }, " \xB7 branch", branchBudget) : null, reasoningEffort === "max" ? /* @__PURE__ */ React19.createElement(Text18, { color: "green" }, " \xB7 max") : null, reasoningEffort === "high" ? /* @__PURE__ */ React19.createElement(Text18, { color: "yellow" }, " \xB7 high") : null, planMode ? /* @__PURE__ */ React19.createElement(Text18, { color: "red", bold: true }, " \xB7 PLAN") : null, editMode ? /* @__PURE__ */ React19.createElement(Text18, { color: editMode === "auto" ? "magenta" : "cyan", bold: true }, editMode === "auto" ? " \xB7 AUTO" : " \xB7 review") : null, escalated ? /* @__PURE__ */ React19.createElement(Text18, { color: "red", bold: true }, " \xB7 \u21E7 pro escalated") : proArmed ? /* @__PURE__ */ React19.createElement(Text18, { color: "yellow", bold: true }, " \xB7 \u21E7 pro armed") : null), /* @__PURE__ */ React19.createElement(Text18, null, updateAvailable ? /* @__PURE__ */ React19.createElement(Text18, { color: "yellow", bold: true }, `update: ${updateAvailable} \xB7 `) : null, /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, narrow ? `turn ${turns}` : `turn ${turns} \xB7 /help`)));
+  const modePill = planMode ? { label: "PLAN", bg: "red" } : editMode === "auto" ? { label: "AUTO", bg: "magenta" } : editMode === "review" ? { label: "REVIEW", bg: "cyan" } : null;
+  const proPill = escalated ? { label: "\u21E7 PRO", bg: "red" } : proArmed ? { label: "\u21E7 PRO", bg: "yellow" } : null;
+  const showSecondary = animate && !narrow;
+  return /* @__PURE__ */ React21.createElement(Box19, { justifyContent: "space-between" }, /* @__PURE__ */ React21.createElement(Box19, null, /* @__PURE__ */ React21.createElement(Wordmark, { busy, animate }), /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, `  ${VERSION}`), /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, "   "), /* @__PURE__ */ React21.createElement(Text17, { color: "yellow", bold: true }, model2.replace(/^deepseek-/, "")), modePill ? /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(Text17, null, "  "), /* @__PURE__ */ React21.createElement(Pill, { label: modePill.label, bg: modePill.bg })) : null, proPill ? /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(Text17, null, "  "), /* @__PURE__ */ React21.createElement(Pill, { label: proPill.label, bg: proPill.bg })) : null, showSecondary && harvestOn ? /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, /* @__PURE__ */ React21.createElement(Text17, null, "  "), /* @__PURE__ */ React21.createElement(Text17, { color: "magenta" }, "harvest")) : null, showSecondary && branchOn ? /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, /* @__PURE__ */ React21.createElement(Text17, null, "  "), /* @__PURE__ */ React21.createElement(Text17, { color: "blue" }, `branch\xD7${branchBudget}`)) : null, showSecondary && reasoningEffort === "max" ? /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(Text17, null, "  "), /* @__PURE__ */ React21.createElement(Text17, { color: "green", dimColor: true }, "max")) : null, showSecondary && reasoningEffort === "high" ? /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(Text17, null, "  "), /* @__PURE__ */ React21.createElement(Text17, { color: "yellow", dimColor: true }, "high")) : null), /* @__PURE__ */ React21.createElement(Text17, null, updateAvailable ? /* @__PURE__ */ React21.createElement(Text17, { color: "yellow", bold: true }, `\u2191 ${updateAvailable}   `) : null, /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, narrow ? `t${turns}` : `turn ${turns} \xB7 /help`)));
+}
+function Pill({ label, bg }) {
+  return /* @__PURE__ */ React21.createElement(Text17, { backgroundColor: bg, color: "white", bold: true }, ` ${label} `);
 }
 function InlineMetrics({
   summary,
@@ -9874,7 +10732,7 @@ function InlineMetrics({
   balance,
   coldStart
 }) {
-  return /* @__PURE__ */ React19.createElement(Box18, { marginTop: 1, gap: 3 }, /* @__PURE__ */ React19.createElement(ContextCell, { ratio: ctxRatio, promptTokens: summary.lastPromptTokens, ctxMax }), /* @__PURE__ */ React19.createElement(CacheCell, { hitRatio: summary.cacheHitRatio, coldStart, turns: summary.turns }), /* @__PURE__ */ React19.createElement(CostCell, { summary, coldStart }), balance ? /* @__PURE__ */ React19.createElement(BalanceCell, { balance }) : null);
+  return /* @__PURE__ */ React21.createElement(Box19, { marginTop: 1, gap: 3 }, /* @__PURE__ */ React21.createElement(ContextCell, { ratio: ctxRatio, promptTokens: summary.lastPromptTokens, ctxMax }), /* @__PURE__ */ React21.createElement(CacheCell, { hitRatio: summary.cacheHitRatio, coldStart, turns: summary.turns }), /* @__PURE__ */ React21.createElement(CostCell, { summary, coldStart }), balance ? /* @__PURE__ */ React21.createElement(BalanceCell, { balance }) : null);
 }
 function StackedMetrics({
   summary,
@@ -9883,7 +10741,7 @@ function StackedMetrics({
   balance,
   coldStart
 }) {
-  return /* @__PURE__ */ React19.createElement(Box18, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React21.createElement(Box19, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React21.createElement(
     ContextCell,
     {
       ratio: ctxRatio,
@@ -9891,7 +10749,7 @@ function StackedMetrics({
       ctxMax,
       showBar: true
     }
-  ), balance ? /* @__PURE__ */ React19.createElement(BalanceCell, { balance }) : null, /* @__PURE__ */ React19.createElement(CacheCell, { hitRatio: summary.cacheHitRatio, coldStart, turns: summary.turns }), /* @__PURE__ */ React19.createElement(CostCell, { summary, coldStart }));
+  ), balance ? /* @__PURE__ */ React21.createElement(BalanceCell, { balance }) : null, /* @__PURE__ */ React21.createElement(CacheCell, { hitRatio: summary.cacheHitRatio, coldStart, turns: summary.turns }), /* @__PURE__ */ React21.createElement(CostCell, { summary, coldStart }));
 }
 function ContextCell({
   ratio,
@@ -9900,11 +10758,11 @@ function ContextCell({
   showBar
 }) {
   if (promptTokens === 0) {
-    return /* @__PURE__ */ React19.createElement(Text18, null, /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "ctx "), /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "\u2014 (no turns yet)"));
+    return /* @__PURE__ */ React21.createElement(Text17, null, /* @__PURE__ */ React21.createElement(Text17, { color: COLOR.info, dimColor: true }, "\u25A3 ctx "), /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, "\u2014 (no turns yet)"));
   }
-  const color = ratio >= 0.8 ? "red" : ratio >= 0.6 ? "yellow" : "green";
+  const color = ratio >= 0.8 ? COLOR.err : ratio >= 0.6 ? COLOR.warn : COLOR.ok;
   const pct2 = Math.round(ratio * 100);
-  return /* @__PURE__ */ React19.createElement(Text18, null, /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "ctx "), showBar ? /* @__PURE__ */ React19.createElement(Bar, { ratio, color }) : null, showBar ? /* @__PURE__ */ React19.createElement(Text18, null, " ") : null, /* @__PURE__ */ React19.createElement(Text18, { color, bold: true }, formatTokens(promptTokens), "/", formatTokens(ctxMax)), /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, " (", pct2, "%)"), ratio >= 0.8 ? /* @__PURE__ */ React19.createElement(Text18, { color: "red", bold: true }, "  \xB7  /compact") : null);
+  return /* @__PURE__ */ React21.createElement(Text17, null, /* @__PURE__ */ React21.createElement(Text17, { color: COLOR.info }, "\u25A3 ctx  "), /* @__PURE__ */ React21.createElement(Bar, { ratio, color, cells: showBar ? 14 : 10 }), /* @__PURE__ */ React21.createElement(Text17, null, " "), /* @__PURE__ */ React21.createElement(Text17, { color, bold: true }, formatTokens(promptTokens), "/", formatTokens(ctxMax)), /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, " (", pct2, "%)"), ratio >= 0.8 ? /* @__PURE__ */ React21.createElement(Text17, { color: COLOR.err, bold: true }, "  \xB7  /compact") : null);
 }
 function CacheCell({
   hitRatio,
@@ -9913,46 +10771,48 @@ function CacheCell({
 }) {
   const pct2 = (hitRatio * 100).toFixed(1);
   if (turns === 0) {
-    return /* @__PURE__ */ React19.createElement(Text18, null, /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "cache "), /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "\u2014"));
+    return /* @__PURE__ */ React21.createElement(Text17, null, /* @__PURE__ */ React21.createElement(Text17, { color: COLOR.info, dimColor: true }, "\u232C cache "), /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, "\u2014"));
   }
   if (coldStart) {
-    return /* @__PURE__ */ React19.createElement(Text18, null, /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "cache "), /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, pct2, "% "), /* @__PURE__ */ React19.createElement(Text18, { dimColor: true, italic: true }, "(cold start)"));
+    return /* @__PURE__ */ React21.createElement(Text17, null, /* @__PURE__ */ React21.createElement(Text17, { color: COLOR.info, dimColor: true }, "\u232C cache "), /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, pct2, "% "), /* @__PURE__ */ React21.createElement(Text17, { dimColor: true, italic: true }, "(cold start)"));
   }
-  const color = hitRatio >= 0.7 ? "green" : hitRatio >= 0.4 ? "yellow" : "red";
-  return /* @__PURE__ */ React19.createElement(Text18, null, /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "cache "), /* @__PURE__ */ React19.createElement(Text18, { color, bold: true }, pct2, "%"));
+  const color = hitRatio >= 0.7 ? COLOR.ok : hitRatio >= 0.4 ? COLOR.warn : COLOR.err;
+  return /* @__PURE__ */ React21.createElement(Text17, null, /* @__PURE__ */ React21.createElement(Text17, { color: COLOR.info }, "\u232C cache  "), /* @__PURE__ */ React21.createElement(Text17, { color, bold: true }, pct2, "%"));
 }
 function turnCostColor(cost) {
   if (cost <= 0) return void 0;
-  if (cost >= 0.2) return "red";
-  if (cost >= 0.05) return "yellow";
-  return "green";
+  if (cost >= 0.2) return COLOR.err;
+  if (cost >= 0.05) return COLOR.warn;
+  return COLOR.ok;
 }
 function sessionCostColor(cost) {
   if (cost <= 0) return void 0;
-  if (cost >= 5) return "red";
-  if (cost >= 0.5) return "yellow";
-  return "green";
+  if (cost >= 5) return COLOR.err;
+  if (cost >= 0.5) return COLOR.warn;
+  return COLOR.ok;
 }
 function CostCell({
   summary,
   coldStart
 }) {
   if (summary.turns === 0) {
-    return /* @__PURE__ */ React19.createElement(Text18, null, /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "cost "), /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "\u2014"));
+    return /* @__PURE__ */ React21.createElement(Text17, null, /* @__PURE__ */ React21.createElement(Text17, { color: COLOR.info, dimColor: true }, "\u25F4 cost "), /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, "\u2014"));
   }
   const turnColor = coldStart ? void 0 : turnCostColor(summary.lastTurnCostUsd);
   const sessionColor = coldStart ? void 0 : sessionCostColor(summary.totalCostUsd);
-  return /* @__PURE__ */ React19.createElement(Text18, null, /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "turn "), /* @__PURE__ */ React19.createElement(Text18, { color: turnColor, bold: !coldStart, dimColor: coldStart }, "$", summary.lastTurnCostUsd.toFixed(4)), /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, " \xB7 session "), /* @__PURE__ */ React19.createElement(Text18, { color: sessionColor, bold: !coldStart, dimColor: coldStart }, "$", summary.totalCostUsd.toFixed(4)));
+  return /* @__PURE__ */ React21.createElement(Text17, null, /* @__PURE__ */ React21.createElement(Text17, { color: COLOR.info }, "\u25F4 turn  "), /* @__PURE__ */ React21.createElement(Text17, { color: turnColor, bold: !coldStart, dimColor: coldStart }, "$", summary.lastTurnCostUsd.toFixed(4)), /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, " \xB7 session "), /* @__PURE__ */ React21.createElement(Text17, { color: sessionColor, bold: !coldStart, dimColor: coldStart }, "$", summary.totalCostUsd.toFixed(4)));
 }
 function BalanceCell({ balance }) {
-  const color = balance.total < 1 ? "red" : balance.total < 5 ? "yellow" : "green";
-  return /* @__PURE__ */ React19.createElement(Text18, null, /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "balance "), /* @__PURE__ */ React19.createElement(Text18, { color, bold: true }, balance.currency === "USD" ? "$" : "", balance.total.toFixed(2), balance.currency !== "USD" ? ` ${balance.currency}` : ""));
+  const color = balance.total < 1 ? COLOR.err : balance.total < 5 ? COLOR.warn : COLOR.ok;
+  return /* @__PURE__ */ React21.createElement(Text17, null, /* @__PURE__ */ React21.createElement(Text17, { color: COLOR.info }, "\u25D0 balance  "), /* @__PURE__ */ React21.createElement(Text17, { color, bold: true }, balance.currency === "USD" ? "$" : "", balance.total.toFixed(2), balance.currency !== "USD" ? ` ${balance.currency}` : ""));
 }
-function Bar({ ratio, color }) {
-  const cells = 10;
+function Bar({
+  ratio,
+  color,
+  cells = 14
+}) {
   const filled = Math.max(0, Math.min(cells, Math.round(ratio * cells)));
-  const bar = "\u2588".repeat(filled) + "\u2591".repeat(cells - filled);
-  return /* @__PURE__ */ React19.createElement(Text18, { color }, bar);
+  return /* @__PURE__ */ React21.createElement(Text17, null, /* @__PURE__ */ React21.createElement(Text17, { color }, "\u25B0".repeat(filled)), /* @__PURE__ */ React21.createElement(Text17, { dimColor: true }, "\u25B1".repeat(cells - filled)));
 }
 function formatTokens(n) {
   if (n < 1024) return String(n);
@@ -9960,6 +10820,29 @@ function formatTokens(n) {
   return k >= 100 ? `${k.toFixed(0)}K` : `${k.toFixed(1)}K`;
 }
 
+// src/cli/ui/WelcomeBanner.tsx
+import { Box as Box20, Text as Text18, useStdout as useStdout7 } from "ink";
+import React22 from "react";
+function WelcomeBanner({ inCodeMode }) {
+  const { stdout: stdout2 } = useStdout7();
+  const cols = stdout2?.columns ?? 80;
+  const ruleWidth = Math.min(60, Math.max(28, cols - 4));
+  return /* @__PURE__ */ React22.createElement(Box20, { flexDirection: "column", paddingX: 1, marginY: 1 }, /* @__PURE__ */ React22.createElement(GradientRule2, { width: ruleWidth }), /* @__PURE__ */ React22.createElement(BarRow, null, /* @__PURE__ */ React22.createElement(Text18, { bold: true, color: COLOR.brand }, "\u25C8 welcome"), /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, "  \xB7  type a message to start")), /* @__PURE__ */ React22.createElement(BarRow, null), /* @__PURE__ */ React22.createElement(BarRow, null, /* @__PURE__ */ React22.createElement(Text18, { bold: true, color: COLOR.primary }, "quick start")), /* @__PURE__ */ React22.createElement(Hint, { cmd: "/help", desc: "every command + keyboard shortcut" }), /* @__PURE__ */ React22.createElement(Hint, { cmd: "/skill", desc: "invoke a stored playbook" }), inCodeMode ? /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(Hint, { cmd: "@path", desc: "inline a file in your message" }), /* @__PURE__ */ React22.createElement(Hint, { cmd: "!cmd", desc: "run a shell command, output goes to context" })) : null, /* @__PURE__ */ React22.createElement(Hint, { cmd: "/exit", desc: "quit (Ctrl+C also works)" }), /* @__PURE__ */ React22.createElement(BarRow, null), /* @__PURE__ */ React22.createElement(BarRow, null, /* @__PURE__ */ React22.createElement(Text18, { dimColor: true, italic: true }, "tip:"), /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, "  Ctrl+J inserts a newline \xB7 trailing \\ also continues")), /* @__PURE__ */ React22.createElement(Box20, { marginTop: 1 }, /* @__PURE__ */ React22.createElement(GradientRule2, { width: ruleWidth, thin: true })));
+}
+function GradientRule2({ width, thin }) {
+  const cells = gradientCells(width, thin ? "\u2581" : "\u2584");
+  return /* @__PURE__ */ React22.createElement(Box20, null, cells.map((c, i) => (
+    // biome-ignore lint/suspicious/noArrayIndexKey: fixed-width gradient row, never reordered
+    /* @__PURE__ */ React22.createElement(Text18, { key: `wrule-${i}`, color: c.color }, c.ch)
+  )));
+}
+function BarRow({ children }) {
+  return /* @__PURE__ */ React22.createElement(Box20, null, /* @__PURE__ */ React22.createElement(Text18, { color: COLOR.brand, bold: true }, "\u258E"), /* @__PURE__ */ React22.createElement(Text18, null, " "), children);
+}
+function Hint({ cmd, desc }) {
+  return /* @__PURE__ */ React22.createElement(BarRow, null, /* @__PURE__ */ React22.createElement(Text18, { bold: true, color: COLOR.accent }, cmd.padEnd(8)), /* @__PURE__ */ React22.createElement(Text18, { dimColor: true }, `  ${desc}`));
+}
+
 // src/cli/ui/bang.ts
 function detectBangCommand(text) {
   if (!text.startsWith("!")) return null;
@@ -11800,7 +12683,7 @@ function handleSlash(cmd, args, loop, ctx = {}) {
 }
 
 // src/cli/ui/useCompletionPickers.ts
-import { useCallback, useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState6 } from "react";
+import { useCallback, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef3, useState as useState6 } from "react";
 function useCompletionPickers({
   input,
   setInput,
@@ -11813,7 +12696,7 @@ function useCompletionPickers({
     if (!input.startsWith("/") || input.includes(" ")) return null;
     return suggestSlashCommands(input.slice(1), !!codeMode);
   }, [input, codeMode]);
-  useEffect2(() => {
+  useEffect3(() => {
     setSlashSelected((prev) => {
       if (!slashMatches || slashMatches.length === 0) return 0;
       if (prev >= slashMatches.length) return slashMatches.length - 1;
@@ -11829,7 +12712,7 @@ function useCompletionPickers({
       return [];
     }
   }, [codeMode?.rootDir]);
-  const recentFilesRef = useRef2([]);
+  const recentFilesRef = useRef3([]);
   const recordRecentFile = useCallback((p) => {
     const list = recentFilesRef.current;
     const i = list.indexOf(p);
@@ -11849,7 +12732,7 @@ function useCompletionPickers({
       recentlyUsed: recentFilesRef.current
     });
   }, [atPicker, atFiles]);
-  useEffect2(() => {
+  useEffect3(() => {
     setAtSelected((prev) => {
       if (!atMatches || atMatches.length === 0) return 0;
       if (prev >= atMatches.length) return atMatches.length - 1;
@@ -11910,7 +12793,7 @@ function useCompletionPickers({
     }
     return null;
   }, [slashArgContext, models2, mcpServers]);
-  useEffect2(() => {
+  useEffect3(() => {
     setSlashArgSelected((prev) => {
       if (!slashArgMatches || slashArgMatches.length === 0) return 0;
       if (prev >= slashArgMatches.length) return slashArgMatches.length - 1;
@@ -11944,13 +12827,13 @@ function useCompletionPickers({
 }
 
 // src/cli/ui/useEditHistory.ts
-import { useCallback as useCallback2, useRef as useRef3, useState as useState7 } from "react";
+import { useCallback as useCallback2, useRef as useRef4, useState as useState7 } from "react";
 function useEditHistory(codeMode) {
-  const editHistory = useRef3([]);
-  const nextHistoryId = useRef3(1);
-  const currentTurnEntry = useRef3(null);
+  const editHistory = useRef4([]);
+  const nextHistoryId = useRef4(1);
+  const currentTurnEntry = useRef4(null);
   const [undoBanner, setUndoBanner] = useState7(null);
-  const undoTimeoutRef = useRef3(null);
+  const undoTimeoutRef = useRef4(null);
   const recordEdit = useCallback2(
     (source, blocks, results, snaps) => {
       if (snaps.length === 0) return;
@@ -12146,12 +13029,12 @@ function useEditHistory(codeMode) {
 }
 
 // src/cli/ui/useSessionInfo.ts
-import { useCallback as useCallback3, useEffect as useEffect3, useState as useState8 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect4, useState as useState8 } from "react";
 function useSessionInfo(loop) {
   const [balance, setBalance] = useState8(null);
   const [models2, setModels] = useState8(null);
   const [latestVersion, setLatestVersion] = useState8(null);
-  useEffect3(() => {
+  useEffect4(() => {
     let cancelled = false;
     void (async () => {
       const bal = await loop.client.getBalance().catch(() => null);
@@ -12163,7 +13046,7 @@ function useSessionInfo(loop) {
       cancelled = true;
     };
   }, [loop]);
-  useEffect3(() => {
+  useEffect4(() => {
     let cancelled = false;
     void (async () => {
       const list = await loop.client.listModels().catch(() => null);
@@ -12174,7 +13057,7 @@ function useSessionInfo(loop) {
       cancelled = true;
     };
   }, [loop]);
-  useEffect3(() => {
+  useEffect4(() => {
     let cancelled = false;
     void (async () => {
       const latest = await getLatestVersion();
@@ -12219,11 +13102,11 @@ function useSessionInfo(loop) {
 }
 
 // src/cli/ui/useSubagent.ts
-import { useEffect as useEffect4, useRef as useRef4, useState as useState9 } from "react";
+import { useEffect as useEffect5, useRef as useRef5, useState as useState9 } from "react";
 function useSubagent({ session, setHistorical }) {
   const [activity, setActivity] = useState9(null);
-  const sinkRef = useRef4({ current: null });
-  useEffect4(() => {
+  const sinkRef = useRef5({ current: null });
+  useEffect5(() => {
     sinkRef.current.current = (ev) => {
       if (ev.kind === "start") {
         setActivity({
@@ -12296,15 +13179,17 @@ function App({
   const [streaming, setStreaming] = useState10(null);
   const [input, setInput] = useState10("");
   const [busy, setBusy] = useState10(false);
-  const abortedThisTurn = useRef5(false);
+  const abortedThisTurn = useRef6(false);
   const [ongoingTool, setOngoingTool] = useState10(null);
   const [toolProgress, setToolProgress] = useState10(null);
-  const { stdout: stdout2 } = useStdout5();
-  useEffect5(() => {
+  const { stdout: stdout2 } = useStdout8();
+  useEffect6(() => {
     if (!stdout2 || !stdout2.isTTY) return;
     stdout2.write("\x1B[?2004h");
+    stdout2.write("\x1B[>4;2m");
     return () => {
       stdout2.write("\x1B[?2004l");
+      stdout2.write("\x1B[>4m");
     };
   }, [stdout2]);
   const { activity: subagentActivity, sinkRef: subagentSinkRef } = useSubagent({
@@ -12326,24 +13211,24 @@ function App({
     sealCurrentEntry,
     hasUndoable
   } = useEditHistory(codeMode);
-  const pendingEdits = useRef5([]);
+  const pendingEdits = useRef6([]);
   const [pendingCount, setPendingCount] = useState10(0);
   const syncPendingCount = useCallback4(() => {
     setPendingCount(pendingEdits.current.length);
   }, []);
   const [editMode, setEditMode] = useState10(() => codeMode ? loadEditMode() : "review");
-  const editModeRef = useRef5(editMode);
-  useEffect5(() => {
+  const editModeRef = useRef6(editMode);
+  useEffect6(() => {
     editModeRef.current = editMode;
     if (codeMode) saveEditMode(editMode);
   }, [editMode, codeMode]);
   const [pendingEditReview, setPendingEditReview] = useState10(null);
-  const editReviewResolveRef = useRef5(null);
-  const turnEditPolicyRef = useRef5("ask");
+  const editReviewResolveRef = useRef6(null);
+  const turnEditPolicyRef = useRef6("ask");
   const [modeFlash, setModeFlash] = useState10(false);
-  const modeFlashTimeoutRef = useRef5(null);
-  const prevEditModeRef = useRef5(editMode);
-  useEffect5(() => {
+  const modeFlashTimeoutRef = useRef6(null);
+  const prevEditModeRef = useRef6(editMode);
+  useEffect6(() => {
     if (prevEditModeRef.current === editMode) return;
     prevEditModeRef.current = editMode;
     setModeFlash(true);
@@ -12365,15 +13250,15 @@ function App({
   const [proArmed, setProArmed] = useState10(false);
   const [turnOnPro, setTurnOnPro] = useState10(false);
   const [queuedSubmit, setQueuedSubmit] = useState10(null);
-  const promptHistory = useRef5([]);
-  const historyCursor = useRef5(-1);
-  const assistantIterCounter = useRef5(0);
-  const toolHistoryRef = useRef5([]);
-  const planStepsRef = useRef5(null);
-  const completedStepIdsRef = useRef5(/* @__PURE__ */ new Set());
-  const planBodyRef = useRef5(null);
-  const planSummaryRef = useRef5(null);
-  const toolStartedAtRef = useRef5(null);
+  const promptHistory = useRef6([]);
+  const historyCursor = useRef6(-1);
+  const assistantIterCounter = useRef6(0);
+  const toolHistoryRef = useRef6([]);
+  const planStepsRef = useRef6(null);
+  const completedStepIdsRef = useRef6(/* @__PURE__ */ new Set());
+  const planBodyRef = useRef6(null);
+  const planSummaryRef = useRef6(null);
+  const toolStartedAtRef = useRef6(null);
   const persistPlanState = useCallback4(() => {
     if (!session) return;
     const steps = planStepsRef.current;
@@ -12397,7 +13282,7 @@ function App({
     lastPromptTokens: 0,
     lastTurnCostUsd: 0
   });
-  const transcriptRef = useRef5(null);
+  const transcriptRef = useRef6(null);
   if (transcript && !transcriptRef.current) {
     transcriptRef.current = openTranscriptFile(transcript, {
       version: 1,
@@ -12406,12 +13291,12 @@ function App({
       startedAt: (/* @__PURE__ */ new Date()).toISOString()
     });
   }
-  useEffect5(() => {
+  useEffect6(() => {
     return () => {
       transcriptRef.current?.end();
     };
   }, []);
-  const loopRef = useRef5(null);
+  const loopRef = useRef6(null);
   const loop = useMemo3(() => {
     if (loopRef.current) return loopRef.current;
     const client = new DeepSeekClient();
@@ -12460,7 +13345,7 @@ function App({
     loopRef.current = l;
     return l;
   }, [model2, system, harvest3, branch2, session, tools, codeMode]);
-  useEffect5(() => {
+  useEffect6(() => {
     loop.hooks = hookList;
   }, [loop, hookList]);
   const {
@@ -12488,7 +13373,7 @@ function App({
     setSlashArgSelected,
     pickSlashArg
   } = useCompletionPickers({ input, setInput, codeMode, models: models2, mcpServers });
-  useEffect5(() => {
+  useEffect6(() => {
     if (!progressSink) return;
     progressSink.current = (info) => {
       setToolProgress({
@@ -12501,8 +13386,8 @@ function App({
       if (progressSink.current) progressSink.current = null;
     };
   }, [progressSink]);
-  const sessionBannerShown = useRef5(false);
-  useEffect5(() => {
+  const sessionBannerShown = useRef6(false);
+  useEffect6(() => {
     if (sessionBannerShown.current) return;
     sessionBannerShown.current = true;
     if (!session) {
@@ -12584,7 +13469,26 @@ function App({
       markEditModeHintShown();
     }
   }, [session, loop, codeMode, syncPendingCount]);
-  useInput5((chKey, key) => {
+  const quitProcess = useCallback4(() => {
+    transcriptRef.current?.end();
+    process.exit(0);
+  }, []);
+  useEffect6(() => {
+    process.on("SIGINT", quitProcess);
+    return () => {
+      process.off("SIGINT", quitProcess);
+    };
+  }, [quitProcess]);
+  useKeystroke((ev) => {
+    const chKey = ev.input;
+    const key = ev;
+    if (ev.paste) {
+      return;
+    }
+    if (key.ctrl && key.input === "c") {
+      quitProcess();
+      return;
+    }
     if (key.escape && busy) {
       if (abortedThisTurn.current) return;
       abortedThisTurn.current = true;
@@ -12682,7 +13586,7 @@ function App({
     historyCursor.current = nextCursor;
     setInput(nextCursor < 0 ? "" : hist[hist.length - 1 - nextCursor] ?? "");
   }, []);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!tools || !codeMode) return;
     tools.setToolInterceptor(async (name, args) => {
       if (name !== "edit_file" && name !== "write_file") return null;
@@ -13548,7 +14452,7 @@ ${body}`;
     },
     [pendingShell, codeMode, handleSubmit, busy, loop]
   );
-  useEffect5(() => {
+  useEffect6(() => {
     if (!busy && queuedSubmit !== null) {
       const text = queuedSubmit;
       setQueuedSubmit(null);
@@ -13592,8 +14496,8 @@ ${body}`;
     },
     [pendingPlan, togglePlanMode, busy, loop, handleSubmit, persistPlanState]
   );
-  const handlePlanConfirmRef = useRef5(handlePlanConfirm);
-  useEffect5(() => {
+  const handlePlanConfirmRef = useRef6(handlePlanConfirm);
+  useEffect6(() => {
     handlePlanConfirmRef.current = handlePlanConfirm;
   }, [handlePlanConfirm]);
   const stableHandlePlanConfirm = useCallback4(
@@ -13684,8 +14588,8 @@ Stay in plan mode \u2014 address the feedback (explore more if needed), then sub
     },
     [pendingCheckpoint, busy, loop, handleSubmit]
   );
-  const handleCheckpointConfirmRef = useRef5(handleCheckpointConfirm);
-  useEffect5(() => {
+  const handleCheckpointConfirmRef = useRef6(handleCheckpointConfirm);
+  useEffect6(() => {
     handleCheckpointConfirmRef.current = handleCheckpointConfirm;
   }, [handleCheckpointConfirm]);
   const stableHandleCheckpointConfirm = useCallback4(
@@ -13762,8 +14666,8 @@ If the feedback only tweaks how you execute (extra constraints, style preference
     },
     [pendingChoice, busy, loop, handleSubmit]
   );
-  const handleChoiceConfirmRef = useRef5(handleChoiceConfirm);
-  useEffect5(() => {
+  const handleChoiceConfirmRef = useRef6(handleChoiceConfirm);
+  useEffect6(() => {
     handleChoiceConfirmRef.current = handleChoiceConfirm;
   }, [handleChoiceConfirm]);
   const stableHandleChoiceConfirm = useCallback4(
@@ -13853,20 +14757,20 @@ Continue executing from the next pending step. Call mark_step_complete after eac
     },
     [pendingRevision, busy, loop, handleSubmit, persistPlanState]
   );
-  const handleReviseConfirmRef = useRef5(handleReviseConfirm);
-  useEffect5(() => {
+  const handleReviseConfirmRef = useRef6(handleReviseConfirm);
+  useEffect6(() => {
     handleReviseConfirmRef.current = handleReviseConfirm;
   }, [handleReviseConfirm]);
   const stableHandleReviseConfirm = useCallback4(
     async (choice) => handleReviseConfirmRef.current(choice),
     []
   );
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(
     TickerProvider,
     {
       disabled: PLAIN_UI || !!pendingPlan || !!pendingShell || !!pendingEditReview || !!pendingCheckpoint || !!stagedCheckpointRevise || !!pendingChoice || !!stagedChoiceCustom || !!pendingRevision
     },
-    /* @__PURE__ */ React20.createElement(Box19, { flexDirection: "column" }, /* @__PURE__ */ React20.createElement(
+    /* @__PURE__ */ React23.createElement(Box21, { flexDirection: "column" }, /* @__PURE__ */ React23.createElement(
       StatsPanel,
       {
         summary,
@@ -13883,28 +14787,28 @@ Continue executing from the next pending step. Call mark_step_complete after eac
         proArmed,
         escalated: turnOnPro
       }
-    ), /* @__PURE__ */ React20.createElement(Static, { items: historical }, (item) => /* @__PURE__ */ React20.createElement(EventRow, { key: item.id, event: item, projectRoot: hookCwd })), !PLAIN_UI && !pendingShell && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && streaming ? /* @__PURE__ */ React20.createElement(Box19, { marginY: 1 }, /* @__PURE__ */ React20.createElement(EventRow, { event: streaming, projectRoot: hookCwd })) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && ongoingTool ? /* @__PURE__ */ React20.createElement(OngoingToolRow, { tool: ongoingTool, progress: toolProgress }) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && subagentActivity ? /* @__PURE__ */ React20.createElement(SubagentRow, { activity: subagentActivity }) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && !ongoingTool && statusLine ? /* @__PURE__ */ React20.createElement(StatusRow, { text: statusLine }) : null, !PLAIN_UI && undoBanner && !pendingShell && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && !pendingChoice && !stagedChoiceCustom && !pendingRevision ? /* @__PURE__ */ React20.createElement(UndoBanner, { banner: undoBanner }) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && busy && !streaming && !ongoingTool && !statusLine ? /* @__PURE__ */ React20.createElement(StatusRow, { text: "processing\u2026" }) : null, stagedInput ? /* @__PURE__ */ React20.createElement(
+    ), /* @__PURE__ */ React23.createElement(Static, { items: historical }, (item) => /* @__PURE__ */ React23.createElement(EventRow, { key: item.id, event: item, projectRoot: hookCwd })), !historical.some((e) => e.role === "user" || e.role === "assistant") && !busy && !streaming ? /* @__PURE__ */ React23.createElement(WelcomeBanner, { inCodeMode: !!codeMode }) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && streaming ? /* @__PURE__ */ React23.createElement(Box21, { marginY: 1 }, /* @__PURE__ */ React23.createElement(EventRow, { event: streaming, projectRoot: hookCwd })) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && ongoingTool ? /* @__PURE__ */ React23.createElement(OngoingToolRow, { tool: ongoingTool, progress: toolProgress }) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && subagentActivity ? /* @__PURE__ */ React23.createElement(SubagentRow, { activity: subagentActivity }) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && !ongoingTool && statusLine ? /* @__PURE__ */ React23.createElement(StatusRow, { text: statusLine }) : null, !PLAIN_UI && undoBanner && !pendingShell && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && !pendingChoice && !stagedChoiceCustom && !pendingRevision ? /* @__PURE__ */ React23.createElement(UndoBanner, { banner: undoBanner }) : null, !PLAIN_UI && !pendingShell && !pendingPlan && !stagedInput && !pendingEditReview && !pendingCheckpoint && !stagedCheckpointRevise && busy && !streaming && !ongoingTool && !statusLine ? /* @__PURE__ */ React23.createElement(StatusRow, { text: "processing\u2026" }) : null, stagedInput ? /* @__PURE__ */ React23.createElement(
       PlanRefineInput,
       {
         mode: stagedInput.mode,
         onSubmit: handleStagedInputSubmit,
         onCancel: handleStagedInputCancel
       }
-    ) : stagedCheckpointRevise ? /* @__PURE__ */ React20.createElement(
+    ) : stagedCheckpointRevise ? /* @__PURE__ */ React23.createElement(
       PlanRefineInput,
       {
         mode: "checkpoint-revise",
         onSubmit: handleCheckpointReviseSubmit,
         onCancel: handleCheckpointReviseCancel
       }
-    ) : stagedChoiceCustom ? /* @__PURE__ */ React20.createElement(
+    ) : stagedChoiceCustom ? /* @__PURE__ */ React23.createElement(
       PlanRefineInput,
       {
         mode: "choice-custom",
         onSubmit: handleChoiceCustomSubmit,
         onCancel: handleChoiceCustomCancel
       }
-    ) : pendingChoice ? /* @__PURE__ */ React20.createElement(
+    ) : pendingChoice ? /* @__PURE__ */ React23.createElement(
       ChoiceConfirm,
       {
         question: pendingChoice.question,
@@ -13912,7 +14816,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
         allowCustom: pendingChoice.allowCustom,
         onChoose: stableHandleChoiceConfirm
       }
-    ) : pendingRevision ? /* @__PURE__ */ React20.createElement(
+    ) : pendingRevision ? /* @__PURE__ */ React23.createElement(
       PlanReviseConfirm,
       {
         reason: pendingRevision.reason,
@@ -13923,7 +14827,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
         summary: pendingRevision.summary,
         onChoose: stableHandleReviseConfirm
       }
-    ) : pendingCheckpoint ? /* @__PURE__ */ React20.createElement(
+    ) : pendingCheckpoint ? /* @__PURE__ */ React23.createElement(
       PlanCheckpointConfirm,
       {
         stepId: pendingCheckpoint.stepId,
@@ -13934,7 +14838,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
         completedStepIds: completedStepIdsRef.current,
         onChoose: stableHandleCheckpointConfirm
       }
-    ) : pendingPlan ? /* @__PURE__ */ React20.createElement(
+    ) : pendingPlan ? /* @__PURE__ */ React23.createElement(
       PlanConfirm,
       {
         plan: pendingPlan,
@@ -13943,7 +14847,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
         onChoose: stableHandlePlanConfirm,
         projectRoot: hookCwd
       }
-    ) : pendingShell ? /* @__PURE__ */ React20.createElement(
+    ) : pendingShell ? /* @__PURE__ */ React23.createElement(
       ShellConfirm,
       {
         command: pendingShell.command,
@@ -13951,7 +14855,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
         kind: pendingShell.kind,
         onChoose: handleShellConfirm
       }
-    ) : pendingEditReview ? /* @__PURE__ */ React20.createElement(
+    ) : pendingEditReview ? /* @__PURE__ */ React23.createElement(
       EditConfirm,
       {
         block: pendingEditReview,
@@ -13963,7 +14867,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
           }
         }
       }
-    ) : /* @__PURE__ */ React20.createElement(React20.Fragment, null, codeMode ? /* @__PURE__ */ React20.createElement(
+    ) : /* @__PURE__ */ React23.createElement(React23.Fragment, null, codeMode ? /* @__PURE__ */ React23.createElement(
       ModeStatusBar,
       {
         editMode,
@@ -13973,7 +14877,7 @@ Continue executing from the next pending step. Call mark_step_complete after eac
         undoArmed: !!undoBanner || hasUndoable(),
         jobs: codeMode.jobs
       }
-    ) : null, /* @__PURE__ */ React20.createElement(
+    ) : null, /* @__PURE__ */ React23.createElement(
       PromptInput,
       {
         value: input,
@@ -13983,14 +14887,14 @@ Continue executing from the next pending step. Call mark_step_complete after eac
         onHistoryPrev: recallPrev,
         onHistoryNext: recallNext
       }
-    ), /* @__PURE__ */ React20.createElement(SlashSuggestions, { matches: slashMatches, selectedIndex: slashSelected }), /* @__PURE__ */ React20.createElement(
+    ), /* @__PURE__ */ React23.createElement(SlashSuggestions, { matches: slashMatches, selectedIndex: slashSelected }), /* @__PURE__ */ React23.createElement(
       AtMentionSuggestions,
       {
         matches: atMatches,
         selectedIndex: atSelected,
         query: atPicker?.query ?? ""
       }
-    ), slashArgContext ? /* @__PURE__ */ React20.createElement(
+    ), slashArgContext ? /* @__PURE__ */ React23.createElement(
       SlashArgPicker,
       {
         matches: slashArgMatches,
@@ -14000,19 +14904,19 @@ Continue executing from the next pending step. Call mark_step_complete after eac
         partial: slashArgContext.partial
       }
     ) : null))
-  );
+  ));
 }
 
 // src/cli/ui/SessionPicker.tsx
-import { Box as Box20, Text as Text19 } from "ink";
-import React21 from "react";
+import { Box as Box22, Text as Text19 } from "ink";
+import React24 from "react";
 function SessionPicker({
   sessionName,
   messageCount,
   lastActive,
   onChoose
 }) {
-  return /* @__PURE__ */ React21.createElement(Box20, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React21.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React21.createElement(Text19, { bold: true, color: "cyan" }, `Session "${sessionName}" has ${messageCount} prior message${messageCount === 1 ? "" : "s"}`), /* @__PURE__ */ React21.createElement(Text19, { dimColor: true }, ` \xB7 last active ${relativeTime2(lastActive)}`)), /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React24.createElement(Box22, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React24.createElement(Box22, { marginBottom: 1 }, /* @__PURE__ */ React24.createElement(Text19, { bold: true, color: "cyan" }, `Session "${sessionName}" has ${messageCount} prior message${messageCount === 1 ? "" : "s"}`), /* @__PURE__ */ React24.createElement(Text19, { dimColor: true }, ` \xB7 last active ${relativeTime2(lastActive)}`)), /* @__PURE__ */ React24.createElement(
     SingleSelect,
     {
       initialValue: "new",
@@ -14035,7 +14939,7 @@ function SessionPicker({
       ],
       onSubmit: (v) => onChoose(v)
     }
-  ), /* @__PURE__ */ React21.createElement(Box20, { marginTop: 1 }, /* @__PURE__ */ React21.createElement(Text19, { dimColor: true }, "[\u2191\u2193] navigate \xB7 [Enter] select")));
+  ), /* @__PURE__ */ React24.createElement(Box22, { marginTop: 1 }, /* @__PURE__ */ React24.createElement(Text19, { dimColor: true }, "[\u2191\u2193] navigate \xB7 [Enter] select")));
 }
 function relativeTime2(date) {
   const ms = Date.now() - date.getTime();
@@ -14051,9 +14955,9 @@ function relativeTime2(date) {
 }
 
 // src/cli/ui/Setup.tsx
-import { Box as Box21, Text as Text20, useApp as useApp2 } from "ink";
+import { Box as Box23, Text as Text20, useApp as useApp2 } from "ink";
 import TextInput from "ink-text-input";
-import React22, { useState as useState11 } from "react";
+import React25, { useState as useState11 } from "react";
 function Setup({ onReady }) {
   const [value, setValue] = useState11("");
   const [error, setError] = useState11(null);
@@ -14077,7 +14981,7 @@ function Setup({ onReady }) {
     }
     onReady(trimmed);
   };
-  return /* @__PURE__ */ React22.createElement(Box21, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React22.createElement(Text20, { bold: true, color: "cyan" }, "Welcome to Reasonix."), /* @__PURE__ */ React22.createElement(Box21, { marginTop: 1 }, /* @__PURE__ */ React22.createElement(Text20, null, "Paste your DeepSeek API key to get started.")), /* @__PURE__ */ React22.createElement(Text20, { dimColor: true }, "Get one (free credit on signup): https://platform.deepseek.com/api_keys"), /* @__PURE__ */ React22.createElement(Text20, { dimColor: true }, "Saved locally to ", defaultConfigPath()), /* @__PURE__ */ React22.createElement(Box21, { marginTop: 1 }, /* @__PURE__ */ React22.createElement(Text20, { bold: true, color: "cyan" }, "key \u203A "), /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React25.createElement(Box23, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React25.createElement(Text20, { bold: true, color: "cyan" }, "Welcome to Reasonix."), /* @__PURE__ */ React25.createElement(Box23, { marginTop: 1 }, /* @__PURE__ */ React25.createElement(Text20, null, "Paste your DeepSeek API key to get started.")), /* @__PURE__ */ React25.createElement(Text20, { dimColor: true }, "Get one (free credit on signup): https://platform.deepseek.com/api_keys"), /* @__PURE__ */ React25.createElement(Text20, { dimColor: true }, "Saved locally to ", defaultConfigPath()), /* @__PURE__ */ React25.createElement(Box23, { marginTop: 1 }, /* @__PURE__ */ React25.createElement(Text20, { bold: true, color: "cyan" }, "key \u203A "), /* @__PURE__ */ React25.createElement(
     TextInput,
     {
       value,
@@ -14086,7 +14990,7 @@ function Setup({ onReady }) {
       mask: "\u2022",
       placeholder: "sk-..."
     }
-  )), error ? /* @__PURE__ */ React22.createElement(Box21, { marginTop: 1 }, /* @__PURE__ */ React22.createElement(Text20, { color: "red" }, error)) : value ? /* @__PURE__ */ React22.createElement(Box21, { marginTop: 1 }, /* @__PURE__ */ React22.createElement(Text20, { dimColor: true }, "preview: ", redactKey(value))) : null, /* @__PURE__ */ React22.createElement(Box21, { marginTop: 1 }, /* @__PURE__ */ React22.createElement(Text20, { dimColor: true }, "(Type /exit to abort.)")));
+  )), error ? /* @__PURE__ */ React25.createElement(Box23, { marginTop: 1 }, /* @__PURE__ */ React25.createElement(Text20, { color: "red" }, error)) : value ? /* @__PURE__ */ React25.createElement(Box23, { marginTop: 1 }, /* @__PURE__ */ React25.createElement(Text20, { dimColor: true }, "preview: ", redactKey(value))) : null, /* @__PURE__ */ React25.createElement(Box23, { marginTop: 1 }, /* @__PURE__ */ React25.createElement(Text20, { dimColor: true }, "(Type /exit to abort.)")));
 }
 
 // src/cli/commands/chat.tsx
@@ -14102,7 +15006,7 @@ function Root({
   const [key, setKey] = useState12(initialKey);
   const [pending, setPending] = useState12(sessionPreview);
   if (!key) {
-    return /* @__PURE__ */ React23.createElement(
+    return /* @__PURE__ */ React26.createElement(
       Setup,
       {
         onReady: (k) => {
@@ -14114,7 +15018,7 @@ function Root({
   }
   process.env.DEEPSEEK_API_KEY = key;
   if (pending && appProps.session) {
-    return /* @__PURE__ */ React23.createElement(
+    return /* @__PURE__ */ React26.createElement(KeystrokeProvider, null, /* @__PURE__ */ React26.createElement(
       SessionPicker,
       {
         sessionName: appProps.session,
@@ -14127,9 +15031,9 @@ function Root({
           setPending(void 0);
         }
       }
-    );
+    ));
   }
-  return /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React26.createElement(KeystrokeProvider, null, /* @__PURE__ */ React26.createElement(
     App,
     {
       model: appProps.model,
@@ -14144,7 +15048,7 @@ function Root({
       progressSink,
       codeMode: appProps.codeMode
     }
-  );
+  ));
 }
 async function chatCommand(opts) {
   loadDotenv();
@@ -14233,8 +15137,11 @@ async function chatCommand(opts) {
   } else if (opts.session && opts.forceNew) {
     rewriteSession(opts.session, []);
   }
+  if (process.stdout.isTTY) {
+    process.stdout.write("\x1B[2J\x1B[3J\x1B[H");
+  }
   const { waitUntilExit } = render(
-    /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React26.createElement(
       Root,
       {
         initialKey,
@@ -14283,12 +15190,9 @@ async function codeCommand(opts = {}) {
     `\u25B8 reasonix code: rooted at ${rootDir}, session "${session ?? "(ephemeral)"}" \xB7 ${tools.size} native tool(s)
 `
   );
-  const sigShutdown = () => {
+  process.once("exit", () => {
     void jobs2.shutdown();
-  };
-  process.once("SIGINT", sigShutdown);
-  process.once("SIGTERM", sigShutdown);
-  process.once("exit", sigShutdown);
+  });
   await chatCommand({
     model: opts.model ?? "deepseek-v4-flash",
     harvest: opts.harvest ?? false,
@@ -14306,35 +15210,35 @@ async function codeCommand(opts = {}) {
 import { writeFileSync as writeFileSync7 } from "fs";
 import { basename as basename3 } from "path";
 import { render as render2 } from "ink";
-import React26 from "react";
+import React29 from "react";
 
 // src/cli/ui/DiffApp.tsx
-import { Box as Box23, Static as Static2, Text as Text22, useApp as useApp3, useInput as useInput6 } from "ink";
-import React25, { useState as useState13 } from "react";
+import { Box as Box25, Static as Static2, Text as Text22, useApp as useApp3, useInput } from "ink";
+import React28, { useState as useState13 } from "react";
 
 // src/cli/ui/RecordView.tsx
-import { Box as Box22, Text as Text21 } from "ink";
-import React24 from "react";
+import { Box as Box24, Text as Text21 } from "ink";
+import React27 from "react";
 function RecordView({ rec, compact: compact2 = false }) {
   const toolArgsMax = compact2 ? 120 : 200;
   const toolContentMax = compact2 ? 200 : 400;
   if (rec.role === "user") {
     const content = rec.content.includes("\n") ? rec.content.split("\n").join("\n      ") : rec.content;
-    return /* @__PURE__ */ React24.createElement(Box22, { marginTop: 1 }, /* @__PURE__ */ React24.createElement(Text21, { bold: true, color: "cyan" }, "you \u203A", " "), /* @__PURE__ */ React24.createElement(Text21, null, content));
+    return /* @__PURE__ */ React27.createElement(Box24, { marginTop: 1 }, /* @__PURE__ */ React27.createElement(Text21, { bold: true, color: "cyan" }, "you \u203A", " "), /* @__PURE__ */ React27.createElement(Text21, null, content));
   }
   if (rec.role === "assistant_final") {
-    return /* @__PURE__ */ React24.createElement(Box22, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React24.createElement(Box22, null, /* @__PURE__ */ React24.createElement(Text21, { bold: true, color: "green" }, "assistant"), rec.cost !== void 0 ? /* @__PURE__ */ React24.createElement(Text21, { dimColor: true }, "  $", rec.cost.toFixed(6)) : null, rec.usage ? /* @__PURE__ */ React24.createElement(CacheBadge, { usage: rec.usage }) : null), rec.planState ? /* @__PURE__ */ React24.createElement(PlanStateBlock, { planState: rec.planState }) : null, rec.content ? /* @__PURE__ */ React24.createElement(Text21, null, rec.content) : /* @__PURE__ */ React24.createElement(Text21, { dimColor: true, italic: true }, "(tool-call response only)"));
+    return /* @__PURE__ */ React27.createElement(Box24, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React27.createElement(Box24, null, /* @__PURE__ */ React27.createElement(Text21, { bold: true, color: "green" }, "assistant"), rec.cost !== void 0 ? /* @__PURE__ */ React27.createElement(Text21, { dimColor: true }, "  $", rec.cost.toFixed(6)) : null, rec.usage ? /* @__PURE__ */ React27.createElement(CacheBadge, { usage: rec.usage }) : null), rec.planState ? /* @__PURE__ */ React27.createElement(PlanStateBlock, { planState: rec.planState }) : null, rec.content ? /* @__PURE__ */ React27.createElement(Text21, null, rec.content) : /* @__PURE__ */ React27.createElement(Text21, { dimColor: true, italic: true }, "(tool-call response only)"));
   }
   if (rec.role === "tool") {
-    return /* @__PURE__ */ React24.createElement(Box22, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React24.createElement(Text21, { color: "yellow" }, "tool<", rec.tool ?? "?", ">"), rec.args ? /* @__PURE__ */ React24.createElement(Text21, { dimColor: true }, "  args: ", truncate2(rec.args, toolArgsMax)) : null, /* @__PURE__ */ React24.createElement(Text21, { dimColor: true }, "  \u2192 ", truncate2(rec.content, toolContentMax)));
+    return /* @__PURE__ */ React27.createElement(Box24, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React27.createElement(Text21, { color: "yellow" }, "tool<", rec.tool ?? "?", ">"), rec.args ? /* @__PURE__ */ React27.createElement(Text21, { dimColor: true }, "  args: ", truncate2(rec.args, toolArgsMax)) : null, /* @__PURE__ */ React27.createElement(Text21, { dimColor: true }, "  \u2192 ", truncate2(rec.content, toolContentMax)));
   }
   if (rec.role === "error") {
-    return /* @__PURE__ */ React24.createElement(Box22, { marginTop: 1 }, /* @__PURE__ */ React24.createElement(Text21, { color: "red", bold: true }, "error", " "), /* @__PURE__ */ React24.createElement(Text21, { color: "red" }, rec.error ?? rec.content));
+    return /* @__PURE__ */ React27.createElement(Box24, { marginTop: 1 }, /* @__PURE__ */ React27.createElement(Text21, { color: "red", bold: true }, "error", " "), /* @__PURE__ */ React27.createElement(Text21, { color: "red" }, rec.error ?? rec.content));
   }
   if (rec.role === "done" || rec.role === "assistant_delta") {
     return null;
   }
-  return /* @__PURE__ */ React24.createElement(Box22, null, /* @__PURE__ */ React24.createElement(Text21, { dimColor: true }, "[", rec.role, "] ", rec.content));
+  return /* @__PURE__ */ React27.createElement(Box24, null, /* @__PURE__ */ React27.createElement(Text21, { dimColor: true }, "[", rec.role, "] ", rec.content));
 }
 function CacheBadge({ usage }) {
   const hit = usage.prompt_cache_hit_tokens ?? 0;
@@ -14343,7 +15247,7 @@ function CacheBadge({ usage }) {
   if (total === 0) return null;
   const pct2 = hit / total * 100;
   const color = pct2 >= 70 ? "green" : pct2 >= 40 ? "yellow" : "red";
-  return /* @__PURE__ */ React24.createElement(Text21, null, /* @__PURE__ */ React24.createElement(Text21, { dimColor: true }, "  \xB7 cache "), /* @__PURE__ */ React24.createElement(Text21, { color }, pct2.toFixed(1), "%"));
+  return /* @__PURE__ */ React27.createElement(Text21, null, /* @__PURE__ */ React27.createElement(Text21, { dimColor: true }, "  \xB7 cache "), /* @__PURE__ */ React27.createElement(Text21, { color }, pct2.toFixed(1), "%"));
 }
 function truncate2(s, max) {
   return s.length <= max ? s : `${s.slice(0, max)}\u2026 (+${s.length - max} chars)`;
@@ -14355,7 +15259,7 @@ function DiffApp({ report }) {
   const maxIdx = Math.max(0, report.pairs.length - 1);
   const initialIdx = report.firstDivergenceTurn ? report.pairs.findIndex((p) => p.turn === report.firstDivergenceTurn) : 0;
   const [idx, setIdx] = useState13(Math.max(0, initialIdx));
-  useInput6((input, key) => {
+  useInput((input, key) => {
     if (input === "q" || key.ctrl && input === "c") {
       exit2();
       return;
@@ -14377,7 +15281,7 @@ function DiffApp({ report }) {
     }
   });
   const pair = report.pairs[idx];
-  return /* @__PURE__ */ React25.createElement(Box23, { flexDirection: "column" }, /* @__PURE__ */ React25.createElement(DiffHeader, { report }), /* @__PURE__ */ React25.createElement(Box23, { marginTop: 1, paddingX: 1, justifyContent: "space-between" }, /* @__PURE__ */ React25.createElement(Text22, { color: "cyan", bold: true }, "turn ", pair?.turn ?? "?", " (", idx + 1, " / ", report.pairs.length, ")"), /* @__PURE__ */ React25.createElement(Text22, null, pair ? /* @__PURE__ */ React25.createElement(KindBadge, { kind: pair.kind }) : null)), /* @__PURE__ */ React25.createElement(Box23, { flexDirection: "row", marginTop: 1 }, /* @__PURE__ */ React25.createElement(Pane, { label: report.a.label, headerColor: "blue", records: paneRecords(pair, "a") }), /* @__PURE__ */ React25.createElement(Pane, { label: report.b.label, headerColor: "magenta", records: paneRecords(pair, "b") })), pair?.divergenceNote ? /* @__PURE__ */ React25.createElement(Box23, { marginTop: 1, paddingX: 1 }, /* @__PURE__ */ React25.createElement(Text22, { color: "yellow" }, "\u2605 "), /* @__PURE__ */ React25.createElement(Text22, null, pair.divergenceNote)) : null, /* @__PURE__ */ React25.createElement(Box23, { marginTop: 1, paddingX: 1, borderStyle: "single", borderColor: "gray" }, /* @__PURE__ */ React25.createElement(Text22, { dimColor: true }, /* @__PURE__ */ React25.createElement(Text22, { bold: true }, "j"), "/", /* @__PURE__ */ React25.createElement(Text22, { bold: true }, "\u2193"), " next \xB7 ", /* @__PURE__ */ React25.createElement(Text22, { bold: true }, "k"), "/", /* @__PURE__ */ React25.createElement(Text22, { bold: true }, "\u2191"), " ", "prev \xB7 ", /* @__PURE__ */ React25.createElement(Text22, { bold: true }, "n"), " next-diverge \xB7 ", /* @__PURE__ */ React25.createElement(Text22, { bold: true }, "N"), "/", /* @__PURE__ */ React25.createElement(Text22, { bold: true }, "p"), " ", "prev-diverge \xB7 ", /* @__PURE__ */ React25.createElement(Text22, { bold: true }, "g"), "/", /* @__PURE__ */ React25.createElement(Text22, { bold: true }, "G"), " first/last \xB7 ", /* @__PURE__ */ React25.createElement(Text22, { bold: true }, "q"), " ", "quit")));
+  return /* @__PURE__ */ React28.createElement(Box25, { flexDirection: "column" }, /* @__PURE__ */ React28.createElement(DiffHeader, { report }), /* @__PURE__ */ React28.createElement(Box25, { marginTop: 1, paddingX: 1, justifyContent: "space-between" }, /* @__PURE__ */ React28.createElement(Text22, { color: "cyan", bold: true }, "turn ", pair?.turn ?? "?", " (", idx + 1, " / ", report.pairs.length, ")"), /* @__PURE__ */ React28.createElement(Text22, null, pair ? /* @__PURE__ */ React28.createElement(KindBadge, { kind: pair.kind }) : null)), /* @__PURE__ */ React28.createElement(Box25, { flexDirection: "row", marginTop: 1 }, /* @__PURE__ */ React28.createElement(Pane, { label: report.a.label, headerColor: "blue", records: paneRecords(pair, "a") }), /* @__PURE__ */ React28.createElement(Pane, { label: report.b.label, headerColor: "magenta", records: paneRecords(pair, "b") })), pair?.divergenceNote ? /* @__PURE__ */ React28.createElement(Box25, { marginTop: 1, paddingX: 1 }, /* @__PURE__ */ React28.createElement(Text22, { color: "yellow" }, "\u2605 "), /* @__PURE__ */ React28.createElement(Text22, null, pair.divergenceNote)) : null, /* @__PURE__ */ React28.createElement(Box25, { marginTop: 1, paddingX: 1, borderStyle: "single", borderColor: "gray" }, /* @__PURE__ */ React28.createElement(Text22, { dimColor: true }, /* @__PURE__ */ React28.createElement(Text22, { bold: true }, "j"), "/", /* @__PURE__ */ React28.createElement(Text22, { bold: true }, "\u2193"), " next \xB7 ", /* @__PURE__ */ React28.createElement(Text22, { bold: true }, "k"), "/", /* @__PURE__ */ React28.createElement(Text22, { bold: true }, "\u2191"), " ", "prev \xB7 ", /* @__PURE__ */ React28.createElement(Text22, { bold: true }, "n"), " next-diverge \xB7 ", /* @__PURE__ */ React28.createElement(Text22, { bold: true }, "N"), "/", /* @__PURE__ */ React28.createElement(Text22, { bold: true }, "p"), " ", "prev-diverge \xB7 ", /* @__PURE__ */ React28.createElement(Text22, { bold: true }, "g"), "/", /* @__PURE__ */ React28.createElement(Text22, { bold: true }, "G"), " first/last \xB7 ", /* @__PURE__ */ React28.createElement(Text22, { bold: true }, "q"), " ", "quit")));
 }
 function DiffHeader({ report }) {
   const a = report.a;
@@ -14395,15 +15299,15 @@ function DiffHeader({ report }) {
   } else if (a.stats.prefixHashes[0] && a.stats.prefixHashes[0] === b.stats.prefixHashes[0]) {
     prefixLine = `shared prefix hash ${a.stats.prefixHashes[0].slice(0, 12)}\u2026 \u2014 cache delta attributable to log stability, not prompt change.`;
   }
-  return /* @__PURE__ */ React25.createElement(Box23, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React25.createElement(Box23, { justifyContent: "space-between" }, /* @__PURE__ */ React25.createElement(Text22, null, /* @__PURE__ */ React25.createElement(Text22, { color: "cyan", bold: true }, "reasonix diff"), /* @__PURE__ */ React25.createElement(Text22, { dimColor: true }, " \xB7 A="), /* @__PURE__ */ React25.createElement(Text22, { color: "blue" }, a.label), /* @__PURE__ */ React25.createElement(Text22, { dimColor: true }, " vs B="), /* @__PURE__ */ React25.createElement(Text22, { color: "magenta" }, b.label)), /* @__PURE__ */ React25.createElement(Text22, { dimColor: true }, report.pairs.length, " turns aligned")), /* @__PURE__ */ React25.createElement(Box23, { marginTop: 1, gap: 3 }, /* @__PURE__ */ React25.createElement(Text22, null, /* @__PURE__ */ React25.createElement(Text22, { dimColor: true }, "cache "), /* @__PURE__ */ React25.createElement(Text22, null, (a.stats.cacheHitRatio * 100).toFixed(1), "%"), /* @__PURE__ */ React25.createElement(Text22, { dimColor: true }, " \u2192 "), /* @__PURE__ */ React25.createElement(Text22, null, (b.stats.cacheHitRatio * 100).toFixed(1), "%"), /* @__PURE__ */ React25.createElement(Text22, { color: cacheDelta >= 0 ? "green" : "red", bold: true }, "  ", cacheDelta >= 0 ? "+" : "", (cacheDelta * 100).toFixed(1), "pp")), /* @__PURE__ */ React25.createElement(Text22, null, /* @__PURE__ */ React25.createElement(Text22, { dimColor: true }, "cost "), /* @__PURE__ */ React25.createElement(Text22, null, "$", a.stats.totalCostUsd.toFixed(6)), /* @__PURE__ */ React25.createElement(Text22, { dimColor: true }, " \u2192 "), /* @__PURE__ */ React25.createElement(Text22, null, "$", b.stats.totalCostUsd.toFixed(6)), /* @__PURE__ */ React25.createElement(Text22, { color: costDelta2 <= 0 ? "green" : "red", bold: true }, "  ", costDelta2 >= 0 ? "+" : "", costDelta2.toFixed(1), "%")), /* @__PURE__ */ React25.createElement(Text22, null, /* @__PURE__ */ React25.createElement(Text22, { dimColor: true }, "model calls "), /* @__PURE__ */ React25.createElement(Text22, null, a.stats.turns, " \u2192 ", b.stats.turns))), prefixLine ? /* @__PURE__ */ React25.createElement(Box23, { marginTop: 1 }, /* @__PURE__ */ React25.createElement(Text22, { dimColor: true, italic: true }, prefixLine)) : null);
+  return /* @__PURE__ */ React28.createElement(Box25, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React28.createElement(Box25, { justifyContent: "space-between" }, /* @__PURE__ */ React28.createElement(Text22, null, /* @__PURE__ */ React28.createElement(Text22, { color: "cyan", bold: true }, "reasonix diff"), /* @__PURE__ */ React28.createElement(Text22, { dimColor: true }, " \xB7 A="), /* @__PURE__ */ React28.createElement(Text22, { color: "blue" }, a.label), /* @__PURE__ */ React28.createElement(Text22, { dimColor: true }, " vs B="), /* @__PURE__ */ React28.createElement(Text22, { color: "magenta" }, b.label)), /* @__PURE__ */ React28.createElement(Text22, { dimColor: true }, report.pairs.length, " turns aligned")), /* @__PURE__ */ React28.createElement(Box25, { marginTop: 1, gap: 3 }, /* @__PURE__ */ React28.createElement(Text22, null, /* @__PURE__ */ React28.createElement(Text22, { dimColor: true }, "cache "), /* @__PURE__ */ React28.createElement(Text22, null, (a.stats.cacheHitRatio * 100).toFixed(1), "%"), /* @__PURE__ */ React28.createElement(Text22, { dimColor: true }, " \u2192 "), /* @__PURE__ */ React28.createElement(Text22, null, (b.stats.cacheHitRatio * 100).toFixed(1), "%"), /* @__PURE__ */ React28.createElement(Text22, { color: cacheDelta >= 0 ? "green" : "red", bold: true }, "  ", cacheDelta >= 0 ? "+" : "", (cacheDelta * 100).toFixed(1), "pp")), /* @__PURE__ */ React28.createElement(Text22, null, /* @__PURE__ */ React28.createElement(Text22, { dimColor: true }, "cost "), /* @__PURE__ */ React28.createElement(Text22, null, "$", a.stats.totalCostUsd.toFixed(6)), /* @__PURE__ */ React28.createElement(Text22, { dimColor: true }, " \u2192 "), /* @__PURE__ */ React28.createElement(Text22, null, "$", b.stats.totalCostUsd.toFixed(6)), /* @__PURE__ */ React28.createElement(Text22, { color: costDelta2 <= 0 ? "green" : "red", bold: true }, "  ", costDelta2 >= 0 ? "+" : "", costDelta2.toFixed(1), "%")), /* @__PURE__ */ React28.createElement(Text22, null, /* @__PURE__ */ React28.createElement(Text22, { dimColor: true }, "model calls "), /* @__PURE__ */ React28.createElement(Text22, null, a.stats.turns, " \u2192 ", b.stats.turns))), prefixLine ? /* @__PURE__ */ React28.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React28.createElement(Text22, { dimColor: true, italic: true }, prefixLine)) : null);
 }
 function Pane({
   label,
   headerColor,
   records
 }) {
-  return /* @__PURE__ */ React25.createElement(
-    Box23,
+  return /* @__PURE__ */ React28.createElement(
+    Box25,
     {
       flexDirection: "column",
       flexGrow: 1,
@@ -14411,21 +15315,21 @@ function Pane({
       borderStyle: "single",
       borderColor: headerColor
     },
-    /* @__PURE__ */ React25.createElement(Text22, { color: headerColor, bold: true }, label),
-    records.length === 0 ? /* @__PURE__ */ React25.createElement(Box23, { marginTop: 1 }, /* @__PURE__ */ React25.createElement(Text22, { dimColor: true, italic: true }, "(no records on this side for this turn)")) : /* @__PURE__ */ React25.createElement(Static2, { items: records.map((rec, i) => ({ key: `${label}-${i}`, rec })) }, ({ key, rec }) => /* @__PURE__ */ React25.createElement(RecordView, { key, rec, compact: true }))
+    /* @__PURE__ */ React28.createElement(Text22, { color: headerColor, bold: true }, label),
+    records.length === 0 ? /* @__PURE__ */ React28.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React28.createElement(Text22, { dimColor: true, italic: true }, "(no records on this side for this turn)")) : /* @__PURE__ */ React28.createElement(Static2, { items: records.map((rec, i) => ({ key: `${label}-${i}`, rec })) }, ({ key, rec }) => /* @__PURE__ */ React28.createElement(RecordView, { key, rec, compact: true }))
   );
 }
 function KindBadge({ kind }) {
   if (kind === "match") {
-    return /* @__PURE__ */ React25.createElement(Text22, { color: "green" }, "\u2713 match");
+    return /* @__PURE__ */ React28.createElement(Text22, { color: "green" }, "\u2713 match");
   }
   if (kind === "diverge") {
-    return /* @__PURE__ */ React25.createElement(Text22, { color: "yellow" }, "\u2605 diverge");
+    return /* @__PURE__ */ React28.createElement(Text22, { color: "yellow" }, "\u2605 diverge");
   }
   if (kind === "only_in_a") {
-    return /* @__PURE__ */ React25.createElement(Text22, { color: "blue" }, "\u2190 only in A");
+    return /* @__PURE__ */ React28.createElement(Text22, { color: "blue" }, "\u2190 only in A");
   }
-  return /* @__PURE__ */ React25.createElement(Text22, { color: "magenta" }, "\u2192 only in B");
+  return /* @__PURE__ */ React28.createElement(Text22, { color: "magenta" }, "\u2192 only in B");
 }
 function paneRecords(pair, side) {
   if (!pair) return [];
@@ -14456,7 +15360,7 @@ markdown report written to ${opts.mdPath}`);
     return;
   }
   if (wantTui) {
-    const { waitUntilExit } = render2(React26.createElement(DiffApp, { report }), {
+    const { waitUntilExit } = render2(React29.createElement(DiffApp, { report }), {
       exitOnCtrlC: true,
       patchConsole: false
     });
@@ -14597,16 +15501,16 @@ function pad2(s, width) {
 
 // src/cli/commands/replay.ts
 import { render as render3 } from "ink";
-import React28 from "react";
+import React31 from "react";
 
 // src/cli/ui/ReplayApp.tsx
-import { Box as Box24, Static as Static3, Text as Text23, useApp as useApp4, useInput as useInput7 } from "ink";
-import React27, { useMemo as useMemo4, useState as useState14 } from "react";
+import { Box as Box26, Static as Static3, Text as Text23, useApp as useApp4, useInput as useInput2 } from "ink";
+import React30, { useMemo as useMemo4, useState as useState14 } from "react";
 function ReplayApp({ meta, pages }) {
   const { exit: exit2 } = useApp4();
   const maxIdx = Math.max(0, pages.length - 1);
   const [idx, setIdx] = useState14(maxIdx);
-  useInput7((input, key) => {
+  useInput2((input, key) => {
     if (input === "q" || key.ctrl && input === "c") {
       exit2();
       return;
@@ -14641,14 +15545,14 @@ function ReplayApp({ meta, pages }) {
   const prefixHash = cumStats.prefixHashes.length === 1 ? cumStats.prefixHashes[0].slice(0, 16) : cumStats.prefixHashes.length === 0 ? "(untracked)" : `(churned \xD7${cumStats.prefixHashes.length})`;
   const currentPage = pages[idx];
   const progressLabel = pages.length === 0 ? "empty transcript" : `turn ${idx + 1} / ${pages.length}`;
-  return /* @__PURE__ */ React27.createElement(Box24, { flexDirection: "column" }, /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React30.createElement(Box26, { flexDirection: "column" }, /* @__PURE__ */ React30.createElement(
     StatsPanel,
     {
       summary,
       model: cumStats.models[0] ?? meta?.model ?? "?",
       prefixHash
     }
-  ), /* @__PURE__ */ React27.createElement(Box24, { flexDirection: "column", marginTop: 1, paddingX: 1 }, /* @__PURE__ */ React27.createElement(Box24, { justifyContent: "space-between" }, /* @__PURE__ */ React27.createElement(Text23, { color: "cyan", bold: true }, progressLabel), meta ? /* @__PURE__ */ React27.createElement(Text23, { dimColor: true }, meta.source, meta.task ? ` \xB7 ${meta.task}` : "", meta.mode ? ` \xB7 ${meta.mode}` : "") : null), currentPage ? /* @__PURE__ */ React27.createElement(Static3, { items: currentPage.records.map((rec, i) => ({ key: `${idx}-${i}`, rec })) }, ({ key, rec }) => /* @__PURE__ */ React27.createElement(RecordView, { key, rec })) : /* @__PURE__ */ React27.createElement(Text23, { dimColor: true, italic: true }, "no records")), /* @__PURE__ */ React27.createElement(Box24, { marginTop: 1, paddingX: 1, borderStyle: "single", borderColor: "gray" }, /* @__PURE__ */ React27.createElement(Text23, { dimColor: true }, /* @__PURE__ */ React27.createElement(Text23, { bold: true }, "j"), "/", /* @__PURE__ */ React27.createElement(Text23, { bold: true }, "\u2193"), "/", /* @__PURE__ */ React27.createElement(Text23, { bold: true }, "space"), " next \xB7 ", /* @__PURE__ */ React27.createElement(Text23, { bold: true }, "k"), "/", /* @__PURE__ */ React27.createElement(Text23, { bold: true }, "\u2191"), " prev \xB7 ", /* @__PURE__ */ React27.createElement(Text23, { bold: true }, "g"), " first \xB7 ", /* @__PURE__ */ React27.createElement(Text23, { bold: true }, "G"), " last \xB7", " ", /* @__PURE__ */ React27.createElement(Text23, { bold: true }, "q"), " quit")));
+  ), /* @__PURE__ */ React30.createElement(Box26, { flexDirection: "column", marginTop: 1, paddingX: 1 }, /* @__PURE__ */ React30.createElement(Box26, { justifyContent: "space-between" }, /* @__PURE__ */ React30.createElement(Text23, { color: "cyan", bold: true }, progressLabel), meta ? /* @__PURE__ */ React30.createElement(Text23, { dimColor: true }, meta.source, meta.task ? ` \xB7 ${meta.task}` : "", meta.mode ? ` \xB7 ${meta.mode}` : "") : null), currentPage ? /* @__PURE__ */ React30.createElement(Static3, { items: currentPage.records.map((rec, i) => ({ key: `${idx}-${i}`, rec })) }, ({ key, rec }) => /* @__PURE__ */ React30.createElement(RecordView, { key, rec })) : /* @__PURE__ */ React30.createElement(Text23, { dimColor: true, italic: true }, "no records")), /* @__PURE__ */ React30.createElement(Box26, { marginTop: 1, paddingX: 1, borderStyle: "single", borderColor: "gray" }, /* @__PURE__ */ React30.createElement(Text23, { dimColor: true }, /* @__PURE__ */ React30.createElement(Text23, { bold: true }, "j"), "/", /* @__PURE__ */ React30.createElement(Text23, { bold: true }, "\u2193"), "/", /* @__PURE__ */ React30.createElement(Text23, { bold: true }, "space"), " next \xB7 ", /* @__PURE__ */ React30.createElement(Text23, { bold: true }, "k"), "/", /* @__PURE__ */ React30.createElement(Text23, { bold: true }, "\u2191"), " prev \xB7 ", /* @__PURE__ */ React30.createElement(Text23, { bold: true }, "g"), " first \xB7 ", /* @__PURE__ */ React30.createElement(Text23, { bold: true }, "G"), " last \xB7", " ", /* @__PURE__ */ React30.createElement(Text23, { bold: true }, "q"), " quit")));
 }
 
 // src/cli/commands/replay.ts
@@ -14660,7 +15564,7 @@ async function replayCommand(opts) {
   }
   const { parsed } = replayFromFile(opts.path);
   const pages = groupRecordsByTurn(parsed.records);
-  const { waitUntilExit } = render3(React28.createElement(ReplayApp, { meta: parsed.meta, pages }), {
+  const { waitUntilExit } = render3(React31.createElement(ReplayApp, { meta: parsed.meta, pages }), {
     exitOnCtrlC: true,
     patchConsole: false
   });
@@ -14754,12 +15658,12 @@ function oneLine2(s, max = 200) {
 }
 
 // src/cli/commands/run.ts
-import { stdin, stdout } from "process";
+import { stdin as stdin2, stdout } from "process";
 import { createInterface } from "readline/promises";
 async function ensureApiKey() {
   const existing = loadApiKey();
   if (existing) return existing;
-  if (!stdin.isTTY) {
+  if (!stdin2.isTTY) {
     process.stderr.write(
       "DEEPSEEK_API_KEY is not set and stdin is not a TTY (cannot prompt).\nSet the env var, or run `reasonix chat` once interactively to save a key.\n"
     );
@@ -14768,7 +15672,7 @@ async function ensureApiKey() {
   process.stdout.write(
     "DeepSeek API key not configured.\nGet one at https://platform.deepseek.com/api_keys\n"
   );
-  const rl = createInterface({ input: stdin, output: stdout });
+  const rl = createInterface({ input: stdin2, output: stdout });
   try {
     while (true) {
       const answer = (await rl.question("API key \u203A ")).trim();
@@ -14965,12 +15869,12 @@ function truncate3(s, max) {
 
 // src/cli/commands/setup.tsx
 import { render as render4 } from "ink";
-import React30 from "react";
+import React33 from "react";
 
 // src/cli/ui/Wizard.tsx
-import { Box as Box25, Text as Text24, useApp as useApp5, useInput as useInput8 } from "ink";
+import { Box as Box27, Text as Text24, useApp as useApp5, useInput as useInput3 } from "ink";
 import TextInput2 from "ink-text-input";
-import React29, { useState as useState15 } from "react";
+import React32, { useState as useState15 } from "react";
 
 // src/cli/ui/presets.ts
 var PRESETS = {
@@ -15014,11 +15918,11 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
     catalogArgs: {}
   });
   const [error, setError] = useState15(null);
-  useInput8((_input, key) => {
+  useInput3((_input, key) => {
     if (key.escape && step !== "saved" && onCancel) onCancel();
   });
   if (step === "apiKey") {
-    return /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React32.createElement(
       ApiKeyStep,
       {
         onSubmit: (key) => {
@@ -15032,7 +15936,7 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
     );
   }
   if (step === "preset") {
-    return /* @__PURE__ */ React29.createElement(StepFrame, { title: "Pick a preset", step: 1, total: 3 }, /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React32.createElement(StepFrame, { title: "Pick a preset", step: 1, total: 3 }, /* @__PURE__ */ React32.createElement(
       SingleSelect,
       {
         items: presetItems(),
@@ -15042,10 +15946,10 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
           setStep("mcp");
         }
       }
-    ), /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text24, { dimColor: true }, "[\u2191\u2193] navigate \xB7 [Enter] confirm \xB7 [Esc] cancel")));
+    ), /* @__PURE__ */ React32.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text24, { dimColor: true }, "[\u2191\u2193] navigate \xB7 [Enter] confirm \xB7 [Esc] cancel")));
   }
   if (step === "mcp") {
-    return /* @__PURE__ */ React29.createElement(StepFrame, { title: "Which MCP servers should Reasonix wire up for you?", step: 2, total: 3 }, /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React32.createElement(StepFrame, { title: "Which MCP servers should Reasonix wire up for you?", step: 2, total: 3 }, /* @__PURE__ */ React32.createElement(
       MultiSelect,
       {
         items: mcpItems(),
@@ -15070,7 +15974,7 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
     }
     const currentName = pending[0];
     const entry = CATALOG_BY_NAME.get(currentName);
-    return /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React32.createElement(
       McpArgsStep,
       {
         entry,
@@ -15088,7 +15992,7 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
   }
   if (step === "review") {
     const specs = data.selectedCatalog.map((name) => buildSpec(name, data.catalogArgs));
-    return /* @__PURE__ */ React29.createElement(StepFrame, { title: "Ready to save", step: 3, total: 3 }, /* @__PURE__ */ React29.createElement(Box25, { flexDirection: "column" }, /* @__PURE__ */ React29.createElement(SummaryLine, { label: "API key", value: redactKey(data.apiKey) }), /* @__PURE__ */ React29.createElement(SummaryLine, { label: "Preset", value: data.preset }), /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React32.createElement(StepFrame, { title: "Ready to save", step: 3, total: 3 }, /* @__PURE__ */ React32.createElement(Box27, { flexDirection: "column" }, /* @__PURE__ */ React32.createElement(SummaryLine, { label: "API key", value: redactKey(data.apiKey) }), /* @__PURE__ */ React32.createElement(SummaryLine, { label: "Preset", value: data.preset }), /* @__PURE__ */ React32.createElement(
       SummaryLine,
       {
         label: "MCP",
@@ -15096,8 +16000,8 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
       }
     ), specs.map((spec, i) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: review-only render, order fixed
-      /* @__PURE__ */ React29.createElement(Box25, { key: i, paddingLeft: 14 }, /* @__PURE__ */ React29.createElement(Text24, { dimColor: true }, "\xB7 ", spec))
-    )), /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text24, null, "Saves to ", defaultConfigPath())), error ? /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text24, { color: "red" }, error)) : null, /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text24, { dimColor: true }, "[Enter] save \xB7 [Esc] cancel"))), /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React32.createElement(Box27, { key: i, paddingLeft: 14 }, /* @__PURE__ */ React32.createElement(Text24, { dimColor: true }, "\xB7 ", spec))
+    )), /* @__PURE__ */ React32.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text24, null, "Saves to ", defaultConfigPath())), error ? /* @__PURE__ */ React32.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text24, { color: "red" }, error)) : null, /* @__PURE__ */ React32.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text24, { dimColor: true }, "[Enter] save \xB7 [Esc] cancel"))), /* @__PURE__ */ React32.createElement(
       ReviewConfirm,
       {
         onConfirm: () => {
@@ -15123,7 +16027,7 @@ function Wizard({ onComplete, onCancel, existingApiKey, initial }) {
       }
     ));
   }
-  return /* @__PURE__ */ React29.createElement(Box25, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1 }, /* @__PURE__ */ React29.createElement(Text24, { bold: true, color: "green" }, "\u25B8 Saved."), /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text24, null, "Run `reasonix` any time to start chatting \u2014 your settings are remembered.")), /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text24, { dimColor: true }, "[Enter] to exit")), /* @__PURE__ */ React29.createElement(ExitOnEnter, { onExit: exit2 }));
+  return /* @__PURE__ */ React32.createElement(Box27, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1 }, /* @__PURE__ */ React32.createElement(Text24, { bold: true, color: "green" }, "\u25B8 Saved."), /* @__PURE__ */ React32.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text24, null, "Run `reasonix` any time to start chatting \u2014 your settings are remembered.")), /* @__PURE__ */ React32.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text24, { dimColor: true }, "[Enter] to exit")), /* @__PURE__ */ React32.createElement(ExitOnEnter, { onExit: exit2 }));
 }
 function ApiKeyStep({
   onSubmit,
@@ -15131,7 +16035,7 @@ function ApiKeyStep({
   onError
 }) {
   const [value, setValue] = useState15("");
-  return /* @__PURE__ */ React29.createElement(Box25, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React29.createElement(Text24, { bold: true, color: "cyan" }, "Welcome to Reasonix."), /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text24, null, "Paste your DeepSeek API key to get started.")), /* @__PURE__ */ React29.createElement(Text24, { dimColor: true }, "Get one (free credit on signup): https://platform.deepseek.com/api_keys"), /* @__PURE__ */ React29.createElement(Text24, { dimColor: true }, "Saved locally to ", defaultConfigPath()), /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text24, { bold: true, color: "cyan" }, "key \u203A "), /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React32.createElement(Box27, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React32.createElement(Text24, { bold: true, color: "cyan" }, "Welcome to Reasonix."), /* @__PURE__ */ React32.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text24, null, "Paste your DeepSeek API key to get started.")), /* @__PURE__ */ React32.createElement(Text24, { dimColor: true }, "Get one (free credit on signup): https://platform.deepseek.com/api_keys"), /* @__PURE__ */ React32.createElement(Text24, { dimColor: true }, "Saved locally to ", defaultConfigPath()), /* @__PURE__ */ React32.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text24, { bold: true, color: "cyan" }, "key \u203A "), /* @__PURE__ */ React32.createElement(
     TextInput2,
     {
       value,
@@ -15148,7 +16052,7 @@ function ApiKeyStep({
       mask: "\u2022",
       placeholder: "sk-..."
     }
-  )), error ? /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text24, { color: "red" }, error)) : value ? /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text24, { dimColor: true }, "preview: ", redactKey(value))) : null);
+  )), error ? /* @__PURE__ */ React32.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text24, { color: "red" }, error)) : value ? /* @__PURE__ */ React32.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text24, { dimColor: true }, "preview: ", redactKey(value))) : null);
 }
 function McpArgsStep({
   entry,
@@ -15157,7 +16061,7 @@ function McpArgsStep({
   onError
 }) {
   const [value, setValue] = useState15("");
-  return /* @__PURE__ */ React29.createElement(StepFrame, { title: `Configure ${entry.name}`, step: 2, total: 3 }, /* @__PURE__ */ React29.createElement(Box25, { flexDirection: "column" }, /* @__PURE__ */ React29.createElement(Text24, null, entry.summary), entry.note ? /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text24, { dimColor: true }, entry.note)) : null, /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text24, null, "Required parameter: "), /* @__PURE__ */ React29.createElement(Text24, { bold: true }, entry.userArgs)), /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text24, { bold: true, color: "cyan" }, entry.userArgs, " \u203A "), /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React32.createElement(StepFrame, { title: `Configure ${entry.name}`, step: 2, total: 3 }, /* @__PURE__ */ React32.createElement(Box27, { flexDirection: "column" }, /* @__PURE__ */ React32.createElement(Text24, null, entry.summary), entry.note ? /* @__PURE__ */ React32.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text24, { dimColor: true }, entry.note)) : null, /* @__PURE__ */ React32.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text24, null, "Required parameter: "), /* @__PURE__ */ React32.createElement(Text24, { bold: true }, entry.userArgs)), /* @__PURE__ */ React32.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text24, { bold: true, color: "cyan" }, entry.userArgs, " \u203A "), /* @__PURE__ */ React32.createElement(
     TextInput2,
     {
       value,
@@ -15173,16 +16077,16 @@ function McpArgsStep({
       },
       placeholder: placeholderFor(entry)
     }
-  )), error ? /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1 }, /* @__PURE__ */ React29.createElement(Text24, { color: "red" }, error)) : null));
+  )), error ? /* @__PURE__ */ React32.createElement(Box27, { marginTop: 1 }, /* @__PURE__ */ React32.createElement(Text24, { color: "red" }, error)) : null));
 }
 function ReviewConfirm({ onConfirm }) {
-  useInput8((_i, key) => {
+  useInput3((_i, key) => {
     if (key.return) onConfirm();
   });
   return null;
 }
 function ExitOnEnter({ onExit }) {
-  useInput8((_i, key) => {
+  useInput3((_i, key) => {
     if (key.return) onExit();
   });
   return null;
@@ -15193,10 +16097,10 @@ function StepFrame({
   total,
   children
 }) {
-  return /* @__PURE__ */ React29.createElement(Box25, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React29.createElement(Box25, null, /* @__PURE__ */ React29.createElement(Text24, { dimColor: true }, "Step ", step, "/", total, " \xB7", " "), /* @__PURE__ */ React29.createElement(Text24, { bold: true, color: "cyan" }, title)), /* @__PURE__ */ React29.createElement(Box25, { marginTop: 1, flexDirection: "column" }, children));
+  return /* @__PURE__ */ React32.createElement(Box27, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1 }, /* @__PURE__ */ React32.createElement(Box27, null, /* @__PURE__ */ React32.createElement(Text24, { dimColor: true }, "Step ", step, "/", total, " \xB7", " "), /* @__PURE__ */ React32.createElement(Text24, { bold: true, color: "cyan" }, title)), /* @__PURE__ */ React32.createElement(Box27, { marginTop: 1, flexDirection: "column" }, children));
 }
 function SummaryLine({ label, value }) {
-  return /* @__PURE__ */ React29.createElement(Box25, null, /* @__PURE__ */ React29.createElement(Text24, null, label.padEnd(12)), /* @__PURE__ */ React29.createElement(Text24, { bold: true }, value));
+  return /* @__PURE__ */ React32.createElement(Box27, null, /* @__PURE__ */ React32.createElement(Text24, null, label.padEnd(12)), /* @__PURE__ */ React32.createElement(Text24, { bold: true }, value));
 }
 function presetItems() {
   return ["fast", "smart", "max"].map((name) => ({
@@ -15252,7 +16156,7 @@ async function setupCommand(_opts = {}) {
   const existingKey = loadApiKey();
   const existing = readConfig();
   const { waitUntilExit, unmount } = render4(
-    /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React33.createElement(
       Wizard,
       {
         existingApiKey: existingKey,