@wrongstack/tui 0.256.0 → 0.257.0

package/dist/index.d.ts

@@ -297,6 +297,10 @@ interface RunTuiOptions {
         type: 'clearHistory';
     } | {
         type: 'resetContextChip';
+    } | {
+        type: 'streamReset';
+    } | {
+        type: 'toolStreamClear';
     }>) => void) | undefined;
     /**
      * Live director instance. When set, the TUI renders a fleet panel
@@ -430,6 +434,15 @@ interface RunTuiOptions {
      * Used by the TUI to display and auto-submit next steps in 'auto' mode.
      */
     getSuggestions?: (() => string[]) | undefined;
+    /**
+     * Retrieve current auto suggestions (items with auto="true" attribute).
+     * Used by YOLO+auto mode for automatic next-step submission.
+     */
+    getAutoSuggestions?: (() => string[]) | undefined;
+    /**
+     * Autonomy next prompt template for YOLO+auto mode. Contains {{suggestion}} placeholder.
+     */
+    autonomyNextPrompt?: string | undefined;
     /**
      * Write parsed next steps into the shared suggestion store.
      * Called by the Entry component after parsing each assistant message
@@ -574,6 +587,8 @@ declare function replaySessionEvents(events: SessionEvent[], startId: number): H
 interface ParsedNextStep {
     index: number;
     text: string;
+    /** Whether this item has auto="true" attribute for YOLO+auto autonomy mode. */
+    auto?: boolean;
 }
 interface ParseNextStepsResult {
     /** Matched steps with their original index and stripped text. */
@@ -585,6 +600,8 @@ interface ParseNextStepsResult {
      * Used by entry.tsx to strip suggestions from the rendered message body.
      */
     stripped: string;
+    /** Flat string array — texts of items with auto="true" attribute only. */
+    autoTexts: string[];
 }
 /**
  * Parse "<next_steps>" or "💡 Next steps" blocks from assistant output (or raw numbered lines).

package/dist/index.js

@@ -2850,19 +2850,36 @@ var QUOTE_RE = /^>\s?(.*)$/;
 function MarkdownView({
   text,
   termWidth,
-  contentWidth
+  contentWidth,
+  tableWidth,
+  panelBackground
 }) {
   const lines = text.split("\n");
   const rows = [];
   let i = 0;
   let key = 0;
-  const tableBudget = Math.max(20, contentWidth ?? termWidth);
+  const tableBudget = Math.max(20, tableWidth ?? contentWidth ?? termWidth);
   while (i < lines.length) {
     const tableEnd = detectTable(lines, i);
     if (tableEnd > i) {
-      rows.push(
-        /* @__PURE__ */ jsx(Box, { width: tableBudget, backgroundColor: "transparent", children: /* @__PURE__ */ jsx(Text, { children: renderTable(lines.slice(i, tableEnd), tableBudget) }) }, `t${key++}`)
-      );
+      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++}`)
+        );
+      }
       i = tableEnd;
       continue;
     }
@@ -3682,10 +3699,11 @@ 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 MESSAGE_PANEL_MARGIN = 2;
+var ASSISTANT_BG = "#1e1e2e";
 function assistantContentWidth(termWidth) {
-  return Math.max(20, termWidth - MESSAGE_PANEL_CHROME_WIDTH - MESSAGE_PANEL_MARGIN * 2);
+  return Math.max(20, termWidth - MESSAGE_PANEL_CHROME_WIDTH);
 }
 function splitFencedBlocks(text) {
   const lines = text.split("\n");
@@ -3723,7 +3741,8 @@ function splitFencedBlocks(text) {
 function AssistantBody({
   text,
   termWidth,
-  contentWidth
+  contentWidth,
+  panelBackground
 }) {
   const segments = splitFencedBlocks(text);
   const inner = contentWidth ?? termWidth;
@@ -3733,7 +3752,16 @@ function AssistantBody({
       /* @__PURE__ */ jsx(CodeBlock, { code: seg.text, lang: seg.lang ?? "plain", contentWidth: inner }, i)
     ) : (
       // biome-ignore lint/suspicious/noArrayIndexKey: segment order is stable
-      /* @__PURE__ */ jsx(MarkdownView, { text: seg.text, termWidth: inner }, i)
+      /* @__PURE__ */ jsx(
+        MarkdownView,
+        {
+          text: seg.text,
+          termWidth: inner,
+          panelBackground,
+          tableWidth: termWidth - MESSAGE_PANEL_BORDER_WIDTH
+        },
+        i
+      )
     )
   ) });
 }
@@ -3826,7 +3854,7 @@ var PERMISSIVE_HEADING_PATTERNS = [
   { re: /\n{1,2}Next steps?\s*\n+/i, label: "plain" },
   { re: /<next_steps>\s*\n+/i, label: "xml-tag" }
 ];
-var ITEM_RE = /^(?:(\d+)[.)]\s*|[-*•]\s*)(.+)$/;
+var ITEM_RE = /^(?:(\d+)[.)]\s*|[-*•]\s*)(.+?)(\s+auto="true")?$/;
 var MAX_STEPS = 6;
 function parseNextSteps(content, strict = false, requireHeading = true) {
   if (requireHeading) {
@@ -3845,6 +3873,7 @@ function parseRawNumbered(content) {
     if (!m) continue;
     const numPart = m[1];
     let text = m[2].trim();
+    const hasAuto = !!m[3];
     let index;
     if (numPart !== void 0) {
       index = Number.parseInt(numPart, 10);
@@ -3854,16 +3883,21 @@ function parseRawNumbered(content) {
     if (seenNumbers.has(index)) continue;
     if (text.length < 3) continue;
     seenNumbers.add(index);
-    steps.push({ index, text });
+    steps.push({ index, text, auto: hasAuto });
     if (steps.length >= MAX_STEPS) break;
   }
-  return { steps, texts: steps.map((s2) => s2.text), stripped: content };
+  return {
+    steps,
+    texts: steps.map((s2) => s2.text),
+    stripped: content,
+    autoTexts: steps.filter((s2) => s2.auto).map((s2) => s2.text)
+  };
 }
 function parseWithHeading(content, strict) {
   const headingRe = strict ? STRICT_HEADING_RE : buildPermissiveHeadingRe();
   const headingMatch = headingRe.exec(content);
   if (!headingMatch) {
-    return { steps: [], texts: [], stripped: content };
+    return { steps: [], texts: [], stripped: content, autoTexts: [] };
   }
   const headingEnd = headingMatch.index + headingMatch[0].length;
   const afterHeading = content.slice(headingEnd);
@@ -3877,6 +3911,7 @@ function parseWithHeading(content, strict) {
     if (!m) break;
     const numPart = m[1];
     let text = m[2].trim();
+    const hasAuto = !!m[3];
     let index;
     if (numPart !== void 0) {
       index = Number.parseInt(numPart, 10);
@@ -3886,17 +3921,18 @@ function parseWithHeading(content, strict) {
     if (seenNumbers.has(index)) continue;
     if (text.length < 3) continue;
     seenNumbers.add(index);
-    steps.push({ index, text });
+    steps.push({ index, text, auto: hasAuto });
     if (steps.length >= MAX_STEPS) break;
   }
   if (steps.length === 0) {
-    return { steps: [], texts: [], stripped: content };
+    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;
   const blockEnd = headingEnd + findBlockEnd(afterHeading, steps.length);
   const stripped = (content.slice(0, blockStart) + content.slice(blockStart + blockEnd)).replace(/\n{3,}/g, "\n\n").trim();
-  return { steps, texts, stripped };
+  return { steps, texts, stripped, autoTexts };
 }
 function buildPermissiveHeadingRe() {
   const variants = PERMISSIVE_HEADING_PATTERNS.map(({ re }) => `(?:${re.source})`).join("|");
@@ -3970,7 +4006,7 @@ var Entry = React5.memo(function Entry2({
       return /* @__PURE__ */ jsx(
         Box,
         {
-          marginX: MESSAGE_PANEL_MARGIN,
+          marginX: 0,
           borderStyle: "single",
           borderTop: false,
           borderRight: false,
@@ -4001,7 +4037,7 @@ var Entry = React5.memo(function Entry2({
           Box,
           {
             flexDirection: "column",
-            marginX: MESSAGE_PANEL_MARGIN,
+            marginX: 0,
             marginY: 1,
             borderStyle: "single",
             borderTop: false,
@@ -4012,7 +4048,15 @@ var Entry = React5.memo(function Entry2({
             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 })
+              /* @__PURE__ */ jsx(
+                AssistantBody,
+                {
+                  text: stripped,
+                  termWidth,
+                  contentWidth,
+                  panelBackground: ASSISTANT_BG
+                }
+              )
             ]
           }
         ),
@@ -4020,7 +4064,7 @@ var Entry = React5.memo(function Entry2({
           Box,
           {
             flexDirection: "column",
-            marginX: MESSAGE_PANEL_MARGIN,
+            marginX: 0,
             marginY: 1,
             borderStyle: "single",
             borderTop: false,
@@ -4103,7 +4147,7 @@ var Entry = React5.memo(function Entry2({
       return /* @__PURE__ */ jsx(
         Box,
         {
-          marginX: MESSAGE_PANEL_MARGIN,
+          marginX: 0,
           borderStyle: "single",
           borderTop: false,
           borderRight: false,
@@ -4117,7 +4161,7 @@ var Entry = React5.memo(function Entry2({
       return /* @__PURE__ */ jsx(
         Box,
         {
-          marginX: MESSAGE_PANEL_MARGIN,
+          marginX: 0,
           borderStyle: "single",
           borderTop: false,
           borderRight: false,
@@ -4136,7 +4180,7 @@ var Entry = React5.memo(function Entry2({
         Box,
         {
           flexDirection: "column",
-          marginX: MESSAGE_PANEL_MARGIN,
+          marginX: 0,
           marginY: 1,
           borderStyle: "single",
           borderTop: false,
@@ -8824,6 +8868,8 @@ function App({
   predictNext,
   onSuggestionsParsed,
   getSuggestions,
+  getAutoSuggestions,
+  autonomyNextPrompt,
   setSuggestions,
   switchAutonomy,
   effectiveMaxContext,
@@ -10051,9 +10097,16 @@ function App({
       return;
     }
     const delay = cfg?.delayMs ?? 45e3;
-    const top = suggestions[0];
+    const isYolo = getYolo?.() ?? false;
+    const autoSuggestions = isYolo ? getAutoSuggestions?.() ?? [] : [];
+    const useAutoSuggestions = isYolo && autoSuggestions.length > 0;
+    const top = useAutoSuggestions ? autoSuggestions[0] : suggestions[0];
     if (!top) return;
-    nextStepsAutoSubmitSuggestionRef.current = top;
+    let promptToSubmit = top;
+    if (useAutoSuggestions && autonomyNextPrompt) {
+      promptToSubmit = autonomyNextPrompt.replace("{{suggestion}}", top);
+    }
+    nextStepsAutoSubmitSuggestionRef.current = promptToSubmit;
     const start = Date.now();
     setNextStepsAutoSubmitCountdown(Math.ceil(delay / 1e3));
     nextStepsAutoSubmitTimerRef.current = setInterval(() => {
@@ -12858,6 +12911,10 @@ async function runTui(opts) {
           saveSettings: opts.saveSettings,
           predictNext: opts.predictNext,
           onSuggestionsParsed: opts.onSuggestionsParsed,
+          getSuggestions: opts.getSuggestions,
+          getAutoSuggestions: opts.getAutoSuggestions,
+          autonomyNextPrompt: opts.autonomyNextPrompt,
+          setSuggestions: opts.setSuggestions,
           chime: opts.chime,
           confirmExit: opts.confirmExit,
           mouse: mouseEnabled,