@wrongstack/tui 0.89.3 → 0.107.2

package/dist/index.js

@@ -2065,9 +2065,8 @@ function computeWidths(allRows, cols, maxWidth, sepWidths) {
     for (let c = 0; c < cols; c++) {
       const cell = row[c] ?? "";
       const stripped = stripInlineMarkers(cell);
-      const w = longestWord(stripped);
       const total = strWidth(stripped);
-      natural[c] = Math.max(expectDefined$1(natural[c]), w, total);
+      natural[c] = Math.max(expectDefined$1(natural[c]), total);
     }
   }
   if (sepWidths) {
@@ -2200,19 +2199,16 @@ function strWidth(s2) {
       i += cpLen;
       continue;
     }
+    if (code >= 9472 && code <= 9599) {
+      width += 1;
+      i += cpLen;
+      continue;
+    }
     width += 1;
     i += cpLen;
   }
   return width;
 }
-function longestWord(s2) {
-  let max = 0;
-  for (const w of s2.split(/\s+/)) {
-    const visualWidth = strWidth(w);
-    if (visualWidth > max) max = visualWidth;
-  }
-  return max;
-}
 function border(left, mid, right, widths) {
   return left + widths.map((w) => "\u2500".repeat(w + 2)).join(mid) + right;
 }
@@ -2220,13 +2216,12 @@ function stripInlineMarkers(text) {
   return text.replace(/\*\*(.+?)\*\*/g, "$1").replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, "$1").replace(/`(.+?)`/g, "$1").replace(/~~(.+?)~~/g, "$1");
 }
 var ANSI_BOLD = "\x1B[1m";
-var ANSI_RESET = "\x1B[22m";
 var ANSI_DIM = "\x1B[2m";
 var ANSI_CYAN = "\x1B[36m";
 var ANSI_STRIKE = "\x1B[9m";
 var ANSI_RESET_ALL = "\x1B[0m";
 function applyInlineAnsi(text) {
-  return text.replace(/\*\*(.+?)\*\*/g, `${ANSI_BOLD}$1${ANSI_RESET}`).replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, `${ANSI_DIM}$1${ANSI_RESET_ALL}`).replace(/`(.+?)`/g, `${ANSI_CYAN}$1${ANSI_RESET_ALL}`).replace(/~~(.+?)~~/g, `${ANSI_STRIKE}$1${ANSI_RESET_ALL}`);
+  return text.replace(/\*\*(.+?)\*\*/g, `${ANSI_BOLD}$1${ANSI_RESET_ALL}`).replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, `${ANSI_DIM}$1${ANSI_RESET_ALL}`).replace(/`(.+?)`/g, `${ANSI_CYAN}$1${ANSI_RESET_ALL}`).replace(/~~(.+?)~~/g, `${ANSI_STRIKE}$1${ANSI_RESET_ALL}`);
 }
 function renderRow(cells, widths, aligns) {
   const styled = cells.map((c) => applyInlineAnsi(c));
@@ -2239,7 +2234,7 @@ function renderRow(cells, widths, aligns) {
     for (let c = 0; c < widths.length; c++) {
       const w = widths[c] ?? MIN_COL_WIDTH;
       const text = wrapped[c]?.[line] ?? "";
-      parts.push(padCell(text, w, aligns[c] ?? "left"));
+      parts.push(padCell(text, w, aligns[c] ?? "left") + ANSI_RESET_ALL);
     }
     out.push("\u2502 " + parts.join(" \u2502 ") + " \u2502");
   }
@@ -3224,6 +3219,10 @@ function extractDiffPreview(toolName, output) {
   return parseUnifiedDiff(diff, DIFF_MAX_LINES);
 }
 var MESSAGE_PANEL_CHROME_WIDTH = 2;
+var MESSAGE_PANEL_MARGIN = 2;
+function assistantContentWidth(termWidth) {
+  return Math.max(20, termWidth - MESSAGE_PANEL_CHROME_WIDTH - MESSAGE_PANEL_MARGIN * 2);
+}
 function splitFencedBlocks(text) {
   const lines = text.split("\n");
   const segs = [];
@@ -3377,9 +3376,6 @@ function brainRiskColor(risk) {
       return "red";
   }
 }
-function assistantContentWidth(termWidth) {
-  return Math.max(20, termWidth - MESSAGE_PANEL_CHROME_WIDTH);
-}
 var Entry = React6.memo(function Entry2({
   entry,
   termWidth
@@ -3389,6 +3385,7 @@ var Entry = React6.memo(function Entry2({
       return /* @__PURE__ */ jsx(
         Box,
         {
+          marginX: MESSAGE_PANEL_MARGIN,
           borderStyle: "single",
           borderTop: false,
           borderRight: false,
@@ -3415,6 +3412,7 @@ var Entry = React6.memo(function Entry2({
         Box,
         {
           flexDirection: "column",
+          marginX: MESSAGE_PANEL_MARGIN,
           marginY: 1,
           borderStyle: "single",
           borderTop: false,
@@ -3488,6 +3486,7 @@ var Entry = React6.memo(function Entry2({
       return /* @__PURE__ */ jsx(
         Box,
         {
+          marginX: MESSAGE_PANEL_MARGIN,
           borderStyle: "single",
           borderTop: false,
           borderRight: false,
@@ -3501,6 +3500,7 @@ var Entry = React6.memo(function Entry2({
       return /* @__PURE__ */ jsx(
         Box,
         {
+          marginX: MESSAGE_PANEL_MARGIN,
           borderStyle: "single",
           borderTop: false,
           borderRight: false,
@@ -3519,6 +3519,7 @@ var Entry = React6.memo(function Entry2({
         Box,
         {
           flexDirection: "column",
+          marginX: MESSAGE_PANEL_MARGIN,
           marginY: 1,
           borderStyle: "single",
           borderTop: false,
@@ -3922,8 +3923,8 @@ var LiveActivityStrip = React6.memo(function LiveActivityStrip2({
 }) {
   const { stdout } = useStdout();
   const width = Math.max(10, (stdout?.columns ?? 80) - 2);
-  if (Object.keys(entries).length === 0) return null;
-  const rows = activityStripRows(entries, Date.now(), maxRows, width);
+  const hasEntries = Object.keys(entries).length > 0;
+  const rows = hasEntries ? activityStripRows(entries, Date.now(), maxRows, width) : new Array(maxRows).fill("");
   return /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, children: rows.map((text, slot) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: fixed-height slots, index IS the identity
     /* @__PURE__ */ jsx(Box, { height: 1, children: text === "" ? /* @__PURE__ */ jsx(Text, { children: " " }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -4324,6 +4325,106 @@ function ProcessListMonitor() {
     ] })
   ] });
 }
+function GoalPanel({ goal }) {
+  if (!goal) {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, children: [
+      /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: theme.accent, children: "\u{1F3AF} Goal" }) }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No goal set. Use " }),
+        /* @__PURE__ */ jsxs(Text, { color: theme.accent, children: [
+          "/goal set ",
+          "<mission>"
+        ] }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: " to create one." })
+      ] }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press F9 or Esc to close." }) })
+    ] });
+  }
+  const displayGoal = goal.refinedGoal || goal.goal;
+  const stateIcon = goal.goalState === "active" ? "\u{1F504}" : goal.goalState === "paused" ? "\u23F8" : goal.goalState === "completed" ? "\u2705" : "\u23F9";
+  const stateColor = goal.goalState === "active" ? "green" : goal.goalState === "paused" ? "yellow" : goal.goalState === "completed" ? "green" : "red";
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { bold: true, color: theme.accent, children: [
+      "\u{1F3AF} Goal \u2014 ",
+      goal.goalState
+    ] }) }),
+    /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsxs(Text, { children: [
+        stateIcon,
+        " "
+      ] }),
+      /* @__PURE__ */ jsx(Text, { bold: true, children: displayGoal })
+    ] }),
+    goal.refinedGoal && goal.refinedGoal !== goal.goal && /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "  (original: ",
+      goal.goal.length > 60 ? goal.goal.slice(0, 57) + "\u2026" : goal.goal,
+      ")"
+    ] }) }),
+    typeof goal.progress === "number" && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Box, { children: renderProgressBar(goal.progress, goal.progressTrend) }),
+      goal.progressNote && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "  ",
+        goal.progressNote
+      ] }) })
+    ] }),
+    goal.deliverables && goal.deliverables.length > 0 && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { bold: true, children: [
+        "Deliverables (",
+        goal.deliverables.length,
+        "):"
+      ] }) }),
+      goal.deliverables.map((d, i) => {
+        const done = /^\[[x✓]\]|✅|\(done\)/i.test(d);
+        return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: done ? "green" : void 0, dimColor: !done, children: [
+          "  ",
+          done ? "\u2713" : "\u25CB",
+          " ",
+          d
+        ] }) }, i);
+      })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Iterations: " }),
+        /* @__PURE__ */ jsx(Text, { children: goal.iterations })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "State: " }),
+        /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
+          stateIcon,
+          " ",
+          goal.goalState
+        ] })
+      ] }),
+      goal.lastTask && /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Last task: " }),
+        /* @__PURE__ */ jsx(Text, { children: goal.lastTask.length > 50 ? goal.lastTask.slice(0, 47) + "\u2026" : goal.lastTask })
+      ] }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press F9 or Esc to close." }) })
+    ] })
+  ] });
+}
+function renderProgressBar(progress, trend) {
+  const pct = Math.min(100, Math.max(0, Math.round(progress)));
+  const filled = Math.round(pct / 5);
+  const empty = 20 - filled;
+  const trendIcon = trend === "accelerating" ? " \u{1F680}" : trend === "stalling" ? " \u26A0\uFE0F" : trend === "steady" ? " \u27A1\uFE0F" : "";
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, children: "Progress: " }),
+    /* @__PURE__ */ jsx(Text, { color: "green", children: "\u2588".repeat(filled) }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2591".repeat(empty) }),
+    /* @__PURE__ */ jsxs(Text, { bold: true, children: [
+      " ",
+      pct,
+      "%"
+    ] }),
+    trend && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      trendIcon,
+      " ",
+      trend
+    ] })
+  ] });
+}
 var DELAY_PRESETS_MS = [0, 15e3, 3e4, 45e3, 6e4, 12e4];
 var SETTINGS_MODES = ["off", "suggest", "auto"];
 var LOG_LEVELS = ["error", "warn", "info", "debug", "trace"];
@@ -6834,6 +6935,9 @@ function reducer(state, action) {
     case "toggleProcessList": {
       return { ...state, processListOpen: !state.processListOpen };
     }
+    case "toggleGoalPanel": {
+      return { ...state, goalPanelOpen: !state.goalPanelOpen };
+    }
     case "checkpointReceived": {
       const existing = state.checkpoints.find((c) => c.promptIndex === action.cp.promptIndex);
       if (existing) return state;
@@ -7207,6 +7311,7 @@ function App({
   getModeLabel
 }) {
   const { exit } = useApp();
+  const { stdout } = useStdout();
   const [liveModel, setLiveModel] = useState(model);
   const [liveProvider, setLiveProvider] = useState(provider ?? "agent");
   const [activeMaxContext, setActiveMaxContext] = useState(effectiveMaxContext);
@@ -7237,8 +7342,13 @@ function App({
           type: "goalSummary",
           summary: {
             goal: goal.goal,
+            refinedGoal: goal.refinedGoal,
             goalState: goal.goalState ?? "active",
             iterations: goal.iterations,
+            progress: goal.progress,
+            progressNote: goal.progressNote,
+            progressTrend: goal.progressTrend,
+            deliverables: goal.deliverables,
             lastTask: lastEntry?.task,
             lastStatus: lastEntry?.status
           }
@@ -7331,6 +7441,7 @@ function App({
     todosMonitorOpen: false,
     queuePanelOpen: false,
     processListOpen: false,
+    goalPanelOpen: false,
     collabSession: null,
     checkpoints: [],
     rewindOverlay: null,
@@ -8807,6 +8918,23 @@ function App({
       }
       return;
     }
+    if (key.fn === 9) {
+      if (state.goalPanelOpen) {
+        dispatch({ type: "toggleGoalPanel" });
+      } else {
+        if (state.agentsMonitorOpen) dispatch({ type: "toggleAgentsMonitor" });
+        if (state.monitorOpen) dispatch({ type: "toggleMonitor" });
+        if (state.worktreeMonitorOpen) dispatch({ type: "worktreeMonitorToggle" });
+        if (state.todosMonitorOpen) dispatch({ type: "toggleTodosMonitor" });
+        if (state.autoPhase?.monitorOpen) dispatch({ type: "autoPhaseMonitorToggle" });
+        if (state.settingsPicker.open) dispatch({ type: "settingsClose" });
+        if (state.queuePanelOpen) dispatch({ type: "toggleQueuePanel" });
+        if (state.processListOpen) dispatch({ type: "toggleProcessList" });
+        if (state.helpOpen) dispatch({ type: "toggleHelp" });
+        dispatch({ type: "toggleGoalPanel" });
+      }
+      return;
+    }
     if (key.ctrl && input === "s") {
       if (state.settingsPicker.open) {
         dispatch({ type: "settingsClose" });
@@ -8877,6 +9005,10 @@ function App({
         dispatch({ type: "toggleProcessList" });
         return;
       }
+      if (state.goalPanelOpen) {
+        dispatch({ type: "toggleGoalPanel" });
+        return;
+      }
     }
     if (input === "?" && !key.ctrl && !key.meta && draftRef.current.buffer === "" && !state.slashPicker.open && !state.picker.open && !state.modelPicker.open && !state.autonomyPicker.open && !state.settingsPicker.open && !state.rewindOverlay && !state.monitorOpen && !state.agentsMonitorOpen && !state.worktreeMonitorOpen && !state.todosMonitorOpen && !state.autoPhase?.monitorOpen) {
       dispatch({ type: "toggleHelp" });
@@ -8963,7 +9095,7 @@ function App({
       setDraft(buffer, buffer.length);
       return;
     }
-    const overlayOpen = state.monitorOpen || state.agentsMonitorOpen || state.worktreeMonitorOpen || state.todosMonitorOpen || state.queuePanelOpen || state.processListOpen || state.helpOpen || (state.autoPhase?.monitorOpen ?? false) || state.rewindOverlay !== null;
+    const overlayOpen = state.monitorOpen || state.agentsMonitorOpen || state.worktreeMonitorOpen || state.todosMonitorOpen || state.queuePanelOpen || state.processListOpen || state.goalPanelOpen || state.helpOpen || (state.autoPhase?.monitorOpen ?? false) || state.rewindOverlay !== null;
     if (key.upArrow) {
       if (!overlayOpen && state.inputHistory.length > 0) {
         dispatch({ type: "historyUp" });
@@ -9320,8 +9452,21 @@ function App({
     if (!builder) return;
     const steering = state.steeringPending;
     let effectiveText = trimmed;
-    const hasChips = trimmed ? new RegExp(INLINE_TOKEN_SRC, "g").test(trimmed) : false;
-    if (enhanceEnabledRef.current && state.status === "idle" && !steering && !hasChips && shouldEnhance(trimmed)) {
+    const chips = [];
+    let cleanText = trimmed;
+    const chipRe = new RegExp(INLINE_TOKEN_SRC, "g");
+    let chipMatch;
+    while ((chipMatch = chipRe.exec(trimmed)) !== null) {
+      chips.push(chipMatch[0]);
+    }
+    if (chips.length > 0) {
+      cleanText = trimmed.replace(chipRe, "").replace(/\s{2,}/g, " ").trim();
+      if (!cleanText) {
+        cleanText = trimmed;
+        chips.length = 0;
+      }
+    }
+    if (enhanceEnabledRef.current && state.status === "idle" && !steering && shouldEnhance(cleanText)) {
       dispatch({ type: "enhanceBusy", on: true });
       const ac = new AbortController();
       enhanceAbortRef.current = ac;
@@ -9331,7 +9476,7 @@ function App({
         result = await enhanceUserPrompt({
           provider: agent.ctx.provider,
           model: agent.ctx.model,
-          text: trimmed,
+          text: cleanText,
           signal: ac.signal,
           onError: (reason) => {
             enhanceErr = reason;
@@ -9353,27 +9498,30 @@ function App({
           }
         });
       }
-      if (result && !normalizedEqual(result.refined, trimmed)) {
+      if (result && !normalizedEqual(result.refined, cleanText)) {
+        const chipSuffix = chips.length > 0 ? ` ${chips.join(" ")}` : "";
+        const refinedWithChips = result.refined + chipSuffix;
+        const englishWithChips = result.english + chipSuffix;
         const decision = await new Promise((resolve) => {
           dispatch({
             type: "enhanceOpen",
             info: {
               original: trimmed,
-              refined: result.refined,
-              english: result.english,
+              refined: refinedWithChips,
+              english: englishWithChips,
               resolve
             }
           });
         });
         dispatch({ type: "enhanceClose" });
         if (decision === "edit") {
-          setDraft(result.refined, result.refined.length);
+          setDraft(refinedWithChips, refinedWithChips.length);
           return;
         }
         if (decision === "english") {
-          effectiveText = result.english;
+          effectiveText = englishWithChips;
         } else {
-          effectiveText = decision === "refined" ? result.refined : trimmed;
+          effectiveText = decision === "refined" ? refinedWithChips : trimmed;
         }
       }
     }
@@ -9455,6 +9603,15 @@ User message:
     return "";
   }, [state.buffer, state.status, state.picker.open]);
   const enhanceActive = state.enhanceBusy || state.enhance != null;
+  const inputCellRows = layoutInputRows(
+    INPUT_PROMPT,
+    state.buffer,
+    state.cursor,
+    stdout?.columns ?? 80
+  );
+  const inputHeight = Math.max(1, inputCellRows.length);
+  const monitorOpen = state.monitorOpen || state.agentsMonitorOpen || state.worktreeMonitorOpen || state.todosMonitorOpen || state.queuePanelOpen || state.processListOpen || state.goalPanelOpen || state.helpOpen;
+  const hideInput = enhanceActive || monitorOpen;
   return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 0, children: [
     /* @__PURE__ */ jsx(
       History,
@@ -9466,7 +9623,7 @@ User message:
     ),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [
       /* @__PURE__ */ jsx(LiveActivityStrip, { entries: state.fleet, nowTick }),
-      enhanceActive ? /* @__PURE__ */ jsx(Box, { height: 1 }) : /* @__PURE__ */ jsx(
+      hideInput ? /* @__PURE__ */ jsx(Box, { height: inputHeight }) : /* @__PURE__ */ jsx(
         Input,
         {
           prompt: INPUT_PROMPT,
@@ -9734,7 +9891,8 @@ User message:
       ) : null,
       Object.keys(state.worktrees).length > 0 && !state.worktreeMonitorOpen && !state.monitorOpen ? /* @__PURE__ */ jsx(WorktreePanel, { worktrees: state.worktrees, nowTick }) : null,
       state.queuePanelOpen ? /* @__PURE__ */ jsx(QueuePanel, { items: state.queue }) : null,
-      state.processListOpen ? /* @__PURE__ */ jsx(ProcessListMonitor, {}) : null
+      state.processListOpen ? /* @__PURE__ */ jsx(ProcessListMonitor, {}) : null,
+      state.goalPanelOpen ? /* @__PURE__ */ jsx(GoalPanel, { goal: state.goalSummary }) : null
     ] })
   ] }) });
 }