@wrongstack/tui 0.84.1 → 0.87.0

package/dist/index.js

@@ -1338,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: [
@@ -4284,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",
@@ -4419,10 +4460,9 @@ 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 { stdout } = useStdout();
-  const termRows = stdout?.rows ?? 24;
   const rows = [];
   let lastCategory = "";
   for (let i = 0; i < matches.length; i++) {
@@ -4433,21 +4473,18 @@ function SlashMenu({ query, matches, selected }) {
     }
     rows.push({ type: "item", match: m, index: i });
   }
-  const overhead = 1 + 2 + 2 + 2 + 6;
-  const maxBodyRows = Math.max(4, termRows - overhead);
   const selectedRowIdx = rows.findIndex((r) => r.type === "item" && r.index === selected);
-  const visible = windowRows(rows, selectedRowIdx < 0 ? 0 : selectedRowIdx, maxBodyRows);
+  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", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
     /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      placeholder || "/",
-      " \u2014 \u2191/\u2193 select, Enter dispatch, Tab autocomplete, Esc close",
-      matches.length > 0 ? `  (${selected + 1}/${matches.length})` : ""
+      placeholder,
+      " ",
+      matches.length > 0 ? `(${selected + 1}/${matches.length})` : ""
     ] }),
     hiddenAbove > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "  ",
-      "\u2191 ",
+      "  \u2191 ",
       hiddenAbove,
       " more"
     ] }),
@@ -4477,12 +4514,12 @@ function SlashMenu({ query, matches, selected }) {
       ] }, m.name);
     }),
     hiddenBelow > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "  ",
-      "\u2193 ",
+      "  \u2193 ",
       hiddenBelow,
       " more"
     ] }),
-    matches.length === 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No matching commands" })
+    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) {
@@ -5771,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 ---
@@ -6447,7 +6488,7 @@ function App({
   confirmExit = true,
   enhanceEnabled = true,
   enhanceController,
-  enhanceDelayMs = 4e3,
+  enhanceDelayMs = 15e3,
   getYolo,
   getAutonomy,
   getEternalEngine,
@@ -6585,6 +6626,7 @@ function App({
     enhance: null,
     enhanceEnabled,
     enhanceBusy: false,
+    escConfirm: null,
     contextChipVersion: 0,
     fleet: {},
     leader: {
@@ -6807,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;
@@ -6826,6 +6868,7 @@ function App({
     state.settingsPicker.open,
     state.enhanceBusy,
     state.enhance,
+    state.escConfirm,
     state.confirmQueue.length,
     state.entries.length,
     state.toolStream?.text,
@@ -8116,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;
@@ -8355,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);
@@ -9145,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
         }
       ),
@@ -9264,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;