@botconnector/bccli 0.4.0-beta.34 → 0.4.0-beta.36

package/dist/{ui-ELGHIFVH.js → ui-I5BTZATT.js}

@@ -7,7 +7,7 @@ import {
   parseFrontmatter,
   toolLabel,
   validateGlobPattern
-} from "./chunk-QXAZ3VHJ.js";
+} from "./chunk-HKHKYFZI.js";
 import {
   nextMode
 } from "./chunk-ELML4KVQ.js";
@@ -15,26 +15,26 @@ import {
   hasKey,
   providerName,
   writeGlobalConfig
-} from "./chunk-AOVIQXXO.js";
+} from "./chunk-3DHJO7NC.js";
 import {
   REASONING_LEVELS,
   assertReasoningSupported,
   parseReasoningLevel,
   supportedReasoningLevels
-} from "./chunk-UJH2JT6H.js";
+} from "./chunk-3NTTXK4Y.js";
 import {
   Session
 } from "./chunk-SJH3YLW4.js";
 import {
   CATALOG,
   fillTemplate
-} from "./chunk-GEG6QT5H.js";
+} from "./chunk-5LSTEXSG.js";
 import {
   addGlobalServer,
   globalMcpPath,
   readMcpFile,
   removeGlobalServer
-} from "./chunk-CDUPYHNL.js";
+} from "./chunk-SZRM2VOB.js";
 import {
   PRESETS,
   getLanguage,
@@ -43,7 +43,7 @@ import {
   removeCredential,
   setLanguage,
   t
-} from "./chunk-IJGTX7RC.js";
+} from "./chunk-CZMTWXCE.js";
 
 // src/ui/index.tsx
 import { render } from "ink";
@@ -53,7 +53,7 @@ import { execFile as execFile2 } from "child_process";
 import { existsSync as existsSync2, mkdirSync, readFileSync as readFileSync2, writeFileSync } from "fs";
 import { homedir } from "os";
 import { dirname, join as join2, relative, resolve } from "path";
-import { Box as Box13, Static, Text as Text15, useApp, useInput as useInput9 } from "ink";
+import { Box as Box13, Static, Text as Text16, useApp, useInput as useInput9 } from "ink";
 import { useCallback, useEffect as useEffect2, useRef, useState as useState8 } from "react";
 
 // src/commands.ts
@@ -629,35 +629,171 @@ function Markdown({ text, indent = 2 }) {
 }
 
 // src/ui/LinePrompt.tsx
-import { Box as Box2, Text as Text2, useInput } from "ink";
+import { Box as Box2, Text as Text3, useInput } from "ink";
 import { useState } from "react";
 
+// src/ui/EditableText.tsx
+import { Text as Text2 } from "ink";
+
+// src/ui/lineEdit.ts
+var segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+function boundaries(text) {
+  const out = [];
+  for (const { index } of segmenter.segment(text)) out.push(index);
+  out.push(text.length);
+  return out;
+}
+function prevBoundary(text, pos) {
+  let previous = 0;
+  for (const b of boundaries(text)) {
+    if (b >= pos) return previous;
+    previous = b;
+  }
+  return previous;
+}
+function nextBoundary(text, pos) {
+  for (const b of boundaries(text)) if (b > pos) return b;
+  return text.length;
+}
+var isSpace = (ch) => /\s/.test(ch);
+function wordLeft(text, pos) {
+  let i = pos;
+  while (i > 0 && isSpace(text[i - 1])) i--;
+  while (i > 0 && !isSpace(text[i - 1])) i--;
+  return i;
+}
+function wordRight(text, pos) {
+  let i = pos;
+  while (i < text.length && isSpace(text[i])) i++;
+  while (i < text.length && !isSpace(text[i])) i++;
+  return i;
+}
+var lineStart = (text, pos) => text.lastIndexOf("\n", pos - 1) + 1;
+function lineEnd(text, pos) {
+  const i = text.indexOf("\n", pos);
+  return i === -1 ? text.length : i;
+}
+function position(text, pos) {
+  const before = text.slice(0, pos);
+  const start = lineStart(text, pos);
+  return { line: before.split("\n").length - 1, column: boundaries(text.slice(start, pos)).length - 1 };
+}
+function moveLine(text, pos, direction) {
+  const { line, column } = position(text, pos);
+  const lines = text.split("\n");
+  const target = line + direction;
+  if (target < 0 || target >= lines.length) return void 0;
+  let start = 0;
+  for (let i = 0; i < target; i++) start += lines[i].length + 1;
+  const chars = boundaries(lines[target]);
+  return start + chars[Math.min(column, chars.length - 1)];
+}
+var atEnd = (s) => s.cursor >= s.value.length;
+function insert(s, text) {
+  return { value: s.value.slice(0, s.cursor) + text + s.value.slice(s.cursor), cursor: s.cursor + text.length };
+}
+function remove(s, from, to) {
+  return { value: s.value.slice(0, from) + s.value.slice(to), cursor: from };
+}
+function applyEditKey(s, input, key) {
+  const { value, cursor } = s;
+  const word = !!(key.ctrl || key.meta);
+  if (key.leftArrow) return { value, cursor: word ? wordLeft(value, cursor) : prevBoundary(value, cursor) };
+  if (key.rightArrow) return { value, cursor: word ? wordRight(value, cursor) : nextBoundary(value, cursor) };
+  if (key.home) return { value, cursor: lineStart(value, cursor) };
+  if (key.end) return { value, cursor: lineEnd(value, cursor) };
+  if (key.backspace) {
+    if (key.meta) return remove(s, wordLeft(value, cursor), cursor);
+    return cursor > 0 ? remove(s, prevBoundary(value, cursor), cursor) : s;
+  }
+  if (key.delete) {
+    if (atEnd(s)) return cursor > 0 ? remove(s, prevBoundary(value, cursor), cursor) : s;
+    return remove(s, cursor, nextBoundary(value, cursor));
+  }
+  if (key.ctrl) {
+    switch (input) {
+      case "a":
+        return { value, cursor: lineStart(value, cursor) };
+      case "e":
+        return { value, cursor: lineEnd(value, cursor) };
+      case "b":
+        return { value, cursor: prevBoundary(value, cursor) };
+      case "f":
+        return { value, cursor: nextBoundary(value, cursor) };
+      case "w":
+        return remove(s, wordLeft(value, cursor), cursor);
+      case "u":
+        return remove(s, lineStart(value, cursor), cursor);
+      case "k":
+        return remove(s, cursor, lineEnd(value, cursor));
+    }
+    return void 0;
+  }
+  if (key.meta) {
+    switch (input) {
+      case "b":
+        return { value, cursor: wordLeft(value, cursor) };
+      case "f":
+        return { value, cursor: wordRight(value, cursor) };
+      case "d":
+        return remove(s, cursor, wordRight(value, cursor));
+    }
+  }
+  return void 0;
+}
+function splitAtCursor(s) {
+  const before = s.value.slice(0, s.cursor);
+  if (s.cursor >= s.value.length) return { before, at: " ", after: "" };
+  const end = nextBoundary(s.value, s.cursor);
+  const char = s.value.slice(s.cursor, end);
+  if (char === "\n") return { before, at: " ", after: s.value.slice(s.cursor) };
+  return { before, at: char, after: s.value.slice(end) };
+}
+var graphemes = (text) => Array.from(segmenter.segment(text), (s) => s.segment);
+function masked(s) {
+  return { value: "\u2022".repeat(graphemes(s.value).length), cursor: graphemes(s.value.slice(0, s.cursor)).length };
+}
+
+// src/ui/EditableText.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function EditableText({ state, mask = false, showCursor = true }) {
+  const view = mask ? masked(state) : state;
+  if (!showCursor) return /* @__PURE__ */ jsx2(Fragment, { children: view.value });
+  const { before, at, after } = splitAtCursor(view);
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    before,
+    /* @__PURE__ */ jsx2(Text2, { inverse: true, children: at }),
+    after
+  ] });
+}
+
 // src/ui/focusReport.ts
 var isFocusReport = (input) => input === "[I" || input === "[O";
 
 // src/ui/LinePrompt.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function LinePrompt({ label, mask, onSubmit, onCancel }) {
-  const [value, setValue] = useState("");
+  const [line, setLine] = useState({ value: "", cursor: 0 });
   useInput((input, key) => {
-    if (key.return) onSubmit(value.trim());
+    if (key.return) onSubmit(line.value.trim());
     else if (key.escape) onCancel();
-    else if (key.backspace || key.delete) setValue((v) => v.slice(0, -1));
-    else if (!key.ctrl && !key.meta && !key.tab && !key.upArrow && !key.downArrow && !isFocusReport(input)) setValue((v) => v + input.replace(/[\r\n]/g, ""));
+    else if (applyEditKey(line, input, key)) setLine((current) => applyEditKey(current, input, key) ?? current);
+    else if (!key.ctrl && !key.meta && !key.tab && !key.upArrow && !key.downArrow && !isFocusReport(input)) {
+      const text = input.replace(/[\r\n]/g, "");
+      if (text) setLine((current) => insert(current, text));
+    }
   });
-  const shown = mask ? "\u2022".repeat(value.length) : value;
-  return /* @__PURE__ */ jsx2(Box2, { borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: /* @__PURE__ */ jsxs2(Text2, { children: [
+  return /* @__PURE__ */ jsx3(Box2, { borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: /* @__PURE__ */ jsxs3(Text3, { children: [
     `${label}: `,
-    shown,
-    /* @__PURE__ */ jsx2(Text2, { inverse: true, children: " " }),
-    /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: t("   enter save \xB7 esc cancel") })
+    /* @__PURE__ */ jsx3(EditableText, { state: line, mask }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: t("   enter save \xB7 esc cancel") })
   ] }) });
 }
 
 // src/ui/ListPicker.tsx
-import { Box as Box3, Text as Text3, useInput as useInput2 } from "ink";
+import { Box as Box3, Text as Text4, useInput as useInput2 } from "ink";
 import { useState as useState2 } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var VISIBLE = 12;
 function ListPicker({ title, items, onPick }) {
   const [filter, setFilter] = useState2("");
@@ -678,20 +814,20 @@ function ListPicker({ title, items, onPick }) {
     }
   });
   const start = Math.max(0, Math.min(cursor - 5, shown.length - VISIBLE));
-  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
-    /* @__PURE__ */ jsx3(Text3, { bold: true, children: t("{title} (\u2191\u2193 enter \xB7 type to filter{filter} \xB7 esc cancel)", { title, filter: filter ? `: ${filter}` : "" }) }),
-    shown.slice(start, start + VISIBLE).map((item, i) => /* @__PURE__ */ jsxs3(Text3, { color: start + i === cursor && !item.disabled ? color("green") : void 0, dimColor: item.disabled, children: [
+  return /* @__PURE__ */ jsxs4(Box3, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+    /* @__PURE__ */ jsx4(Text4, { bold: true, children: t("{title} (\u2191\u2193 enter \xB7 type to filter{filter} \xB7 esc cancel)", { title, filter: filter ? `: ${filter}` : "" }) }),
+    shown.slice(start, start + VISIBLE).map((item, i) => /* @__PURE__ */ jsxs4(Text4, { color: start + i === cursor && !item.disabled ? color("green") : void 0, dimColor: item.disabled, children: [
       `${start + i === cursor ? "\u203A" : " "} ${item.label}`,
-      item.hint ? /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: `   ${item.hint}` }) : null
+      item.hint ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: `   ${item.hint}` }) : null
     ] }, item.id)),
-    shown.length ? null : /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: t("No matches.") })
+    shown.length ? null : /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: t("No matches.") })
   ] });
 }
 
 // src/ui/ModelPicker.tsx
-import { Box as Box4, Text as Text4, useInput as useInput3 } from "ink";
+import { Box as Box4, Text as Text5, useInput as useInput3 } from "ink";
 import { useState as useState3 } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var VISIBLE2 = 14;
 function ModelPicker({ groups, current, onPick }) {
   const [filter, setFilter] = useState3("");
@@ -723,20 +859,20 @@ function ModelPicker({ groups, current, onPick }) {
     }
   });
   const start = Math.max(0, Math.min(cursor - 5, rows.length - VISIBLE2));
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
-    /* @__PURE__ */ jsx4(Text4, { bold: true, children: t("Choose a model (type to filter{filter} \xB7 \u2191\u2193 enter \xB7 esc cancel)", { filter: filter ? `: ${filter}` : "" }) }),
+  return /* @__PURE__ */ jsxs5(Box4, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+    /* @__PURE__ */ jsx5(Text5, { bold: true, children: t("Choose a model (type to filter{filter} \xB7 \u2191\u2193 enter \xB7 esc cancel)", { filter: filter ? `: ${filter}` : "" }) }),
     rows.slice(start, start + VISIBLE2).map(
-      (row, i) => row.kind === "header" ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: `\u2500\u2500 ${row.text} ` }, `h${start + i}`) : /* @__PURE__ */ jsx4(Text4, { color: start + i === cursor ? color("green") : void 0, children: `${start + i === cursor ? "\u203A" : " "} ${row.label}${row.ref === current ? "  (aktif)" : ""}` }, row.ref)
+      (row, i) => row.kind === "header" ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `\u2500\u2500 ${row.text} ` }, `h${start + i}`) : /* @__PURE__ */ jsx5(Text5, { color: start + i === cursor ? color("green") : void 0, children: `${start + i === cursor ? "\u203A" : " "} ${row.label}${row.ref === current ? "  (aktif)" : ""}` }, row.ref)
     ),
-    !selectable.length ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: t("No matching models.") }) : null,
-    groups.filter((g) => g.error).map((g) => /* @__PURE__ */ jsx4(Text4, { color: color("yellow"), children: `${g.providerName} \u2014 ${g.error}` }, `e-${g.providerId}`))
+    !selectable.length ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: t("No matching models.") }) : null,
+    groups.filter((g) => g.error).map((g) => /* @__PURE__ */ jsx5(Text5, { color: color("yellow"), children: `${g.providerName} \u2014 ${g.error}` }, `e-${g.providerId}`))
   ] });
 }
 
 // src/ui/ProviderMenu.tsx
-import { Box as Box5, Text as Text5, useInput as useInput4 } from "ink";
+import { Box as Box5, Text as Text6, useInput as useInput4 } from "ink";
 import { useState as useState4 } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+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);
@@ -746,32 +882,32 @@ function ProviderMenu({ entries, onPick }) {
     else if (key.return) onPick(rows[index]);
     else if (key.escape) onPick(void 0);
   });
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
-    /* @__PURE__ */ jsx5(Text5, { bold: true, children: t("Provider (\u2191\u2193 enter, esc cancel) \xB7 \u2713 ready \xB7 \u25CB needs API key") }),
-    entries.map((e, i) => /* @__PURE__ */ jsxs5(Text5, { color: i === index ? color("green") : void 0, children: [
+  return /* @__PURE__ */ jsxs6(Box5, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+    /* @__PURE__ */ jsx6(Text6, { bold: true, children: t("Provider (\u2191\u2193 enter, esc cancel) \xB7 \u2713 ready \xB7 \u25CB needs API key") }),
+    entries.map((e, i) => /* @__PURE__ */ jsxs6(Text6, { color: i === index ? color("green") : void 0, children: [
       `${i === index ? "\u203A" : " "} ${e.ready ? "\u2713" : "\u25CB"} ${e.name}`,
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `  ${e.baseURL}` })
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: `  ${e.baseURL}` })
     ] }, e.id)),
-    /* @__PURE__ */ jsx5(Text5, { color: index === rows.length - 1 ? color("green") : void 0, children: `${index === rows.length - 1 ? "\u203A" : " "}   Custom\u2026` })
+    /* @__PURE__ */ jsx6(Text6, { color: index === rows.length - 1 ? color("green") : void 0, children: `${index === rows.length - 1 ? "\u203A" : " "}   Custom\u2026` })
   ] });
 }
 
 // src/ui/PermissionPrompt.tsx
-import { Box as Box7, Text as Text7, useInput as useInput5 } from "ink";
+import { Box as Box7, Text as Text8, useInput as useInput5 } from "ink";
 
 // src/ui/DiffView.tsx
-import { Box as Box6, Text as Text6 } from "ink";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { Box as Box6, Text as Text7 } from "ink";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function DiffView({ diff }) {
-  return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", children: diff.split("\n").map((line, i) => {
+  return /* @__PURE__ */ jsx7(Box6, { flexDirection: "column", children: diff.split("\n").map((line, i) => {
     const mark = line[6];
     const c = mark === "+" ? color("green") : mark === "-" ? color("red") : void 0;
-    return /* @__PURE__ */ jsx6(Text6, { color: c, dimColor: mark !== "+" && mark !== "-", children: line }, i);
+    return /* @__PURE__ */ jsx7(Text7, { color: c, dimColor: mark !== "+" && mark !== "-", children: line }, i);
   }) });
 }
 
 // src/ui/PermissionPrompt.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var VERB = { edit: "edit", write: "write", bash: "run", fetch: "fetch" };
 function PermissionPrompt({
   request,
@@ -786,21 +922,21 @@ 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(", ") });
-  return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", borderStyle: "round", borderColor: color("yellow"), paddingX: 1, children: [
-    /* @__PURE__ */ jsx7(Text7, { bold: true, children: `${request.agent ? `[${request.agent}] ` : ""}${t("Allow {verb} {target}?", { verb: t(VERB[request.tool] ?? request.tool), target: request.target })}` }),
-    request.preview ? /* @__PURE__ */ jsx7(DiffView, { diff: request.preview }) : null,
-    /* @__PURE__ */ jsxs6(Text7, { children: [
-      /* @__PURE__ */ jsx7(Text7, { color: color("green"), children: t("[y] yes") }),
+  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,
+    /* @__PURE__ */ jsxs7(Text8, { children: [
+      /* @__PURE__ */ jsx8(Text8, { color: color("green"), children: t("[y] yes") }),
       "   ",
-      sessionLabel ? /* @__PURE__ */ jsx7(Text7, { color: color("cyan"), children: `[a] ${sessionLabel}   ` }) : null,
-      /* @__PURE__ */ jsx7(Text7, { color: color("yellow"), children: t("[s] yes to all   ") }),
-      /* @__PURE__ */ jsx7(Text7, { color: color("red"), children: t("[n] no") })
+      sessionLabel ? /* @__PURE__ */ jsx8(Text8, { color: color("cyan"), children: `[a] ${sessionLabel}   ` }) : null,
+      /* @__PURE__ */ jsx8(Text8, { color: color("yellow"), children: t("[s] yes to all   ") }),
+      /* @__PURE__ */ jsx8(Text8, { color: color("red"), children: t("[n] no") })
     ] })
   ] });
 }
 
 // src/ui/PromptInput.tsx
-import { Box as Box8, Text as Text8, useInput as useInput6 } from "ink";
+import { Box as Box8, Text as Text9, useInput as useInput6 } from "ink";
 import { useState as useState5 } from "react";
 
 // src/ui/complete.ts
@@ -828,16 +964,18 @@ function completeFile(value, cwd) {
 }
 
 // src/ui/PromptInput.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function PromptInput({ disabled, history, cwd, onSubmit, extraCommands }) {
-  const [value, setValue] = useState5("");
+  const [line, setLine] = useState5({ value: "", cursor: 0 });
+  const { value } = line;
   const [historyIndex, setHistoryIndex] = useState5(null);
   const [selected, setSelected] = useState5(0);
   const all = [...SLASH_COMMANDS, ...(extraCommands ?? []).filter((c) => !SLASH_COMMANDS.some((b) => b.name === c.name))];
   const suggestions = 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 typed = (text) => ({ value: text, cursor: text.length });
   const edit = (next) => {
-    setValue(next);
+    setLine(next);
     setSelected(0);
   };
   useInput6(
@@ -852,70 +990,81 @@ function PromptInput({ disabled, history, cwd, onSubmit, extraCommands }) {
           return;
         }
         if (key.tab && !key.shift) {
-          edit(`/${suggestions[highlighted].name} `);
+          edit(typed(`/${suggestions[highlighted].name} `));
           return;
         }
         if (key.return) {
-          edit("");
+          edit(typed(""));
           setHistoryIndex(null);
           onSubmit(`/${suggestions[highlighted].name}`);
           return;
         }
       }
       if (key.return) {
-        if (value.endsWith("\\")) {
-          edit(`${value.slice(0, -1)}
-`);
+        const before = value.slice(0, line.cursor);
+        if (before.endsWith("\\")) {
+          edit({ value: `${before.slice(0, -1)}
+${value.slice(line.cursor)}`, cursor: before.length });
           return;
         }
-        const text = value.trim();
-        if (!text) return;
-        edit("");
+        const text2 = value.trim();
+        if (!text2) return;
+        edit(typed(""));
         setHistoryIndex(null);
-        onSubmit(text);
+        onSubmit(text2);
         return;
       }
-      if (key.backspace || key.delete) {
-        edit((v) => v.slice(0, -1));
+      const edited = applyEditKey(line, input, key);
+      if (edited) {
+        edit((current) => applyEditKey(current, input, key) ?? current);
         return;
       }
+      if (key.upArrow || key.downArrow) {
+        const moved = moveLine(value, line.cursor, key.upArrow ? -1 : 1);
+        if (moved !== void 0) {
+          setLine({ value, cursor: moved });
+          return;
+        }
+      }
       if (key.upArrow) {
         if (!history.length) return;
         const i = historyIndex === null ? history.length - 1 : Math.max(0, historyIndex - 1);
         setHistoryIndex(i);
-        setValue(history[i]);
+        setLine(typed(history[i]));
         return;
       }
       if (key.downArrow) {
         if (historyIndex === null) return;
         const i = historyIndex + 1;
         setHistoryIndex(i >= history.length ? null : i);
-        setValue(i >= history.length ? "" : history[i]);
+        setLine(typed(i >= history.length ? "" : history[i]));
         return;
       }
       if (key.tab && !key.shift) {
-        edit((v) => completeFile(v, cwd));
+        const before = value.slice(0, line.cursor);
+        const completed = completeFile(before, cwd);
+        if (completed !== before) edit({ value: completed + value.slice(line.cursor), cursor: completed.length });
         return;
       }
-      if (key.ctrl || key.meta || key.escape || key.tab || key.leftArrow || key.rightArrow || isFocusReport(input)) return;
-      edit((v) => v + input.replace(/\r/g, "\n"));
+      if (key.ctrl || key.meta || key.escape || key.tab || isFocusReport(input)) return;
+      const text = input.replace(/\r\n?/g, "\n");
+      if (text) edit((current) => insert(current, text));
     },
     { isActive: !disabled }
   );
-  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx8(Box8, { borderStyle: "round", borderColor: color("gray"), paddingX: 1, children: /* @__PURE__ */ jsxs7(Text8, { children: [
-      /* @__PURE__ */ jsx8(Text8, { color: color("green"), children: "> " }),
-      value,
-      disabled ? "" : /* @__PURE__ */ jsx8(Text8, { inverse: true, children: " " })
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx9(Box8, { borderStyle: "round", borderColor: color("gray"), paddingX: 1, children: /* @__PURE__ */ jsxs8(Text9, { children: [
+      /* @__PURE__ */ jsx9(Text9, { color: color("green"), children: "> " }),
+      /* @__PURE__ */ jsx9(EditableText, { state: line, showCursor: !disabled })
     ] }) }),
-    suggestions.map((s, i) => /* @__PURE__ */ jsx8(Text8, { 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))
   ] });
 }
 
 // src/ui/Spinner.tsx
-import { Text as Text9 } from "ink";
+import { Text as Text10 } from "ink";
 import { useEffect, useState as useState6 } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
+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);
@@ -924,12 +1073,12 @@ function Spinner({ label, startedAt }) {
     return () => clearInterval(id);
   }, []);
   const seconds = Math.floor((Date.now() - startedAt) / 1e3);
-  return /* @__PURE__ */ jsx9(Text9, { color: color(ACCENT), children: `${FRAMES[tick % FRAMES.length]} ${t("{label}\u2026 ({seconds}s \xB7 esc to cancel)", { label, seconds })}` });
+  return /* @__PURE__ */ jsx10(Text10, { color: color(ACCENT), children: `${FRAMES[tick % FRAMES.length]} ${t("{label}\u2026 ({seconds}s \xB7 esc to cancel)", { label, seconds })}` });
 }
 
 // src/ui/StatusBar.tsx
-import { Text as Text10 } from "ink";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { Text as Text11 } from "ink";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var LABEL = {
   default: "\u23F5 default",
   acceptEdits: "\u23F5 accept edits",
@@ -941,13 +1090,13 @@ function formatTokens(n) {
 }
 function StatusBar({ mode, tokens, busy, model, reasoning = "auto" }) {
   const danger = mode === "allowAll";
-  return /* @__PURE__ */ jsx10(Text10, { color: danger ? color("red") : void 0, dimColor: !danger, children: `  ${LABEL[mode]}${model ? ` \xB7 ${model}` : ""} \xB7 reasoning: ${reasoning} \xB7 ${t("shift+tab switch mode")} \xB7 ${t("{n} tokens", { n: formatTokens(tokens) })} \xB7 ${busy ? t("esc to cancel") : t("/ for commands")}` });
+  return /* @__PURE__ */ jsx11(Text11, { color: danger ? color("red") : void 0, dimColor: !danger, children: `  ${LABEL[mode]}${model ? ` \xB7 ${model}` : ""} \xB7 reasoning: ${reasoning} \xB7 ${t("shift+tab switch mode")} \xB7 ${t("{n} tokens", { n: formatTokens(tokens) })} \xB7 ${busy ? t("esc to cancel") : t("/ for commands")}` });
 }
 
 // src/ui/McpMenu.tsx
-import { Box as Box9, Text as Text11, useInput as useInput7 } from "ink";
+import { Box as Box9, Text as Text12, useInput as useInput7 } from "ink";
 import { useState as useState7 } from "react";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+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);
@@ -957,18 +1106,18 @@ function McpMenu({ items, onPick }) {
     else if (key.return) onPick(items[index]?.name);
     else if (key.escape) onPick(void 0);
   });
-  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
-    /* @__PURE__ */ jsx11(Text11, { bold: true, children: t("MCP servers (enter: install / remove \xB7 esc close) \xB7 \u2713 active \u25CB not installed \u2717 error") }),
-    items.map((item, i) => /* @__PURE__ */ jsxs8(Text11, { color: i === index ? color("green") : void 0, children: [
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+    /* @__PURE__ */ jsx12(Text12, { bold: true, children: t("MCP servers (enter: install / remove \xB7 esc close) \xB7 \u2713 active \u25CB not installed \u2717 error") }),
+    items.map((item, i) => /* @__PURE__ */ jsxs9(Text12, { color: i === index ? color("green") : void 0, children: [
       `${i === index ? "\u203A" : " "} ${MARK[item.status]} ${item.name.padEnd(12)}`,
-      /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: item.status === "error" ? ` ${item.error ?? ""}` : ` ${item.description}` })
+      /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: item.status === "error" ? ` ${item.error ?? ""}` : ` ${item.description}` })
     ] }, item.name))
   ] });
 }
 
 // src/ui/PlanApproval.tsx
-import { Box as Box10, Text as Text12, useInput as useInput8 } from "ink";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Box as Box10, Text as Text13, useInput as useInput8 } from "ink";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function PlanApproval({ plan, onAnswer }) {
   useInput8((input, key) => {
     const k2 = input.toLowerCase();
@@ -976,52 +1125,52 @@ function PlanApproval({ plan, onAnswer }) {
     else if (k2 === "y") onAnswer("default");
     else if (k2 === "n" || key.escape) onAnswer("no");
   });
-  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
-    /* @__PURE__ */ jsx12(Text12, { bold: true, children: t("Plan from the agent") }),
-    /* @__PURE__ */ jsx12(Markdown, { text: plan, indent: 5 }),
-    /* @__PURE__ */ jsxs9(Text12, { children: [
-      /* @__PURE__ */ jsx12(Text12, { color: color("green"), children: t("[a] yes, auto-edit") }),
+  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__ */ jsxs10(Text13, { children: [
+      /* @__PURE__ */ jsx13(Text13, { color: color("green"), children: t("[a] yes, auto-edit") }),
       "   ",
-      /* @__PURE__ */ jsx12(Text12, { color: color("cyan"), children: t("[y] yes, ask at each step") }),
+      /* @__PURE__ */ jsx13(Text13, { color: color("cyan"), children: t("[y] yes, ask at each step") }),
       "   ",
-      /* @__PURE__ */ jsx12(Text12, { color: color("red"), children: t("[n] not yet, revise first") })
+      /* @__PURE__ */ jsx13(Text13, { color: color("red"), children: t("[n] not yet, revise first") })
     ] })
   ] });
 }
 
 // src/ui/TodoList.tsx
-import { Box as Box11, Text as Text13 } from "ink";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { Box as Box11, Text as Text14 } from "ink";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var MARK2 = { completed: "\u2611", in_progress: "\u25FC", pending: "\u2610" };
 function TodoList({ items }) {
   if (!items.length || items.every((t2) => t2.status === "completed")) return null;
-  return /* @__PURE__ */ jsx13(Box11, { flexDirection: "column", marginLeft: 2, marginTop: 1, children: items.map((t2, i) => /* @__PURE__ */ jsx13(Text13, { dimColor: t2.status === "completed", color: t2.status === "in_progress" ? color("yellow") : void 0, children: `${MARK2[t2.status]} ${t2.content}` }, i)) });
+  return /* @__PURE__ */ jsx14(Box11, { flexDirection: "column", marginLeft: 2, marginTop: 1, children: items.map((t2, i) => /* @__PURE__ */ jsx14(Text14, { dimColor: t2.status === "completed", color: t2.status === "in_progress" ? color("yellow") : void 0, children: `${MARK2[t2.status]} ${t2.content}` }, i)) });
 }
 
 // src/ui/ToolBlock.tsx
-import { Box as Box12, Text as Text14 } from "ink";
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Box as Box12, Text as Text15 } from "ink";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var PREVIEW_LINES = 5;
 function ToolBlock({ tool, target, output, display, isError, done, expanded, sub }) {
   const isTask = tool === "task";
   const isDiff = !!display && /^\s*\d+ [+\- ] /.test(display);
   const lines = (output ?? "").split("\n");
   const shown = expanded ? lines : lines.slice(0, PREVIEW_LINES);
-  return /* @__PURE__ */ jsxs10(Box12, { flexDirection: "column", marginLeft: 2, children: [
-    /* @__PURE__ */ jsxs10(Text14, { children: [
-      /* @__PURE__ */ jsx14(Text14, { color: isError ? color("red") : done ? color("green") : color("yellow"), children: "\u23BF " }),
-      /* @__PURE__ */ jsx14(Text14, { bold: true, children: toolLabel(tool) }),
-      /* @__PURE__ */ jsx14(Text14, { children: `  ${target}` }),
-      display && !isDiff && !isTask ? /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: `  (${display})` }) : null
+  return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", marginLeft: 2, children: [
+    /* @__PURE__ */ jsxs11(Text15, { children: [
+      /* @__PURE__ */ jsx15(Text15, { color: isError ? color("red") : done ? color("green") : color("yellow"), children: "\u23BF " }),
+      /* @__PURE__ */ jsx15(Text15, { bold: true, children: toolLabel(tool) }),
+      /* @__PURE__ */ jsx15(Text15, { children: `  ${target}` }),
+      display && !isDiff && !isTask ? /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: `  (${display})` }) : null
     ] }),
-    sub?.length ? /* @__PURE__ */ jsxs10(Box12, { flexDirection: "column", marginLeft: 3, children: [
-      sub.slice(-6).map((s) => /* @__PURE__ */ jsx14(Text14, { dimColor: s.done && !s.isError, color: s.isError ? color("red") : void 0, children: `\u23BF ${toolLabel(s.tool)}  ${s.target}` }, s.id)),
-      sub.length > 6 ? /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: t("\u2026 {n} earlier steps", { n: sub.length - 6 }) }) : null
+    sub?.length ? /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", marginLeft: 3, children: [
+      sub.slice(-6).map((s) => /* @__PURE__ */ jsx15(Text15, { dimColor: s.done && !s.isError, color: s.isError ? color("red") : void 0, children: `\u23BF ${toolLabel(s.tool)}  ${s.target}` }, s.id)),
+      sub.length > 6 ? /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: t("\u2026 {n} earlier steps", { n: sub.length - 6 }) }) : null
     ] }) : null,
-    isTask && done ? /* @__PURE__ */ jsx14(Box12, { marginLeft: 3, children: /* @__PURE__ */ jsx14(Text14, { color: isError ? color("red") : color("green"), children: `${isError ? t("\u2717 failed") : t("\u2713 done")}${display ? ` \xB7 ${display}` : ""}` }) }) : null,
-    isDiff ? /* @__PURE__ */ jsx14(Box12, { marginLeft: 3, children: /* @__PURE__ */ jsx14(DiffView, { diff: display }) }) : output && (isError || tool === "bash") && !(isTask && !isError) ? /* @__PURE__ */ jsxs10(Box12, { flexDirection: "column", marginLeft: 3, children: [
-      shown.map((line, i) => /* @__PURE__ */ jsx14(Text14, { dimColor: !isError, color: isError ? color("red") : void 0, children: line }, i)),
-      lines.length > shown.length ? /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: t("\u2026 {n} more lines (ctrl+o)", { n: lines.length - shown.length }) }) : 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") && !(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 (ctrl+o)", { n: lines.length - shown.length }) }) : null
     ] }) : null
   ] });
 }
@@ -1031,7 +1180,7 @@ var nextId = 0;
 var entry = (e) => ({ ...e, id: nextId++ });
 var NOTICES = {
   compacted: ["Conversation summarized to fit the model context.", "info"],
-  stepLimit: ['Step limit of 50 reached. Type "continue" to keep going.', "warn"],
+  stepLimit: ['Step limit of {n} reached. Type "continue" to keep going.', "warn"],
   aborted: ["Cancelled.", "warn"]
 };
 var isEmptyCont = (e) => e.kind === "assistant" && e.cont && !e.text;
@@ -1106,6 +1255,11 @@ function applyEvent(t2, event) {
     }
     case "error":
       return { ...t2, live: [...t2.live, entry({ kind: "notice", text: `Error: ${event.message}`, tone: "error" })] };
+    case "stepLimit": {
+      const limit = event.maxSteps;
+      const notice = NOTICES.stepLimit;
+      return notice ? { ...t2, live: [...t2.live, entry({ kind: "notice", text: t(notice[0], { n: limit }), tone: notice[1] })] } : t2;
+    }
     default: {
       const notice = NOTICES[event.type];
       return notice ? { ...t2, live: [...t2.live, entry({ kind: "notice", text: t(notice[0]), tone: notice[1] })] } : t2;
@@ -1114,7 +1268,7 @@ function applyEvent(t2, event) {
 }
 
 // src/ui/App.tsx
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 function helpText(runtime) {
   const custom = runtime.commands.filter((c) => !SLASH_COMMANDS.some((b) => b.name === c.name));
   return [
@@ -1710,46 +1864,46 @@ ${t2.output}`);
   const renderEntry = (e) => {
     switch (e.kind) {
       case "header":
-        return /* @__PURE__ */ jsx15(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsxs11(Text15, { children: [
-          /* @__PURE__ */ jsx15(Text15, { color: color(ACCENT), bold: true, children: " \u273B " }),
-          /* @__PURE__ */ jsx15(Text15, { bold: true, children: `BCCLI ${version}` }),
-          /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: ` \xB7 ${runtime.modelRef} (${runtime.providerLabel()}) \xB7 ${cwd}` })
+        return /* @__PURE__ */ jsx16(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsxs12(Text16, { children: [
+          /* @__PURE__ */ jsx16(Text16, { color: color(ACCENT), bold: true, children: " \u273B " }),
+          /* @__PURE__ */ jsx16(Text16, { bold: true, children: `BCCLI ${version}` }),
+          /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: ` \xB7 ${runtime.modelRef} (${runtime.providerLabel()}) \xB7 ${cwd}` })
         ] }) }, e.id);
       case "user":
-        return /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: `> ${e.text}` }) }, e.id);
+        return /* @__PURE__ */ jsx16(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: `> ${e.text}` }) }, e.id);
       case "assistant":
         if (e.cont) {
-          return e.text ? /* @__PURE__ */ jsx15(Box13, { paddingLeft: 2, children: /* @__PURE__ */ jsx15(Markdown, { text: e.text }) }, e.id) : null;
+          return e.text ? /* @__PURE__ */ jsx16(Box13, { paddingLeft: 2, children: /* @__PURE__ */ jsx16(Markdown, { text: e.text }) }, e.id) : null;
         }
         if (!e.text.trim()) return null;
-        return /* @__PURE__ */ jsxs11(Box13, { marginTop: 1, children: [
-          /* @__PURE__ */ jsx15(Text15, { color: color(ACCENT), children: "\u25CF " }),
-          /* @__PURE__ */ jsx15(Markdown, { text: e.text.replace(/^\s+/, "") })
+        return /* @__PURE__ */ jsxs12(Box13, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx16(Text16, { color: color(ACCENT), children: "\u25CF " }),
+          /* @__PURE__ */ jsx16(Markdown, { text: e.text.replace(/^\s+/, "") })
         ] }, e.id);
       case "thinking": {
         const text = e.text.trim();
         if (!text) return null;
         if (!(e.open ?? showThinking)) {
           const lines = text.split("\n").length;
-          return /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: t("\u273B Thinking \xB7 {n} lines \xB7 ctrl+t to show", { n: lines }) }) }, e.id);
+          return /* @__PURE__ */ jsx16(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: t("\u273B Thinking \xB7 {n} lines \xB7 ctrl+t to show", { n: lines }) }) }, e.id);
         }
-        return /* @__PURE__ */ jsxs11(Box13, { marginTop: 1, flexDirection: "column", children: [
-          /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: t("\u273B Thinking (ctrl+t to hide)") }),
-          /* @__PURE__ */ jsx15(Box13, { paddingLeft: 2, children: /* @__PURE__ */ jsx15(Text15, { dimColor: true, italic: true, children: text }) })
+        return /* @__PURE__ */ jsxs12(Box13, { marginTop: 1, flexDirection: "column", children: [
+          /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: t("\u273B Thinking (ctrl+t to hide)") }),
+          /* @__PURE__ */ jsx16(Box13, { paddingLeft: 2, children: /* @__PURE__ */ jsx16(Text16, { dimColor: true, italic: true, children: text }) })
         ] }, e.id);
       }
       case "tool":
-        return /* @__PURE__ */ jsx15(ToolBlock, { tool: e.tool, target: e.target, output: e.output, display: e.display, isError: e.isError, done: e.done, sub: e.sub }, e.id);
+        return /* @__PURE__ */ jsx16(ToolBlock, { tool: e.tool, target: e.target, output: e.output, display: e.display, isError: e.isError, done: e.done, sub: e.sub }, e.id);
       case "notice":
-        return /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text15, { color: e.tone === "error" ? color("red") : e.tone === "warn" ? color("yellow") : void 0, dimColor: e.tone === "info", children: e.text }) }, e.id);
+        return /* @__PURE__ */ jsx16(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text16, { color: e.tone === "error" ? color("red") : e.tone === "warn" ? color("yellow") : void 0, dimColor: e.tone === "info", children: e.text }) }, e.id);
     }
   };
-  return /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx15(Static, { items: transcript.done, children: renderEntry }),
+  return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx16(Static, { items: transcript.done, children: renderEntry }),
     transcript.live.map(renderEntry),
-    busy && !pending && !planAsk ? /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx15(Spinner, { label: cancelling ? t("Cancelling") : t("Thinking"), startedAt }) }) : null,
-    pending ? /* @__PURE__ */ jsx15(PermissionPrompt, { request: pending.request, onAnswer: answer }, pending.id) : null,
-    picker ? /* @__PURE__ */ jsx15(
+    busy && !pending && !planAsk ? /* @__PURE__ */ jsx16(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx16(Spinner, { label: cancelling ? t("Cancelling") : t("Thinking"), startedAt }) }) : null,
+    pending ? /* @__PURE__ */ jsx16(PermissionPrompt, { request: pending.request, onAnswer: answer }, pending.id) : null,
+    picker ? /* @__PURE__ */ jsx16(
       ModelPicker,
       {
         groups: picker,
@@ -1760,10 +1914,10 @@ ${t2.output}`);
         }
       }
     ) : null,
-    listPicker ? /* @__PURE__ */ jsx15(ListPicker, { title: listPicker.title, items: listPicker.items, onPick: listPicker.onPick }) : null,
-    mcpMenu ? /* @__PURE__ */ jsx15(McpMenu, { items: mcpMenu, onPick: (n) => void pickMcp(n) }) : null,
-    providerMenu ? /* @__PURE__ */ jsx15(ProviderMenu, { entries: providerMenu, onPick: (id) => void pickProvider(id) }) : null,
-    prompt ? /* @__PURE__ */ jsx15(
+    listPicker ? /* @__PURE__ */ jsx16(ListPicker, { title: listPicker.title, items: listPicker.items, onPick: listPicker.onPick }) : null,
+    mcpMenu ? /* @__PURE__ */ jsx16(McpMenu, { items: mcpMenu, onPick: (n) => void pickMcp(n) }) : null,
+    providerMenu ? /* @__PURE__ */ jsx16(ProviderMenu, { entries: providerMenu, onPick: (id) => void pickProvider(id) }) : null,
+    prompt ? /* @__PURE__ */ jsx16(
       LinePrompt,
       {
         label: prompt.label,
@@ -1778,7 +1932,7 @@ ${t2.output}`);
         }
       }
     ) : null,
-    planAsk ? /* @__PURE__ */ jsx15(
+    planAsk ? /* @__PURE__ */ jsx16(
       PlanApproval,
       {
         plan: planAsk.plan,
@@ -1789,15 +1943,15 @@ ${t2.output}`);
         }
       }
     ) : null,
-    /* @__PURE__ */ jsx15(TodoList, { items: todos }),
-    queued.map((q, i) => /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: t("  \u23F3 queued: {q}", { q }) }, `${i}-${q}`)),
-    /* @__PURE__ */ jsx15(PromptInput, { disabled: !!pending || !!picker || !!providerMenu || !!prompt || !!planAsk || !!mcpMenu || !!listPicker, history, cwd: runtime.cwd, onSubmit: onPrompt, extraCommands }),
-    /* @__PURE__ */ jsx15(StatusBar, { mode, tokens, busy, model: modelLabel, reasoning })
+    /* @__PURE__ */ jsx16(TodoList, { items: todos }),
+    queued.map((q, i) => /* @__PURE__ */ jsx16(Text16, { dimColor: true, children: t("  \u23F3 queued: {q}", { q }) }, `${i}-${q}`)),
+    /* @__PURE__ */ jsx16(PromptInput, { disabled: !!pending || !!picker || !!providerMenu || !!prompt || !!planAsk || !!mcpMenu || !!listPicker, history, cwd: runtime.cwd, onSubmit: onPrompt, extraCommands }),
+    /* @__PURE__ */ jsx16(StatusBar, { mode, tokens, busy, model: modelLabel, reasoning })
   ] });
 }
 
 // src/ui/index.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 async function startInteractive(rt, opts) {
   if (opts.resume) {
     const { Session: Session2 } = await import("./session-7UB77CEG.js");
@@ -1815,7 +1969,7 @@ async function startInteractive(rt, opts) {
       if (chosen) rt.resume(chosen.session);
     }
   }
-  const { serversToStart, setProjectTrust } = await import("./config-DMF4AO7E.js");
+  const { serversToStart, setProjectTrust } = await import("./config-53MC3AH2.js");
   const plan = serversToStart(rt.home, rt.cwd);
   if (plan.needTrust.length) {
     const { createInterface } = await import("readline/promises");
@@ -1829,7 +1983,7 @@ async function startInteractive(rt, opts) {
     rl.close();
   }
   void rt.startMcp(plan.start);
-  const instance = render(/* @__PURE__ */ jsx16(App, { runtime: rt, initialPrompt: opts.initialPrompt, version: opts.version }), { exitOnCtrlC: true });
+  const instance = render(/* @__PURE__ */ jsx17(App, { runtime: rt, initialPrompt: opts.initialPrompt, version: opts.version }), { exitOnCtrlC: true });
   await instance.waitUntilExit();
   await rt.mcp.stop();
   return 0;