@wrongstack/tui 0.89.3 → 0.104.0

package/dist/index.js

@@ -4324,6 +4324,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 +6934,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;
@@ -7237,8 +7340,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 +7439,7 @@ function App({
     todosMonitorOpen: false,
     queuePanelOpen: false,
     processListOpen: false,
+    goalPanelOpen: false,
     collabSession: null,
     checkpoints: [],
     rewindOverlay: null,
@@ -8807,6 +8916,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 +9003,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 +9093,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 +9450,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 +9474,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 +9496,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;
         }
       }
     }
@@ -9734,7 +9880,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
     ] })
   ] }) });
 }