@wrongstack/tui 0.148.0 → 0.155.0

package/dist/index.js

@@ -1,9 +1,9 @@
 import { expectDefined, writeErr, resolveWstackPaths, loadGoal, InputBuilder, DefaultSessionRewinder, writeOut, formatTodosList, buildGoalPreamble, shouldEnhance, enhanceUserPrompt, recentTextTurns, normalizedEqual, buildChildEnv } from '@wrongstack/core';
 export { buildGoalPreamble } from '@wrongstack/core';
 import { Box, Text, useInput, useStdin, useStdout, render, useApp, Static } from 'ink';
-import React5, { useState, useEffect, memo, useRef, useCallback, useReducer, useMemo } from 'react';
+import * as path3 from 'path';
+import React5, { useState, useEffect, useMemo, memo, useRef, useCallback, useReducer } from 'react';
 import * as fs2 from 'fs/promises';
-import * as path2 from 'path';
 import { routeImagesForModel } from '@wrongstack/runtime/vision';
 import { getIndexState, onIndexStateChange, getProcessRegistry } from '@wrongstack/tools';
 import { readClipboardImage } from '@wrongstack/runtime/clipboard';
@@ -1467,8 +1467,8 @@ function FilePicker({ query, matches, selected }) {
     ] }, m))
   ] });
 }
-function highlight(path3, _query) {
-  return path3;
+function highlight(path5, _query) {
+  return path5;
 }
 function FleetPanel({
   entries,
@@ -1607,7 +1607,7 @@ function HelpOverlay() {
   const keyWidth = Math.max(...sections.flatMap((s2) => s2.entries.map((e) => e.keys.length)), 0);
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.accent, paddingX: 1, children: [
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, color: theme.accent, children: "WrongStack \u2014 keys & commands" }),
+      /* @__PURE__ */ jsx(Text, { bold: true, color: theme.accent, children: "Keyboard shortcuts" }),
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 Esc to close" })
     ] }),
     sections.map((sec) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
@@ -3408,10 +3408,11 @@ function Banner({
   entry
 }) {
   const cwdShort = shortenPath(entry.cwd, 48);
+  const projectLabel = path3.basename(entry.cwd);
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 2, paddingY: 0, children: [
     /* @__PURE__ */ jsxs(Text, { children: [
       /* @__PURE__ */ jsx(Text, { color: "magenta", bold: true, children: "  \u259F\u259B  " }),
-      /* @__PURE__ */ jsx(Text, { color: "magenta", bold: true, children: "WrongStack" }),
+      /* @__PURE__ */ jsx(Text, { color: "magenta", bold: true, children: projectLabel }),
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  v" }),
       /* @__PURE__ */ jsx(Text, { children: entry.version })
     ] }),
@@ -3443,6 +3444,20 @@ function Banner({
     ] })
   ] });
 }
+var NEXT_STEPS_RE = /💡\s*Next steps?\s*\n+((?:\d+\.\s+.+\n?)+)/i;
+function parseNextSteps(content) {
+  const match = NEXT_STEPS_RE.exec(content);
+  if (!match?.[1]) return { steps: [], stripped: content };
+  const block = match[1];
+  const steps = [];
+  const lines = block.split("\n").filter(Boolean);
+  for (const line of lines) {
+    const m = /^(\d+)\.\s+(.+)$/.exec(line.trim());
+    if (m) steps.push({ index: Number.parseInt(m[1], 10), text: m[2].trim() });
+  }
+  const stripped = content.replace(NEXT_STEPS_RE, "").replace(/\n{3,}/g, "\n\n").trim();
+  return { steps: steps.slice(0, 6), stripped };
+}
 function brainStatusStyle(status) {
   switch (status) {
     case "thinking":
@@ -3471,6 +3486,10 @@ var Entry = React5.memo(function Entry2({
   entry,
   termWidth
 }) {
+  const nextSteps = useMemo(() => {
+    if (entry.kind !== "assistant") return { steps: [], stripped: "" };
+    return parseNextSteps(entry.text);
+  }, [entry.kind, entry.text]);
   switch (entry.kind) {
     case "user":
       return /* @__PURE__ */ jsx(
@@ -3499,24 +3518,52 @@ var Entry = React5.memo(function Entry2({
       );
     case "assistant": {
       const contentWidth = assistantContentWidth(termWidth);
-      return /* @__PURE__ */ jsxs(
-        Box,
-        {
-          flexDirection: "column",
-          marginX: MESSAGE_PANEL_MARGIN,
-          marginY: 1,
-          borderStyle: "single",
-          borderTop: false,
-          borderRight: false,
-          borderBottom: false,
-          borderColor: theme.assistant,
-          paddingLeft: 1,
-          children: [
-            /* @__PURE__ */ jsx(Box, { flexDirection: "row", children: /* @__PURE__ */ jsx(Text, { bold: true, color: theme.assistant, children: "ASSISTANT" }) }),
-            /* @__PURE__ */ jsx(AssistantBody, { text: entry.text, termWidth, contentWidth })
-          ]
-        }
-      );
+      const { steps, stripped } = nextSteps;
+      const hasNext = steps.length > 0;
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            flexDirection: "column",
+            marginX: MESSAGE_PANEL_MARGIN,
+            marginY: 1,
+            borderStyle: "single",
+            borderTop: false,
+            borderRight: false,
+            borderBottom: hasNext ? false : void 0,
+            borderColor: theme.assistant,
+            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 })
+            ]
+          }
+        ),
+        hasNext && /* @__PURE__ */ jsxs(
+          Box,
+          {
+            flexDirection: "column",
+            marginX: MESSAGE_PANEL_MARGIN,
+            marginY: 1,
+            borderStyle: "single",
+            borderTop: false,
+            borderRight: false,
+            borderBottom: false,
+            borderColor: theme.accent,
+            paddingLeft: 1,
+            children: [
+              /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+                /* @__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: [
+                /* @__PURE__ */ jsx(Text, { bold: true, color: theme.accent, children: `  ${s2.index}. ` }),
+                /* @__PURE__ */ jsx(Text, { children: s2.text })
+              ] }) }, s2.index))
+            ]
+          }
+        )
+      ] });
     }
     case "tool": {
       const argSummary = formatToolArgs(entry.name, entry.input);
@@ -5177,7 +5224,7 @@ async function loadIndex(root) {
 async function walk(root, rel, depth, out) {
   if (out.length >= MAX_FILES_INDEXED) return;
   if (depth > MAX_DEPTH) return;
-  const dir = rel ? path2.join(root, rel) : root;
+  const dir = rel ? path3.join(root, rel) : root;
   let entries;
   try {
     entries = await fs2.readdir(dir, { withFileTypes: true });
@@ -7652,8 +7699,8 @@ function App({
   const lastEnterAtRef = useRef(0);
   const tokenPreviewsRef = useRef(/* @__PURE__ */ new Map());
   const projectName = React5.useMemo(() => {
-    const base = path2.basename(projectRoot);
-    return base && base !== path2.sep ? base : void 0;
+    const base = path3.basename(projectRoot);
+    return base && base !== path3.sep ? base : void 0;
   }, [projectRoot]);
   const chimeRef = useRef(chime);
   chimeRef.current = chime;
@@ -8059,7 +8106,7 @@ function App({
       dispatch({ type: "pickerClose" });
       return;
     }
-    const absPath = path2.isAbsolute(picked) ? picked : path2.join(projectRoot, picked);
+    const absPath = path3.isAbsolute(picked) ? picked : path3.join(projectRoot, picked);
     try {
       const data = await fs2.readFile(absPath, "utf8");
       const token = await builder.registerFile({
@@ -10330,7 +10377,12 @@ async function runTui(opts) {
   stdout.write(BRACKETED_PASTE_ON);
   stdout.write("\x1B[2J\x1B[H");
   const inkStdin = stdin;
-  const stopTitle = opts.titleAnimation !== false ? startTerminalTitle({ stdout, events: opts.events, model: opts.model }) : (() => {
+  const stopTitle = opts.titleAnimation !== false ? startTerminalTitle({
+    stdout,
+    events: opts.events,
+    model: opts.model,
+    appName: opts.projectRoot ? path3.basename(opts.projectRoot) : void 0
+  }) : (() => {
   });
   const swallowSignals = ["SIGTSTP", "SIGQUIT", "SIGTTIN", "SIGTTOU"];
   const swallow = () => {