@wrongstack/tui 0.89.1 → 0.104.0

package/dist/index.js

@@ -1,7 +1,7 @@
-import { writeErr, InputBuilder, DefaultSessionRewinder, writeOut, formatTodosList, buildGoalPreamble, shouldEnhance, enhanceUserPrompt, recentTextTurns, normalizedEqual, buildChildEnv } from '@wrongstack/core';
+import { expectDefined, writeErr, InputBuilder, DefaultSessionRewinder, writeOut, formatTodosList, buildGoalPreamble, shouldEnhance, enhanceUserPrompt, recentTextTurns, normalizedEqual, buildChildEnv } from '@wrongstack/core';
 export { buildGoalPreamble } from '@wrongstack/core';
-import { Box, Text, render, useApp, useStdout, Static, useInput, useStdin } from 'ink';
-import React6, { useState, useEffect, useReducer, useRef, useMemo, useCallback } from 'react';
+import { Box, Text, useInput, useStdin, useStdout, render, useApp, Static } from 'ink';
+import React6, { useState, useEffect, memo, useReducer, useRef, useMemo, useCallback } from 'react';
 import * as fs2 from 'fs/promises';
 import * as path2 from 'path';
 import { routeImagesForModel } from '@wrongstack/runtime/vision';
@@ -12,35 +12,6 @@ import { expectDefined as expectDefined$1 } from '@wrongstack/core/utils';
 import { spawn } from 'child_process';
 
 // src/run-tui.ts
-
-// src/theme.ts
-var theme = Object.freeze({
-  accent: "cyan",
-  user: "yellow",
-  assistant: "cyan",
-  tool: "cyan",
-  success: "green",
-  warn: "yellow",
-  error: "red",
-  dim: true,
-  borderDefault: "gray",
-  borderActive: "yellow",
-  brand: "magenta",
-  monitor: {
-    fleet: "cyan",
-    agents: "magenta",
-    worktree: "green",
-    phase: "cyan"
-  },
-  diffAddBg: "greenBright",
-  diffDelBg: "redBright"
-});
-function expectDefined(value) {
-  if (value === null || value === void 0) {
-    throw new Error("Expected value to be defined");
-  }
-  return value;
-}
 var MODE_ICONS = {
   teach: "\u{1F9D1}\u200D\u{1F3EB}",
   brief: "\u26A1",
@@ -79,10 +50,10 @@ function StatusBar({
   fleetAgents,
   git,
   subagentCount = 0,
-  context,
   brain,
   projectName,
   processCount,
+  context,
   hiddenItems,
   eternalStage,
   goalSummary,
@@ -169,9 +140,15 @@ function StatusBar({
             ] }),
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
             /* @__PURE__ */ jsx(Text, { color: "magenta", children: model }),
-            context && context.max > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            context && !hiddenSet.has("context") ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-              /* @__PURE__ */ jsx(ContextChip, { ctx: context })
+              /* @__PURE__ */ jsxs(Text, { color: context.used / context.max < 0.6 ? "green" : context.used / context.max < 0.75 ? "yellow" : "red", children: [
+                "ctx ",
+                renderMeter(context.used / context.max, 8),
+                " ",
+                Math.round(context.used / context.max * 100),
+                "%"
+              ] })
             ] }) : null,
             usage && isComfortable ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
@@ -490,26 +467,6 @@ function EternalStageChip({
       ] });
   }
 }
-function ContextChip({ ctx }) {
-  const ratio = Math.max(0, Math.min(1, ctx.used / ctx.max));
-  const pct = Math.round(ratio * 100);
-  const color = ratio >= 0.85 ? theme.error : ratio >= 0.65 ? theme.warn : theme.accent;
-  return /* @__PURE__ */ jsxs(Text, { children: [
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "ctx " }),
-    /* @__PURE__ */ jsx(Text, { color, children: renderMeter(ratio, 12) }),
-    /* @__PURE__ */ jsxs(Text, { color, bold: true, children: [
-      " ",
-      pct,
-      "%"
-    ] }),
-    /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      " ",
-      fmtTok(ctx.used),
-      "/",
-      fmtTok(ctx.max)
-    ] })
-  ] });
-}
 function stateChip(state, fleetRunning) {
   if (state === "idle" && fleetRunning > 0) {
     return { label: `agents \u25B6${fleetRunning}`, color: "magenta" };
@@ -1300,6 +1257,7 @@ function ConfirmPrompt({
 function EnhancePanel({
   original,
   refined,
+  english,
   delayMs,
   onDecision
 }) {
@@ -1326,6 +1284,8 @@ function EnhancePanel({
     } else if (key.escape) {
       onDecision("original");
     } else if (input?.toLowerCase() === "e") {
+      onDecision("english");
+    } else if (input?.toLowerCase() === "t") {
       onDecision("edit");
     }
   });
@@ -1344,17 +1304,23 @@ function EnhancePanel({
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: original })
     ] }),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
-      /* @__PURE__ */ jsx(Text, { color: "green", children: "refined:  " }),
+      /* @__PURE__ */ jsx(Text, { color: "yellow", children: "refined:  " }),
       /* @__PURE__ */ jsx(Text, { color: "white", children: refined })
     ] }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx(Text, { color: "green", children: "english:  " }),
+      /* @__PURE__ */ jsx(Text, { color: "white", children: english })
+    ] }),
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
     /* @__PURE__ */ jsx(Box, { flexDirection: "row", children: /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: "[Enter]" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " send \xB7 " }),
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: "[Esc]" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " use original \xB7 " }),
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "[e]" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "dit" })
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: "[Enter]" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " refined \xB7 " }),
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: "[e]" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " english \xB7 " }),
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "[t]" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " edit \xB7 " }),
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "red", children: "[Esc]" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " original" })
     ] }) })
   ] });
 }
@@ -1487,6 +1453,29 @@ function FleetPanel({
     ] }) : null
   ] });
 }
+
+// src/theme.ts
+var theme = Object.freeze({
+  accent: "cyan",
+  user: "yellow",
+  assistant: "cyan",
+  tool: "cyan",
+  success: "green",
+  warn: "yellow",
+  error: "red",
+  dim: true,
+  borderDefault: "gray",
+  borderActive: "yellow",
+  brand: "magenta",
+  monitor: {
+    fleet: "cyan",
+    agents: "magenta",
+    worktree: "green",
+    phase: "cyan"
+  },
+  diffAddBg: "greenBright",
+  diffDelBg: "redBright"
+});
 function helpSections() {
   const nav = [];
   nav.push(
@@ -2442,10 +2431,11 @@ function MarkdownView({
     }
     const quote = line.match(QUOTE_RE);
     if (quote && line.startsWith(">")) {
+      const qContent = quote[1] ?? "";
       rows.push(
         /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  " }),
-          /* @__PURE__ */ jsx(InlineLine, { tokens: parseInline(quote[1] ?? ""), dim: true })
+          /[\u2500-\u257F]/.test(qContent) ? /* @__PURE__ */ jsx(Box, { flexDirection: "row", children: [...qContent].slice(0, (contentWidth ?? termWidth) - 2).map((ch, ci) => /* @__PURE__ */ jsx(Text, { dimColor: true, children: ch }, ci)) }) : /* @__PURE__ */ jsx(InlineLine, { tokens: parseInline(qContent), dim: true })
         ] }, `q${key++}`)
       );
       continue;
@@ -2470,6 +2460,14 @@ function MarkdownView({
       );
       continue;
     }
+    if (/[\u2500-\u257F]/.test(line)) {
+      const maxW = contentWidth ?? termWidth;
+      const chars = [...line].slice(0, maxW);
+      rows.push(
+        /* @__PURE__ */ jsx(Box, { flexDirection: "row", children: chars.map((ch, ci) => /* @__PURE__ */ jsx(Text, { children: ch }, ci)) }, `bx${key++}`)
+      );
+      continue;
+    }
     rows.push(/* @__PURE__ */ jsx(InlineLine, { tokens: parseInline(line) }, `p${key++}`));
   }
   return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: rows });
@@ -3610,7 +3608,7 @@ function History({ entries, streamingText, toolStream }) {
   const tail = streamingText ? tailForDisplay(streamingText, MAX_STREAM_DISPLAY_CHARS) : "";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Static, { items: entries, children: (entry) => /* @__PURE__ */ jsx(Box, { marginBottom: entry.kind === "turn-summary" ? 1 : 0, children: /* @__PURE__ */ jsx(Entry, { entry, termWidth }) }, entry.id) }),
-    tail ? /* @__PURE__ */ jsx(AssistantTail, { text: tail, termWidth }) : null
+    /* @__PURE__ */ jsx(Box, { flexGrow: 1, children: tail ? /* @__PURE__ */ jsx(AssistantTail, { text: tail, termWidth }) : null })
   ] });
 }
 
@@ -3716,12 +3714,6 @@ function layoutInputRows(prompt, value, cursor, width) {
   if (row.length > 0 || rows.length === 0) rows.push(row);
   return rows;
 }
-function expectDefined3(value) {
-  if (value === null || value === void 0) {
-    throw new Error("Expected value to be defined");
-  }
-  return value;
-}
 function renderRow2(cells, rowKey, promptColor) {
   const out = [];
   let run = "";
@@ -3778,7 +3770,7 @@ function isBackspaceOrDelete(data) {
 function parseMouseWheel(data) {
   const m = data.match(new RegExp(`^${String.fromCharCode(27)}\\[<(\\d+);(\\d+);(\\d+)([Mm])$`, "u"));
   if (!m) return null;
-  const cb = Number.parseInt(expectDefined3(m[1]), 10);
+  const cb = Number.parseInt(expectDefined(m[1]), 10);
   if (cb === 64) return 1;
   if (cb === 65) return -1;
   return null;
@@ -3801,7 +3793,7 @@ var EMPTY_KEY = {
   home: false,
   end: false
 };
-function Input({
+var Input = memo(function Input2({
   prompt = "\u203A ",
   value,
   cursor,
@@ -3874,7 +3866,7 @@ function Input({
     ),
     hint ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: hint }) : null
   ] });
-}
+});
 function fmtElapsed2(ms) {
   if (ms < 1e3) return `${ms}ms`;
   if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
@@ -3897,63 +3889,48 @@ function fmtRecentTool(tool) {
     parts.push(`${tool.outputLines}L`);
   return parts.join(" ");
 }
-function fmtRecentMessage(message) {
-  const text = message.text.replace(/\s+/g, " ");
-  return text.length > 48 ? `${text.slice(0, 47)}...` : text;
+function truncToWidth(s2, width) {
+  if (width <= 0) return "";
+  if (s2.length <= width) return s2;
+  if (width === 1) return "\u2026";
+  return `${s2.slice(0, width - 1)}\u2026`;
+}
+function formatRow(e, now) {
+  const toolElapsed = e.currentTool ? now - e.currentTool.startedAt : 0;
+  const taskElapsed = now - e.startedAt;
+  const toolSeg = e.currentTool ? `\u2192 ${e.currentTool.name} (${fmtElapsed2(toolElapsed)})` : "\xB7";
+  const recentTools = (e.recentTools ?? []).slice(-2).map(fmtRecentTool).join(" | ");
+  const head = `${e.name.slice(0, 14).padEnd(14)} \xB7 ${toolSeg} \xB7 ${e.iterations}it ${e.toolCalls}tc \xB7 ${fmtElapsed2(taskElapsed)}`;
+  return recentTools ? `${head} | last: ${recentTools}` : head;
+}
+function activityStripRows(entries, now, maxRows, width) {
+  const bodyWidth = Math.max(0, width - 2);
+  const running = Object.values(entries).filter((e) => e.status === "running").sort((a, b) => a.startedAt - b.startedAt);
+  const rows = [];
+  const overflow = running.length > maxRows;
+  const shown = overflow ? running.slice(0, maxRows - 1) : running.slice(0, maxRows);
+  for (const e of shown) rows.push(truncToWidth(formatRow(e, now), bodyWidth));
+  if (overflow)
+    rows.push(truncToWidth(`\u2026+${running.length - (maxRows - 1)} more running`, bodyWidth));
+  while (rows.length < maxRows) rows.push("");
+  return rows;
 }
 var LiveActivityStrip = React6.memo(function LiveActivityStrip2({
   entries,
   nowTick,
   maxRows = 4
 }) {
-  const running = Object.values(entries).filter((e) => e.status === "running").sort((a, b) => a.startedAt - b.startedAt).slice(0, maxRows);
-  if (running.length === 0) {
-    if (Object.keys(entries).length === 0) return null;
-    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, children: Array.from({ length: maxRows }, (_, slot) => slot).map((slot) => /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) }, `empty-${slot}`)) });
-  }
-  const now = Date.now();
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
-    running.map((e) => {
-      const toolElapsed = e.currentTool ? now - e.currentTool.startedAt : 0;
-      const taskElapsed = now - e.startedAt;
-      const toolSeg = e.currentTool ? `\u2192 ${e.currentTool.name} (${fmtElapsed2(toolElapsed)})` : "idle between tools";
-      const recentTools = (e.recentTools ?? []).slice(-2).map(fmtRecentTool).join(" | ");
-      const messageText = e.streamingText.trim() || (e.recentMessages ?? []).slice(-1).map(fmtRecentMessage).join("");
-      return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-        /* @__PURE__ */ jsx(Text, { color: theme.accent, children: "\u25CF" }),
-        /* @__PURE__ */ jsx(Text, { children: e.name.slice(0, 14).padEnd(14) }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-        /* @__PURE__ */ jsx(Text, { color: e.currentTool ? theme.success : theme.warn, children: toolSeg }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-          e.iterations,
-          "it ",
-          e.toolCalls,
-          "tc \xB7 ",
-          fmtElapsed2(taskElapsed)
-        ] }),
-        recentTools ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
-          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-            "last: ",
-            recentTools
-          ] })
-        ] }) : null,
-        messageText ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
-          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-            "msg: ",
-            fmtRecentMessage({ text: messageText})
-          ] })
-        ] }) : null
-      ] }, e.id);
-    }),
-    Object.values(entries).filter((e) => e.status === "running").length > maxRows ? /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "\u2026+",
-      Object.values(entries).filter((e) => e.status === "running").length - maxRows,
-      " more"
-    ] }) }) : null
-  ] });
+  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);
+  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: [
+      /* @__PURE__ */ jsx(Text, { color: theme.accent, children: "\u25CF " }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "truncate", children: text })
+    ] }) }, `strip-${slot}`)
+  )) });
 });
 var MAX_VISIBLE = 10;
 function getVisibleWindow(selected, total) {
@@ -4347,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"];
@@ -4533,7 +4610,7 @@ function SettingsPicker({
   };
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
     /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u2501\u2501 Settings \u2501\u2501" }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 field \xB7 \u2190/\u2192 change \xB7 Enter save \xB7 Esc cancel" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 field \xB7 \u2190/\u2192 change (instant save) \xB7 Esc close" }),
     hasAbove ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2191 ${windowStart} field${windowStart === 1 ? "" : "s"} above` }) : null,
     rows.map((row, i) => {
       const fieldAtRow = fieldRowIndex.indexOf(i);
@@ -5556,12 +5633,6 @@ function useBrainEvents(events, dispatch) {
     };
   }, [events, dispatch]);
 }
-function expectDefined4(value) {
-  if (value === null || value === void 0) {
-    throw new Error("Expected value to be defined");
-  }
-  return value;
-}
 var STREAM_COLORS2 = ["cyan", "magenta", "yellow", "green", "blue"];
 function labelFor2(labelsRef, id, name) {
   const m = labelsRef.current;
@@ -5570,7 +5641,7 @@ function labelFor2(labelsRef, id, name) {
   const n = m.size + 1;
   const v = {
     label: name && name !== id ? name : `AGENT#${n}`,
-    color: expectDefined4(STREAM_COLORS2[(n - 1) % STREAM_COLORS2.length])
+    color: expectDefined(STREAM_COLORS2[(n - 1) % STREAM_COLORS2.length])
   };
   m.set(id, v);
   return v;
@@ -6099,14 +6170,6 @@ function buildSteeringPreamble(snapshot, newDirection) {
   lines.push("]");
   return lines.join("\n");
 }
-
-// src/app-reducer.ts
-function expectDefined5(value) {
-  if (value === null || value === void 0) {
-    throw new Error("Expected value to be defined");
-  }
-  return value;
-}
 function reducer(state, action) {
   switch (action.type) {
     case "addEntry": {
@@ -6471,13 +6534,13 @@ function reducer(state, action) {
         const i = SETTINGS_MODES.indexOf(sp.mode);
         const base = i < 0 ? 0 : i;
         const next = (base + action.delta + SETTINGS_MODES.length) % SETTINGS_MODES.length;
-        return { ...state, settingsPicker: { ...sp, mode: expectDefined5(SETTINGS_MODES[next]), hint: void 0 } };
+        return { ...state, settingsPicker: { ...sp, mode: expectDefined(SETTINGS_MODES[next]), hint: void 0 } };
       }
       if (f === 1) {
         const j = DELAY_PRESETS_MS.indexOf(sp.delayMs);
         const base = j < 0 ? 0 : j;
         const next = (base + action.delta + DELAY_PRESETS_MS.length) % DELAY_PRESETS_MS.length;
-        return { ...state, settingsPicker: { ...sp, delayMs: expectDefined5(DELAY_PRESETS_MS[next]), hint: void 0 } };
+        return { ...state, settingsPicker: { ...sp, delayMs: expectDefined(DELAY_PRESETS_MS[next]), hint: void 0 } };
       }
       if (f === 2) return { ...state, settingsPicker: { ...sp, titleAnimation: !sp.titleAnimation, hint: void 0 } };
       if (f === 3) return { ...state, settingsPicker: { ...sp, yolo: !sp.yolo, hint: void 0 } };
@@ -6495,26 +6558,26 @@ function reducer(state, action) {
         const i = COMPACTOR_STRATEGIES.indexOf(sp.contextStrategy);
         const base = i < 0 ? 0 : i;
         const next = (base + action.delta + COMPACTOR_STRATEGIES.length) % COMPACTOR_STRATEGIES.length;
-        return { ...state, settingsPicker: { ...sp, contextStrategy: expectDefined5(COMPACTOR_STRATEGIES[next]), hint: void 0 } };
+        return { ...state, settingsPicker: { ...sp, contextStrategy: expectDefined(COMPACTOR_STRATEGIES[next]), hint: void 0 } };
       }
       if (f === 15) {
         const i = LOG_LEVELS.indexOf(sp.logLevel);
         const base = i < 0 ? 0 : i;
         const next = (base + action.delta + LOG_LEVELS.length) % LOG_LEVELS.length;
-        return { ...state, settingsPicker: { ...sp, logLevel: expectDefined5(LOG_LEVELS[next]), hint: void 0 } };
+        return { ...state, settingsPicker: { ...sp, logLevel: expectDefined(LOG_LEVELS[next]), hint: void 0 } };
       }
       if (f === 16) {
         const i = AUDIT_LEVELS.indexOf(sp.auditLevel);
         const base = i < 0 ? 0 : i;
         const next = (base + action.delta + AUDIT_LEVELS.length) % AUDIT_LEVELS.length;
-        return { ...state, settingsPicker: { ...sp, auditLevel: expectDefined5(AUDIT_LEVELS[next]), hint: void 0 } };
+        return { ...state, settingsPicker: { ...sp, auditLevel: expectDefined(AUDIT_LEVELS[next]), hint: void 0 } };
       }
       if (f === 17) return { ...state, settingsPicker: { ...sp, indexOnStart: !sp.indexOnStart, hint: void 0 } };
       {
         const j = MAX_ITERATIONS_PRESETS.indexOf(sp.maxIterations);
         const base = j < 0 ? 0 : j;
         const next = (base + action.delta + MAX_ITERATIONS_PRESETS.length) % MAX_ITERATIONS_PRESETS.length;
-        return { ...state, settingsPicker: { ...sp, maxIterations: expectDefined5(MAX_ITERATIONS_PRESETS[next]), hint: void 0 } };
+        return { ...state, settingsPicker: { ...sp, maxIterations: expectDefined(MAX_ITERATIONS_PRESETS[next]), hint: void 0 } };
       }
     }
     case "settingsHint":
@@ -6871,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;
@@ -7169,12 +7235,6 @@ function reducer(state, action) {
     }
   }
 }
-function expectDefined6(value) {
-  if (value === null || value === void 0) {
-    throw new Error("Expected value to be defined");
-  }
-  return value;
-}
 var INPUT_PROMPT = "\u203A ";
 function selectedSlashCommandLine(picker) {
   if (!picker.open || picker.matches.length === 0) return null;
@@ -7280,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
           }
@@ -7374,6 +7439,7 @@ function App({
     todosMonitorOpen: false,
     queuePanelOpen: false,
     processListOpen: false,
+    goalPanelOpen: false,
     collabSession: null,
     checkpoints: [],
     rewindOverlay: null,
@@ -7438,6 +7504,12 @@ function App({
     const t = setInterval(() => setNowTick(Date.now()), 1e4);
     return () => clearInterval(t);
   }, []);
+  const [enhanceDots, setEnhanceDots] = useState(0);
+  useEffect(() => {
+    if (!state.enhanceBusy) return;
+    const t = setInterval(() => setEnhanceDots((n) => (n + 1) % 4), 400);
+    return () => clearInterval(t);
+  }, [state.enhanceBusy]);
   const todosRef = useRef(JSON.stringify([]));
   useEffect(() => {
     const poll = () => {
@@ -7587,8 +7659,74 @@ function App({
     state.toolStream?.text,
     eraseLiveRegion
   ]);
+  const resizeGateRef = useRef(0);
+  const preResizePanelsRef = useRef(null);
   useEffect(() => {
-    const handleResize = () => eraseLiveRegion();
+    const handleResize = () => {
+      const seq = ++resizeGateRef.current;
+      preResizePanelsRef.current = {
+        settings: stateRef.current.settingsPicker.open,
+        help: stateRef.current.helpOpen,
+        monitor: stateRef.current.monitorOpen,
+        agents: stateRef.current.agentsMonitorOpen,
+        worktree: stateRef.current.worktreeMonitorOpen,
+        todos: stateRef.current.todosMonitorOpen,
+        queue: stateRef.current.queuePanelOpen,
+        processList: stateRef.current.processListOpen
+      };
+      if (stateRef.current.settingsPicker.open) dispatch({ type: "settingsClose" });
+      if (stateRef.current.modelPicker.open) dispatch({ type: "modelPickerClose" });
+      if (stateRef.current.autonomyPicker.open) dispatch({ type: "autonomyPickerClose" });
+      if (stateRef.current.slashPicker.open) dispatch({ type: "slashPickerClose" });
+      if (stateRef.current.picker.open) dispatch({ type: "pickerClose" });
+      if (stateRef.current.rewindOverlay) dispatch({ type: "rewindOverlayClose" });
+      if (stateRef.current.helpOpen) dispatch({ type: "toggleHelp" });
+      if (stateRef.current.monitorOpen) dispatch({ type: "toggleMonitor" });
+      if (stateRef.current.agentsMonitorOpen) dispatch({ type: "toggleAgentsMonitor" });
+      if (stateRef.current.worktreeMonitorOpen) dispatch({ type: "worktreeMonitorToggle" });
+      if (stateRef.current.todosMonitorOpen) dispatch({ type: "toggleTodosMonitor" });
+      if (stateRef.current.queuePanelOpen) dispatch({ type: "toggleQueuePanel" });
+      if (stateRef.current.processListOpen) dispatch({ type: "toggleProcessList" });
+      eraseLiveRegion();
+      setTimeout(() => {
+        if (resizeGateRef.current !== seq) return;
+        const prev = preResizePanelsRef.current;
+        if (!prev) return;
+        if (prev.settings) {
+          const sp = stateRef.current.settingsPicker;
+          dispatch({
+            type: "settingsOpen",
+            mode: sp.mode,
+            delayMs: sp.delayMs,
+            titleAnimation: sp.titleAnimation,
+            yolo: sp.yolo,
+            streamFleet: sp.streamFleet,
+            chime: sp.chime,
+            confirmExit: sp.confirmExit,
+            nextPrediction: sp.nextPrediction,
+            featureMcp: sp.featureMcp,
+            featurePlugins: sp.featurePlugins,
+            featureMemory: sp.featureMemory,
+            featureSkills: sp.featureSkills,
+            featureModelsRegistry: sp.featureModelsRegistry,
+            contextAutoCompact: sp.contextAutoCompact,
+            contextStrategy: sp.contextStrategy,
+            logLevel: sp.logLevel,
+            auditLevel: sp.auditLevel,
+            indexOnStart: sp.indexOnStart,
+            maxIterations: sp.maxIterations
+          });
+        }
+        if (prev.help) dispatch({ type: "toggleHelp" });
+        if (prev.monitor) dispatch({ type: "toggleMonitor" });
+        if (prev.agents) dispatch({ type: "toggleAgentsMonitor" });
+        if (prev.worktree) dispatch({ type: "worktreeMonitorToggle" });
+        if (prev.todos) dispatch({ type: "toggleTodosMonitor" });
+        if (prev.queue) dispatch({ type: "toggleQueuePanel" });
+        if (prev.processList) dispatch({ type: "toggleProcessList" });
+        preResizePanelsRef.current = null;
+      }, 300);
+    };
     process.stdout.on("resize", handleResize);
     return () => {
       process.stdout.off("resize", handleResize);
@@ -7596,7 +7734,7 @@ function App({
   }, [eraseLiveRegion]);
   React6.useLayoutEffect(() => {
     if (state.enhanceBusy || state.enhance != null) eraseLiveRegion();
-  }, [state.enhanceBusy, state.enhance, eraseLiveRegion]);
+  });
   useEffect(() => {
     const detected = detectAtToken(state.buffer, state.cursor);
     if (!detected) {
@@ -7912,6 +8050,66 @@ function App({
       maxIterations: s2.maxIterations ?? 500
     });
   }, [getSettings]);
+  const settingsAutoSaveGateRef = useRef(true);
+  useEffect(() => {
+    if (state.settingsPicker.open) {
+      settingsAutoSaveGateRef.current = true;
+    }
+  }, [state.settingsPicker.open]);
+  useEffect(() => {
+    const sp = state.settingsPicker;
+    const save = saveSettings;
+    if (!sp.open || !save) return;
+    if (settingsAutoSaveGateRef.current) {
+      settingsAutoSaveGateRef.current = false;
+      return;
+    }
+    Promise.resolve(save({
+      mode: sp.mode,
+      delayMs: sp.delayMs,
+      titleAnimation: sp.titleAnimation,
+      yolo: sp.yolo,
+      streamFleet: sp.streamFleet,
+      chime: sp.chime,
+      confirmExit: sp.confirmExit,
+      nextPrediction: sp.nextPrediction,
+      featureMcp: sp.featureMcp,
+      featurePlugins: sp.featurePlugins,
+      featureMemory: sp.featureMemory,
+      featureSkills: sp.featureSkills,
+      featureModelsRegistry: sp.featureModelsRegistry,
+      contextAutoCompact: sp.contextAutoCompact,
+      contextStrategy: sp.contextStrategy,
+      logLevel: sp.logLevel,
+      auditLevel: sp.auditLevel,
+      indexOnStart: sp.indexOnStart,
+      maxIterations: sp.maxIterations
+    })).then((err) => {
+      if (err) dispatch({ type: "settingsHint", text: err });
+    });
+  }, [
+    state.settingsPicker.open,
+    state.settingsPicker.mode,
+    state.settingsPicker.delayMs,
+    state.settingsPicker.titleAnimation,
+    state.settingsPicker.yolo,
+    state.settingsPicker.streamFleet,
+    state.settingsPicker.chime,
+    state.settingsPicker.confirmExit,
+    state.settingsPicker.nextPrediction,
+    state.settingsPicker.featureMcp,
+    state.settingsPicker.featurePlugins,
+    state.settingsPicker.featureMemory,
+    state.settingsPicker.featureSkills,
+    state.settingsPicker.featureModelsRegistry,
+    state.settingsPicker.contextAutoCompact,
+    state.settingsPicker.contextStrategy,
+    state.settingsPicker.logLevel,
+    state.settingsPicker.auditLevel,
+    state.settingsPicker.indexOnStart,
+    state.settingsPicker.maxIterations,
+    saveSettings
+  ]);
   useEffect(() => {
     if (!getPickableProviders || !switchProviderAndModel) return;
     const cmd = {
@@ -8277,15 +8475,22 @@ function App({
   const commitPaste = async (full) => {
     const builder = builderRef.current;
     if (!builder || !full) return;
-    if (builder.wouldCollapse(full) || full.includes("\n")) {
+    const { buffer, cursor } = draftRef.current;
+    const isSlashCmd = buffer.trimStart().startsWith("/");
+    const mustCollapse = builder.wouldCollapse(full);
+    const multiLine = full.includes("\n");
+    if (isSlashCmd && !mustCollapse) {
+      const next2 = buffer.slice(0, cursor) + full + buffer.slice(cursor);
+      setDraft(next2, cursor + full.length);
+      return;
+    }
+    if (mustCollapse || multiLine) {
       const token = await builder.registerPaste(full);
       tokenPreviewsRef.current.set(token, truncatePastePreview(full, 6));
-      const { buffer: buffer2, cursor: cursor2 } = draftRef.current;
-      const next2 = buffer2.slice(0, cursor2) + token + buffer2.slice(cursor2);
-      setDraft(next2, cursor2 + token.length);
+      const next2 = buffer.slice(0, cursor) + token + buffer.slice(cursor);
+      setDraft(next2, cursor + token.length);
       return;
     }
-    const { buffer, cursor } = draftRef.current;
     const next = buffer.slice(0, cursor) + full + buffer.slice(cursor);
     setDraft(next, cursor + full.length);
   };
@@ -8455,12 +8660,6 @@ function App({
         const now = Date.now();
         if (now - lastEnterAtRef.current < 50) return;
         lastEnterAtRef.current = now;
-        const { mode, delayMs, titleAnimation, yolo: yolo2, streamFleet, chime: chime2, confirmExit: confirmExit2, nextPrediction, featureMcp, featurePlugins, featureMemory, featureSkills, featureModelsRegistry, contextAutoCompact, contextStrategy, logLevel, auditLevel, indexOnStart, maxIterations } = state.settingsPicker;
-        const err = await saveSettings?.({ mode, delayMs, titleAnimation, yolo: yolo2, streamFleet, chime: chime2, confirmExit: confirmExit2, nextPrediction, featureMcp, featurePlugins, featureMemory, featureSkills, featureModelsRegistry, contextAutoCompact, contextStrategy, logLevel, auditLevel, indexOnStart, maxIterations });
-        if (err) {
-          dispatch({ type: "settingsHint", text: err });
-          return;
-        }
         dispatch({ type: "settingsClose" });
         return;
       }
@@ -8717,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" });
@@ -8787,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" });
@@ -8873,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" });
@@ -9230,18 +9450,31 @@ 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;
-      let refined = null;
+      let result = null;
       let enhanceErr = null;
       try {
-        refined = await enhanceUserPrompt({
+        result = await enhanceUserPrompt({
           provider: agent.ctx.provider,
           model: agent.ctx.model,
-          text: trimmed,
+          text: cleanText,
           signal: ac.signal,
           onError: (reason) => {
             enhanceErr = reason;
@@ -9254,7 +9487,7 @@ function App({
         enhanceAbortRef.current = null;
         dispatch({ type: "enhanceBusy", on: false });
       }
-      if (refined === null && !ac.signal.aborted) {
+      if (result === null && !ac.signal.aborted) {
         dispatch({
           type: "addEntry",
           entry: {
@@ -9263,19 +9496,34 @@ function App({
           }
         });
       }
-      if (refined && !normalizedEqual(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, resolve } });
+          dispatch({
+            type: "enhanceOpen",
+            info: {
+              original: trimmed,
+              refined: refinedWithChips,
+              english: englishWithChips,
+              resolve
+            }
+          });
         });
         dispatch({ type: "enhanceClose" });
         if (decision === "edit") {
-          setDraft(refined, refined.length);
+          setDraft(refinedWithChips, refinedWithChips.length);
           return;
         }
-        effectiveText = decision === "refined" ? refined : trimmed;
+        if (decision === "english") {
+          effectiveText = englishWithChips;
+        } else {
+          effectiveText = decision === "refined" ? refinedWithChips : trimmed;
+        }
       }
     }
-    const sddContext = getSDDContext?.();
+    const sddContext = await getSDDContext?.();
     if (sddContext && trimmed) {
       builder.appendText(`[SDD SESSION ACTIVE]
 ${sddContext}
@@ -9343,6 +9591,9 @@ User message:
     })();
   }, [initialAsk, initialGoal]);
   handleKeyRef.current = handleKey;
+  const stableOnKey = useCallback((input, key) => {
+    handleKeyRef.current?.(input, key);
+  }, []);
   const inputHint = useMemo(() => {
     if (state.status !== "idle") return "";
     if (state.buffer.startsWith("/")) return "slash command \u2014 Enter to dispatch";
@@ -9369,7 +9620,7 @@ User message:
           cursor: state.cursor,
           disabled: state.status === "aborting" && !state.steeringPending || state.confirmQueue.length > 0,
           hint: inputHint,
-          onKey: handleKey
+          onKey: stableOnKey
         }
       ),
       state.picker.open ? /* @__PURE__ */ jsx(
@@ -9462,7 +9713,7 @@ User message:
         }
       ) }) : null,
       state.confirmQueue.length > 0 && (() => {
-        const head = expectDefined6(state.confirmQueue[0]);
+        const head = expectDefined(state.confirmQueue[0]);
         let resolved = false;
         const onDecision = (decision) => {
           if (resolved) return;
@@ -9517,7 +9768,15 @@ User message:
           }
         }
       ) }) : null,
-      state.enhanceBusy && !state.enhance ? /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u2728 refining your request\u2026" }) }) : null,
+      state.enhanceBusy && !state.enhance ? /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "\u2728 refining",
+        " ",
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: state.buffer.length > 100 ? `${state.buffer.slice(0, 97)}\u2026` : state.buffer }),
+        /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+          " ",
+          ".".repeat(enhanceDots) || "\xA0"
+        ] })
+      ] }) }) : null,
       state.enhance ? (() => {
         const info = state.enhance;
         let resolved = false;
@@ -9531,6 +9790,7 @@ User message:
           {
             original: info.original,
             refined: info.refined,
+            english: info.english,
             delayMs: enhanceDelayMs,
             onDecision
           }
@@ -9620,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
     ] })
   ] }) });
 }