@wrongstack/tui 0.257.0 → 0.260.0

package/dist/index.js

@@ -126,6 +126,14 @@ function modeIcon(label) {
   const icon = MODE_ICONS[label] ?? "\u25AA";
   return `${icon} ${label}`;
 }
+function formatSuggestionLabel(label, maxLen = 28) {
+  const stripped = label.replace(/^\/next\s+[\d\s]+\s*/, "").trim();
+  if (!stripped) return "";
+  if (stripped.length <= maxLen) return stripped;
+  const shortened = stripped.slice(0, maxLen);
+  const lastSpace = shortened.lastIndexOf(" ");
+  return lastSpace > 10 ? `${shortened.slice(0, lastSpace)}\u2026` : `${shortened}\u2026`;
+}
 var COMPACT_THRESHOLD = 50;
 var COMFORTABLE_THRESHOLD = 90;
 var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
@@ -161,6 +169,7 @@ function StatusBar({
   debugStreamStats,
   enhanceCountdown,
   nextStepsAutoSubmitCountdown,
+  nextStepsAutoSubmitLabel,
   autoProceedCountdown,
   sessionCount,
   mailbox,
@@ -210,6 +219,7 @@ function StatusBar({
   const hasDebugStream = !!debugStreamStats;
   const hasEnhanceCountdown = enhanceCountdown != null && enhanceCountdown > 0;
   const hasNextStepsAutoSubmit = nextStepsAutoSubmitCountdown != null && nextStepsAutoSubmitCountdown > 0;
+  const countdownColor = nextStepsAutoSubmitCountdown != null ? nextStepsAutoSubmitCountdown > 20 ? "green" : nextStepsAutoSubmitCountdown > 10 ? "yellow" : "red" : "green";
   const hasTaskActivity = tasks && (tasks.pending > 0 || tasks.inProgress > 0 || tasks.completed > 0 || tasks.blocked > 0 || tasks.failed > 0);
   const hasThirdLine = todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) || hasTaskActivity || fleetHasActivity || hasBrainActivity || hasDebugStream || hasEnhanceCountdown || hasNextStepsAutoSubmit;
   return /* @__PURE__ */ jsxs(
@@ -569,7 +579,7 @@ function StatusBar({
           ] }) : null,
           hasEnhanceCountdown && enhanceCountdown != null ? /* @__PURE__ */ jsxs(Fragment, { children: [
             todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) || fleetHasActivity || hasBrainActivity || hasDebugStream ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(Text, { color: enhanceCountdown <= 5 ? "yellow" : "cyan", children: [
+            /* @__PURE__ */ jsxs(Text, { color: enhanceCountdown > 15 ? "green" : enhanceCountdown > 5 ? "yellow" : "red", children: [
               "\u23F3 auto-send in ",
               enhanceCountdown,
               "s"
@@ -577,10 +587,14 @@ function StatusBar({
           ] }) : null,
           hasNextStepsAutoSubmit && nextStepsAutoSubmitCountdown != null ? /* @__PURE__ */ jsxs(Fragment, { children: [
             todos && (todos.pending > 0 || todos.inProgress > 0 || todos.completed > 0) || plan && (plan.open > 0 || plan.inProgress > 0 || plan.done > 0) || fleetHasActivity || hasBrainActivity || hasDebugStream || hasEnhanceCountdown ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-            /* @__PURE__ */ jsxs(Text, { color: nextStepsAutoSubmitCountdown <= 3 ? "yellow" : "cyan", children: [
-              "\u23F3 next step in ",
+            /* @__PURE__ */ jsxs(Text, { color: countdownColor, bold: true, children: [
+              "\u23F3 ",
               nextStepsAutoSubmitCountdown,
               "s"
+            ] }),
+            /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+              " ",
+              nextStepsAutoSubmitLabel ? formatSuggestionLabel(nextStepsAutoSubmitLabel) : ""
             ] })
           ] }) : null
         ] }) : /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) }),
@@ -2851,8 +2865,7 @@ function MarkdownView({
   text,
   termWidth,
   contentWidth,
-  tableWidth,
-  panelBackground
+  tableWidth
 }) {
   const lines = text.split("\n");
   const rows = [];
@@ -2863,23 +2876,9 @@ function MarkdownView({
     const tableEnd = detectTable(lines, i);
     if (tableEnd > i) {
       const tableText = renderTable(lines.slice(i, tableEnd), tableBudget);
-      if (panelBackground) {
-        const tableLines = tableText.split("\n");
-        rows.push(
-          /* @__PURE__ */ jsx(Box, { width: tableBudget, children: tableLines.map((line2, li) => {
-            const lineW = strWidth(line2);
-            const padding = tableBudget - lineW;
-            return /* @__PURE__ */ jsxs(Text, { children: [
-              /* @__PURE__ */ jsx(Text, { children: line2 }),
-              padding > 0 && /* @__PURE__ */ jsx(Text, { backgroundColor: panelBackground, children: " ".repeat(padding) })
-            ] }, li);
-          }) }, `t${key++}`)
-        );
-      } else {
-        rows.push(
-          /* @__PURE__ */ jsx(Box, { width: tableBudget, backgroundColor: "transparent", children: /* @__PURE__ */ jsx(Text, { children: tableText }) }, `t${key++}`)
-        );
-      }
+      rows.push(
+        /* @__PURE__ */ jsx(Box, { width: tableBudget, backgroundColor: "transparent", children: /* @__PURE__ */ jsx(Text, { children: tableText }) }, `t${key++}`)
+      );
       i = tableEnd;
       continue;
     }
@@ -2943,7 +2942,7 @@ function MarkdownView({
     }
     rows.push(/* @__PURE__ */ jsx(InlineLine, { tokens: parseInline(line) }, `p${key++}`));
   }
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: rows });
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", width: Math.max(20, tableBudget), children: rows });
 }
 function shortenPath(p, max) {
   if (p.length <= max) return p;
@@ -3699,9 +3698,7 @@ function extractDiffPreview(toolName, output) {
   if (!diff || !diff.trim() || diff.startsWith("(no-op")) return void 0;
   return parseUnifiedDiff(diff, DIFF_MAX_LINES);
 }
-var MESSAGE_PANEL_BORDER_WIDTH = 1;
 var MESSAGE_PANEL_CHROME_WIDTH = 2;
-var ASSISTANT_BG = "#1e1e2e";
 function assistantContentWidth(termWidth) {
   return Math.max(20, termWidth - MESSAGE_PANEL_CHROME_WIDTH);
 }
@@ -3741,8 +3738,7 @@ function splitFencedBlocks(text) {
 function AssistantBody({
   text,
   termWidth,
-  contentWidth,
-  panelBackground
+  contentWidth
 }) {
   const segments = splitFencedBlocks(text);
   const inner = contentWidth ?? termWidth;
@@ -3757,8 +3753,7 @@ function AssistantBody({
         {
           text: seg.text,
           termWidth: inner,
-          panelBackground,
-          tableWidth: termWidth - MESSAGE_PANEL_BORDER_WIDTH
+          tableWidth: termWidth - MESSAGE_PANEL_CHROME_WIDTH
         },
         i
       )
@@ -3927,6 +3922,9 @@ function parseWithHeading(content, strict) {
   if (steps.length === 0) {
     return { steps: [], texts: [], stripped: content, autoTexts: [] };
   }
+  if (strict && !afterHeading.includes("</next_steps>")) {
+    return { steps: [], texts: [], stripped: content, autoTexts: [] };
+  }
   const texts = steps.map((s2) => s2.text);
   const autoTexts = steps.filter((s2) => s2.auto).map((s2) => s2.text);
   const blockStart = headingMatch.index;
@@ -3960,6 +3958,9 @@ function findBlockEnd(afterHeading, stepCount) {
   }
   return consumed;
 }
+function stripNextStepsBlock(text) {
+  return text.replace(/<next_steps\b[^>]*>[\s\S]*?<\/next_steps>/gi, "").replace(/<next_steps\b[^>]*\/?>/gi, "").replace(/\n{3,}/g, "\n\n").trim();
+}
 function brainStatusStyle(status) {
   switch (status) {
     case "thinking":
@@ -3989,7 +3990,9 @@ function brainRiskColor(risk) {
 var Entry = React5.memo(function Entry2({
   entry,
   termWidth,
-  setSuggestions
+  setSuggestions,
+  autonomyMode,
+  autoSubmitCountdown
 }) {
   const nextSteps = useMemo(() => {
     if (entry.kind !== "assistant") return { steps: [], stripped: "" };
@@ -3997,6 +4000,7 @@ var Entry = React5.memo(function Entry2({
   }, [entry.kind, entry.text]);
   useEffect(() => {
     if (!setSuggestions) return;
+    if (entry.kind !== "assistant") return;
     const text = entry.text ?? "";
     const { texts } = parseNextSteps(text, true);
     if (texts.length > 0) setSuggestions(texts);
@@ -4012,7 +4016,6 @@ var Entry = React5.memo(function Entry2({
           borderRight: false,
           borderBottom: false,
           borderColor: theme.user,
-          backgroundColor: "#1e1e2e",
           paddingLeft: 1,
           children: /* @__PURE__ */ jsxs(Text, { children: [
             /* @__PURE__ */ jsx(Text, { bold: true, color: theme.user, children: "USER  " }),
@@ -4044,19 +4047,10 @@ var Entry = React5.memo(function Entry2({
             borderRight: false,
             borderBottom: false,
             borderColor: theme.assistant,
-            backgroundColor: "#1e1e2e",
             paddingLeft: 1,
             children: [
               /* @__PURE__ */ jsx(Box, { flexDirection: "row", children: /* @__PURE__ */ jsx(Text, { bold: true, color: theme.assistant, children: "ASSISTANT" }) }),
-              /* @__PURE__ */ jsx(
-                AssistantBody,
-                {
-                  text: stripped,
-                  termWidth,
-                  contentWidth,
-                  panelBackground: ASSISTANT_BG
-                }
-              )
+              /* @__PURE__ */ jsx(AssistantBody, { text: stripped, termWidth, contentWidth })
             ]
           }
         ),
@@ -4077,9 +4071,11 @@ var Entry = React5.memo(function Entry2({
                 /* @__PURE__ */ jsx(Text, { bold: true, color: theme.accent, children: "\u{1F4A1} NEXT STEPS  " }),
                 /* @__PURE__ */ jsx(Text, { dimColor: true, children: "(use /next 1, /next 1 2 3 to select)" })
               ] }),
-              steps.map((s2) => /* @__PURE__ */ jsx(Box, { flexDirection: "row", marginTop: 0, children: /* @__PURE__ */ jsxs(Text, { children: [
+              steps.map((s2, i) => /* @__PURE__ */ jsx(Box, { flexDirection: "row", marginTop: 0, children: /* @__PURE__ */ jsxs(Text, { children: [
                 /* @__PURE__ */ jsx(Text, { bold: true, color: theme.accent, children: `  ${s2.index}. ` }),
-                /* @__PURE__ */ jsx(Text, { children: s2.text })
+                /* @__PURE__ */ jsx(Text, { children: s2.text }),
+                s2.auto ? /* @__PURE__ */ jsx(Text, { color: "cyan", dimColor: true, children: "  auto" }) : null,
+                autonomyMode === "auto" && i === 0 ? autoSubmitCountdown != null && autoSubmitCountdown > 0 ? /* @__PURE__ */ jsx(Text, { color: autoSubmitCountdown > 20 ? "green" : autoSubmitCountdown > 10 ? "yellow" : "red", children: `  auto in ${autoSubmitCountdown}s` }) : /* @__PURE__ */ jsx(Text, { color: "cyan", children: "  \u23E9" }) : null
               ] }) }, s2.index))
             ]
           }
@@ -4251,7 +4247,7 @@ var Entry = React5.memo(function Entry2({
     }
   }
 });
-function History({ entries, generation, streamingText, toolStream, setSuggestions }) {
+function History({ entries, generation, streamingText, toolStream, setSuggestions, autonomyMode, autoSubmitCountdown }) {
   const { stdout } = useStdout();
   const [termSize, setTermSize] = useState({
     columns: stdout?.columns ?? 80,
@@ -4269,7 +4265,7 @@ function History({ entries, generation, streamingText, toolStream, setSuggestion
   const termWidth = termSize.columns;
   const tail = streamingText ? tailForDisplay(streamingText, MAX_STREAM_DISPLAY_CHARS) : "";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Static, { items: entries, children: (entry) => /* @__PURE__ */ jsx(Box, { marginBottom: entry.kind === "turn-summary" ? 1 : 0, children: /* @__PURE__ */ jsx(Entry, { entry, termWidth, setSuggestions }) }, entry.id) }, generation ?? 0),
+    /* @__PURE__ */ jsx(Static, { items: entries, children: (entry) => /* @__PURE__ */ jsx(Box, { marginBottom: entry.kind === "turn-summary" ? 1 : 0, children: /* @__PURE__ */ jsx(Entry, { entry, termWidth, setSuggestions, autonomyMode, autoSubmitCountdown }) }, entry.id) }, generation ?? 0),
     /* @__PURE__ */ jsx(Box, { flexGrow: 1, children: tail ? /* @__PURE__ */ jsx(AssistantTail, { text: tail, termWidth }) : null })
   ] });
 }
@@ -4319,7 +4315,9 @@ function ScrollableHistory({
   totalLines,
   onMeasure,
   maxWidth,
-  setSuggestions
+  setSuggestions,
+  autonomyMode,
+  autoSubmitCountdown
 }) {
   const { stdout } = useStdout();
   const rawWidth = stdout?.columns ?? 80;
@@ -4358,7 +4356,7 @@ function ScrollableHistory({
             flexShrink: 0,
             children: [
               hiddenCount > 0 ? /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { dimColor: true, italic: true, children: `  \u2191 ${hiddenCount} earlier ${hiddenCount === 1 ? "entry" : "entries"} (scroll lives in this session; full log on disk)` }) }) : null,
-              shown.map((entry) => /* @__PURE__ */ jsx(Box, { marginBottom: entry.kind === "turn-summary" ? 1 : 0, flexShrink: 0, children: /* @__PURE__ */ jsx(Entry, { entry, termWidth, setSuggestions }) }, entry.id)),
+              shown.map((entry) => /* @__PURE__ */ jsx(Box, { marginBottom: entry.kind === "turn-summary" ? 1 : 0, flexShrink: 0, children: /* @__PURE__ */ jsx(Entry, { entry, termWidth, setSuggestions, autonomyMode, autoSubmitCountdown }) }, entry.id)),
               tail ? /* @__PURE__ */ jsx(AssistantTail, { text: tail, termWidth }) : null,
               toolTail && toolStream ? /* @__PURE__ */ jsx(
                 ToolStreamBox,
@@ -6477,10 +6475,10 @@ function useDirectorFleetBridge({
     let streamFlushTimer = null;
     const flushStreamBufs = () => {
       for (const [id, text] of streamBuf) {
-        const trimmed = text.trim();
-        if (!trimmed) continue;
+        const cleaned = stripNextStepsBlock(text);
+        if (!cleaned) continue;
         const label = labelFor(labelsRef, id);
-        enq({ type: "fleetMessage", id, text: trimmed });
+        enq({ type: "fleetMessage", id, text: cleaned });
         if (streamFleetRef.current) {
           enq({
             type: "addEntry",
@@ -6489,7 +6487,7 @@ function useDirectorFleetBridge({
               agentLabel: label.label,
               agentColor: label.color,
               icon: "\u{1F4AC}",
-              text: trimmed
+              text: cleaned
             }
           });
         }
@@ -10109,23 +10107,31 @@ function App({
     nextStepsAutoSubmitSuggestionRef.current = promptToSubmit;
     const start = Date.now();
     setNextStepsAutoSubmitCountdown(Math.ceil(delay / 1e3));
+    setNextStepsAutoSubmitLabel(promptToSubmit);
     nextStepsAutoSubmitTimerRef.current = setInterval(() => {
       const remaining = Math.max(0, Math.ceil((delay - (Date.now() - start)) / 1e3));
       if (remaining <= 0) {
         clearInterval(nextStepsAutoSubmitTimerRef.current);
         nextStepsAutoSubmitTimerRef.current = void 0;
         setNextStepsAutoSubmitCountdown(null);
+        setNextStepsAutoSubmitLabel(null);
         const suggestion = nextStepsAutoSubmitSuggestionRef.current;
         nextStepsAutoSubmitSuggestionRef.current = null;
         if (suggestion) {
           autoSubmitStreakRef.current += 1;
-          setDraft(suggestion, suggestion.length);
           void (async () => {
             const trimmed = suggestion.trim();
-            if (!trimmed) return;
+            if (!trimmed) {
+              clearDraft();
+              return;
+            }
             const blocks = [{ type: "text", text: trimmed }];
             dispatch({ type: "addEntry", entry: { kind: "user", text: trimmed } });
-            await runBlocksRef.current(blocks);
+            try {
+              await runBlocksRef.current(blocks);
+            } finally {
+              clearDraft();
+            }
           })();
         }
       } else {
@@ -10135,6 +10141,8 @@ function App({
     return () => {
       clearInterval(nextStepsAutoSubmitTimerRef.current);
       nextStepsAutoSubmitTimerRef.current = void 0;
+      setNextStepsAutoSubmitCountdown(null);
+      setNextStepsAutoSubmitLabel(null);
     };
   }, [state.status, autonomyLive, state.enhance, state.enhanceBusy, nextStepsRecheck, getSettings, getSuggestions, dispatch]);
   const settingsAutoSaveGateRef = useRef(true);
@@ -10500,6 +10508,7 @@ function App({
   const enhanceAbortRef = useRef(null);
   const [enhanceCountdown, setEnhanceCountdown] = useState(null);
   const [nextStepsAutoSubmitCountdown, setNextStepsAutoSubmitCountdown] = useState(null);
+  const [nextStepsAutoSubmitLabel, setNextStepsAutoSubmitLabel] = useState(null);
   const nextStepsAutoSubmitSuggestionRef = useRef(null);
   const nextStepsAutoSubmitTimerRef = useRef(void 0);
   useTuiEventBridge({
@@ -11479,6 +11488,7 @@ function App({
         clearInterval(nextStepsAutoSubmitTimerRef.current);
         nextStepsAutoSubmitTimerRef.current = void 0;
         setNextStepsAutoSubmitCountdown(null);
+        setNextStepsAutoSubmitLabel(null);
         nextStepsAutoSubmitSuggestionRef.current = null;
       }
       setDraft(next2, cursor - 1);
@@ -11507,6 +11517,7 @@ function App({
         clearInterval(nextStepsAutoSubmitTimerRef.current);
         nextStepsAutoSubmitTimerRef.current = void 0;
         setNextStepsAutoSubmitCountdown(null);
+        setNextStepsAutoSubmitLabel(null);
         nextStepsAutoSubmitSuggestionRef.current = null;
       }
       setDraft(next2, cursor);
@@ -11640,6 +11651,7 @@ function App({
         clearInterval(nextStepsAutoSubmitTimerRef.current);
         nextStepsAutoSubmitTimerRef.current = void 0;
         setNextStepsAutoSubmitCountdown(null);
+        setNextStepsAutoSubmitLabel(null);
         nextStepsAutoSubmitSuggestionRef.current = null;
       }
       setDraft("", 0);
@@ -11653,6 +11665,7 @@ function App({
         clearInterval(nextStepsAutoSubmitTimerRef.current);
         nextStepsAutoSubmitTimerRef.current = void 0;
         setNextStepsAutoSubmitCountdown(null);
+        setNextStepsAutoSubmitLabel(null);
         nextStepsAutoSubmitSuggestionRef.current = null;
       }
       setDraft(next2, cursor);
@@ -11665,6 +11678,7 @@ function App({
         clearInterval(nextStepsAutoSubmitTimerRef.current);
         nextStepsAutoSubmitTimerRef.current = void 0;
         setNextStepsAutoSubmitCountdown(null);
+        setNextStepsAutoSubmitLabel(null);
         nextStepsAutoSubmitSuggestionRef.current = null;
       }
       setDraft(next2, cursor);
@@ -11688,6 +11702,7 @@ function App({
       clearInterval(nextStepsAutoSubmitTimerRef.current);
       nextStepsAutoSubmitTimerRef.current = void 0;
       setNextStepsAutoSubmitCountdown(null);
+      setNextStepsAutoSubmitLabel(null);
       nextStepsAutoSubmitSuggestionRef.current = null;
     }
     const next = buffer.slice(0, cursor) + input + buffer.slice(cursor);
@@ -12017,7 +12032,11 @@ ${content}
             while (stateRef.current.status !== "idle" && Date.now() - start < 1500) {
               await new Promise((r) => setTimeout(r, 25));
             }
-            await runBlocks(blocks2);
+            try {
+              await runBlocks(blocks2);
+            } finally {
+              clearDraft();
+            }
           }
         }
         const cmd = trimmed.slice(1).split(/\s+/, 1)[0];
@@ -12213,7 +12232,9 @@ User message:
         viewportRows: state.viewportRows,
         totalLines: state.totalLines,
         onMeasure: (totalLines) => dispatch({ type: "setMeasuredLines", totalLines }),
-        setSuggestions
+        setSuggestions,
+        autonomyMode: autonomyLive,
+        autoSubmitCountdown: nextStepsAutoSubmitCountdown
       }
     ) : /* @__PURE__ */ jsx(
       History,
@@ -12222,7 +12243,9 @@ User message:
         generation: state.historyGen,
         streamingText: state.streamingText,
         toolStream: state.toolStream,
-        setSuggestions
+        setSuggestions,
+        autonomyMode: autonomyLive,
+        autoSubmitCountdown: nextStepsAutoSubmitCountdown
       }
     ),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexShrink: 0, ref: bottomRegionRef, children: [
@@ -12482,6 +12505,7 @@ User message:
           debugStreamStats: state.debugStreamStats,
           enhanceCountdown,
           nextStepsAutoSubmitCountdown,
+          nextStepsAutoSubmitLabel,
           autoProceedCountdown: state.countdown?.remainingSeconds ?? null,
           sessionCount,
           mailbox: mailboxStatus,