@wrongstack/tui 0.3.3 → 0.3.7

package/dist/index.js

@@ -1,5 +1,5 @@
 import { render, useApp, Box, useStdout, Static, Text, useInput, useStdin } from 'ink';
-import React, { useState, useReducer, useRef, useEffect, useMemo } from 'react';
+import React4, { useState, useReducer, useRef, useEffect, useMemo } from 'react';
 import * as fs2 from 'fs/promises';
 import * as path2 from 'path';
 import { InputBuilder, formatTodosList } from '@wrongstack/core';
@@ -39,14 +39,19 @@ function ConfirmPrompt({
   suggestedPattern,
   onDecision
 }) {
-  useInput((_, key) => {
-    if (key.return) {
+  React4.useEffect(() => {
+    process.stdout.write("\x07");
+  }, []);
+  useInput((input2, key) => {
+    if (!input2 || input2 === "\r" || input2 === "\n") return;
+    const ch = input2.toLowerCase();
+    if (ch === "y") {
       onDecision("yes");
-    } else if (key.escape) {
+    } else if (ch === "n") {
       onDecision("no");
-    } else if (key.ctrl && _.toLowerCase() === "a") {
+    } else if (ch === "a") {
       onDecision("always");
-    } else if (key.ctrl && _.toLowerCase() === "d") {
+    } else if (ch === "d") {
       onDecision("deny");
     }
   });
@@ -58,34 +63,32 @@ function ConfirmPrompt({
     Box,
     {
       flexDirection: "column",
-      borderStyle: "single",
-      borderTop: false,
-      borderLeft: false,
-      borderRight: false,
-      borderBottom: false,
+      borderStyle: "round",
+      borderColor: "yellow",
       paddingX: 1,
+      marginY: 1,
       children: [
         /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
-          /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: "\u26A0 Confirm" }),
+          /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: "\u26A0 APPROVAL REQUIRED" }),
           /* @__PURE__ */ jsx(Text, { children: " " }),
-          /* @__PURE__ */ jsx(Text, { bold: true, children: toolName })
+          /* @__PURE__ */ jsx(Text, { bold: true, color: "white", children: toolName })
         ] }),
         inputSummary ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: inputSummary }) : null,
         showDiff && diff ? /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginY: 1, children: renderDiff(diff) }) : null,
         /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
         /* @__PURE__ */ jsx(Box, { flexDirection: "row", children: /* @__PURE__ */ jsxs(Text, { children: [
-          /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: "[\u21B5]" }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: " yes " }),
-          /* @__PURE__ */ jsx(Text, { bold: true, color: "red", children: "[Esc]" }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: " no " }),
-          /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "[Ctrl+A]" }),
+          /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: "[y]" }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "es " }),
+          /* @__PURE__ */ jsx(Text, { bold: true, color: "red", children: "[n]" }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "o " }),
+          /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "[a]" }),
           /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-            " always (",
+            "lways (",
             suggestedPattern,
             ") "
           ] }),
-          /* @__PURE__ */ jsx(Text, { bold: true, color: "red", children: "[Ctrl+D]" }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: " deny" })
+          /* @__PURE__ */ jsx(Text, { bold: true, color: "red", children: "[d]" }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "eny" })
         ] }) })
       ]
     }
@@ -256,81 +259,6 @@ function FleetPanel({ entries, totalCost, roster }) {
     }
   );
 }
-function fmtElapsed(ms) {
-  if (ms < 1e3) return `${ms}ms`;
-  if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
-  const m = Math.floor(ms / 6e4);
-  const s = Math.floor(ms % 6e4 / 1e3);
-  return `${m}m${s.toString().padStart(2, "0")}s`;
-}
-function fmtBytes2(n) {
-  if (n < 1024) return `${n}B`;
-  return `${(n / 1024).toFixed(1)}KB`;
-}
-function fmtRecentTool2(tool) {
-  const status = tool.ok === false ? "fail" : "ok";
-  const name = tool.name.length > 18 ? `${tool.name.slice(0, 17)}...` : tool.name;
-  const parts = [status, name];
-  if (typeof tool.durationMs === "number") parts.push(fmtElapsed(tool.durationMs));
-  if (typeof tool.outputBytes === "number" && tool.outputBytes > 0) parts.push(fmtBytes2(tool.outputBytes));
-  if (typeof tool.outputLines === "number" && tool.outputLines > 0) parts.push(`${tool.outputLines}L`);
-  return parts.join(" ");
-}
-function fmtRecentMessage2(message) {
-  const text = message.text.replace(/\s+/g, " ");
-  return text.length > 48 ? `${text.slice(0, 47)}...` : text;
-}
-function LiveActivityStrip({
-  entries,
-  nowTick,
-  maxRows = 4
-}) {
-  const running = Object.values(entries).filter((e) => e.status === "running").sort((a, b) => a.startedAt - b.startedAt).slice(0, maxRows);
-  if (running.length === 0) return null;
-  const now = Date.now();
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
-    running.map((e) => {
-      const toolElapsed = e.currentTool ? now - e.currentTool.startedAt : 0;
-      const taskElapsed = now - e.startedAt;
-      const toolSeg = e.currentTool ? `\u2192 ${e.currentTool.name} (${fmtElapsed(toolElapsed)})` : "idle between tools";
-      const recentTools = (e.recentTools ?? []).slice(-2).map(fmtRecentTool2).join(" | ");
-      const messageText = e.streamingText.trim() || (e.recentMessages ?? []).slice(-1).map(fmtRecentMessage2).join("");
-      return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u25CF" }),
-        /* @__PURE__ */ jsx(Text, { children: e.name.slice(0, 14).padEnd(14) }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-        /* @__PURE__ */ jsx(Text, { color: e.currentTool ? "green" : "yellow", children: toolSeg }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-          e.iterations,
-          "it ",
-          e.toolCalls,
-          "tc \xB7 ",
-          fmtElapsed(taskElapsed)
-        ] }),
-        recentTools ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
-          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-            "last: ",
-            recentTools
-          ] })
-        ] }) : null,
-        messageText ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
-          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-            "msg: ",
-            fmtRecentMessage2({ text: messageText})
-          ] })
-        ] }) : null
-      ] }, e.id);
-    }),
-    Object.values(entries).filter((e) => e.status === "running").length > maxRows ? /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "\u2026+",
-      Object.values(entries).filter((e) => e.status === "running").length - maxRows,
-      " more"
-    ] }) }) : null
-  ] });
-}
 
 // src/markdown-table.ts
 function renderMarkdownTables(text, maxWidth) {
@@ -641,7 +569,7 @@ function Entry({
           parts.push(`${entry.outputLines} L`);
         }
         if (entry.outputBytes && entry.outputBytes > 0) {
-          parts.push(fmtBytes3(entry.outputBytes));
+          parts.push(fmtBytes2(entry.outputBytes));
         }
         if (entry.outputTokens && entry.outputTokens > 0) {
           parts.push(`\u2248${fmtTok(entry.outputTokens)} tok`);
@@ -686,41 +614,13 @@ function Entry({
     case "turn-summary":
       return /* @__PURE__ */ jsx(Text, { dimColor: true, children: entry.text });
     case "confirm":
-      return /* @__PURE__ */ jsxs(
-        Box,
-        {
-          flexDirection: "column",
-          borderStyle: "single",
-          borderTop: false,
-          borderLeft: false,
-          borderRight: false,
-          borderBottom: false,
-          paddingX: 1,
-          children: [
-            /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
-              /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: "\u26A0 Confirm" }),
-              /* @__PURE__ */ jsx(Text, { children: " " }),
-              /* @__PURE__ */ jsx(Text, { bold: true, children: entry.toolName })
-            ] }),
-            entry.input && typeof entry.input === "object" ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: Object.entries(entry.input).filter(([k]) => k !== "content" && k !== "new_string").map(([k, v]) => `${k}: ${String(v).slice(0, 80)}`).join("  ") }) : null,
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
-            /* @__PURE__ */ jsx(Box, { flexDirection: "row", children: /* @__PURE__ */ jsxs(Text, { children: [
-              /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: "[\u21B5]" }),
-              /* @__PURE__ */ jsx(Text, { dimColor: true, children: " yes " }),
-              /* @__PURE__ */ jsx(Text, { bold: true, color: "red", children: "[Esc]" }),
-              /* @__PURE__ */ jsx(Text, { dimColor: true, children: " no " }),
-              /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "[Ctrl+A]" }),
-              /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-                " always (",
-                entry.suggestedPattern,
-                ") "
-              ] }),
-              /* @__PURE__ */ jsx(Text, { bold: true, color: "red", children: "[Ctrl+D]" }),
-              /* @__PURE__ */ jsx(Text, { dimColor: true, children: " deny" })
-            ] }) })
-          ]
-        }
-      );
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginY: 1, children: [
+        /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellow", children: [
+          "\u26A0 Confirm: ",
+          entry.toolName
+        ] }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Waiting for y / n / a / d..." })
+      ] });
     case "banner":
       return /* @__PURE__ */ jsx(Banner, { entry });
     case "subagent": {
@@ -925,7 +825,7 @@ function formatToolOutput(toolName, output, ok, _outputBytes, outputLines) {
       const bytes = numOf(o["bytes_written"]) ?? numOf(o["bytes"]);
       const created = o["created"] === true;
       const tag = created ? "created" : "updated";
-      if (bytes !== void 0) return [`${tag} \xB7 ${fmtBytes3(bytes)}`];
+      if (bytes !== void 0) return [`${tag} \xB7 ${fmtBytes2(bytes)}`];
       return [tag];
     }
   }
@@ -990,17 +890,17 @@ function formatToolOutput(toolName, output, ok, _outputBytes, outputLines) {
     if (json && typeof json === "object") {
       const o = json;
       const bytes = numOf(o["bytes"]);
-      if (bytes !== void 0) return [`${fmtBytes3(bytes)} read`];
+      if (bytes !== void 0) return [`${fmtBytes2(bytes)} read`];
     }
     const range = scanNumberedRange(text);
     if (range.count > 0 && range.first !== void 0 && range.last !== void 0) {
       if (range.first === range.last) {
-        return [`L${range.first} \xB7 ${fmtBytes3(text.length)}`];
+        return [`L${range.first} \xB7 ${fmtBytes2(text.length)}`];
       }
       const contiguous = range.count === range.last - range.first + 1;
       const head = `L${range.first}\u2013${range.last}`;
       const tail = contiguous ? `${range.count} line${range.count === 1 ? "" : "s"}` : `${range.count} lines (gaps)`;
-      return [`${head} \xB7 ${tail} \xB7 ${fmtBytes3(text.length)}`];
+      return [`${head} \xB7 ${tail} \xB7 ${fmtBytes2(text.length)}`];
     }
   }
   if (toolName === "grep" || toolName === "glob") {
@@ -1058,7 +958,7 @@ function formatToolOutput(toolName, output, ok, _outputBytes, outputLines) {
       const head = [];
       if (status !== void 0) head.push(`HTTP ${status}`);
       if (ct) head.push(ct.split(";")[0] ?? ct);
-      if (content) head.push(fmtBytes3(Buffer.byteLength(content, "utf8")));
+      if (content) head.push(fmtBytes2(Buffer.byteLength(content, "utf8")));
       const lines = [];
       if (head.length > 0) lines.push(head.join(" \xB7 "));
       if (url && status !== void 0 && (status < 200 || status >= 400)) {
@@ -1434,7 +1334,7 @@ function countLines(text) {
   if (!text) return 0;
   return text.replace(/\n$/, "").split("\n").length;
 }
-function fmtBytes3(n) {
+function fmtBytes2(n) {
   if (n < 1024) return `${n}B`;
   if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)}KB`;
   return `${(n / (1024 * 1024)).toFixed(1)}MB`;
@@ -1515,6 +1415,81 @@ function Input({
     hint ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: hint }) : null
   ] });
 }
+function fmtElapsed(ms) {
+  if (ms < 1e3) return `${ms}ms`;
+  if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
+  const m = Math.floor(ms / 6e4);
+  const s = Math.floor(ms % 6e4 / 1e3);
+  return `${m}m${s.toString().padStart(2, "0")}s`;
+}
+function fmtBytes3(n) {
+  if (n < 1024) return `${n}B`;
+  return `${(n / 1024).toFixed(1)}KB`;
+}
+function fmtRecentTool2(tool) {
+  const status = tool.ok === false ? "fail" : "ok";
+  const name = tool.name.length > 18 ? `${tool.name.slice(0, 17)}...` : tool.name;
+  const parts = [status, name];
+  if (typeof tool.durationMs === "number") parts.push(fmtElapsed(tool.durationMs));
+  if (typeof tool.outputBytes === "number" && tool.outputBytes > 0) parts.push(fmtBytes3(tool.outputBytes));
+  if (typeof tool.outputLines === "number" && tool.outputLines > 0) parts.push(`${tool.outputLines}L`);
+  return parts.join(" ");
+}
+function fmtRecentMessage2(message) {
+  const text = message.text.replace(/\s+/g, " ");
+  return text.length > 48 ? `${text.slice(0, 47)}...` : text;
+}
+function LiveActivityStrip({
+  entries,
+  nowTick,
+  maxRows = 4
+}) {
+  const running = Object.values(entries).filter((e) => e.status === "running").sort((a, b) => a.startedAt - b.startedAt).slice(0, maxRows);
+  if (running.length === 0) return null;
+  const now = Date.now();
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+    running.map((e) => {
+      const toolElapsed = e.currentTool ? now - e.currentTool.startedAt : 0;
+      const taskElapsed = now - e.startedAt;
+      const toolSeg = e.currentTool ? `\u2192 ${e.currentTool.name} (${fmtElapsed(toolElapsed)})` : "idle between tools";
+      const recentTools = (e.recentTools ?? []).slice(-2).map(fmtRecentTool2).join(" | ");
+      const messageText = e.streamingText.trim() || (e.recentMessages ?? []).slice(-1).map(fmtRecentMessage2).join("");
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u25CF" }),
+        /* @__PURE__ */ jsx(Text, { children: e.name.slice(0, 14).padEnd(14) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+        /* @__PURE__ */ jsx(Text, { color: e.currentTool ? "green" : "yellow", children: toolSeg }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          e.iterations,
+          "it ",
+          e.toolCalls,
+          "tc \xB7 ",
+          fmtElapsed(taskElapsed)
+        ] }),
+        recentTools ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "last: ",
+            recentTools
+          ] })
+        ] }) : null,
+        messageText ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "msg: ",
+            fmtRecentMessage2({ text: messageText})
+          ] })
+        ] }) : null
+      ] }, e.id);
+    }),
+    Object.values(entries).filter((e) => e.status === "running").length > maxRows ? /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "\u2026+",
+      Object.values(entries).filter((e) => e.status === "running").length - maxRows,
+      " more"
+    ] }) }) : null
+  ] });
+}
 function ModelPicker({
   step,
   providerOptions,
@@ -1526,7 +1501,7 @@ function ModelPicker({
   if (step === "provider") {
     return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
       /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u2501\u2501 Switch model \u2014 Step 1/2: Pick provider \u2501\u2501" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate \xB7 Enter select \xB7 Esc cancel" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate \xB7 Enter select \xB7 Esc cancel \xB7 Ctrl+C exit" }),
       providerOptions.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "(no providers with keys \u2014 add one via `wstack auth`)" }) : providerOptions.map((p, i) => /* @__PURE__ */ jsxs(Text, { color: i === selected ? "cyan" : void 0, inverse: i === selected, children: [
         i === selected ? "\u203A " : "  ",
         /* @__PURE__ */ jsx(Text, { bold: true, children: p.id.padEnd(28) }),
@@ -1551,7 +1526,7 @@ function ModelPicker({
       pickedProviderId,
       ") \u2501\u2501"
     ] }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate \xB7 Enter select \xB7 Esc back \xB7 Ctrl-C cancel" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate \xB7 Enter select \xB7 Esc back \xB7 Ctrl+C exit" }),
     modelOptions.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "(no models known for this provider)" }) : modelOptions.map((id, i) => /* @__PURE__ */ jsxs(Text, { color: i === selected ? "cyan" : void 0, inverse: i === selected, children: [
       i === selected ? "\u203A " : "  ",
       id
@@ -2050,6 +2025,11 @@ function oneLine(s, max) {
   const collapsed = s.replace(/\s+/g, " ").trim();
   return collapsed.length <= max ? collapsed : `${collapsed.slice(0, max - 1)}\u2026`;
 }
+function selectedSlashCommandLine(picker) {
+  if (!picker.open || picker.matches.length === 0) return null;
+  const picked = picker.matches[picker.selected];
+  return picked ? `/${picked.name}` : null;
+}
 function reducer(state, action) {
   switch (action.type) {
     case "addEntry": {
@@ -2066,6 +2046,7 @@ function reducer(state, action) {
         buffer: "",
         cursor: 0,
         placeholders: [],
+        historyIndex: 0,
         picker: { open: false, query: "", matches: [], selected: 0 },
         slashPicker: { open: false, query: "", matches: [], selected: 0 }
       };
@@ -2285,9 +2266,9 @@ function reducer(state, action) {
         modelPicker: { ...state.modelPicker, hint: action.text }
       };
     case "confirmOpen":
-      return { ...state, confirm: action.info };
+      return { ...state, confirmQueue: [...state.confirmQueue, action.info] };
     case "confirmClose":
-      return { ...state, confirm: null };
+      return { ...state, confirmQueue: state.confirmQueue.slice(1) };
     case "resetContextChip":
       return { ...state, contextChipVersion: state.contextChipVersion + 1 };
     // --- Fleet ---
@@ -2626,7 +2607,7 @@ function App({
       modelOptions: [],
       selected: 0
     },
-    confirm: null,
+    confirmQueue: [],
     contextChipVersion: 0,
     fleet: {},
     fleetCost: 0,
@@ -2640,7 +2621,7 @@ function App({
   const inputGateRef = useRef(false);
   const lastEnterAtRef = useRef(0);
   const projectRoot = agent.ctx.projectRoot;
-  const projectName = React.useMemo(() => {
+  const projectName = React4.useMemo(() => {
     const base = path2.basename(projectRoot);
     return base && base !== path2.sep ? base : void 0;
   }, [projectRoot]);
@@ -2649,14 +2630,24 @@ function App({
   const flushTimerRef = useRef(null);
   const stateRef = useRef(state);
   stateRef.current = state;
+  const draftRef = useRef({ buffer: state.buffer, cursor: state.cursor });
+  draftRef.current = { buffer: state.buffer, cursor: state.cursor };
+  const setDraft = (buffer, cursor) => {
+    draftRef.current = { buffer, cursor };
+    dispatch({ type: "setBuffer", buffer, cursor });
+  };
+  const clearDraft = () => {
+    draftRef.current = { buffer: "", cursor: 0 };
+    dispatch({ type: "clearInput" });
+  };
   const startedAtRef = useRef(Date.now());
-  const [nowTick, setNowTick] = React.useState(Date.now());
+  const [nowTick, setNowTick] = React4.useState(Date.now());
   useEffect(() => {
     const t = setInterval(() => setNowTick(Date.now()), 1e3);
     return () => clearInterval(t);
   }, []);
   const elapsedMs = nowTick - startedAtRef.current;
-  const [gitInfo, setGitInfo] = React.useState(null);
+  const [gitInfo, setGitInfo] = React4.useState(null);
   useEffect(() => {
     let cancelled = false;
     const refresh = () => {
@@ -2671,7 +2662,7 @@ function App({
       clearInterval(t);
     };
   }, [agent.ctx.cwd]);
-  const [lastInputTokens, setLastInputTokens] = React.useState(0);
+  const [lastInputTokens, setLastInputTokens] = React4.useState(0);
   useEffect(() => {
     const off = events.on("provider.response", (e) => {
       const total = (e.usage.input ?? 0) + (e.usage.cacheRead ?? 0) + (e.usage.cacheWrite ?? 0);
@@ -2782,7 +2773,7 @@ function App({
   const prevAnyOverlayOpen = useRef(false);
   const prevEntriesCount = useRef(0);
   useEffect(() => {
-    const anyOpenNow = state.picker.open || state.slashPicker.open || state.modelPicker.open || !!state.confirm;
+    const anyOpenNow = state.picker.open || state.slashPicker.open || state.modelPicker.open || state.confirmQueue.length > 0;
     const overlayClosed = prevAnyOverlayOpen.current && !anyOpenNow;
     const newEntryCommitted = state.entries.length > prevEntriesCount.current;
     prevAnyOverlayOpen.current = anyOpenNow;
@@ -2797,7 +2788,7 @@ function App({
     state.picker.open,
     state.slashPicker.open,
     state.modelPicker.open,
-    state.confirm,
+    state.confirmQueue.length,
     state.entries.length
   ]);
   useEffect(() => {
@@ -2838,7 +2829,7 @@ function App({
     }).slice(0, 12).map(({ cmd, owner }) => ({
       name: cmd.name,
       description: cmd.description,
-      argsHint: void 0,
+      argsHint: cmd.argsHint,
       isBuiltin: owner === "core"
     }));
     if (!state.slashPicker.open) {
@@ -2879,7 +2870,8 @@ function App({
     if (!picked) return;
     const builder = builderRef.current;
     if (!builder) return;
-    const tok = detectAtToken(state.buffer, state.cursor);
+    const draft = draftRef.current;
+    const tok = detectAtToken(draft.buffer, draft.cursor);
     if (!tok) {
       dispatch({ type: "pickerClose" });
       return;
@@ -2892,14 +2884,10 @@ function App({
         data,
         meta: { filename: picked, label: picked }
       });
-      const before = state.buffer.slice(0, tok.start);
-      const after = state.buffer.slice(tok.end);
+      const before = draft.buffer.slice(0, tok.start);
+      const after = draft.buffer.slice(tok.end);
       const next = `${before}${placeholder}${after}`;
-      dispatch({
-        type: "setBuffer",
-        buffer: next,
-        cursor: tok.start + placeholder.length
-      });
+      setDraft(next, tok.start + placeholder.length);
       dispatch({ type: "pickerClose" });
     } catch (err) {
       dispatch({
@@ -2918,7 +2906,7 @@ function App({
     const picked = matches[selected];
     if (!picked) return;
     const cmd = picked.argsHint !== void 0 ? `/${picked.name} ` : `/${picked.name}`;
-    dispatch({ type: "setBuffer", buffer: cmd, cursor: cmd.length });
+    setDraft(cmd, cmd.length);
     dispatch({ type: "slashPickerClose" });
   };
   useEffect(() => {
@@ -3180,15 +3168,6 @@ function App({
       }
     });
     const offConfirmNeeded = events.on("tool.confirm_needed", (e) => {
-      dispatch({
-        type: "addEntry",
-        entry: {
-          kind: "confirm",
-          toolName: e.tool.name,
-          input: e.input,
-          suggestedPattern: e.suggestedPattern
-        }
-      });
       dispatch({
         type: "confirmOpen",
         info: {
@@ -3200,6 +3179,17 @@ function App({
         }
       });
     });
+    const offTrustPersisted = events.on("trust.persisted", (e) => {
+      const icon = e.decision === "always" ? "\u2713" : "\u2717";
+      const label = e.decision === "always" ? "always allowed" : "denied";
+      dispatch({
+        type: "addEntry",
+        entry: {
+          kind: "info",
+          text: `${icon} ${label}: ${e.tool}(${e.pattern})`
+        }
+      });
+    });
     return () => {
       offDelta();
       offToolStart();
@@ -3209,6 +3199,7 @@ function App({
       offProvErr();
       offProvResp();
       offConfirmNeeded();
+      offTrustPersisted();
       if (flushTimerRef.current) clearTimeout(flushTimerRef.current);
     };
   }, [events, agent.ctx.todos]);
@@ -3461,25 +3452,35 @@ function App({
   }, [director]);
   useEffect(() => {
     const onSigint = () => {
-      if (state.interrupts >= 1) {
-        if (state.interrupts >= 2) {
+      const current = stateRef.current;
+      if (current.interrupts >= 1) {
+        if (current.interrupts >= 2) {
           process.exit(130);
         }
         try {
-          exit();
-          onExit(130);
+          process.exit(130);
         } catch {
         }
-        setTimeout(() => {
-          try {
-            process.exit(130);
-          } catch {
-          }
-        }, 500).unref?.();
         dispatch({ type: "interrupt" });
         return;
       }
       dispatch({ type: "interrupt" });
+      if (current.modelPicker.open) {
+        dispatch({ type: "modelPickerClose" });
+        dispatch({
+          type: "addEntry",
+          entry: { kind: "warn", text: "Model picker cancelled." }
+        });
+        return;
+      }
+      if (current.slashPicker.open) {
+        dispatch({ type: "slashPickerClose" });
+        dispatch({
+          type: "addEntry",
+          entry: { kind: "warn", text: "Cancelled." }
+        });
+        return;
+      }
       if (activeCtrlRef.current) {
         activeCtrlRef.current.abort();
         dispatch({ type: "status", status: "aborting" });
@@ -3520,9 +3521,10 @@ function App({
     return () => {
       process.off("SIGINT", onSigint);
     };
-  }, [state.interrupts, exit, onExit, director]);
+  }, [exit, onExit, director]);
   const handleKey = async (input, key) => {
-    if (state.status === "aborting") return;
+    if (state.status === "aborting" && state.interrupts === 0) return;
+    if (state.confirmQueue.length > 0) return;
     if (inputGateRef.current) return;
     const isEnter = key.return || input === "\r" || input === "\n";
     if (state.modelPicker.open) {
@@ -3591,15 +3593,23 @@ function App({
         return;
       }
       if (isEnter) {
+        const now = Date.now();
+        if (now - lastEnterAtRef.current < 50) return;
+        lastEnterAtRef.current = now;
         inputGateRef.current = true;
-        acceptSlashPickerSelection();
+        const line = selectedSlashCommandLine(state.slashPicker);
+        if (line) {
+          void submit(line);
+        } else {
+          acceptSlashPickerSelection();
+        }
         inputGateRef.current = false;
         return;
       }
       if (key.tab && state.slashPicker.matches.length > 0) {
         const sel = state.slashPicker.matches[state.slashPicker.selected];
         if (sel) {
-          dispatch({ type: "setBuffer", buffer: `/${sel.name} `, cursor: sel.name.length + 2 });
+          setDraft(`/${sel.name} `, sel.name.length + 2);
           dispatch({ type: "slashPickerClose" });
         }
         return;
@@ -3628,7 +3638,7 @@ function App({
         return;
       }
     }
-    if (key.escape && state.status !== "idle" && !state.confirm) {
+    if (key.escape && state.status !== "idle" && state.confirmQueue.length === 0) {
       const runningTools = Array.from(state.runningTools.values()).map((t) => t.name);
       const subagents = Object.values(state.fleet).filter((e) => e.status === "running").map((e) => ({
         label: e.name,
@@ -3675,64 +3685,60 @@ function App({
       void submit();
       return;
     }
+    const { buffer, cursor } = draftRef.current;
     if (key.backspace || key.delete) {
       if (key.ctrl) {
-        const { cursor, buffer } = state;
         if (key.backspace) {
           if (cursor === 0) return;
           const beforeCursor = buffer.slice(0, cursor);
           const lastWordStart = beforeCursor.lastIndexOf(" ") + 1;
           const next3 = buffer.slice(0, lastWordStart) + buffer.slice(cursor);
-          dispatch({ type: "setBuffer", buffer: next3, cursor: lastWordStart });
+          setDraft(next3, lastWordStart);
         } else {
           if (cursor >= buffer.length) return;
           const afterCursor = buffer.slice(cursor);
           const nextWordStart = afterCursor.indexOf(" ");
           const end = nextWordStart === -1 ? buffer.length : cursor + nextWordStart + 1;
           const next3 = buffer.slice(0, cursor) + buffer.slice(end);
-          dispatch({ type: "setBuffer", buffer: next3, cursor });
+          setDraft(next3, cursor);
         }
         return;
       }
-      if (state.cursor === 0) return;
-      const next2 = state.buffer.slice(0, state.cursor - 1) + state.buffer.slice(state.cursor);
-      dispatch({ type: "setBuffer", buffer: next2, cursor: state.cursor - 1 });
+      if (cursor === 0) return;
+      const next2 = buffer.slice(0, cursor - 1) + buffer.slice(cursor);
+      setDraft(next2, cursor - 1);
       return;
     }
     if (key.leftArrow) {
       if (key.ctrl) {
-        const { cursor, buffer } = state;
         if (cursor === 0) return;
         const beforeCursor = buffer.slice(0, cursor);
         const prevWordStart = beforeCursor.lastIndexOf(" ");
         const target = prevWordStart === -1 ? 0 : prevWordStart + 1;
-        dispatch({ type: "setBuffer", buffer, cursor: target });
+        setDraft(buffer, target);
         return;
       }
-      if (state.cursor > 0)
-        dispatch({ type: "setBuffer", buffer: state.buffer, cursor: state.cursor - 1 });
+      if (cursor > 0) setDraft(buffer, cursor - 1);
       return;
     }
     if (key.rightArrow) {
       if (key.ctrl) {
-        const { cursor, buffer } = state;
         if (cursor >= buffer.length) return;
         const afterCursor = buffer.slice(cursor);
         const nextWordStart = afterCursor.indexOf(" ");
         const target = nextWordStart === -1 ? buffer.length : cursor + nextWordStart + 1;
-        dispatch({ type: "setBuffer", buffer, cursor: target });
+        setDraft(buffer, target);
         return;
       }
-      if (state.cursor < state.buffer.length)
-        dispatch({ type: "setBuffer", buffer: state.buffer, cursor: state.cursor + 1 });
+      if (cursor < buffer.length) setDraft(buffer, cursor + 1);
       return;
     }
     if (key.home) {
-      dispatch({ type: "setBuffer", buffer: state.buffer, cursor: 0 });
+      setDraft(buffer, 0);
       return;
     }
     if (key.end) {
-      dispatch({ type: "setBuffer", buffer: state.buffer, cursor: state.buffer.length });
+      setDraft(buffer, buffer.length);
       return;
     }
     if (key.upArrow) {
@@ -3744,24 +3750,23 @@ function App({
       return;
     }
     if (key.ctrl && input === "a") {
-      dispatch({ type: "setBuffer", buffer: state.buffer, cursor: 0 });
+      setDraft(buffer, 0);
       return;
     }
     if (key.ctrl && input === "e") {
-      dispatch({ type: "setBuffer", buffer: state.buffer, cursor: state.buffer.length });
+      setDraft(buffer, buffer.length);
       return;
     }
     if (key.ctrl && input === "u") {
-      dispatch({ type: "setBuffer", buffer: "", cursor: 0 });
+      setDraft("", 0);
       return;
     }
     if (key.ctrl && input === "w") {
-      const { cursor, buffer } = state;
       if (cursor === 0) return;
       const beforeCursor = buffer.slice(0, cursor);
       const lastWordStart = beforeCursor.lastIndexOf(" ") + 1;
       const next2 = buffer.slice(0, lastWordStart) + buffer.slice(cursor);
-      dispatch({ type: "setBuffer", buffer: next2, cursor: lastWordStart });
+      setDraft(next2, lastWordStart);
       return;
     }
     if (key.meta && input === "v") {
@@ -3783,13 +3788,13 @@ function App({
         const lineCount = cleanInput.split("\n").length;
         dispatch({ type: "addPlaceholder", ph: `${ph} (${lineCount} lines)` });
       } else {
-        const next2 = state.buffer.slice(0, state.cursor) + cleanInput + state.buffer.slice(state.cursor);
-        dispatch({ type: "setBuffer", buffer: next2, cursor: state.cursor + cleanInput.length });
+        const next2 = buffer.slice(0, cursor) + cleanInput + buffer.slice(cursor);
+        setDraft(next2, cursor + cleanInput.length);
       }
       return;
     }
-    const next = state.buffer.slice(0, state.cursor) + cleanInput + state.buffer.slice(state.cursor);
-    dispatch({ type: "setBuffer", buffer: next, cursor: state.cursor + cleanInput.length });
+    const next = buffer.slice(0, cursor) + cleanInput + buffer.slice(cursor);
+    setDraft(next, cursor + cleanInput.length);
   };
   const runBlocks = async (blocks) => {
     const ctrl = new AbortController();
@@ -3871,21 +3876,24 @@ function App({
   };
   const runBlocksRef = useRef(runBlocks);
   runBlocksRef.current = runBlocks;
-  const submit = async () => {
-    const raw = state.buffer;
+  const submit = async (overrideRaw) => {
+    const raw = overrideRaw ?? draftRef.current.buffer;
     const trimmed = raw.trim();
     if (!trimmed && state.placeholders.length === 0) return;
     dispatch({ type: "resetInterrupts" });
+    const pushSubmittedHistory = () => {
+      if (trimmed) dispatch({ type: "historyPush", text: trimmed });
+    };
     if (trimmed === "/image" || trimmed === "/paste-image") {
-      dispatch({ type: "clearInput" });
+      pushSubmittedHistory();
+      clearDraft();
       await pasteClipboardImage();
-      if (state.historyIndex > 0) dispatch({ type: "historyPush", text: trimmed });
       return;
     }
     if (trimmed.startsWith("/")) {
       dispatch({ type: "addEntry", entry: { kind: "user", text: trimmed } });
-      if (state.historyIndex > 0) dispatch({ type: "historyPush", text: trimmed });
-      dispatch({ type: "clearInput" });
+      pushSubmittedHistory();
+      clearDraft();
       try {
         const res = await slashRegistry.dispatch(trimmed, agent.ctx);
         if (res?.message) {
@@ -3931,20 +3939,19 @@ function App({
       builder.appendText(toAppend);
     }
     if (steering) dispatch({ type: "steerConsume" });
-    const blocks = await builder.submit();
     const displayText = trimmed ? steering ? `\u21AF ${trimmed}` : trimmed : "(attachments only)";
-    dispatch({ type: "clearInput" });
+    pushSubmittedHistory();
+    clearDraft();
+    const blocks = await builder.submit();
     if (state.status !== "idle") {
       dispatch({
         type: "addEntry",
         entry: { kind: "user", text: displayText, queued: true }
       });
       dispatch({ type: "enqueue", item: { displayText, blocks } });
-      if (state.historyIndex > 0) dispatch({ type: "historyPush", text: trimmed });
       return;
     }
     dispatch({ type: "addEntry", entry: { kind: "user", text: displayText } });
-    if (state.historyIndex > 0) dispatch({ type: "historyPush", text: trimmed });
     await runBlocks(blocks);
   };
   const bootInjectedRef = useRef(false);
@@ -3999,7 +4006,7 @@ function App({
         value: state.buffer,
         cursor: state.cursor,
         placeholders: state.placeholders,
-        disabled: state.status === "aborting",
+        disabled: state.status === "aborting" || state.confirmQueue.length > 0,
         hint: inputHint,
         onKey: handleKey
       }
@@ -4031,15 +4038,24 @@ function App({
         hint: state.modelPicker.hint
       }
     ) : null,
-    state.confirm ? /* @__PURE__ */ jsx(
-      ConfirmPrompt,
-      {
-        toolName: state.confirm.toolName,
-        input: state.confirm.input,
-        suggestedPattern: state.confirm.suggestedPattern,
-        onDecision: state.confirm.resolve
-      }
-    ) : null,
+    state.confirmQueue.length > 0 && (() => {
+      const head = state.confirmQueue[0];
+      let resolved = false;
+      return /* @__PURE__ */ jsx(
+        ConfirmPrompt,
+        {
+          toolName: head.toolName,
+          input: head.input,
+          suggestedPattern: head.suggestedPattern,
+          onDecision: (decision) => {
+            if (resolved) return;
+            resolved = true;
+            head.resolve(decision);
+            dispatch({ type: "confirmClose" });
+          }
+        }
+      );
+    })(),
     /* @__PURE__ */ jsx(
       StatusBar,
       {
@@ -4171,7 +4187,7 @@ async function runTui(opts) {
     let instance;
     try {
       instance = render(
-        React.createElement(App, {
+        React4.createElement(App, {
           agent: opts.agent,
           slashRegistry: opts.slashRegistry,
           attachments: opts.attachments,