@wrongstack/tui 0.82.6 → 0.87.0

package/dist/index.js

@@ -8,6 +8,7 @@ import { routeImagesForModel } from '@wrongstack/runtime/vision';
 import { getIndexState, onIndexStateChange, getProcessRegistry } from '@wrongstack/tools';
 import { readClipboardImage } from '@wrongstack/runtime/clipboard';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { expectDefined as expectDefined$1 } from '@wrongstack/core/utils';
 import { spawn } from 'child_process';
 
 // src/run-tui.ts
@@ -1337,6 +1338,47 @@ function EnhancePanel({
     ] }) })
   ] });
 }
+function EscConfirmPrompt({
+  runningTools,
+  subagentCount,
+  onConfirm,
+  onCancel
+}) {
+  useInput((input, key) => {
+    if (key.escape) {
+      onCancel();
+      return;
+    }
+    const ch = input.toLowerCase();
+    if (ch === "y" || key.return) {
+      onConfirm();
+    } else if (ch === "n") {
+      onCancel();
+    }
+  });
+  const running = runningTools.length;
+  const toolLabel = running === 1 ? runningTools[0] : null;
+  const toolHint = toolLabel ? ` (${toolLabel})` : running > 1 ? ` (${running} tools)` : "";
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginY: 1, children: [
+    /* @__PURE__ */ jsx(Box, { flexDirection: "row", children: /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: "\u23F8 Interrupt the current run?" }) }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "The agent is working",
+        toolHint,
+        ".",
+        subagentCount > 0 ? ` ${subagentCount} subagent${subagentCount === 1 ? "" : "s"} active.` : ""
+      ] }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Stop to give a new direction now, or let it finish." })
+    ] }),
+    /* @__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: "[y]" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "es \u2014 stop and steer " }),
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "red", children: "[n]" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "o / Esc \u2014 keep running" })
+    ] }) })
+  ] });
+}
 function FilePicker({ query, matches, selected }) {
   if (matches.length === 0) {
     return /* @__PURE__ */ jsx(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
@@ -1933,14 +1975,6 @@ function detectLang(fenceInfo) {
   const tag = fenceInfo.trim().toLowerCase().split(/\s+/)[0] ?? "";
   return LANG_ALIASES[tag] ?? "plain";
 }
-
-// src/markdown-table.ts
-function expectDefined2(value) {
-  if (value === null || value === void 0) {
-    throw new Error("Expected value to be defined");
-  }
-  return value;
-}
 var ROW_RE = /^\s*\|.*\|\s*$/;
 var SEP_RE = /^\s*\|[\s\-:|]+\|\s*$/;
 function detectTable(lines, start) {
@@ -2024,14 +2058,14 @@ function computeWidths(allRows, cols, maxWidth, sepWidths) {
       const stripped = stripInlineMarkers(cell);
       const w = longestWord(stripped);
       const total = strWidth(stripped);
-      natural[c] = Math.max(expectDefined2(natural[c]), w, total);
+      natural[c] = Math.max(expectDefined$1(natural[c]), w, total);
     }
   }
   if (sepWidths) {
     for (let c = 0; c < cols && c < sepWidths.length; c++) {
       const sepW = sepWidths[c];
       if (sepW != null) {
-        natural[c] = Math.max(expectDefined2(natural[c]), sepW);
+        natural[c] = Math.max(expectDefined$1(natural[c]), sepW);
       }
     }
   }
@@ -2043,7 +2077,7 @@ function computeWidths(allRows, cols, maxWidth, sepWidths) {
     let maxIdx = -1;
     let maxVal = MIN_COL_WIDTH;
     for (let i = 0; i < cols; i++) {
-      const w = expectDefined2(widths[i]);
+      const w = expectDefined$1(widths[i]);
       if (w > maxVal) {
         maxVal = w;
         maxIdx = i;
@@ -2103,7 +2137,7 @@ function strWidth(s2) {
       if (i < len) i++;
       continue;
     }
-    const code = expectDefined2(s2.codePointAt(i));
+    const code = expectDefined$1(s2.codePointAt(i));
     const cpLen = code > 65535 ? 2 : 1;
     if (code === 8205 || // ZWJ — Zero Width Joiner (emoji sequences)
     code === 8203 || // ZWSP — Zero Width Space
@@ -2134,7 +2168,6 @@ function strWidth(s2) {
     code >= 8960 && code <= 9215 || // Miscellaneous Technical
     code >= 11088 && code <= 11093 || // Stars and similar
     code >= 10548 && code <= 10549 || // Arrow forms
-    code >= 8592 && code <= 8703 || // Arrows
     code >= 9632 && code <= 9727 || // Geometric Shapes
     code >= 9664 && code <= 9726 || // More Geometric Shapes (includes ▶)
     code >= 9984 && code <= 10175) {
@@ -4292,7 +4325,7 @@ function SettingsPicker({
     {
       label: "Confirm before exit",
       value: boolVal(confirmExit),
-      detail: "Ask for confirmation on Ctrl+C exit"
+      detail: "Confirmation on Esc interrupt & Ctrl+C exit"
     },
     {
       label: "Next-step prediction",
@@ -4427,6 +4460,7 @@ function SettingsPicker({
     hint ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: hint }) : null
   ] });
 }
+var MAX_VISIBLE_ITEMS = 8;
 function SlashMenu({ query, matches, selected }) {
   const placeholder = query ? `/${query}` : "/";
   const rows = [];
@@ -4439,12 +4473,26 @@ function SlashMenu({ query, matches, selected }) {
     }
     rows.push({ type: "item", match: m, index: i });
   }
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+  const selectedRowIdx = rows.findIndex((r) => r.type === "item" && r.index === selected);
+  const visible = windowRows(rows, selectedRowIdx < 0 ? 0 : selectedRowIdx, MAX_VISIBLE_ITEMS);
+  const hiddenAbove = visible.start;
+  const hiddenBelow = rows.length - visible.end;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
     /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      placeholder || "/",
-      " \u2014 \u2191/\u2193 select, Enter dispatch, Tab autocomplete, Esc close"
+      placeholder,
+      " ",
+      matches.length > 0 ? `(${selected + 1}/${matches.length})` : ""
+    ] }),
+    hiddenAbove > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "  \u2191 ",
+      hiddenAbove,
+      " more"
+    ] }),
+    visible.contextHeader && /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellow", dimColor: true, children: [
+      "  ",
+      visible.contextHeader
     ] }),
-    rows.map((row) => {
+    visible.rows.map((row) => {
       if (row.type === "header") {
         return /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellow", dimColor: true, children: [
           "  ",
@@ -4465,9 +4513,41 @@ function SlashMenu({ query, matches, selected }) {
         ] })
       ] }, m.name);
     }),
-    matches.length === 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No matching commands" })
+    hiddenBelow > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "  \u2193 ",
+      hiddenBelow,
+      " more"
+    ] }),
+    matches.length === 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No matching commands" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500\u2500\u2500 \u2191\u2193 nav \xB7 Enter run \xB7 Tab fill \xB7 Esc close" })
   ] });
 }
+function windowRows(rows, focus, max) {
+  if (rows.length <= max) {
+    return { rows, start: 0, end: rows.length, contextHeader: null };
+  }
+  let start = focus - Math.floor(max / 2);
+  if (start < 0) start = 0;
+  let end = start + max;
+  if (end > rows.length) {
+    end = rows.length;
+    start = end - max;
+  }
+  let contextHeader = null;
+  if (start > 0) {
+    const first = rows[start];
+    if (first && first.type === "item") {
+      for (let i = start - 1; i >= 0; i--) {
+        const r = rows[i];
+        if (r && r.type === "header") {
+          contextHeader = r.category;
+          break;
+        }
+      }
+    }
+  }
+  return { rows: rows.slice(start, end), start, end, contextHeader };
+}
 function TodosMonitor({ todos }) {
   const { stdout } = useStdout();
   const done = todos.filter((t) => t.status === "completed").length;
@@ -5728,6 +5808,10 @@ function reducer(state, action) {
       return { ...state, enhanceEnabled: action.enabled };
     case "enhanceBusy":
       return { ...state, enhanceBusy: action.on };
+    case "escConfirmOpen":
+      return { ...state, escConfirm: { snapshot: action.snapshot } };
+    case "escConfirmClose":
+      return { ...state, escConfirm: null };
     case "resetContextChip":
       return { ...state, contextChipVersion: state.contextChipVersion + 1 };
     // --- Fleet ---
@@ -6404,7 +6488,7 @@ function App({
   confirmExit = true,
   enhanceEnabled = true,
   enhanceController,
-  enhanceDelayMs = 4e3,
+  enhanceDelayMs = 15e3,
   getYolo,
   getAutonomy,
   getEternalEngine,
@@ -6542,6 +6626,7 @@ function App({
     enhance: null,
     enhanceEnabled,
     enhanceBusy: false,
+    escConfirm: null,
     contextChipVersion: 0,
     fleet: {},
     leader: {
@@ -6764,7 +6849,7 @@ function App({
     }
   }, []);
   React6.useLayoutEffect(() => {
-    const anyOpenNow = state.picker.open || state.slashPicker.open || state.modelPicker.open || state.autonomyPicker.open || state.settingsPicker.open || state.enhanceBusy || state.enhance != null || state.confirmQueue.length > 0;
+    const anyOpenNow = state.picker.open || state.slashPicker.open || state.modelPicker.open || state.autonomyPicker.open || state.settingsPicker.open || state.enhanceBusy || state.enhance != null || state.escConfirm != null || state.confirmQueue.length > 0;
     const overlayClosed = prevAnyOverlayOpen.current && !anyOpenNow;
     const newEntryCommitted = state.entries.length > prevEntriesCount.current;
     const curToolStreamLen = state.toolStream?.text.length ?? 0;
@@ -6783,6 +6868,7 @@ function App({
     state.settingsPicker.open,
     state.enhanceBusy,
     state.enhance,
+    state.escConfirm,
     state.confirmQueue.length,
     state.entries.length,
     state.toolStream?.text,
@@ -8073,6 +8159,7 @@ function App({
       return;
     }
     if (state.enhance) return;
+    if (state.escConfirm) return;
     if (state.helpOpen) {
       if (key.escape || input === "?" || input === "q") dispatch({ type: "toggleHelp" });
       return;
@@ -8312,17 +8399,26 @@ function App({
       }));
       const subagentsTerminated = subagents.length;
       const partialAssistantText = streamingTextRef.current.slice(-1500);
+      const snapshot = {
+        runningTools,
+        subagents,
+        subagentsTerminated,
+        partialAssistantText
+      };
+      if (confirmExitRef.current) {
+        dispatch({ type: "escConfirmOpen", snapshot });
+        dispatch({
+          type: "addEntry",
+          entry: {
+            kind: "warn",
+            text: `\u23F8 Interrupt? [y]es \u2014 stop and steer  \xB7  [n]o / Esc \u2014 keep running` + (subagentsTerminated > 0 ? `  (${subagentsTerminated} subagent${subagentsTerminated === 1 ? "" : "s"})` : "")
+          }
+        });
+        return;
+      }
       activeCtrlRef.current?.abort();
       dispatch({ type: "status", status: "aborting" });
-      dispatch({
-        type: "steerStart",
-        snapshot: {
-          runningTools,
-          subagents,
-          subagentsTerminated,
-          partialAssistantText
-        }
-      });
+      dispatch({ type: "steerStart", snapshot });
       if (director && subagentsTerminated > 0) {
         const cap = new Promise((resolve) => {
           const t = setTimeout(resolve, 1500);
@@ -9102,14 +9198,14 @@ User message:
     ),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [
       /* @__PURE__ */ jsx(LiveActivityStrip, { entries: state.fleet, nowTick }),
-      /* @__PURE__ */ jsx(
+      enhanceActive ? /* @__PURE__ */ jsx(Box, { height: 1 }) : /* @__PURE__ */ jsx(
         Input,
         {
           prompt: INPUT_PROMPT,
-          value: enhanceActive ? "" : state.buffer,
-          cursor: enhanceActive ? 0 : state.cursor,
+          value: state.buffer,
+          cursor: state.cursor,
           disabled: state.status === "aborting" && !state.steeringPending || state.confirmQueue.length > 0,
-          hint: enhanceActive ? "" : inputHint,
+          hint: inputHint,
           onKey: handleKey
         }
       ),
@@ -9221,6 +9317,41 @@ User message:
           }
         );
       })(),
+      state.escConfirm ? /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginY: 1, flexShrink: 0, children: /* @__PURE__ */ jsx(
+        EscConfirmPrompt,
+        {
+          runningTools: state.escConfirm.snapshot.runningTools,
+          subagentCount: state.escConfirm.snapshot.subagentsTerminated,
+          onConfirm: () => {
+            const { snapshot } = state.escConfirm;
+            activeCtrlRef.current?.abort();
+            dispatch({ type: "status", status: "aborting" });
+            dispatch({ type: "steerStart", snapshot });
+            if (director && snapshot.subagentsTerminated > 0) {
+              const cap = new Promise((resolve) => {
+                const t = setTimeout(resolve, 1500);
+                t.unref?.();
+              });
+              void Promise.race([director.terminateAll().catch(() => void 0), cap]);
+            }
+            const droppedCount = state.queue.length;
+            if (droppedCount > 0) dispatch({ type: "queueClear" });
+            const droppedTag = droppedCount > 0 ? ` \xB7 dropped ${droppedCount} queued` : "";
+            const fleetTag = snapshot.subagentsTerminated > 0 ? ` \xB7 stopped ${snapshot.subagentsTerminated} subagent${snapshot.subagentsTerminated === 1 ? "" : "s"}` : "";
+            dispatch({
+              type: "addEntry",
+              entry: {
+                kind: "warn",
+                text: `\u21AF Interrupted${droppedTag}${fleetTag}. Type your new direction.`
+              }
+            });
+            dispatch({ type: "escConfirmClose" });
+          },
+          onCancel: () => {
+            dispatch({ type: "escConfirmClose" });
+          }
+        }
+      ) }) : null,
       state.enhanceBusy && !state.enhance ? /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u2728 refining your request\u2026" }) }) : null,
       state.enhance ? (() => {
         const info = state.enhance;