@botconnector/bccli 0.4.5 → 0.4.7

package/dist/{ui-SMY7QSFF.js → ui-A7DY4X4E.js}

@@ -2,14 +2,14 @@
 import {
   CATALOG,
   fillTemplate
-} from "./chunk-XQVEAF3F.js";
+} from "./chunk-HR7T3BY2.js";
 import {
   MAX_VERIFY_ROUNDS,
   runVerify,
   toolLabel,
   verifyFollowup,
   worktreeListText
-} from "./chunk-D7GAZKXT.js";
+} from "./chunk-SE6SM2EI.js";
 import {
   BUILTIN_AGENTS,
   appendMemory,
@@ -24,7 +24,7 @@ import {
   runCommand,
   runHooks,
   validateGlobPattern
-} from "./chunk-NSARPM5C.js";
+} from "./chunk-CSIQDFEF.js";
 import "./chunk-PSO7R5AD.js";
 import {
   nextMode,
@@ -34,39 +34,39 @@ import {
   hasKey,
   providerName,
   writeGlobalConfig
-} from "./chunk-27REMLDV.js";
+} from "./chunk-34Z6BXTO.js";
 import {
   Session
-} from "./chunk-YNI4GHBI.js";
+} from "./chunk-Y57FCAGM.js";
 import {
   contentText
-} from "./chunk-BR63GX6T.js";
+} from "./chunk-L5FKXSFK.js";
 import {
   REASONING_LEVELS,
   assertReasoningSupported,
   parseReasoningLevel,
   supportedReasoningLevels
-} from "./chunk-XSUFHD67.js";
+} from "./chunk-EAR2C6TS.js";
 import {
   addGlobalServer,
   globalMcpPath,
   readMcpFile,
   removeGlobalServer
-} from "./chunk-WTCWBY2D.js";
+} from "./chunk-54PFT7F5.js";
 import {
   ACCENT,
   PRESETS,
   color,
   matchKeybind,
   removeCredential
-} from "./chunk-AK6TWKET.js";
+} from "./chunk-T5Z3FCT2.js";
 import {
   getLanguage,
   locale,
   parseLang,
   setLanguage,
   t
-} from "./chunk-EOOWV6C6.js";
+} from "./chunk-XCVYR5BK.js";
 
 // src/ui/index.tsx
 import { render } from "ink";
@@ -77,11 +77,12 @@ import { existsSync as existsSync3, mkdirSync, readFileSync as readFileSync2, wr
 import { homedir, tmpdir } from "os";
 import { dirname, join as join3, relative as relative2, resolve as resolve2 } from "path";
 import { Box as Box13, Static, Text as Text16, measureElement, useApp, useInput as useInput9, useStdin, useStdout as useStdout2 } from "ink";
-import { useCallback, useEffect as useEffect3, useRef, useState as useState8 } from "react";
+import { useCallback, useEffect as useEffect3, useRef as useRef2, useState as useState10 } from "react";
 
 // src/commands.ts
 var SLASH_COMMANDS = [
   { name: "help", description: "list of commands and shortcuts" },
+  { name: "thinking", description: "show/hide the model\u2019s thinking" },
   { name: "model", description: "change model" },
   { name: "reasoning", description: "set reasoning: auto/off/low/medium/high/max" },
   { name: "provider", description: "add/choose an AI provider" },
@@ -775,14 +776,38 @@ function masked(s) {
 
 // src/ui/EditableText.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var MAX_VISIBLE_LINES = 10;
+function windowedState(s) {
+  const lines = s.value.split("\n");
+  if (lines.length <= MAX_VISIBLE_LINES) return { view: s, hiddenAbove: 0, hiddenBelow: 0 };
+  const cursorLine = s.value.slice(0, s.cursor).split("\n").length - 1;
+  const startLine = Math.max(0, Math.min(cursorLine - Math.floor(MAX_VISIBLE_LINES / 2), lines.length - MAX_VISIBLE_LINES));
+  const endLine = Math.min(lines.length, startLine + MAX_VISIBLE_LINES);
+  let charStart = 0;
+  for (let i = 0; i < startLine; i++) charStart += lines[i].length + 1;
+  const sliced = lines.slice(startLine, endLine).join("\n");
+  const relCursor = Math.max(0, Math.min(sliced.length, s.cursor - charStart));
+  return {
+    view: { value: sliced, cursor: relCursor },
+    hiddenAbove: startLine,
+    hiddenBelow: lines.length - endLine
+  };
+}
 function EditableText({ state, mask = false, showCursor = true }) {
-  const view = mask ? masked(state) : state;
-  if (!showCursor) return /* @__PURE__ */ jsx2(Fragment, { children: view.value });
+  const raw = mask ? masked(state) : state;
+  const { view, hiddenAbove, hiddenBelow } = windowedState(raw);
+  const prefix = hiddenAbove > 0 ? `\u2026 (+${hiddenAbove} lines above)
+` : "";
+  const suffix = hiddenBelow > 0 ? `
+\u2026 (+${hiddenBelow} lines below)` : "";
+  if (!showCursor) return /* @__PURE__ */ jsx2(Fragment, { children: `${prefix}${view.value}${suffix}` });
   const { before, at, after } = splitAtCursor(view);
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    prefix ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: prefix }) : null,
     before,
     /* @__PURE__ */ jsx2(Text2, { inverse: true, children: at }),
-    after
+    after,
+    suffix ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: suffix }) : null
   ] });
 }
 
@@ -817,10 +842,23 @@ function clickedThinking(click, cursorRow, rootHeight, target) {
   const origin = cursorRow - rootHeight + 1;
   const row = origin + target.y;
   const col = target.x + 1;
-  return (click.y === row || click.y === row - 1) && click.x >= col && click.x < col + Math.min(target.width, 46);
+  return (click.y === row || click.y === row - 1) && click.x >= col && click.x < col + Math.min(target.width, 72);
+}
+function parseMouseWheel(input) {
+  const match = /^\[<?(\d+);\d+;\d+[mM]$/.exec(input);
+  if (!match) return void 0;
+  const button = Number(match[1]);
+  if ((button & 64) === 0) return void 0;
+  const dir = button & 3;
+  if (dir === 0) return "up";
+  if (dir === 1) return "down";
+  return void 0;
+}
+function hasMouseWheelSequence(chunk) {
+  return chunk.includes("\x1B[") && /\[<?6[4567];\d+;\d+[mM]/.test(chunk);
 }
 function isMouseControlInput(input) {
-  return /^\[<(?:\d+;){2}\d+[mM]$/.test(input) || /^\[(?:\d+;)\d+R$/.test(input);
+  return /^\[<[\d;]*[mM]?$/.test(input) || /^\[(?:\d+;){2}\d+[mM]$/.test(input) || /^\[(?:\d+;)+\d*R?$/.test(input) || /^\[M[\s\S]{0,3}$/.test(input) || input.includes("\x1B[<");
 }
 function parseThinkingReports(value) {
   const events = [];
@@ -875,9 +913,20 @@ function ListPicker({ title, items, onPick }) {
   const shown = items.filter((i) => i.label.toLowerCase().includes(filter.toLowerCase()));
   const cursor = Math.min(index, Math.max(0, shown.length - 1));
   useInput2((input, key) => {
+    const wheel = parseMouseWheel(input);
+    if (wheel === "up") {
+      setIndex(Math.max(0, cursor - 1));
+      return;
+    }
+    if (wheel === "down") {
+      setIndex(Math.min(Math.max(0, shown.length - 1), cursor + 1));
+      return;
+    }
     if (isMouseControlInput(input)) return;
     if (key.upArrow) setIndex(Math.max(0, cursor - 1));
-    else if (key.downArrow) setIndex(Math.min(shown.length - 1, cursor + 1));
+    else if (key.downArrow) setIndex(Math.min(Math.max(0, shown.length - 1), cursor + 1));
+    else if (key.pageUp) setIndex(Math.max(0, cursor - VISIBLE));
+    else if (key.pageDown) setIndex(Math.min(Math.max(0, shown.length - 1), cursor + VISIBLE));
     else if (key.return && !shown[cursor]?.disabled) onPick(shown[cursor]?.id);
     else if (key.escape) onPick(void 0);
     else if (key.backspace || key.delete) {
@@ -917,11 +966,23 @@ function ModelPicker({ groups, current, onPick }) {
     for (const m of models) rows.push({ kind: "model", ref: `${g.providerId}/${m}`, label: m });
   }
   const selectable = rows.flatMap((r, i) => r.kind === "model" ? [i] : []);
-  const cursor = selectable[Math.min(index, selectable.length - 1)] ?? -1;
+  const clampedIndex = Math.min(index, Math.max(0, selectable.length - 1));
+  const cursor = selectable[clampedIndex] ?? -1;
   useInput3((input, key) => {
+    const wheel = parseMouseWheel(input);
+    if (wheel === "up") {
+      setIndex(Math.max(0, clampedIndex - 1));
+      return;
+    }
+    if (wheel === "down") {
+      setIndex(Math.min(Math.max(0, selectable.length - 1), clampedIndex + 1));
+      return;
+    }
     if (isMouseControlInput(input)) return;
-    if (key.upArrow) setIndex((i) => Math.max(0, i - 1));
-    else if (key.downArrow) setIndex((i) => Math.min(selectable.length - 1, i + 1));
+    if (key.upArrow) setIndex(Math.max(0, clampedIndex - 1));
+    else if (key.downArrow) setIndex(Math.min(Math.max(0, selectable.length - 1), clampedIndex + 1));
+    else if (key.pageUp) setIndex(Math.max(0, clampedIndex - VISIBLE2));
+    else if (key.pageDown) setIndex(Math.min(Math.max(0, selectable.length - 1), clampedIndex + VISIBLE2));
     else if (key.return) {
       const row = rows[cursor];
       if (row?.kind === "model") onPick(row.ref);
@@ -952,9 +1013,21 @@ import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function ProviderMenu({ entries, onPick }) {
   const rows = [...entries.map((e) => e.id), "custom"];
   const [index, setIndex] = useState4(0);
-  useInput4((_input, key) => {
+  useInput4((input, key) => {
+    const wheel = parseMouseWheel(input);
+    if (wheel === "up") {
+      setIndex((i) => Math.max(0, i - 1));
+      return;
+    }
+    if (wheel === "down") {
+      setIndex((i) => Math.min(rows.length - 1, i + 1));
+      return;
+    }
+    if (isMouseControlInput(input) || isFocusReport(input)) return;
     if (key.upArrow) setIndex((i) => Math.max(0, i - 1));
     else if (key.downArrow) setIndex((i) => Math.min(rows.length - 1, i + 1));
+    else if (key.pageUp) setIndex((i) => Math.max(0, i - 10));
+    else if (key.pageDown) setIndex((i) => Math.min(rows.length - 1, i + 10));
     else if (key.return) onPick(rows[index]);
     else if (key.escape) onPick(void 0);
   });
@@ -970,6 +1043,7 @@ function ProviderMenu({ entries, onPick }) {
 
 // src/ui/PermissionPrompt.tsx
 import { Box as Box7, Text as Text8, useInput as useInput5 } from "ink";
+import { useState as useState5 } from "react";
 
 // src/ui/DiffView.tsx
 import { Box as Box6, Text as Text7 } from "ink";
@@ -985,11 +1059,41 @@ function DiffView({ diff }) {
 // src/ui/PermissionPrompt.tsx
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var VERB = { edit: "edit", write: "write", bash: "run", fetch: "fetch" };
+var MAX_DIFF_LINES = 16;
 function PermissionPrompt({
   request,
   onAnswer
 }) {
+  const diffLines = request.preview ? request.preview.split("\n") : [];
+  const maxOffset = Math.max(0, diffLines.length - MAX_DIFF_LINES);
+  const [offset, setOffset] = useState5(0);
   useInput5((input, key) => {
+    const wheel = parseMouseWheel(input);
+    if (wheel === "up") {
+      setOffset((o) => Math.max(0, o - 2));
+      return;
+    }
+    if (wheel === "down") {
+      setOffset((o) => Math.min(maxOffset, o + 2));
+      return;
+    }
+    if (isMouseControlInput(input) || isFocusReport(input)) return;
+    if (key.upArrow) {
+      setOffset((o) => Math.max(0, o - 1));
+      return;
+    }
+    if (key.downArrow) {
+      setOffset((o) => Math.min(maxOffset, o + 1));
+      return;
+    }
+    if (key.pageUp) {
+      setOffset((o) => Math.max(0, o - MAX_DIFF_LINES));
+      return;
+    }
+    if (key.pageDown) {
+      setOffset((o) => Math.min(maxOffset, o + MAX_DIFF_LINES));
+      return;
+    }
     const k2 = input.toLowerCase();
     if (k2 === "y") onAnswer("yes");
     else if (k2 === "a" && request.sessionRules?.length) onAnswer("session");
@@ -998,9 +1102,11 @@ function PermissionPrompt({
   });
   const rules = request.sessionRules ?? [];
   const sessionLabel = !rules.length ? null : request.kind === "edit" ? t("yes for all edits in this project, this session") : t("yes this session for {rules}", { rules: rules.join(", ") });
+  const visibleDiff = diffLines.length > MAX_DIFF_LINES ? diffLines.slice(offset, offset + MAX_DIFF_LINES).join("\n") : request.preview;
   return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", borderStyle: "round", borderColor: color("yellow"), paddingX: 1, children: [
     /* @__PURE__ */ jsx8(Text8, { bold: true, children: `${request.agent ? `[${request.agent}] ` : ""}${t("Allow {verb} {target}?", { verb: t(VERB[request.tool] ?? request.tool), target: request.target })}` }),
-    request.preview ? /* @__PURE__ */ jsx8(DiffView, { diff: request.preview }) : null,
+    visibleDiff ? /* @__PURE__ */ jsx8(DiffView, { diff: visibleDiff }) : null,
+    diffLines.length > MAX_DIFF_LINES ? /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: `\u2191\u2193 scroll (${offset + 1}\u2013${Math.min(diffLines.length, offset + MAX_DIFF_LINES)} / ${diffLines.length})` }) : null,
     /* @__PURE__ */ jsxs7(Text8, { children: [
       /* @__PURE__ */ jsx8(Text8, { color: color("green"), children: t("[y] yes") }),
       "   ",
@@ -1013,19 +1119,19 @@ function PermissionPrompt({
 
 // src/ui/PromptInput.tsx
 import { Box as Box8, Text as Text9, useInput as useInput6 } from "ink";
-import { useEffect, useState as useState5 } from "react";
+import { useEffect, useRef, useState as useState6 } from "react";
 
 // src/ui/complete.ts
 import { existsSync, globSync, readFileSync, statSync } from "fs";
 import { isAbsolute, join, relative, resolve } from "path";
 var MAX_ATTACH_BYTES = 32768;
-function completeFile(value, cwd) {
+function listFileSuggestions(value, cwd, limit = 8) {
   const match = /(^|\s)@([^\s]*)$/.exec(value);
-  if (!match) return value;
+  if (!match) return [];
   const prefix = match[2];
   const escaped = prefix.replace(/([*?[\]{}()!])/g, "\\$1");
   const pattern = `${escaped}*`;
-  if (validateGlobPattern(pattern)) return value;
+  if (validateGlobPattern(pattern)) return [];
   const exclude = ignorePatterns(cwd);
   const formatEntry = (entry2) => {
     const normalized = normalizeGlobPath(entry2);
@@ -1035,17 +1141,30 @@ function completeFile(value, cwd) {
       return normalized;
     }
   };
-  let found = globSync(pattern, { cwd, exclude }).map(formatEntry).sort();
-  if (!found.length && prefix && !prefix.includes("/")) {
-    const deepPattern = `**/*${escaped}*`;
-    if (!validateGlobPattern(deepPattern)) {
-      found = globSync(deepPattern, { cwd, exclude }).map(formatEntry).sort((a, b) => a.split("/").length - b.split("/").length || a.localeCompare(b));
+  try {
+    let found = globSync(pattern, { cwd, exclude }).map(formatEntry).sort();
+    if (!found.length && prefix && !prefix.includes("/")) {
+      const deepPattern = `**/*${escaped}*`;
+      if (!validateGlobPattern(deepPattern)) {
+        found = globSync(deepPattern, { cwd, exclude }).map(formatEntry).sort((a, b) => a.split("/").length - b.split("/").length || a.localeCompare(b));
+      }
     }
+    return found.slice(0, limit);
+  } catch {
+    return [];
   }
-  if (!found.length) return value;
-  const pick = found[0];
+}
+function applyFileSuggestion(value, pick) {
+  const match = /(^|\s)@([^\s]*)$/.exec(value);
+  if (!match) return value;
+  const prefix = match[2];
   return `${value.slice(0, value.length - prefix.length)}${pick}${pick.endsWith("/") ? "" : " "}`;
 }
+function completeFile(value, cwd) {
+  const found = listFileSuggestions(value, cwd, 1);
+  if (!found.length) return value;
+  return applyFileSuggestion(value, found[0]);
+}
 function expandAtFileMentions(prompt, cwd, readFiles) {
   const matches = [...prompt.matchAll(/(?:^|\s)@([^\s]+)/g)];
   if (!matches.length) return prompt;
@@ -1181,14 +1300,15 @@ ${s.value.slice(start)}`, cursor: start }, mode: "insert", handled: true };
 // src/ui/PromptInput.tsx
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function PromptInput({ disabled, history, cwd, onSubmit, extraCommands, injected, vim }) {
-  const [line, setLine] = useState5({ value: "", cursor: 0 });
+  const [line, setLine] = useState6({ value: "", cursor: 0 });
   const { value } = line;
-  const [historyIndex, setHistoryIndex] = useState5(null);
-  const [selected, setSelected] = useState5(0);
-  const [dismissed, setDismissed] = useState5(false);
-  const [vimMode, setVimMode] = useState5("insert");
-  const [vimPending, setVimPending] = useState5(void 0);
-  const injectedSeen = useState5(0);
+  const [historyIndex, setHistoryIndex] = useState6(null);
+  const draftRef = useRef("");
+  const [selected, setSelected] = useState6(0);
+  const [dismissed, setDismissed] = useState6(false);
+  const [vimMode, setVimMode] = useState6("insert");
+  const [vimPending, setVimPending] = useState6(void 0);
+  const injectedSeen = useState6(0);
   useEffect(() => {
     if (injected && injected.n !== injectedSeen[0]) {
       injectedSeen[1](injected.n);
@@ -1198,7 +1318,10 @@ function PromptInput({ disabled, history, cwd, onSubmit, extraCommands, injected
   }, [injected, injectedSeen]);
   const all = [...SLASH_COMMANDS, ...(extraCommands ?? []).filter((c) => !SLASH_COMMANDS.some((b) => b.name === c.name))];
   const suggestions = historyIndex === null && !dismissed && value.startsWith("/") && !/\s/.test(value) ? all.filter((c) => c.name.startsWith(value.slice(1))).slice(0, 8) : [];
-  const highlighted = Math.min(selected, Math.max(0, suggestions.length - 1));
+  const beforeCursor = value.slice(0, line.cursor);
+  const fileSuggestions = historyIndex === null && !dismissed && !suggestions.length && /(^|\s)@([^\s]*)$/.test(beforeCursor) ? listFileSuggestions(beforeCursor, cwd, 8) : [];
+  const activeCount = suggestions.length || fileSuggestions.length;
+  const highlighted = Math.min(selected, Math.max(0, activeCount - 1));
   const typed = (text) => ({ value: text, cursor: text.length });
   const edit = (next) => {
     setLine(next);
@@ -1208,6 +1331,13 @@ function PromptInput({ disabled, history, cwd, onSubmit, extraCommands, injected
   };
   useInput6(
     (input, key) => {
+      const wheel = parseMouseWheel(input);
+      if (wheel) {
+        if (activeCount > 0) {
+          setSelected((current) => wheel === "up" ? Math.max(0, Math.min(current, activeCount - 1) - 1) : Math.min(activeCount - 1, Math.min(current, activeCount - 1) + 1));
+        }
+        return;
+      }
       if (isMouseControlInput(input)) return;
       if (suggestions.length) {
         if (key.escape) {
@@ -1226,13 +1356,33 @@ function PromptInput({ disabled, history, cwd, onSubmit, extraCommands, injected
           edit(typed(`/${suggestions[highlighted].name} `));
           return;
         }
-        if (key.return && !key.meta) {
+        if (key.return && !key.meta && !key.shift) {
           edit(typed(""));
           setHistoryIndex(null);
+          draftRef.current = "";
           onSubmit(`/${suggestions[highlighted].name}`);
           return;
         }
       }
+      if (fileSuggestions.length) {
+        if (key.escape) {
+          setDismissed(true);
+          return;
+        }
+        if (key.upArrow) {
+          setSelected(Math.max(0, highlighted - 1));
+          return;
+        }
+        if (key.downArrow) {
+          setSelected(Math.min(fileSuggestions.length - 1, highlighted + 1));
+          return;
+        }
+        if (key.tab && !key.shift) {
+          const completed = applyFileSuggestion(beforeCursor, fileSuggestions[highlighted]);
+          edit({ value: completed + value.slice(line.cursor), cursor: completed.length });
+          return;
+        }
+      }
       if (vim) {
         const r = applyVim(line, vimMode, input, key, vimPending);
         if (r.handled) {
@@ -1243,7 +1393,7 @@ function PromptInput({ disabled, history, cwd, onSubmit, extraCommands, injected
           return;
         }
       }
-      if (key.return && key.meta || key.ctrl && input.toLowerCase() === "j") {
+      if (key.return && (key.meta || key.shift) || key.ctrl && input.toLowerCase() === "j" || input === "\n") {
         edit((current) => insert(current, "\n"));
         return;
       }
@@ -1258,6 +1408,7 @@ ${value.slice(line.cursor)}`, cursor: before.length });
         if (!text2) return;
         edit(typed(""));
         setHistoryIndex(null);
+        draftRef.current = "";
         setVimMode("insert");
         setVimPending(void 0);
         onSubmit(text2);
@@ -1277,6 +1428,7 @@ ${value.slice(line.cursor)}`, cursor: before.length });
       }
       if (key.upArrow) {
         if (!history.length) return;
+        if (historyIndex === null) draftRef.current = value;
         const i = historyIndex === null ? history.length - 1 : Math.max(0, historyIndex - 1);
         setHistoryIndex(i);
         setLine(typed(history[i]));
@@ -1286,7 +1438,7 @@ ${value.slice(line.cursor)}`, cursor: before.length });
         if (historyIndex === null) return;
         const i = historyIndex + 1;
         setHistoryIndex(i >= history.length ? null : i);
-        setLine(typed(i >= history.length ? "" : history[i]));
+        setLine(typed(i >= history.length ? draftRef.current : history[i]));
         return;
       }
       if (key.tab && !key.shift) {
@@ -1310,17 +1462,18 @@ ${value.slice(line.cursor)}`, cursor: before.length });
         t("NORMAL")
       ] })
     ] }) }),
-    suggestions.map((s, i) => /* @__PURE__ */ jsx9(Text9, { color: i === highlighted ? color("green") : void 0, dimColor: i !== highlighted, children: `${i === highlighted ? "\u203A" : " "} /${s.name}  ${t(s.description)}` }, s.name))
+    suggestions.map((s, i) => /* @__PURE__ */ jsx9(Text9, { color: i === highlighted ? color("green") : void 0, dimColor: i !== highlighted, children: `${i === highlighted ? "\u203A" : " "} /${s.name}  ${t(s.description)}` }, s.name)),
+    fileSuggestions.map((f, i) => /* @__PURE__ */ jsx9(Text9, { color: i === highlighted ? color("green") : void 0, dimColor: i !== highlighted, children: `${i === highlighted ? "\u203A" : " "} @${f}` }, f))
   ] });
 }
 
 // src/ui/Spinner.tsx
 import { Text as Text10 } from "ink";
-import { useEffect as useEffect2, useState as useState6 } from "react";
+import { useEffect as useEffect2, useState as useState7 } from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var FRAMES = ["\xB7", "\u2722", "\u2733", "\u2736", "\u273B", "\u273D"];
 function Spinner({ label, startedAt }) {
-  const [tick, setTick] = useState6(0);
+  const [tick, setTick] = useState7(0);
   useEffect2(() => {
     const id = setInterval(() => setTick((t2) => t2 + 1), 120);
     return () => clearInterval(id);
@@ -1348,14 +1501,26 @@ function StatusBar({ mode, tokens, busy, model, reasoning = "auto" }) {
 
 // src/ui/McpMenu.tsx
 import { Box as Box9, Text as Text12, useInput as useInput7 } from "ink";
-import { useState as useState7 } from "react";
+import { useState as useState8 } from "react";
 import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var MARK = { ready: "\u2713", error: "\u2717", starting: "\u2026", off: "\u25CB" };
 function McpMenu({ items, onPick }) {
-  const [index, setIndex] = useState7(0);
-  useInput7((_input, key) => {
+  const [index, setIndex] = useState8(0);
+  useInput7((input, key) => {
+    const wheel = parseMouseWheel(input);
+    if (wheel === "up") {
+      setIndex((i) => Math.max(0, i - 1));
+      return;
+    }
+    if (wheel === "down") {
+      setIndex((i) => Math.min(items.length - 1, i + 1));
+      return;
+    }
+    if (isMouseControlInput(input) || isFocusReport(input)) return;
     if (key.upArrow) setIndex((i) => Math.max(0, i - 1));
     else if (key.downArrow) setIndex((i) => Math.min(items.length - 1, i + 1));
+    else if (key.pageUp) setIndex((i) => Math.max(0, i - 10));
+    else if (key.pageDown) setIndex((i) => Math.min(items.length - 1, i + 10));
     else if (key.return) onPick(items[index]?.name);
     else if (key.escape) onPick(void 0);
   });
@@ -1370,17 +1535,50 @@ function McpMenu({ items, onPick }) {
 
 // src/ui/PlanApproval.tsx
 import { Box as Box10, Text as Text13, useInput as useInput8 } from "ink";
+import { useState as useState9 } from "react";
 import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+var MAX_PLAN_LINES = 16;
 function PlanApproval({ plan, onAnswer }) {
+  const planLines = plan.split("\n");
+  const maxOffset = Math.max(0, planLines.length - MAX_PLAN_LINES);
+  const [offset, setOffset] = useState9(0);
   useInput8((input, key) => {
+    const wheel = parseMouseWheel(input);
+    if (wheel === "up") {
+      setOffset((o) => Math.max(0, o - 2));
+      return;
+    }
+    if (wheel === "down") {
+      setOffset((o) => Math.min(maxOffset, o + 2));
+      return;
+    }
+    if (isMouseControlInput(input) || isFocusReport(input)) return;
+    if (key.upArrow) {
+      setOffset((o) => Math.max(0, o - 1));
+      return;
+    }
+    if (key.downArrow) {
+      setOffset((o) => Math.min(maxOffset, o + 1));
+      return;
+    }
+    if (key.pageUp) {
+      setOffset((o) => Math.max(0, o - MAX_PLAN_LINES));
+      return;
+    }
+    if (key.pageDown) {
+      setOffset((o) => Math.min(maxOffset, o + MAX_PLAN_LINES));
+      return;
+    }
     const k2 = input.toLowerCase();
     if (k2 === "a") onAnswer("acceptEdits");
     else if (k2 === "y") onAnswer("default");
     else if (k2 === "n" || key.escape) onAnswer("no");
   });
+  const visiblePlan = planLines.length > MAX_PLAN_LINES ? planLines.slice(offset, offset + MAX_PLAN_LINES).join("\n") : plan;
   return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
     /* @__PURE__ */ jsx13(Text13, { bold: true, children: t("Plan from the agent") }),
-    /* @__PURE__ */ jsx13(Markdown, { text: plan, indent: 5 }),
+    /* @__PURE__ */ jsx13(Markdown, { text: visiblePlan, indent: 5 }),
+    planLines.length > MAX_PLAN_LINES ? /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: `\u2191\u2193 scroll (${offset + 1}\u2013${Math.min(planLines.length, offset + MAX_PLAN_LINES)} / ${planLines.length})` }) : null,
     /* @__PURE__ */ jsxs10(Text13, { children: [
       /* @__PURE__ */ jsx13(Text13, { color: color("green"), children: t("[a] yes, auto-edit") }),
       "   ",
@@ -1402,8 +1600,9 @@ function TodoList({ items }) {
 
 // src/ui/ToolBlock.tsx
 import { Box as Box12, Text as Text15 } from "ink";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var PREVIEW_LINES = 5;
+var DIFF_PREVIEW_LINES = 20;
 function ToolBlock({ tool, target, output, display, isError, done, expanded, sub, moreBind = "ctrl+o" }) {
   const isTask = tool === "task";
   const isDiff = !!display && /^\s*\d+ [+\- ] /.test(display);
@@ -1421,7 +1620,14 @@ function ToolBlock({ tool, target, output, display, isError, done, expanded, sub
       sub.length > 6 ? /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: t("\u2026 {n} earlier steps", { n: sub.length - 6 }) }) : null
     ] }) : null,
     isTask && done ? /* @__PURE__ */ jsx15(Box12, { marginLeft: 3, children: /* @__PURE__ */ jsx15(Text15, { color: isError ? color("red") : color("green"), children: `${isError ? t("\u2717 failed") : t("\u2713 done")}${display ? ` \xB7 ${display}` : ""}` }) }) : null,
-    isDiff ? /* @__PURE__ */ jsx15(Box12, { marginLeft: 3, children: /* @__PURE__ */ jsx15(DiffView, { diff: display }) }) : output && (isError || tool === "bash" || expanded) && !(isTask && !isError) ? /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", marginLeft: 3, children: [
+    isDiff ? /* @__PURE__ */ jsx15(Box12, { flexDirection: "column", marginLeft: 3, children: (() => {
+      const diffLines = display.split("\n");
+      const shownDiff = expanded ? diffLines : diffLines.slice(0, DIFF_PREVIEW_LINES);
+      return /* @__PURE__ */ jsxs11(Fragment2, { children: [
+        /* @__PURE__ */ jsx15(DiffView, { diff: shownDiff.join("\n") }),
+        diffLines.length > shownDiff.length ? /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: t("\u2026 {n} more lines ({bind})", { n: diffLines.length - shownDiff.length, bind: moreBind }) }) : expanded && diffLines.length > DIFF_PREVIEW_LINES ? /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: t("\u2026 ({bind} to collapse)", { bind: moreBind }) }) : null
+      ] });
+    })() }) : output && (isError || tool === "bash" || expanded) && !(isTask && !isError) ? /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", marginLeft: 3, children: [
       shown.map((line, i) => /* @__PURE__ */ jsx15(Text15, { dimColor: !isError, color: isError ? color("red") : void 0, children: line }, i)),
       lines.length > shown.length ? /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: t("\u2026 {n} more lines ({bind})", { n: lines.length - shown.length, bind: moreBind }) }) : expanded && lines.length > PREVIEW_LINES ? /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: t("\u2026 ({bind} to collapse)", { bind: moreBind }) }) : null
     ] }) : null
@@ -1470,7 +1676,10 @@ function applyEvent(t2, event) {
     case "text": {
       const last = t2.live.at(-1);
       if (last?.kind === "assistant") return flushLines({ ...t2, live: [...t2.live.slice(0, -1), { ...last, text: last.text + event.delta }] });
-      return flushLines({ ...t2, live: [...t2.live, entry({ kind: "assistant", text: event.delta })] });
+      return flushLines({
+        done: [...t2.done, ...t2.live.filter((e) => !isEmptyCont(e))],
+        live: [entry({ kind: "assistant", text: event.delta })]
+      });
     }
     case "thinking": {
       const last = t2.live.at(-1);
@@ -1618,54 +1827,83 @@ var INIT_PROMPT = "Study this project (folder structure, package/build files, te
 var labelFor = (runtime, ref) => `${ref.slice(ref.indexOf("/") + 1)} \xB7 ${runtime.providerLabel()}`;
 function App({ runtime, initialPrompt, version, updateMessage }) {
   const { exit } = useApp();
-  const [transcript, setTranscript] = useState8(() => ({
+  const [transcript, setTranscript] = useState10(() => ({
     done: [entry({ kind: "header" }), ...updateMessage ? [entry({ kind: "notice", text: updateMessage, tone: "warn" })] : [], ...runtime.agent.messages.length ? replayEntries(runtime.session.loadHistory()) : []],
     live: []
   }));
-  const [busy, setBusy] = useState8(false);
-  const [cancelling, setCancelling] = useState8(false);
-  const [startedAt, setStartedAt] = useState8(0);
-  const [mode, setMode] = useState8(runtime.agent.permissions.mode);
-  const [reasoning, setReasoning] = useState8(runtime.reasoning);
-  const [tokens, setTokens] = useState8(runtime.agent.totalUsage.inputTokens + runtime.agent.totalUsage.outputTokens);
-  const [asks, setAsks] = useState8([]);
+  const [busy, setBusy] = useState10(false);
+  const [cancelling, setCancelling] = useState10(false);
+  const [startedAt, setStartedAt] = useState10(0);
+  const [mode, setMode] = useState10(runtime.agent.permissions.mode);
+  const [reasoning, setReasoning] = useState10(runtime.reasoning);
+  const [tokens, setTokens] = useState10(runtime.agent.totalUsage.inputTokens + runtime.agent.totalUsage.outputTokens);
+  const [asks, setAsks] = useState10([]);
   const pending = asks[0] ?? null;
-  const askId = useRef(0);
-  const [picker, setPicker] = useState8(null);
-  const [providerMenu, setProviderMenu] = useState8(null);
-  const [prompt, setPrompt] = useState8(null);
+  const askId = useRef2(0);
+  const [picker, setPicker] = useState10(null);
+  const [providerMenu, setProviderMenu] = useState10(null);
+  const [prompt, setPrompt] = useState10(null);
   const ask = useCallback((label, mask = false) => new Promise((resolve3) => setPrompt({ label, mask, resolve: resolve3 })), []);
-  const [modelLabel, setModelLabel] = useState8(() => labelFor(runtime, runtime.modelRef));
-  const [history, setHistory] = useState8([]);
-  const controller = useRef(null);
-  const [todos, setTodos] = useState8(runtime.todos.items);
-  const [mcpMenu, setMcpMenu] = useState8(null);
-  const [listPicker, setListPicker] = useState8(null);
-  const [planAsk, setPlanAsk] = useState8(null);
-  const [queued, setQueued] = useState8([]);
-  const [showThinking, setShowThinking] = useState8(runtime.config.thinkingVisible === true);
-  const showThinkingRef = useRef(showThinking);
-  const [showToolOutput, setShowToolOutput] = useState8(false);
-  const [, setConfigRev] = useState8(0);
+  const [modelLabel, setModelLabel] = useState10(() => labelFor(runtime, runtime.modelRef));
+  const [history, setHistory] = useState10([]);
+  const controller = useRef2(null);
+  const [todos, setTodos] = useState10(runtime.todos.items);
+  const [mcpMenu, setMcpMenu] = useState10(null);
+  const [listPicker, setListPicker] = useState10(null);
+  const [planAsk, setPlanAsk] = useState10(null);
+  const [queued, setQueued] = useState10([]);
+  const [showThinking, setShowThinking] = useState10(runtime.config.thinkingVisible === true);
+  const showThinkingRef = useRef2(showThinking);
+  const [showToolOutput, setShowToolOutput] = useState10(false);
+  const [staticKey, setStaticKey] = useState10(0);
+  const [, setConfigRev] = useState10(0);
   const lastUserIdx = transcript.done.findLastIndex((e) => e.kind === "user");
-  const staticDone = lastUserIdx > 0 ? transcript.done.slice(0, lastUserIdx) : [];
-  const activeTurnDone = lastUserIdx > 0 ? transcript.done.slice(lastUserIdx) : transcript.done;
-  const activeTurnEntries = [...activeTurnDone, ...transcript.live];
-  const lastThinkingEntryId = activeTurnEntries.findLast((e) => e.kind === "thinking" && !!e.text.trim())?.id;
-  const hasThinking = lastThinkingEntryId !== void 0;
   const { stdin } = useStdin();
   const { stdout } = useStdout2();
-  const liveRootRef = useRef(null);
-  const thinkingTargetRef = useRef(null);
-  const [injected, setInjected] = useState8();
+  const isRealTty = Boolean(stdout?.isTTY && "fd" in stdout);
+  const maxLiveLines = Math.max(8, (stdout?.rows ?? 24) - 10);
+  const maxSplitIdxRef = useRef2(0);
+  const refreshStatic = useCallback(() => {
+    if (stdout?.isTTY && "fd" in stdout) {
+      stdout.write("\x1B[2J\x1B[3J\x1B[H");
+    }
+    maxSplitIdxRef.current = 0;
+    setStaticKey((k2) => k2 + 1);
+  }, [stdout]);
+  let splitIdx = Math.max(maxSplitIdxRef.current, lastUserIdx > 0 ? lastUserIdx : 0);
+  if (isRealTty) {
+    const entryLines = (e) => {
+      if (e.kind === "thinking") return showThinking ? Math.min(maxLiveLines, e.text.split("\n").length + 2) : 2;
+      if (e.kind === "tool") return showToolOutput ? Math.min(maxLiveLines, (e.output ?? e.display ?? "").split("\n").length + 2) : 5;
+      if (e.kind === "assistant" || e.kind === "notice" || e.kind === "user") return e.text.split("\n").length + 1;
+      return 2;
+    };
+    const liveLines = transcript.live.reduce((acc, e) => acc + entryLines(e), 0);
+    let doneLines = transcript.done.slice(splitIdx).reduce((acc, e) => acc + entryLines(e), 0);
+    while (splitIdx < transcript.done.length - 1 && doneLines + liveLines > maxLiveLines) {
+      doneLines -= entryLines(transcript.done[splitIdx]);
+      splitIdx++;
+    }
+    maxSplitIdxRef.current = splitIdx;
+  }
+  const staticDone = transcript.done.slice(0, splitIdx);
+  const activeTurnDone = transcript.done.slice(splitIdx);
+  const activeTurnEntries = [...activeTurnDone, ...transcript.live];
+  const lastThinkingEntryId = activeTurnEntries.findLast((e) => e.kind === "thinking" && !!e.text.trim())?.id;
+  const hasThinking = lastThinkingEntryId !== void 0 || transcript.done.some((e) => e.kind === "thinking" && !!e.text.trim());
+  const liveRootRef = useRef2(null);
+  const thinkingTargetRef = useRef2(null);
+  const spinnerTargetRef = useRef2(null);
+  const thinkingEntryRefs = useRef2(/* @__PURE__ */ new Map());
+  const [injected, setInjected] = useState10();
   useEffect3(() => runtime.todos.subscribe(setTodos), [runtime]);
   const extraCommands = [
     ...runtime.commands.filter((c) => !SLASH_COMMANDS.some((b) => b.name === c.name.toLowerCase())).map((c) => ({ name: c.name.toLowerCase(), description: c.description ?? t("custom command") })),
     ...runtime.skills.filter((s) => !runtime.commands.some((c) => c.name.toLowerCase() === s.name.toLowerCase())).filter((s) => !SLASH_COMMANDS.some((b) => b.name === s.name.toLowerCase())).map((s) => ({ name: s.name, description: t("skill \xB7 {description}", { description: s.description.slice(0, 50) }) }))
   ];
-  const lastTool = useRef(null);
-  const toolTargets = useRef(/* @__PURE__ */ new Map());
-  const editedInTurn = useRef(false);
+  const lastTool = useRef2(null);
+  const toolTargets = useRef2(/* @__PURE__ */ new Map());
+  const editedInTurn = useRef2(false);
   const notice = useCallback((text, tone = "info") => {
     setTranscript((t2) => ({ ...t2, done: [...t2.done, entry({ kind: "notice", text, tone })] }));
   }, []);
@@ -1739,20 +1977,55 @@ function App({ runtime, initialPrompt, version, updateMessage }) {
     },
     [runtime, notice]
   );
+  const toggleThinking = useCallback(() => {
+    const next = !showThinkingRef.current;
+    showThinkingRef.current = next;
+    setShowThinking(next);
+    if (maxSplitIdxRef.current > 0) refreshStatic();
+    try {
+      writeGlobalConfig({ thinkingVisible: next }, runtime.env);
+    } catch (error) {
+      notice(t("Could not save thinking visibility: {error}", { error: error.message }), "warn");
+    }
+  }, [runtime, notice, refreshStatic]);
   const runSlashCommand = useCallback(
     async (name, args) => {
       switch (name) {
         case "help":
           notice(helpText(runtime));
           return;
+        case "thinking":
+        case "t": {
+          const v = args.trim().toLowerCase();
+          if (v === "on" || v === "true") {
+            if (!showThinkingRef.current) toggleThinking();
+          } else if (v === "off" || v === "false") {
+            if (showThinkingRef.current) toggleThinking();
+          } else {
+            toggleThinking();
+          }
+          return;
+        }
+        case "output":
+        case "o":
+          setShowToolOutput((prev) => !prev);
+          if (maxSplitIdxRef.current > 0) refreshStatic();
+          return;
         case "exit":
+        case "quit":
           exit();
           return;
         case "clear":
+          controller.current?.abort();
+          controller.current = null;
+          setQueued([]);
+          setBusy(false);
+          setCancelling(false);
           runtime.agent.clear();
           setTokens(0);
           setShowToolOutput(false);
-          setTranscript((t2) => ({ ...t2, done: t2.done.filter((e) => e.kind !== "thinking") }));
+          setTranscript({ done: [entry({ kind: "header" })], live: [] });
+          refreshStatic();
           notice(t("Conversation cleared."));
           return;
         case "cost": {
@@ -1845,10 +2118,16 @@ function App({ runtime, initialPrompt, version, updateMessage }) {
           return;
         }
         case "new":
+          controller.current?.abort();
+          controller.current = null;
+          setQueued([]);
+          setBusy(false);
+          setCancelling(false);
           runtime.newSession();
           setTokens(0);
           setShowToolOutput(false);
-          setTranscript((t2) => ({ ...t2, done: t2.done.filter((e) => e.kind !== "thinking") }));
+          setTranscript({ done: [entry({ kind: "header" })], live: [] });
+          refreshStatic();
           notice(t("New session started. The previous session stays saved (/resume)."));
           return;
         case "session":
@@ -1880,9 +2159,11 @@ function App({ runtime, initialPrompt, version, updateMessage }) {
               const chosen = others.find((s) => s.session.file === id);
               if (!chosen) return;
               runtime.resume(chosen.session);
+              setModelLabel(labelFor(runtime, runtime.modelRef));
               setTokens(0);
               setShowToolOutput(false);
               setTranscript({ done: [entry({ kind: "header" }), ...replayEntries(chosen.session.loadHistory())], live: [] });
+              refreshStatic();
             }
           });
           return;
@@ -2084,6 +2365,15 @@ function App({ runtime, initialPrompt, version, updateMessage }) {
             notice(t("Nothing to rewind."));
             return;
           }
+          setTranscript((tr) => {
+            const userIndices = [];
+            tr.done.forEach((e, idx) => {
+              if (e.kind === "user") userIndices.push(idx);
+            });
+            const cutIdx = userIndices[Math.max(0, userIndices.length - result.turns)];
+            return cutIdx !== void 0 ? { done: tr.done.slice(0, cutIdx), live: [] } : tr;
+          });
+          refreshStatic();
           const rel = (p) => relative2(runtime.cwd, p) || p;
           notice(
             [
@@ -2146,6 +2436,7 @@ function App({ runtime, initialPrompt, version, updateMessage }) {
               writeGlobalConfig({ thinkingVisible: next }, runtime.env);
               showThinkingRef.current = next;
               setShowThinking(next);
+              refreshStatic();
             } else if (key === "thinkingClickCollapse") writeGlobalConfig({ thinkingClickCollapse: val === "true" || val === "on" }, runtime.env);
             else if (key === "sandbox" && (val === "on" || val === "off")) writeGlobalConfig({ sandbox: val }, runtime.env);
             else if (key === "networkPolicy" && (val === "allow" || val === "offline")) writeGlobalConfig({ networkPolicy: val }, runtime.env);
@@ -2182,7 +2473,7 @@ function App({ runtime, initialPrompt, version, updateMessage }) {
           notice(t("Unknown command: /{name}. Type /help.", { name }), "warn");
       }
     },
-    [runtime, notice, exit, version, runTurn, ask]
+    [runtime, notice, exit, version, runTurn, ask, refreshStatic, toggleThinking]
   );
   const runSlash = useCallback(
     (name, args) => runSlashCommand(name, args).catch((error) => notice(`/${name}: ${error.message}`, "error")),
@@ -2198,8 +2489,12 @@ function App({ runtime, initialPrompt, version, updateMessage }) {
       if (text.startsWith("!") && text.slice(1).trim()) {
         const cmd = text.slice(1).trim();
         setTranscript((tr) => ({ ...tr, done: [...tr.done, entry({ kind: "user", text })] }));
+        setBusy(true);
+        setStartedAt(Date.now());
+        const ctrl = new AbortController();
+        controller.current = ctrl;
         const shell = resolveShell({ platform: process.platform, env: runtime.env, exists: existsSync3 });
-        void runCommand(cmd, { cwd: runtime.cwd, timeoutMs: 6e4, signal: new AbortController().signal, shell }).then((r) => {
+        void runCommand(cmd, { cwd: runtime.cwd, timeoutMs: 6e4, signal: ctrl.signal, shell }).then((r) => {
           const out = r.output.trim() || "(no output)";
           notice(`$ ${cmd}
 ${out}`, r.exitCode ? "error" : "info");
@@ -2208,6 +2503,10 @@ $ ${cmd}
 ${out}` };
           runtime.agent.messages.push(ctxMsg);
           runtime.session.append(ctxMsg);
+        }).finally(() => {
+          controller.current = null;
+          setBusy(false);
+          setCancelling(false);
         });
         return;
       }
@@ -2218,7 +2517,7 @@ ${out}` };
       }
       const command = runtime.commands.find((c) => c.name.toLowerCase() === slash.name);
       const skill = runtime.skills.find((s) => s.name.toLowerCase() === slash.name);
-      if (SLASH_COMMANDS.some((b) => b.name === slash.name) || !command && !skill) void runSlash(slash.name, slash.args);
+      if (SLASH_COMMANDS.some((b) => b.name === slash.name) || slash.name === "t" || slash.name === "output" || slash.name === "o" || slash.name === "quit" || !command && !skill) void runSlash(slash.name, slash.args);
       else if (command) void runTurn(expandCommand(command, slash.args));
       else if (skill) {
         let body;
@@ -2237,10 +2536,26 @@ ARGUMENTS: ${slash.args}`);
   );
   const onPrompt = useCallback(
     (text) => {
-      if (busy) setQueued((q) => [...q, text]);
-      else submit(text);
+      if (!busy) {
+        submit(text);
+        return;
+      }
+      if (text.startsWith("#") && text.slice(1).trim()) {
+        submit(text);
+        return;
+      }
+      const slash = parseSlash(text);
+      if (slash) {
+        const turnMutating = /* @__PURE__ */ new Set(["init", "pr", "compact", "rewind", "undo", "redo", "resume"]);
+        const isCustomTurn = !SLASH_COMMANDS.some((b) => b.name === slash.name) && slash.name !== "t" && slash.name !== "output" && slash.name !== "o" && slash.name !== "quit" && (runtime.commands.some((c) => c.name.toLowerCase() === slash.name) || runtime.skills.some((s) => s.name.toLowerCase() === slash.name));
+        if (!turnMutating.has(slash.name) && !isCustomTurn) {
+          submit(text);
+          return;
+        }
+      }
+      setQueued((q) => [...q, text]);
     },
-    [busy, submit]
+    [busy, submit, runtime]
   );
   useEffect3(() => {
     if (busy || pending || planAsk || !queued.length) return;
@@ -2248,58 +2563,81 @@ ARGUMENTS: ${slash.args}`);
     setQueued(rest);
     submit(next);
   }, [busy, pending, planAsk, queued, submit]);
-  const initialSent = useRef(false);
+  const initialSent = useRef2(false);
   useEffect3(() => {
     if (initialPrompt && !initialSent.current) {
       initialSent.current = true;
       submit(initialPrompt);
     }
   }, [initialPrompt, submit]);
-  const toggleThinking = useCallback(() => {
-    const next = !showThinkingRef.current;
-    showThinkingRef.current = next;
-    setShowThinking(next);
-    try {
-      writeGlobalConfig({ thinkingVisible: next }, runtime.env);
-    } catch (error) {
-      notice(t("Could not save thinking visibility: {error}", { error: error.message }), "warn");
-    }
-  }, [runtime, notice]);
+  useEffect3(() => {
+    if (!stdout?.isTTY || !("fd" in stdout)) return;
+    stdout.write("\x1B[?1000l\x1B[?1002l\x1B[?1003l\x1B[?1006l\x1B[?2004h");
+    return () => {
+      stdout.write("\x1B[?1000l\x1B[?1002l\x1B[?1003l\x1B[?1006l\x1B[?2004l");
+    };
+  }, [stdout]);
+  const scrollableModalOpen = !!(picker || listPicker || mcpMenu || providerMenu || pending || planAsk);
+  useEffect3(() => {
+    if (!scrollableModalOpen || !stdout?.isTTY || !("fd" in stdout)) return;
+    stdout.write("\x1B[?1000h\x1B[?1006h");
+    return () => {
+      stdout.write("\x1B[?1000l\x1B[?1006l");
+    };
+  }, [scrollableModalOpen, stdout]);
   useEffect3(() => {
     const modalOpen = !!(pending || planAsk || picker || listPicker || mcpMenu || providerMenu || prompt);
-    if (!runtime.config.thinkingClickCollapse || !busy && !hasThinking || modalOpen || !stdin.isTTY || !stdout.isTTY || !thinkingTargetRef.current) return;
+    if (!runtime.config.thinkingClickCollapse || !busy && !hasThinking || modalOpen || !stdin.isTTY || !stdout.isTTY) return;
     let click;
     let mouseBuffer = "";
+    let wheelTimer;
     const onData = (data) => {
-      mouseBuffer += String(data);
+      const chunk = String(data);
+      if (hasMouseWheelSequence(chunk)) {
+        stdout.write("\x1B[?1000l\x1B[?1006l");
+        if (wheelTimer) clearTimeout(wheelTimer);
+        wheelTimer = setTimeout(() => {
+          stdout.write("\x1B[?1000h\x1B[?1006h");
+        }, 1200);
+      }
+      mouseBuffer += chunk;
       const reports = parseThinkingReports(mouseBuffer);
       mouseBuffer = reports.rest.slice(-80);
       for (const report of reports.events) {
         if (report.type === "mouse") {
           click = report.press;
           stdout.write("\x1B[6n");
-        } else if (click && liveRootRef.current && thinkingTargetRef.current) {
+        } else if (click && liveRootRef.current) {
           const current = click;
           click = void 0;
           const root = measureElement(liveRootRef.current);
-          const target = measureElement(thinkingTargetRef.current);
-          if (clickedThinking(current, report.cursor.row, root.height, target)) toggleThinking();
+          const candidates = [];
+          if (thinkingTargetRef.current) candidates.push(thinkingTargetRef.current);
+          if (spinnerTargetRef.current) candidates.push(spinnerTargetRef.current);
+          for (const el of thinkingEntryRefs.current.values()) {
+            if (!candidates.includes(el)) candidates.push(el);
+          }
+          if (candidates.some((el) => clickedThinking(current, report.cursor.row, root.height, measureElement(el)))) {
+            toggleThinking();
+          }
         }
       }
     };
     stdin.on("data", onData);
     stdout.write("\x1B[?1000h\x1B[?1006h");
     return () => {
+      if (wheelTimer) clearTimeout(wheelTimer);
       stdin.off("data", onData);
       stdout.write("\x1B[?1000l\x1B[?1006l");
     };
-  }, [busy, pending, planAsk, picker, listPicker, mcpMenu, providerMenu, prompt, stdin, stdout, toggleThinking, hasThinking, runtime.config.thinkingClickCollapse]);
+  }, [busy, hasThinking, pending, planAsk, picker, listPicker, mcpMenu, providerMenu, prompt, stdin, stdout, toggleThinking, runtime.config.thinkingClickCollapse]);
   useInput9((input, key) => {
+    const modalOpen = !!(pending || planAsk || picker || listPicker || mcpMenu || providerMenu || prompt);
     if (key.tab && key.shift) {
       const next = nextMode(runtime.agent.permissions.mode);
       runtime.agent.permissions.mode = next;
       setMode(next);
-    } else if (key.escape && busy && !pending && !planAsk) {
+    } else if (key.escape && busy && !modalOpen) {
       controller.current?.abort();
       setCancelling(true);
       if (queued.length) {
@@ -2316,10 +2654,13 @@ ARGUMENTS: ${slash.args}`);
           notice(t("No image on the clipboard."), "warn");
         }
       })();
-    } else if (matchKeybind(runtime.config.keybinds.thinking, input, key)) {
+    } else if (matchKeybind(runtime.config.keybinds.thinking, input, key) || key.meta && !key.ctrl && input.toLowerCase() === "t") {
       toggleThinking();
     } else if (matchKeybind(runtime.config.keybinds.toolOutput, input, key)) {
       setShowToolOutput((prev) => !prev);
+      if (maxSplitIdxRef.current > 0) refreshStatic();
+    } else if (key.ctrl && input.toLowerCase() === "l") {
+      refreshStatic();
     }
   });
   const pickMcp = async (name) => {
@@ -2384,8 +2725,21 @@ ARGUMENTS: ${slash.args}`);
     pending?.resolve(a);
     setAsks((q) => q.slice(1));
   };
+  const capLiveMarkdown = (raw) => {
+    if (!isRealTty) return raw;
+    const lines = raw.split("\n");
+    if (lines.length <= maxLiveLines) return raw;
+    const hidden = lines.length - maxLiveLines;
+    const headFence = lines.slice(0, hidden).find((l) => l.trimStart().startsWith("```"));
+    const prefix = headFence ? `${headFence}
+\u2026 (${hidden} lines above) \u2026
+` : `\u2026 (${hidden} lines above) \u2026
+`;
+    return `${prefix}${lines.slice(-maxLiveLines).join("\n")}`;
+  };
   const cwd = runtime.cwd.startsWith(homedir()) ? `~${runtime.cwd.slice(homedir().length)}` : runtime.cwd;
   const renderEntry = (e) => {
+    const isLive = transcript.live.some((le) => le.id === e.id);
     switch (e.kind) {
       case "header":
         return /* @__PURE__ */ jsx16(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsxs12(Text16, { children: [
@@ -2395,34 +2749,53 @@ ARGUMENTS: ${slash.args}`);
         ] }) }, e.id);
       case "user":
         return /* @__PURE__ */ jsx16(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: `> ${e.text}` }) }, e.id);
-      case "assistant":
+      case "assistant": {
+        const displayText = isLive ? capLiveMarkdown(e.text) : e.text;
         if (e.cont) {
-          return e.text ? /* @__PURE__ */ jsx16(Box13, { paddingLeft: 2, children: /* @__PURE__ */ jsx16(Markdown, { text: e.text }) }, e.id) : null;
+          return displayText ? /* @__PURE__ */ jsx16(Box13, { paddingLeft: 2, children: /* @__PURE__ */ jsx16(Markdown, { text: displayText }) }, e.id) : null;
         }
-        if (!e.text.trim()) return null;
+        if (!displayText.trim()) return null;
         return /* @__PURE__ */ jsxs12(Box13, { marginTop: 1, children: [
           /* @__PURE__ */ jsx16(Text16, { color: color(ACCENT), children: "\u25CF " }),
-          /* @__PURE__ */ jsx16(Markdown, { text: e.text.replace(/^\s+/, "") })
+          /* @__PURE__ */ jsx16(Markdown, { text: displayText.replace(/^\s+/, "") })
         ] }, e.id);
+      }
       case "thinking": {
         const text = e.text.trim();
         if (!text) return null;
-        const lines = text.split("\n").length;
+        const allLines = text.split("\n");
+        const lines = allLines.length;
+        const shownText = isLive && isRealTty && allLines.length > maxLiveLines ? `\u2026 (${allLines.length - maxLiveLines} lines above) \u2026
+${allLines.slice(-maxLiveLines).join("\n")}` : text;
         const isTarget = e.id === lastThinkingEntryId;
-        return /* @__PURE__ */ jsxs12(Box13, { ref: isTarget ? thinkingTargetRef : void 0, marginTop: 1, flexDirection: "column", children: [
-          /* @__PURE__ */ jsxs12(Box13, { flexDirection: "row", children: [
-            /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: showThinking ? t("\u273B Thinking") : t("\u273B Thinking \xB7 {n} lines", { n: lines }) }),
-            /* @__PURE__ */ jsxs12(Text16, { dimColor: true, children: [
-              " \xB7 ",
-              runtime.config.keybinds.thinking.spec,
-              runtime.config.thinkingClickCollapse ? ` \xB7 ${t("click to toggle")}` : ""
-            ] })
-          ] }),
-          showThinking ? /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", paddingLeft: 2, children: [
-            /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: t("Model: {model} \xB7 reasoning: {level}", { model: runtime.modelRef, level: reasoning }) }),
-            /* @__PURE__ */ jsx16(Text16, { dimColor: true, italic: true, children: text })
-          ] }) : null
-        ] }, e.id);
+        return /* @__PURE__ */ jsxs12(
+          Box13,
+          {
+            ref: (el) => {
+              if (isTarget) thinkingTargetRef.current = el;
+              if (el) thinkingEntryRefs.current.set(e.id, el);
+              else thinkingEntryRefs.current.delete(e.id);
+            },
+            marginTop: 1,
+            flexDirection: "column",
+            children: [
+              /* @__PURE__ */ jsxs12(Box13, { flexDirection: "row", children: [
+                /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: showThinking ? t("\u273B Thinking") : t("\u273B Thinking \xB7 {n} lines", { n: lines }) }),
+                /* @__PURE__ */ jsxs12(Text16, { dimColor: true, children: [
+                  " \xB7 ",
+                  runtime.config.keybinds.thinking.spec,
+                  " / alt+t",
+                  runtime.config.thinkingClickCollapse ? ` \xB7 ${t("click to toggle")}` : ""
+                ] })
+              ] }),
+              showThinking ? /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", paddingLeft: 2, children: [
+                /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: t("Model: {model} \xB7 reasoning: {level}", { model: runtime.modelRef, level: reasoning }) }),
+                /* @__PURE__ */ jsx16(Text16, { dimColor: true, italic: true, children: shownText })
+              ] }) : null
+            ]
+          },
+          e.id
+        );
       }
       case "tool":
         return /* @__PURE__ */ jsx16(ToolBlock, { tool: e.tool, target: e.target, output: e.output, display: e.display, isError: e.isError, done: e.done, expanded: showToolOutput, sub: e.sub, moreBind: runtime.config.keybinds.toolOutput.spec }, e.id);
@@ -2436,24 +2809,36 @@ ARGUMENTS: ${slash.args}`);
   const activeSpinnerSummary = activeToolEntry ? `${toolLabel(activeToolEntry.tool)}${activeTarget ? ` ${activeTarget.length > 20 ? `${activeTarget.slice(0, 20)}\u2026` : activeTarget}` : ""}` : "";
   const activeToolSummary = activeToolEntry ? `${toolLabel(activeToolEntry.tool)}${activeTarget ? ` ${activeTarget.length > 68 ? `${activeTarget.slice(0, 68)}\u2026` : activeTarget}` : ""}` : "";
   return /* @__PURE__ */ jsxs12(Box13, { ref: liveRootRef, flexDirection: "column", children: [
-    /* @__PURE__ */ jsx16(Static, { items: staticDone, children: renderEntry }),
+    /* @__PURE__ */ jsx16(Static, { items: staticDone, children: renderEntry }, staticKey),
     activeTurnDone.map(renderEntry),
     transcript.live.map(renderEntry),
-    busy && !pending && !planAsk ? /* @__PURE__ */ jsxs12(Box13, { ref: lastThinkingEntryId === void 0 ? thinkingTargetRef : void 0, marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs12(Box13, { flexDirection: "row", children: [
-        /* @__PURE__ */ jsx16(Spinner, { label: cancelling ? t("Cancelling") : activeSpinnerSummary ? `${t("Thinking")} \xB7 ${activeSpinnerSummary}` : t("Thinking"), startedAt }),
-        /* @__PURE__ */ jsxs12(Text16, { dimColor: true, children: [
-          " \xB7 ",
-          runtime.config.keybinds.thinking.spec,
-          runtime.config.thinkingClickCollapse ? ` \xB7 ${t("click to toggle")}` : ""
-        ] })
-      ] }),
-      showThinking && lastThinkingEntryId === void 0 ? /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", paddingLeft: 2, children: [
-        /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: t("Model: {model} \xB7 reasoning: {level}", { model: runtime.modelRef, level: reasoning }) }),
-        activeToolSummary ? /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: `\u25B6 ${activeToolSummary}` }) : null,
-        !activeToolSummary ? /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: t("No reasoning summary received yet; tool activity remains visible above.") }) : null
-      ] }) : null
-    ] }) : null,
+    busy && !pending && !planAsk ? /* @__PURE__ */ jsxs12(
+      Box13,
+      {
+        ref: (el) => {
+          spinnerTargetRef.current = el;
+          if (lastThinkingEntryId === void 0) thinkingTargetRef.current = el;
+        },
+        marginTop: 1,
+        flexDirection: "column",
+        children: [
+          /* @__PURE__ */ jsxs12(Box13, { flexDirection: "row", children: [
+            /* @__PURE__ */ jsx16(Spinner, { label: cancelling ? t("Cancelling") : activeSpinnerSummary ? `${t("Thinking")} \xB7 ${activeSpinnerSummary}` : t("Thinking"), startedAt }),
+            /* @__PURE__ */ jsxs12(Text16, { dimColor: true, children: [
+              " \xB7 ",
+              runtime.config.keybinds.thinking.spec,
+              " / alt+t",
+              runtime.config.thinkingClickCollapse ? ` \xB7 ${t("click to toggle")}` : ""
+            ] })
+          ] }),
+          showThinking && lastThinkingEntryId === void 0 ? /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", paddingLeft: 2, children: [
+            /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: t("Model: {model} \xB7 reasoning: {level}", { model: runtime.modelRef, level: reasoning }) }),
+            activeToolSummary ? /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: `\u25B6 ${activeToolSummary}` }) : null,
+            !activeToolSummary ? /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: t("No reasoning summary received yet; tool activity remains visible above.") }) : null
+          ] }) : null
+        ]
+      }
+    ) : null,
     pending ? /* @__PURE__ */ jsx16(PermissionPrompt, { request: pending.request, onAnswer: answer }, pending.id) : null,
     picker ? /* @__PURE__ */ jsx16(
       ModelPicker,
@@ -2506,7 +2891,7 @@ ARGUMENTS: ${slash.args}`);
 import { jsx as jsx17 } from "react/jsx-runtime";
 async function startInteractive(rt, opts) {
   if (opts.resume) {
-    const { Session: Session2 } = await import("./session-ML2DPI7P.js");
+    const { Session: Session2 } = await import("./session-QZAXEQRE.js");
     const list = Session2.list(rt.home, rt.cwd).slice(0, 20);
     if (!list.length) console.log(t("No sessions in this folder yet; starting a new one."));
     else {
@@ -2522,7 +2907,7 @@ async function startInteractive(rt, opts) {
       if (chosen) rt.resume(chosen.session);
     }
   }
-  const { serversToStart, setProjectTrust } = await import("./config-JCI7NAVY.js");
+  const { serversToStart, setProjectTrust } = await import("./config-PVEZPRMH.js");
   const plan = serversToStart(rt.home, rt.cwd);
   if (plan.needTrust.length) {
     const { createInterface } = await import("readline/promises");