@wrongstack/tui 0.107.2 → 0.109.1

package/dist/index.js

@@ -1,7 +1,7 @@
-import { expectDefined, writeErr, InputBuilder, DefaultSessionRewinder, writeOut, formatTodosList, buildGoalPreamble, shouldEnhance, enhanceUserPrompt, recentTextTurns, normalizedEqual, buildChildEnv } from '@wrongstack/core';
+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 React6, { useState, useEffect, memo, useReducer, useRef, useMemo, useCallback } from 'react';
+import React6, { useState, useEffect, memo, useCallback, useReducer, useRef, useMemo } from 'react';
 import * as fs2 from 'fs/promises';
 import * as path2 from 'path';
 import { routeImagesForModel } from '@wrongstack/runtime/vision';
@@ -913,10 +913,10 @@ function AgentsMonitor({
   const live = useMemo(() => selectLiveAgents(all, nowTick), [all, nowTick]);
   const [selectedIndex, setSelectedIndex] = useState(0);
   const safeIndex = Math.min(selectedIndex, Math.max(0, live.length - 1));
-  useInput((input, key) => {
-    if (key.upArrow || input === "k") {
+  useInput((_input, key) => {
+    if (key.upArrow) {
       setSelectedIndex((prev) => Math.max(0, prev - 1));
-    } else if (key.downArrow || input === "j") {
+    } else if (key.downArrow) {
       setSelectedIndex((prev) => Math.min(live.length - 1, prev + 1));
     }
   });
@@ -3084,7 +3084,8 @@ function CodeBlock({
   const hidden = Math.max(0, lines.length - MAX_CODE_LINES);
   if (hidden > 0) lines = lines.slice(0, MAX_CODE_LINES);
   const gutterW = String(lines.length).length;
-  const maxW = Math.max(20, Math.min(contentWidth - 6 - gutterW - 1, 120));
+  const boxWidth = Math.max(22, contentWidth - 2);
+  const maxW = Math.max(20, Math.min(boxWidth - 4 - gutterW - 1, 120));
   let carry = {};
   const rows = lines.map((raw) => {
     const display = raw.length > maxW ? `${raw.slice(0, maxW - 1)}\u2026` : raw;
@@ -3096,6 +3097,8 @@ function CodeBlock({
     Box,
     {
       flexDirection: "column",
+      width: boxWidth,
+      flexShrink: 0,
       marginLeft: 2,
       marginY: 0,
       borderStyle: "round",
@@ -3800,6 +3803,8 @@ var Input = memo(function Input2({
   cursor,
   disabled,
   hint,
+  hidden,
+  placeholderHeight,
   onKey
 }) {
   useInput((input, key) => {
@@ -3855,6 +3860,9 @@ var Input = memo(function Input2({
   }, [stdout]);
   const promptColor = disabled ? "red" : "cyan";
   const rows = layoutInputRows(prompt, value, cursor, cols);
+  if (hidden) {
+    return /* @__PURE__ */ jsx(Box, { height: Math.max(1, placeholderHeight ?? rows.length) });
+  }
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
     rows.map(
       (row, i) => row.length === 0 ? (
@@ -7331,32 +7339,33 @@ function App({
     setStatuslineHiddenItems(hiddenItems);
   }, [setStatuslineHiddenItems, hiddenItems]);
   const projectRoot = agent.ctx.projectRoot;
-  useEffect(() => {
+  const refreshGoalSummary = useCallback(() => {
     if (!projectRoot) return;
-    const goalPath = path2.join(projectRoot, ".wrongstack", "goal.json");
-    fs2.readFile(goalPath, "utf8").then((raw) => {
-      const goal = JSON.parse(raw);
-      if (goal?.goal && typeof goal.iterations === "number") {
-        const lastEntry = goal.journal?.[goal.journal.length - 1];
-        dispatch({
-          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
-          }
-        });
-      }
+    const goalPath = resolveWstackPaths({ projectRoot }).projectGoal;
+    loadGoal(goalPath).then((goal) => {
+      if (!goal) return;
+      const lastEntry = goal.journal?.[goal.journal.length - 1];
+      dispatch({
+        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
+        }
+      });
     }).catch(() => {
     });
   }, [projectRoot]);
+  useEffect(() => {
+    refreshGoalSummary();
+  }, [refreshGoalSummary]);
   const restoredEntries = (() => {
     const msgs = agent.ctx.messages;
     if (!msgs || msgs.length === 0) return [];
@@ -7506,6 +7515,9 @@ function App({
     const t = setInterval(() => setNowTick(Date.now()), 1e4);
     return () => clearInterval(t);
   }, []);
+  useEffect(() => {
+    if (state.goalPanelOpen) refreshGoalSummary();
+  }, [state.goalPanelOpen, nowTick, refreshGoalSummary]);
   const [enhanceDots, setEnhanceDots] = useState(0);
   useEffect(() => {
     if (!state.enhanceBusy) return;
@@ -8981,18 +8993,10 @@ function App({
         dispatch({ type: "toggleMonitor" });
         return;
       }
-      if (state.worktreeMonitorOpen) {
-        dispatch({ type: "worktreeMonitorToggle" });
-        return;
-      }
       if (state.todosMonitorOpen) {
         dispatch({ type: "toggleTodosMonitor" });
         return;
       }
-      if (state.autoPhase?.monitorOpen) {
-        dispatch({ type: "autoPhaseMonitorToggle" });
-        return;
-      }
       if (state.settingsPicker.open) {
         dispatch({ type: "settingsClose" });
         return;
@@ -9010,6 +9014,9 @@ function App({
         return;
       }
     }
+    if (state.processListOpen) {
+      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" });
       return;
@@ -9610,8 +9617,7 @@ User message:
     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;
+  const hideInput = enhanceActive || state.helpOpen || state.processListOpen;
   return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 0, children: [
     /* @__PURE__ */ jsx(
       History,
@@ -9623,12 +9629,14 @@ User message:
     ),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [
       /* @__PURE__ */ jsx(LiveActivityStrip, { entries: state.fleet, nowTick }),
-      hideInput ? /* @__PURE__ */ jsx(Box, { height: inputHeight }) : /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(
         Input,
         {
           prompt: INPUT_PROMPT,
           value: state.buffer,
           cursor: state.cursor,
+          hidden: hideInput,
+          placeholderHeight: inputHeight,
           disabled: state.status === "aborting" && !state.steeringPending || state.confirmQueue.length > 0,
           hint: inputHint,
           onKey: stableOnKey