@wrongstack/tui 0.280.1 → 0.281.1

package/dist/index.js

@@ -1,4 +1,4 @@
-import { hasOpenTodos, writeErr, resolveProjectDir, wstackGlobalRoot, createHqPublisherFromEnv, startFleetTelemetryBridge, startBrainTelemetryBridge, startWorktreeTelemetryBridge, startToolTelemetryBridge, startCostTelemetryBridge, GlobalMailbox, resolveWstackPaths, loadGoal, InputBuilder, DefaultSessionRewinder, writeOut, formatTodosList, buildGoalPreamble, expectDefined as expectDefined$1, getDesignKitLoader, clearActiveKit, clearPersistedActiveKit, recordOverrides, setDesignOverrides, loadActiveKit, isDesignStack, materializeTokens, applyTokenOverrides, setActiveKit, projectSlug, shouldEnhance, enhanceUserPrompt, recentTextTurns, normalizedEqual, setBtwNote, buildChildEnv, DefaultPromptLoader, PromptUsageStore } from '@wrongstack/core';
+import { hasOpenTodos, writeErr, resolveProjectDir, wstackGlobalRoot, createHqPublisherFromEnv, startFleetTelemetryBridge, startBrainTelemetryBridge, startWorktreeTelemetryBridge, startToolTelemetryBridge, startCostTelemetryBridge, GlobalMailbox, resolveWstackPaths, loadGoal, InputHistoryStore, DefaultSecretScrubber, INPUT_HISTORY_DEFAULT_MAX, InputBuilder, DefaultSessionRewinder, writeOut, formatTodosList, buildGoalPreamble, expectDefined as expectDefined$1, getDesignKitLoader, clearActiveKit, clearPersistedActiveKit, recordOverrides, setDesignOverrides, loadActiveKit, isDesignStack, materializeTokens, applyTokenOverrides, setActiveKit, projectSlug, shouldEnhance, enhanceUserPrompt, recentTextTurns, normalizedEqual, setBtwNote, buildChildEnv, DefaultPromptLoader, PromptUsageStore } from '@wrongstack/core';
 export { buildGoalPreamble } from '@wrongstack/core';
 import { Box as Box$1, useStdout, Static, useInput, useStdin, measureElement, Text as Text$1, render, useApp } from 'ink';
 import { randomUUID } from 'crypto';
@@ -423,6 +423,93 @@ function pickRandomTuiThinkingWord(previous) {
   const idx = Math.floor(Math.random() * list.length);
   return list[idx] ?? list[0] ?? DEFAULT_TUI_THINKING_WORD;
 }
+
+// src/components/animation-style.tsx
+var HUE_WHEEL = [
+  "#f38ba8",
+  // red
+  "#eba0ac",
+  // maroon
+  "#fab387",
+  // peach
+  "#f9e2af",
+  // yellow
+  "#a6e3a1",
+  // green
+  "#94e2d5",
+  // teal
+  "#89dceb",
+  // sky
+  "#89b4fa",
+  // blue
+  "#b4befe",
+  // lavender
+  "#cba6f7",
+  // mauve
+  "#f5c2e7",
+  // pink
+  "#f2cdcd"
+  // flamingo
+];
+var ACCENT = "#fab387";
+var DIM = "#3b3b4f";
+var BREATHE_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+var DOTS_FRAMES = ["", ".", "..", "...", "..", "."];
+var ANIMATION_STYLES = ["rainbow", "wave", "pulse", "dots", "breathe"];
+var ANIMATION_STYLE_DESCS = {
+  rainbow: "Per-glyph hue cycle (default)",
+  wave: "Single-color brightness sweep",
+  pulse: "Whole-text brightness pulse",
+  dots: "Trailing dots ellipsis (. .. ... .. .)",
+  breathe: "Spinning braille glyph prefix, flat text"
+};
+var CYCLE_INTERVAL_SECONDS = 12;
+var CYCLE_TICK_INTERVAL_MS = 1e3;
+var CYCLE_ORDER = ["wave", "pulse", "dots", "breathe"];
+function styleForCycleTick(tick) {
+  const idx = Math.max(0, Math.floor(tick / CYCLE_INTERVAL_SECONDS));
+  const i = idx % CYCLE_ORDER.length;
+  return CYCLE_ORDER[i] ?? CYCLE_ORDER[0];
+}
+function mixHex(a, b, t) {
+  const ca = parseHex(a);
+  const cb = parseHex(b);
+  if (!ca || !cb) return b;
+  const k = Math.max(0, Math.min(1, t));
+  const r = Math.round(ca[0] + (cb[0] - ca[0]) * k);
+  const g = Math.round(ca[1] + (cb[1] - ca[1]) * k);
+  const bl = Math.round(ca[2] + (cb[2] - ca[2]) * k);
+  return `#${toHex(r)}${toHex(g)}${toHex(bl)}`;
+}
+function parseHex(s2) {
+  if (!/^#[0-9a-f]{6}$/i.test(s2)) return null;
+  return [parseInt(s2.slice(1, 3), 16), parseInt(s2.slice(3, 5), 16), parseInt(s2.slice(5, 7), 16)];
+}
+function toHex(n) {
+  return n.toString(16).padStart(2, "0");
+}
+function waveColor(charIndex, phase, length) {
+  const t = length > 0 ? charIndex / length : 0;
+  const sweep = Math.sin(t * Math.PI * 2 + phase / 10);
+  return mixHex(DIM, ACCENT, (sweep + 1) / 2);
+}
+function pulseColor(phase) {
+  const t = phase % 16 / 16;
+  const k = 0.5 - 0.5 * Math.cos(t * Math.PI * 2);
+  return mixHex(DIM, ACCENT, k);
+}
+function stripTrailingDots(text) {
+  let s2 = text;
+  while (s2.length > 0) {
+    const last = s2.charAt(s2.length - 1);
+    if (last === "." || last === " " || last === "\u2026" || last === "\xB7") {
+      s2 = s2.slice(0, -1);
+    } else {
+      break;
+    }
+  }
+  return s2;
+}
 var DELAY_PRESETS_MS = [0, 15e3, 3e4, 45e3, 6e4, 12e4];
 var SETTINGS_MODES = ["off", "suggest", "auto"];
 var LOG_LEVELS = ["error", "warn", "info", "debug", "trace"];
@@ -473,12 +560,17 @@ function formatMultiDiffSummaryThreshold(n) {
 function formatEnhanceDelay(ms) {
   return `${Math.round(ms / 1e3)}s`;
 }
+var ANIMATION_STYLE_CHOICES = [...ANIMATION_STYLES, "cycle"];
+function formatAnimationStyle(style) {
+  if (style === "cycle") return "cycle (shuffle all)";
+  return ANIMATION_STYLE_DESCS[style];
+}
 var MODE_DESC = {
   off: "Agent stops after each turn (normal)",
   suggest: "Shows next-step suggestions after each turn",
   auto: "Self-driving \u2014 agent continues automatically"
 };
-var SETTINGS_FIELD_COUNT = 36;
+var SETTINGS_FIELD_COUNT = 37;
 var THINKING_WORD_FIELD = 22;
 var SETTINGS_PICKER_JUMP_CHORDS = Object.freeze([
   // ── Ctrl chords (Tools / Reasoning / Fleet / Debug sections) ──
@@ -514,7 +606,12 @@ var SETTINGS_PICKER_JUMP_CHORDS = Object.freeze([
   { mod: "alt-shift", letter: "l", field: 31, label: "Log level" },
   { mod: "alt-shift", letter: "a", field: 32, label: "Audit level" },
   { mod: "alt-shift", letter: "b", field: 33, label: "Stream debug logging" },
-  { mod: "alt-shift", letter: "g", field: 35, label: "Config scope" }
+  { mod: "alt-shift", letter: "g", field: 35, label: "Config scope" },
+  // ── Unmapped / Chord for Animation ──
+  // 'N' for a**N**imation — Alt+N is unlisted (only Alt+B,C,D,E,F are taken).
+  // Animation sits in the UX section alongside the rest of the visible-only
+  // toggle rows and is newly added after the Debug section at field 36.
+  { mod: "alt", letter: "n", field: 36, label: "Animation" }
 ]);
 function settingsPickerJumpField(mod, letter) {
   const lower = letter.toLowerCase();
@@ -636,8 +733,10 @@ var SETTINGS_FIELD_LABELS = [
   // 33
   "Statusline",
   // 34
-  "Config scope"
+  "Config scope",
   // 35
+  "Animation"
+  // 36
 ];
 function resolveSettingsFieldValue(field, input) {
   const raw = input.trim().toLowerCase();
@@ -683,7 +782,8 @@ function resolveSettingsFieldValue(field, input) {
     [31, "logLevel", LOG_LEVELS],
     [32, "auditLevel", AUDIT_LEVELS],
     [34, "statuslineMode", STATUSLINE_MODES],
-    [35, "configScope", CONFIG_SCOPES]
+    [35, "configScope", CONFIG_SCOPES],
+    [36, "animationStyle", ANIMATION_STYLE_CHOICES]
   ];
   for (const [f, key, values] of ENUM_FIELDS) {
     if (field !== f) continue;
@@ -776,7 +876,8 @@ function getSettingsFieldValue(values, field) {
     [31, "logLevel"],
     [32, "auditLevel"],
     [34, "statuslineMode"],
-    [35, "configScope"]
+    [35, "configScope"],
+    [36, "animationStyle"]
   ];
   for (const [f, key] of ENUM_KEYS) {
     if (field !== f) continue;
@@ -835,7 +936,7 @@ var SETTINGS_SECTIONS = [
   },
   {
     name: "Debug",
-    fields: [33, 34, 35]
+    fields: [33, 34, 35, 36]
   }
 ];
 function formatAllSettingsSummary(values) {
@@ -890,7 +991,8 @@ var SETTINGS_DEFAULTS = Object.freeze({
   reasoningPreserve: false,
   thinkingWord: "thinking",
   cacheTtl: "default",
-  configScope: "global"
+  configScope: "global",
+  animationStyle: "rainbow"
 });
 function resetSettingsFieldValue(field) {
   const result = getSettingsFieldValue(SETTINGS_DEFAULTS, field);
@@ -936,7 +1038,8 @@ function buildResetPatch(field) {
     [32, "auditLevel"],
     [33, "debugStream"],
     [34, "statuslineMode"],
-    [35, "configScope"]
+    [35, "configScope"],
+    [36, "animationStyle"]
   ];
   for (const [f, key] of KEY_MAP) {
     if (f === field) {
@@ -986,6 +1089,7 @@ function SettingsPicker({
   debugStream,
   statuslineMode,
   configScope,
+  animationStyle,
   hint
 }) {
   const boolVal = (v) => v ? "on" : "off";
@@ -1183,6 +1287,11 @@ function SettingsPicker({
       label: "Config scope",
       value: configScope,
       detail: "global (~/.wrongstack/) or project (.wrongstack/)"
+    },
+    {
+      label: "Animation",
+      value: animationStyle,
+      detail: formatAnimationStyle(animationStyle)
     }
   ];
   const fieldRowIndex = [];
@@ -1969,6 +2078,7 @@ function reducer(state, action) {
         buffer: "",
         cursor: 0,
         historyIndex: 0,
+        historyDraft: "",
         picker: { open: false, query: "", matches: [], selected: 0 },
         slashPicker: { open: false, query: "", matches: [], selected: 0 }
       };
@@ -2160,13 +2270,34 @@ function reducer(state, action) {
       if (state.inputHistory.length === 0) return state;
       const next = Math.min(state.historyIndex + 1, state.inputHistory.length);
       const entry = state.inputHistory[next - 1] ?? "";
-      return { ...state, historyIndex: next, buffer: entry, cursor: entry.length };
+      const historyDraft = state.historyIndex === 0 ? state.buffer : state.historyDraft;
+      return {
+        ...state,
+        historyIndex: next,
+        buffer: entry,
+        cursor: entry.length,
+        historyDraft
+      };
     }
     case "historyDown": {
       if (state.historyIndex === 0) return state;
       const next = state.historyIndex - 1;
-      const entry = next === 0 ? "" : state.inputHistory[next - 1] ?? "";
-      return { ...state, historyIndex: next, buffer: entry, cursor: entry.length };
+      const entry = next === 0 ? state.historyDraft : state.inputHistory[next - 1] ?? "";
+      return {
+        ...state,
+        historyIndex: next,
+        buffer: entry,
+        cursor: entry.length,
+        // Clear the draft snapshot once we're back at the buffer; the next
+        // Up will capture whatever the user has typed by then.
+        historyDraft: next === 0 ? "" : state.historyDraft
+      };
+    }
+    case "setInputHistory": {
+      return { ...state, inputHistory: action.entries.slice(0, 100) };
+    }
+    case "clearInputHistory": {
+      return { ...state, inputHistory: [], historyIndex: 0, historyDraft: "" };
     }
     case "modelPickerOpen":
       return {
@@ -2458,6 +2589,7 @@ function reducer(state, action) {
           filter: "",
           cacheTtl: action.cacheTtl,
           configScope: action.configScope,
+          animationStyle: action.animationStyle,
           hint: void 0
         }
       };
@@ -2815,6 +2947,19 @@ function reducer(state, action) {
           }
         };
       }
+      if (f === 36) {
+        const i = ANIMATION_STYLE_CHOICES.indexOf(sp.animationStyle);
+        const base = i < 0 ? 0 : i;
+        const next = (base + action.delta + ANIMATION_STYLE_CHOICES.length) % ANIMATION_STYLE_CHOICES.length;
+        return {
+          ...state,
+          settingsPicker: {
+            ...sp,
+            animationStyle: expectDefined$1(ANIMATION_STYLE_CHOICES[next]),
+            hint: void 0
+          }
+        };
+      }
       return state;
     }
     case "settingsValueSet": {
@@ -3902,6 +4047,7 @@ function StatusBar({
   version,
   state,
   thinkingWord,
+  thinkingAnimationStyle,
   tokenCounter,
   hint,
   queueCount = 0,
@@ -3980,14 +4126,31 @@ function StatusBar({
     return () => clearInterval(t);
   }, [state]);
   const spinner = expectDefined$1(SPINNER_FRAMES[spinnerIdx]);
-  const { label: stateLabel, color: stateColor } = stateChip(state, fleet?.running ?? 0, thinkingWord);
+  const animationStyle = thinkingAnimationStyle ?? "rainbow";
+  const [cycleTick, setCycleTick] = useState(0);
+  useEffect(() => {
+    if (animationStyle !== "cycle") return;
+    if (state === "idle" || state === "aborting") return;
+    const t = setInterval(() => setCycleTick((n) => n + 1), CYCLE_TICK_INTERVAL_MS);
+    return () => clearInterval(t);
+  }, [animationStyle, state]);
+  const { label: stateLabel, color: stateColor } = stateChip(
+    state,
+    fleet?.running ?? 0,
+    thinkingWord
+  );
   const statePrefix = state === "idle" || state === "aborting" ? "\u25CF" : spinner;
   const thinking = state === "running" || state === "streaming";
   const hasAutoProceed = autoProceedCountdown != null && autoProceedCountdown > 0;
-  const hasSecondLine = yolo && showChip("yolo") || autonomy && autonomy !== "off" && showChip("autonomy") || eternalStage != null && showChip("eternal_stage") || startedAt != null && showChip("elapsed") || git !== null && git !== void 0 && showChip("git") || projectName !== void 0 && projectName.length > 0 && showChip("project") || workingDir !== void 0 && workingDir.length > 0 && showChip("working_dir") || goalSummary !== null && goalSummary !== void 0 && showChip("goal") || !!modeLabel && showChip("mode") || hasAutoProceed && showChip("auto_proceed") || tokenSavingMode && showChip("token_saving") || typeof toolCount === "number" && toolCount > 0 && showChip("tools") || sessionCount != null && sessionCount > 0 && showChip("sessions");
+  const hasSecondLine = yolo && showChip("yolo") || autonomy && autonomy !== "off" && showChip("autonomy") || eternalStage != null && showChip("eternal_stage") || startedAt != null && showChip("elapsed") || git !== null && git !== void 0 && showChip("git") || projectName !== void 0 && projectName.length > 0 && showChip("project") || workingDir !== void 0 && workingDir.length > 0 && showChip("working_dir") || goalSummary !== null && goalSummary !== void 0 && showChip("goal") || !!modeLabel && showChip("mode") || hasAutoProceed && showChip("auto_proceed") || tokenSavingMode !== void 0 && tokenSavingMode !== "off" && showChip("token_saving") || typeof toolCount === "number" && toolCount > 0 && showChip("tools") || sessionCount != null && sessionCount > 0 && showChip("sessions");
   const fleetHasActivity = fleet && (fleet.running > 0 || fleet.idle > 0 || fleet.pending > 0 || fleet.completed > 0) || subagentCount > 0;
   const showBrain = isStreamChipVisible("brain", brain, hiddenSet, visibleChips);
-  const showDebugStream = isStreamChipVisible("debug_stream", debugStreamStats, hiddenSet, visibleChips);
+  const showDebugStream = isStreamChipVisible(
+    "debug_stream",
+    debugStreamStats,
+    hiddenSet,
+    visibleChips
+  );
   const showEnhance = isStreamChipVisible("enhance", enhanceCountdown, hiddenSet, visibleChips);
   const showMailbox = showChip("mailbox") && hasMailboxActivity(mailbox);
   const hasNextStepsAutoSubmit = nextStepsAutoSubmitCountdown != null && nextStepsAutoSubmitCountdown > 0;
@@ -4025,7 +4188,15 @@ function StatusBar({
             ] })
           ] }) : null,
           version && showChip("version") && (showChip("state") || showChip("model")) ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) : null,
-          showChip("state") && thinking ? /* @__PURE__ */ jsx(WaveText, { text: `${statePrefix} ${stateLabel}`, phase: spinnerIdx }) : showChip("state") ? /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
+          showChip("state") && thinking ? /* @__PURE__ */ jsx(
+            ThinkingChip,
+            {
+              text: `${statePrefix} ${stateLabel}`,
+              style: thinkingAnimationStyle ?? "rainbow",
+              phase: spinnerIdx,
+              cycleTick
+            }
+          ) : showChip("state") ? /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
             statePrefix,
             " ",
             stateLabel
@@ -4034,12 +4205,18 @@ function StatusBar({
           showChip("model") ? /* @__PURE__ */ jsx(Text, { color: "magenta", children: model }) : null,
           ctxClampedRatio !== void 0 && ctxPctText && ctxMax !== void 0 && showChip("context") ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-            /* @__PURE__ */ jsxs(Text, { color: ctxClampedRatio < 0.6 ? "green" : ctxClampedRatio < 0.75 ? "yellow" : "red", children: [
-              "ctx ",
-              ctxPctText,
-              "/",
-              fmtTok(ctxMax)
-            ] })
+            /* @__PURE__ */ jsxs(
+              Text,
+              {
+                color: ctxClampedRatio < 0.6 ? "green" : ctxClampedRatio < 0.75 ? "yellow" : "red",
+                children: [
+                  "ctx ",
+                  ctxPctText,
+                  "/",
+                  fmtTok(ctxMax)
+                ]
+              }
+            )
           ] }) : null,
           showTokenDisplay && showChip("tokens") ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
@@ -4080,7 +4257,15 @@ function StatusBar({
         /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 2, children: isCompact ? (
           // Ultra-compact: state · model
           /* @__PURE__ */ jsxs(Fragment, { children: [
-            showChip("state") && thinking ? /* @__PURE__ */ jsx(WaveText, { text: `${statePrefix}${stateLabel}`, phase: spinnerIdx }) : showChip("state") ? /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
+            showChip("state") && thinking ? /* @__PURE__ */ jsx(
+              ThinkingChip,
+              {
+                text: `${statePrefix}${stateLabel}`,
+                style: animationStyle,
+                phase: spinnerIdx,
+                cycleTick
+              }
+            ) : showChip("state") ? /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
               statePrefix,
               stateLabel
             ] }) : null,
@@ -4100,7 +4285,15 @@ function StatusBar({
               ] }),
               /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" })
             ] }) : null,
-            showChip("state") && thinking ? /* @__PURE__ */ jsx(WaveText, { text: `${statePrefix} ${stateLabel}`, phase: spinnerIdx }) : showChip("state") ? /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
+            showChip("state") && thinking ? /* @__PURE__ */ jsx(
+              ThinkingChip,
+              {
+                text: `${statePrefix} ${stateLabel}`,
+                style: animationStyle,
+                phase: spinnerIdx,
+                cycleTick
+              }
+            ) : showChip("state") ? /* @__PURE__ */ jsxs(Text, { color: stateColor, children: [
               statePrefix,
               " ",
               stateLabel
@@ -4115,19 +4308,25 @@ function StatusBar({
                 const ratio = context.used / context.max;
                 const clampedRatio = Math.min(ratio, 1);
                 const pctText = `${Math.min(Math.round(ratio * 100), 100)}%`;
-                return /* @__PURE__ */ jsxs(Text, { color: clampedRatio < 0.6 ? "green" : clampedRatio < 0.75 ? "yellow" : "red", children: [
-                  "ctx ",
-                  renderMeter(clampedRatio, 8),
-                  " ",
-                  pctText,
-                  "/",
-                  fmtTok(context.max),
-                  contextStrategy ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-                    " [",
-                    contextStrategy,
-                    "]"
-                  ] }) : null
-                ] });
+                return /* @__PURE__ */ jsxs(
+                  Text,
+                  {
+                    color: clampedRatio < 0.6 ? "green" : clampedRatio < 0.75 ? "yellow" : "red",
+                    children: [
+                      "ctx ",
+                      renderMeter(clampedRatio, 8),
+                      " ",
+                      pctText,
+                      "/",
+                      fmtTok(context.max),
+                      contextStrategy ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+                        " [",
+                        contextStrategy,
+                        "]"
+                      ] }) : null
+                    ]
+                  }
+                );
               })()
             ] }) : null,
             showTokenDisplay && showChip("tokens") ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -4248,11 +4447,17 @@ function StatusBar({
               }
             ) : null,
             modeLabel && showChip("mode") ? /* @__PURE__ */ jsx(Text, { color: "cyan", children: modeIcon(modeLabel) }) : null,
-            hasAutoProceed && showChip("auto_proceed") ? /* @__PURE__ */ jsxs(Text, { color: autoProceedCountdown != null && autoProceedCountdown <= 5 ? "yellow" : "cyan", children: [
-              "\u23F3 auto in ",
-              autoProceedCountdown,
-              "s"
-            ] }) : null,
+            hasAutoProceed && showChip("auto_proceed") ? /* @__PURE__ */ jsxs(
+              Text,
+              {
+                color: autoProceedCountdown != null && autoProceedCountdown <= 5 ? "yellow" : "cyan",
+                children: [
+                  "\u23F3 auto in ",
+                  autoProceedCountdown,
+                  "s"
+                ]
+              }
+            ) : null,
             git && showChip("git") ? /* @__PURE__ */ jsxs(Text, { children: [
               /* @__PURE__ */ jsxs(Text, { color: "magenta", children: [
                 "\u2387 ",
@@ -4279,7 +4484,10 @@ function StatusBar({
               " tool",
               toolCount === 1 ? "" : "s"
             ] }) : null,
-            tokenSavingMode && showChip("token_saving") ? /* @__PURE__ */ jsx(Text, { color: "yellow", bold: true, children: "\u{1F4BE} save" }) : null,
+            tokenSavingMode !== void 0 && tokenSavingMode !== "off" && showChip("token_saving") ? /* @__PURE__ */ jsxs(Text, { color: "yellow", bold: true, children: [
+              "\u{1F4BE} ",
+              tokenSavingMode
+            ] }) : null,
             sideEffectCount > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
               "\u26A0 ",
               sideEffectCount,
@@ -4446,15 +4654,18 @@ function StatusBar({
             mailbox.onlineAgents === 1 ? "" : "s",
             mailbox.onlineClients.tui + mailbox.onlineClients.webui + mailbox.onlineClients.repl > 0 ? /* @__PURE__ */ jsxs(Text, { color: "green", children: [
               mailbox.onlineClients.tui > 0 ? /* @__PURE__ */ jsxs(Text, { color: "green", children: [
-                " \xB7 \u{1F5A5} TUI",
+                " ",
+                "\xB7 \u{1F5A5} TUI",
                 mailbox.onlineClients.tui > 1 ? `\xD7${mailbox.onlineClients.tui}` : ""
               ] }) : null,
               mailbox.onlineClients.webui > 0 ? /* @__PURE__ */ jsxs(Text, { color: "green", children: [
-                " \xB7 \u{1F310} WebUI",
+                " ",
+                "\xB7 \u{1F310} WebUI",
                 mailbox.onlineClients.webui > 1 ? `\xD7${mailbox.onlineClients.webui}` : ""
               ] }) : null,
               mailbox.onlineClients.repl > 0 ? /* @__PURE__ */ jsxs(Text, { color: "green", children: [
-                " \xB7 \u2328 REPL",
+                " ",
+                "\xB7 \u2328 REPL",
                 mailbox.onlineClients.repl > 1 ? `\xD7${mailbox.onlineClients.repl}` : ""
               ] }) : null
             ] }) : null
@@ -4628,35 +4839,6 @@ function stateChip(state, fleetRunning, thinkingWord) {
   if (state === "aborting") return { label: "aborting\u2026", color: "yellow" };
   return { label: `${normalizeTuiThinkingWord(thinkingWord)}\u2026`, color: "green" };
 }
-var WAVE_COLORS = [
-  "#f38ba8",
-  // red
-  "#eba0ac",
-  // maroon
-  "#fab387",
-  // peach
-  "#f9e2af",
-  // yellow
-  "#a6e3a1",
-  // green
-  "#94e2d5",
-  // teal
-  "#89dceb",
-  // sky
-  "#89b4fa",
-  // blue
-  "#b4befe",
-  // lavender
-  "#cba6f7",
-  // mauve
-  "#f5c2e7",
-  // pink
-  "#f2cdcd"
-  // flamingo
-];
-function WaveText({ text, phase }) {
-  return /* @__PURE__ */ jsx(Text, { bold: true, children: Array.from(text).map((ch, i) => /* @__PURE__ */ jsx(Text, { color: WAVE_COLORS[(i + phase) % WAVE_COLORS.length] ?? "#ffffff", children: ch }, i)) });
-}
 var FILLED = "\u2588";
 var EMPTY = "\u2591";
 function renderProgress(ratio, width) {
@@ -4706,6 +4888,40 @@ function fmtDebugBytes(n) {
 function pad2(n) {
   return n < 10 ? `0${n}` : String(n);
 }
+function ThinkingChip({
+  text,
+  style,
+  phase,
+  cycleTick
+}) {
+  const live = style === "cycle" ? styleForCycleTick(cycleTick) : style;
+  if (live === "rainbow") {
+    return /* @__PURE__ */ jsx(Text, { bold: true, children: Array.from(text).map((ch, i) => /* @__PURE__ */ jsx(Text, { color: HUE_WHEEL[(i + phase) % HUE_WHEEL.length] ?? "#ffffff", children: ch }, i)) });
+  }
+  if (live === "wave") {
+    const len = Array.from(text).length;
+    return /* @__PURE__ */ jsx(Text, { bold: true, children: Array.from(text).map((ch, i) => /* @__PURE__ */ jsx(Text, { color: waveColor(i, phase, len), children: ch }, i)) });
+  }
+  if (live === "pulse") {
+    return /* @__PURE__ */ jsx(Text, { bold: true, color: pulseColor(phase), children: text });
+  }
+  if (live === "dots") {
+    const stripped = stripTrailingDots(text);
+    const idx2 = phase % DOTS_FRAMES.length;
+    const suffix = DOTS_FRAMES[idx2] ?? "";
+    return /* @__PURE__ */ jsxs(Text, { bold: true, color: "green", children: [
+      stripped,
+      suffix ? ` ${suffix}` : ""
+    ] });
+  }
+  const idx = phase % BREATHE_FRAMES.length;
+  const prefix = BREATHE_FRAMES[idx] ?? "\u280B";
+  return /* @__PURE__ */ jsxs(Text, { bold: true, color: "green", children: [
+    prefix,
+    " ",
+    text
+  ] });
+}
 function shortSessionId(sessionId) {
   const leaf = sessionId.split("/").pop() ?? sessionId;
   return leaf.length > 12 ? `${leaf.slice(0, 12)}\u2026` : leaf;
@@ -6330,7 +6546,12 @@ function formatToolArgs(toolName, input) {
       const filter = stringOf(obj["filter"]);
       const since = stringOf(obj["since"]);
       const lines = typeof obj["lines"] === "number" ? `${obj["lines"]} lines` : "";
-      return [target ? shortenPath(target, 34) : "", filter ? `/${truncMid(filter, 16)}/` : "", since, lines].filter(Boolean).join(" \xB7 ");
+      return [
+        target ? shortenPath(target, 34) : "",
+        filter ? `/${truncMid(filter, 16)}/` : "",
+        since,
+        lines
+      ].filter(Boolean).join(" \xB7 ");
     }
     case "tool_help": {
       const tool = stringOf(obj["tool"]) ?? "all";
@@ -6364,7 +6585,11 @@ function formatToolArgs(toolName, input) {
     }
     case "codebase-search": {
       const query = stringOf(obj["query"]);
-      const filters = [stringOf(obj["kind"]), stringOf(obj["lang"]), stringOf(obj["file"]) ? `in ${shortenPath(String(obj["file"]), 24)}` : ""].filter(Boolean).join(" \xB7 ");
+      const filters = [
+        stringOf(obj["kind"]),
+        stringOf(obj["lang"]),
+        stringOf(obj["file"]) ? `in ${shortenPath(String(obj["file"]), 24)}` : ""
+      ].filter(Boolean).join(" \xB7 ");
       return [query ? `"${truncMid(query, 30)}"` : "", filters].filter(Boolean).join(" \xB7 ");
     }
     case "codebase-stats":
@@ -6465,7 +6690,9 @@ function formatToolOutput(toolName, output, ok, _outputBytes, outputLines) {
     const files = numOf(o["files_modified"]);
     const reps = numOf(o["total_replacements"]);
     if (files !== void 0 && reps !== void 0) {
-      return [`${reps} replacement${reps === 1 ? "" : "s"} in ${files} file${files === 1 ? "" : "s"}`];
+      return [
+        `${reps} replacement${reps === 1 ? "" : "s"} in ${files} file${files === 1 ? "" : "s"}`
+      ];
     }
   }
   if (toolName === "diff" && json && typeof json === "object") {
@@ -6817,8 +7044,10 @@ function formatToolVisualOutput(toolName, output, ok, input) {
   }
   if (toolName === "logs") return visualLogs(text);
   if (toolName === "document") return visualDocument(text);
-  if (toolName === "tool_help" || toolName === "tool_search") return visualToolCatalog(toolName, text);
-  if (toolName === "tool_use" || toolName === "batch_tool_use") return visualMetaExecution(toolName, text, ok);
+  if (toolName === "tool_help" || toolName === "tool_search")
+    return visualToolCatalog(toolName, text);
+  if (toolName === "tool_use" || toolName === "batch_tool_use")
+    return visualMetaExecution(toolName, text, ok);
   if (toolName === "codebase-index" || toolName === "codebase-search" || toolName === "codebase-stats") {
     return visualCodebase(toolName, text, ok);
   }
@@ -6826,7 +7055,10 @@ function formatToolVisualOutput(toolName, output, ok, input) {
   if (toolName === "mode") return visualMode(text, ok);
   return void 0;
 }
-function ToolOutputLines({ lines, hasFollowingBlock }) {
+function ToolOutputLines({
+  lines,
+  hasFollowingBlock
+}) {
   return /* @__PURE__ */ jsx(Fragment, { children: lines.map((line, i) => {
     const branch = i === lines.length - 1 && !hasFollowingBlock ? "  \u2514\u2500 " : "  \u251C\u2500 ";
     const color = colorForVisualKind(line.kind);
@@ -6924,13 +7156,21 @@ function visualRead(text) {
     const first = firstNonEmpty(lines.join("\n"));
     return first ? [{ kind: "meta", text: first }] : void 0;
   }
-  const rows = numbered.slice(0, 5).map((match) => ({
+  const rows = numbered.slice(0, 10).map((match) => ({
     kind: "code",
     lineNo: match[1],
     text: match[2] ?? ""
   }));
-  if (numbered.length > rows.length) {
-    rows.push({ kind: "meta", text: `${numbered.length - rows.length} more read line(s)` });
+  if (numbered.length > 10) {
+    const extra = numbered.slice(10, 15).map((match) => ({
+      kind: "code",
+      lineNo: match[1],
+      text: match[2] ?? ""
+    }));
+    rows.push(...extra);
+    if (numbered.length > 15) {
+      rows.push({ kind: "meta", text: `more ${numbered.length - 15} line(s)` });
+    }
   }
   return rows;
 }
@@ -6968,7 +7208,8 @@ function visualSearch(toolName, text) {
       consumed++;
     }
   }
-  if (lines.length > consumed) rows.push({ kind: "meta", text: `${lines.length - consumed} more result line(s)` });
+  if (lines.length > consumed)
+    rows.push({ kind: "meta", text: `${lines.length - consumed} more result line(s)` });
   return rows.length > 0 ? rows : void 0;
 }
 function visualSearchMatches(matches, count) {
@@ -6978,8 +7219,10 @@ function visualSearchMatches(matches, count) {
     const hit = parseMatchHit(match);
     if (hit) rows.push({ kind: "match", path: hit.path, lineNo: hit.line, text: hit.text });
   }
-  if (rows.length === 0) return count > 0 ? [{ kind: "meta", text: `${count} result${count === 1 ? "" : "s"}` }] : void 0;
-  if (count > rows.length) rows.push({ kind: "meta", text: `${count - rows.length} more result(s)` });
+  if (rows.length === 0)
+    return count > 0 ? [{ kind: "meta", text: `${count} result${count === 1 ? "" : "s"}` }] : void 0;
+  if (count > rows.length)
+    rows.push({ kind: "meta", text: `${count - rows.length} more result(s)` });
   return rows;
 }
 function parseMatchHit(hit) {
@@ -7000,24 +7243,32 @@ function parseMatchHit(hit) {
 }
 function visualPathList(toolName, text) {
   const json = tryParseJson(text);
-  const files = json && typeof json === "object" && Array.isArray(json["files"]) ? json["files"].filter((v) => typeof v === "string") : bodyLines(text).filter((line) => line.trim() && !line.startsWith(`${toolName}:`));
+  const files = json && typeof json === "object" && Array.isArray(json["files"]) ? json["files"].filter(
+    (v) => typeof v === "string"
+  ) : bodyLines(text).filter((line) => line.trim() && !line.startsWith(`${toolName}:`));
   if (files.length === 0) return void 0;
-  const rows = files.slice(0, VISUAL_MAX_LINES).map((file) => ({
-    kind: "path",
-    path: file,
-    text: ""
-  }));
-  if (files.length > rows.length) rows.push({ kind: "meta", text: `${files.length - rows.length} more path(s)` });
+  const rows = files.slice(0, VISUAL_MAX_LINES).map(
+    (file) => ({
+      kind: "path",
+      path: file,
+      text: ""
+    })
+  );
+  if (files.length > rows.length)
+    rows.push({ kind: "meta", text: `${files.length - rows.length} more path(s)` });
   return rows;
 }
 function visualTree(text) {
   const lines = bodyLines(text).filter((line) => line.trim());
   if (lines.length === 0) return void 0;
-  const rows = lines.slice(0, VISUAL_MAX_LINES).map((line) => ({
-    kind: line.includes("\u2500\u2500") || line.includes("|--") ? "path" : "meta",
-    text: line
-  }));
-  if (lines.length > rows.length) rows.push({ kind: "meta", text: `${lines.length - rows.length} more tree line(s)` });
+  const rows = lines.slice(0, VISUAL_MAX_LINES).map(
+    (line) => ({
+      kind: line.includes("\u2500\u2500") || line.includes("|--") ? "path" : "meta",
+      text: line
+    })
+  );
+  if (lines.length > rows.length)
+    rows.push({ kind: "meta", text: `${lines.length - rows.length} more tree line(s)` });
   return rows;
 }
 function visualCommand(toolName, text, ok) {
@@ -7047,7 +7298,11 @@ function commandRows(opts) {
   const rows = [];
   const statusKind = opts.timedOut ? "warn" : opts.ok && (opts.exit ?? 0) === 0 ? "ok" : "error";
   const status = opts.timedOut ? "timed out" : opts.exit !== void 0 ? `exit ${opts.exit}` : opts.ok ? "completed" : "failed";
-  rows.push({ kind: statusKind, marker: statusKind === "ok" ? "ok " : statusKind === "warn" ? "! " : "x ", text: opts.label ? `${opts.label} ${status}` : status });
+  rows.push({
+    kind: statusKind,
+    marker: statusKind === "ok" ? "ok " : statusKind === "warn" ? "! " : "x ",
+    text: opts.label ? `${opts.label} ${status}` : status
+  });
   appendOutputPreview(rows, opts.stdout, "stdout");
   appendOutputPreview(rows, opts.stderr, "stderr");
   return rows.length > 0 ? rows.slice(0, VISUAL_MAX_LINES) : void 0;
@@ -7067,7 +7322,13 @@ function visualVerifier(toolName, text, ok) {
       changed2 > 0 ? `${changed2} changed` : void 0,
       toolName === "test" ? `${numOf(obj["passed"]) ?? 0}/${numOf(obj["tests_run"]) ?? 0} passed` : void 0
     ].filter(Boolean);
-    return [{ kind: statusKind2, marker: statusKind2 === "ok" ? "ok " : statusKind2 === "warn" ? "! " : "x ", text: parts.join(" \xB7 ") || toolName }];
+    return [
+      {
+        kind: statusKind2,
+        marker: statusKind2 === "ok" ? "ok " : statusKind2 === "warn" ? "! " : "x ",
+        text: parts.join(" \xB7 ") || toolName
+      }
+    ];
   }
   const header = parseHeaderLine(text);
   const sections = parseNamedSections(text);
@@ -7079,17 +7340,19 @@ function visualVerifier(toolName, text, ok) {
   const warningCount = numberFromParsedField(fields, "warnings") ?? 0;
   const changed = numberFromParsedField(fields, "files_changed") ?? 0;
   const statusKind = !ok || errorContext || errorCount > 0 ? "error" : status === "changed" || changed > 0 ? "warn" : "ok";
-  const rows = [{
-    kind: statusKind,
-    marker: statusKind === "ok" ? "ok " : statusKind === "warn" ? "! " : "x ",
-    text: [
-      toolName,
-      status ? `status=${status}` : void 0,
-      errorCount > 0 ? `${errorCount} error${errorCount === 1 ? "" : "s"}` : void 0,
-      warningCount > 0 ? `${warningCount} warning${warningCount === 1 ? "" : "s"}` : void 0,
-      changed > 0 ? `${changed} changed` : void 0
-    ].filter(Boolean).join(" \xB7 ")
-  }];
+  const rows = [
+    {
+      kind: statusKind,
+      marker: statusKind === "ok" ? "ok " : statusKind === "warn" ? "! " : "x ",
+      text: [
+        toolName,
+        status ? `status=${status}` : void 0,
+        errorCount > 0 ? `${errorCount} error${errorCount === 1 ? "" : "s"}` : void 0,
+        warningCount > 0 ? `${warningCount} warning${warningCount === 1 ? "" : "s"}` : void 0,
+        changed > 0 ? `${changed} changed` : void 0
+      ].filter(Boolean).join(" \xB7 ")
+    }
+  ];
   appendOutputPreview(rows, errorContext, "stderr");
   return rows.slice(0, VISUAL_MAX_LINES);
 }
@@ -7111,11 +7374,13 @@ function visualFetch(text) {
 }
 function fetchRows(status, contentType, content) {
   const kind = status === void 0 ? "meta" : status >= 200 && status < 300 ? "ok" : status >= 300 && status < 400 ? "warn" : "error";
-  const rows = [{
-    kind,
-    marker: kind === "ok" ? "ok " : kind === "warn" ? "! " : kind === "error" ? "x " : void 0,
-    text: [status !== void 0 ? `HTTP ${status}` : "HTTP", contentType?.split(";")[0]].filter(Boolean).join(" \xB7 ")
-  }];
+  const rows = [
+    {
+      kind,
+      marker: kind === "ok" ? "ok " : kind === "warn" ? "! " : kind === "error" ? "x " : void 0,
+      text: [status !== void 0 ? `HTTP ${status}` : "HTTP", contentType?.split(";")[0]].filter(Boolean).join(" \xB7 ")
+    }
+  ];
   const preview = firstNonEmpty(content ?? "");
   if (preview) rows.push({ kind: "stdout", text: preview });
   return rows;
@@ -7128,7 +7393,13 @@ function visualJson(text) {
   if (err) return [{ kind: "error", marker: "x ", text: err }];
   const type = stringOf(obj["type"]);
   const keys = Array.isArray(obj["keys"]) ? obj["keys"].length : void 0;
-  return [{ kind: "ok", marker: "ok ", text: [type ?? "json", keys !== void 0 ? `${keys} key${keys === 1 ? "" : "s"}` : void 0].filter(Boolean).join(" \xB7 ") }];
+  return [
+    {
+      kind: "ok",
+      marker: "ok ",
+      text: [type ?? "json", keys !== void 0 ? `${keys} key${keys === 1 ? "" : "s"}` : void 0].filter(Boolean).join(" \xB7 ")
+    }
+  ];
 }
 function visualOutdated(text) {
   const lines = bodyLines(text).filter((line) => line.trim() && !line.startsWith("outdated"));
@@ -7138,11 +7409,13 @@ function visualOutdated(text) {
 function visualAudit(text) {
   const lines = bodyLines(text).filter((line) => line.trim() && !line.startsWith("audit"));
   if (lines.length === 0) return void 0;
-  return lines.slice(0, VISUAL_MAX_LINES).map((line) => ({
-    kind: /^critical|^high/i.test(line) ? "error" : /^moderate|^medium/i.test(line) ? "warn" : "meta",
-    marker: /^critical|^high/i.test(line) ? "x " : /^moderate|^medium/i.test(line) ? "! " : void 0,
-    text: line
-  }));
+  return lines.slice(0, VISUAL_MAX_LINES).map(
+    (line) => ({
+      kind: /^critical|^high/i.test(line) ? "error" : /^moderate|^medium/i.test(line) ? "warn" : "meta",
+      marker: /^critical|^high/i.test(line) ? "x " : /^moderate|^medium/i.test(line) ? "! " : void 0,
+      text: line
+    })
+  );
 }
 function visualScaffold(text) {
   const json = tryParseJson(text);
@@ -7154,7 +7427,8 @@ function visualScaffold(text) {
   for (const file of created.slice(0, 5)) {
     if (typeof file === "string") rows.push({ kind: "ok", marker: "+ ", path: file, text: "" });
   }
-  if (skipped.length > 0) rows.push({ kind: "warn", marker: "! ", text: `${skipped.length} skipped` });
+  if (skipped.length > 0)
+    rows.push({ kind: "warn", marker: "! ", text: `${skipped.length} skipped` });
   return rows.length > 0 ? rows : void 0;
 }
 function visualTodo(text) {
@@ -7162,11 +7436,13 @@ function visualTodo(text) {
   const fields = json && typeof json === "object" && !Array.isArray(json) ? recordToStringFields(json) : parseHeaderLine(text).fields;
   const count = numberFromParsedField(fields, "count") ?? 0;
   const inProgress = numberFromParsedField(fields, "in_progress") ?? 0;
-  return [{
-    kind: count > 0 ? "ok" : "meta",
-    marker: count > 0 ? "ok " : void 0,
-    text: `${count} todo${count === 1 ? "" : "s"}${inProgress > 0 ? ` \xB7 ${inProgress} in progress` : ""}`
-  }];
+  return [
+    {
+      kind: count > 0 ? "ok" : "meta",
+      marker: count > 0 ? "ok " : void 0,
+      text: `${count} todo${count === 1 ? "" : "s"}${inProgress > 0 ? ` \xB7 ${inProgress} in progress` : ""}`
+    }
+  ];
 }
 function visualWorkBoard(toolName, text, ok) {
   const json = tryParseJson(text);
@@ -7179,7 +7455,11 @@ function visualWorkBoard(toolName, text, ok) {
     for (const todo of todos.slice(0, 3)) {
       if (todo && typeof todo === "object") {
         const o = todo;
-        rows2.push({ kind: "path", marker: "+ ", text: stringOf(o["content"]) ?? stringOf(o["id"]) ?? "todo" });
+        rows2.push({
+          kind: "path",
+          marker: "+ ",
+          text: stringOf(o["content"]) ?? stringOf(o["id"]) ?? "todo"
+        });
       }
     }
     return rows2.slice(0, VISUAL_MAX_LINES);
@@ -7187,7 +7467,10 @@ function visualWorkBoard(toolName, text, ok) {
   const header = parseHeaderLine(text);
   const sections = parseNamedSections(text);
   const rows = boardSummaryRows(toolName, header.fields, ok);
-  appendBoardPreview(rows, sections.get("message") ?? sections.get("plan") ?? bodyLines(text).join("\n"));
+  appendBoardPreview(
+    rows,
+    sections.get("message") ?? sections.get("plan") ?? bodyLines(text).join("\n")
+  );
   return rows.slice(0, VISUAL_MAX_LINES);
 }
 function boardSummaryRows(toolName, fields, ok) {
@@ -7203,17 +7486,22 @@ function boardSummaryRows(toolName, fields, ok) {
     completed !== void 0 ? `${completed} done` : void 0,
     inProgress !== void 0 && inProgress > 0 ? `${inProgress} in progress` : void 0
   ].filter(Boolean);
-  return [{
-    kind: success ? "ok" : "error",
-    marker: success ? "ok " : "x ",
-    text: parts.join(" \xB7 ") || toolName
-  }];
+  return [
+    {
+      kind: success ? "ok" : "error",
+      marker: success ? "ok " : "x ",
+      text: parts.join(" \xB7 ") || toolName
+    }
+  ];
 }
 function appendBoardPreview(rows, text) {
   if (!text) return;
   const lines = text.split(/\r?\n/).map((line) => line.replace(/^[\s│├└─>*-]+/, "").trim()).filter((line) => line && !line.startsWith("{") && !line.startsWith("["));
   for (const line of lines.slice(0, 4)) {
-    rows.push({ kind: line.includes("failed") || line.includes("not configured") ? "error" : "meta", text: line });
+    rows.push({
+      kind: line.includes("failed") || line.includes("not configured") ? "error" : "meta",
+      text: line
+    });
   }
 }
 function visualMemory(toolName, text, ok) {
@@ -7246,7 +7534,11 @@ function memoryResultRows(results) {
       const parsed = tryParseJson(result);
       if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
         const o = parsed;
-        rows.push({ kind: "meta", marker: tagMarker(stringOf(o["priority"])), text: memoryText(o) });
+        rows.push({
+          kind: "meta",
+          marker: tagMarker(stringOf(o["priority"])),
+          text: memoryText(o)
+        });
       } else {
         rows.push({ kind: "meta", text: result });
       }
@@ -7255,7 +7547,8 @@ function memoryResultRows(results) {
       rows.push({ kind: "meta", marker: tagMarker(stringOf(o["priority"])), text: memoryText(o) });
     }
   }
-  if (results.length > rows.length) rows.push({ kind: "meta", text: `${results.length - rows.length} more memory result(s)` });
+  if (results.length > rows.length)
+    rows.push({ kind: "meta", text: `${results.length - rows.length} more memory result(s)` });
   return rows;
 }
 function memoryText(o) {
@@ -7272,16 +7565,23 @@ function visualLogs(text) {
   const json = tryParseJson(text);
   if (json && typeof json === "object" && !Array.isArray(json)) {
     const obj = json;
-    const rows2 = [{
-      kind: "meta",
-      text: `${stringOf(obj["source"]) ?? "logs"} \xB7 ${numOf(obj["total"]) ?? 0} entries${obj["truncated"] === true ? " \xB7 truncated" : ""}`
-    }];
+    const rows2 = [
+      {
+        kind: "meta",
+        text: `${stringOf(obj["source"]) ?? "logs"} \xB7 ${numOf(obj["total"]) ?? 0} entries${obj["truncated"] === true ? " \xB7 truncated" : ""}`
+      }
+    ];
     const entries = Array.isArray(obj["entries"]) ? obj["entries"] : [];
     appendLogEntries(rows2, entries);
     return rows2;
   }
   const header = parseHeaderLine(text);
-  const rows = [{ kind: "meta", text: `${header.label}${header.fields["total"] ? ` \xB7 ${header.fields["total"]} entries` : ""}` }];
+  const rows = [
+    {
+      kind: "meta",
+      text: `${header.label}${header.fields["total"] ? ` \xB7 ${header.fields["total"]} entries` : ""}`
+    }
+  ];
   appendLogEntries(rows, bodyLines(text));
   return rows.slice(0, VISUAL_MAX_LINES);
 }
@@ -7291,10 +7591,20 @@ function appendLogEntries(rows, entries) {
       rows.push(logLine(entry));
     } else if (entry && typeof entry === "object") {
       const o = entry;
-      rows.push(logLine([stringOf(o["timestamp"]), stringOf(o["level"]), stringOf(o["source"]), stringOf(o["message"])].filter(Boolean).join(" ")));
+      rows.push(
+        logLine(
+          [
+            stringOf(o["timestamp"]),
+            stringOf(o["level"]),
+            stringOf(o["source"]),
+            stringOf(o["message"])
+          ].filter(Boolean).join(" ")
+        )
+      );
     }
   }
-  if (entries.length > 5) rows.push({ kind: "meta", text: `${entries.length - 5} more log line(s)` });
+  if (entries.length > 5)
+    rows.push({ kind: "meta", text: `${entries.length - 5} more log line(s)` });
 }
 function logLine(line) {
   const kind = /\b(error|fatal|panic)\b/i.test(line) ? "error" : /\b(warn|warning)\b/i.test(line) ? "warn" : "stdout";
@@ -7345,7 +7655,11 @@ function visualToolCatalog(toolName, text) {
   if (json && typeof json === "object" && !Array.isArray(json)) {
     const obj = json;
     const total = numOf(obj["total"]) ?? 0;
-    rows.push({ kind: total > 0 ? "ok" : "warn", marker: total > 0 ? "ok " : "! ", text: `${toolName} \xB7 ${total} result${total === 1 ? "" : "s"}` });
+    rows.push({
+      kind: total > 0 ? "ok" : "warn",
+      marker: total > 0 ? "ok " : "! ",
+      text: `${toolName} \xB7 ${total} result${total === 1 ? "" : "s"}`
+    });
     const tools = Array.isArray(obj["tools"]) ? obj["tools"] : [];
     for (const tool of tools.slice(0, 5)) {
       if (tool && typeof tool === "object") {
@@ -7366,26 +7680,32 @@ function visualMetaExecution(toolName, text, ok) {
   const json = tryParseJson(text);
   if (!json || typeof json !== "object" || Array.isArray(json)) {
     const header = parseHeaderLine(text);
-    return [{ kind: ok ? "ok" : "error", marker: ok ? "ok " : "x ", text: header.label || toolName }];
+    return [
+      { kind: ok ? "ok" : "error", marker: ok ? "ok " : "x ", text: header.label || toolName }
+    ];
   }
   const obj = json;
   if (toolName === "tool_use") {
     const success = obj["success"] !== false && ok;
     const target = stringOf(obj["tool"]) ?? "tool";
-    return [{
-      kind: success ? "ok" : "error",
-      marker: success ? "ok " : "x ",
-      text: `${target} \xB7 ${numOf(obj["executionMs"]) ?? 0}ms${success ? "" : ` \xB7 ${stringOf(obj["error"]) ?? "failed"}`}`
-    }];
+    return [
+      {
+        kind: success ? "ok" : "error",
+        marker: success ? "ok " : "x ",
+        text: `${target} \xB7 ${numOf(obj["executionMs"]) ?? 0}ms${success ? "" : ` \xB7 ${stringOf(obj["error"]) ?? "failed"}`}`
+      }
+    ];
   }
   const total = numOf(obj["total"]) ?? 0;
   const succeeded = numOf(obj["succeeded"]) ?? 0;
   const failed = numOf(obj["failed"]) ?? 0;
-  const rows = [{
-    kind: failed > 0 || !ok ? "error" : "ok",
-    marker: failed > 0 || !ok ? "x " : "ok ",
-    text: `${succeeded}/${total} succeeded${failed > 0 ? ` \xB7 ${failed} failed` : ""}`
-  }];
+  const rows = [
+    {
+      kind: failed > 0 || !ok ? "error" : "ok",
+      marker: failed > 0 || !ok ? "x " : "ok ",
+      text: `${succeeded}/${total} succeeded${failed > 0 ? ` \xB7 ${failed} failed` : ""}`
+    }
+  ];
   const results = Array.isArray(obj["results"]) ? obj["results"] : [];
   for (const result of results.slice(0, 5)) {
     if (result && typeof result === "object") {
@@ -7404,17 +7724,21 @@ function visualCodebase(toolName, text, ok) {
   const json = tryParseJson(text);
   if (!json || typeof json !== "object" || Array.isArray(json)) {
     const header = parseHeaderLine(text);
-    return [{ kind: ok ? "ok" : "warn", marker: ok ? "ok " : "! ", text: header.label || toolName }];
+    return [
+      { kind: ok ? "ok" : "warn", marker: ok ? "ok " : "! ", text: header.label || toolName }
+    ];
   }
   const obj = json;
   if (toolName === "codebase-search") {
     const status2 = stringOf(obj["indexStatus"]);
     const total = numOf(obj["total"]) ?? 0;
-    const rows = [{
-      kind: status2 ? "warn" : "ok",
-      marker: status2 ? "! " : "ok ",
-      text: status2 ?? `${total} symbol result${total === 1 ? "" : "s"} for "${stringOf(obj["query"]) ?? ""}"`
-    }];
+    const rows = [
+      {
+        kind: status2 ? "warn" : "ok",
+        marker: status2 ? "! " : "ok ",
+        text: status2 ?? `${total} symbol result${total === 1 ? "" : "s"} for "${stringOf(obj["query"]) ?? ""}"`
+      }
+    ];
     const results = Array.isArray(obj["results"]) ? obj["results"] : [];
     for (const result of results.slice(0, 5)) {
       if (result && typeof result === "object") {
@@ -7431,30 +7755,36 @@ function visualCodebase(toolName, text, ok) {
   }
   if (toolName === "codebase-index") {
     const errors = Array.isArray(obj["errors"]) ? obj["errors"] : [];
-    return [{
-      kind: errors.length > 0 || !ok ? "error" : stringOf(obj["note"]) ? "warn" : "ok",
-      marker: errors.length > 0 || !ok ? "x " : stringOf(obj["note"]) ? "! " : "ok ",
-      text: stringOf(obj["note"]) ?? `${numOf(obj["filesIndexed"]) ?? 0} files \xB7 ${numOf(obj["symbolsIndexed"]) ?? 0} symbols \xB7 ${fmtDuration(numOf(obj["durationMs"]) ?? 0)}`
-    }];
+    return [
+      {
+        kind: errors.length > 0 || !ok ? "error" : stringOf(obj["note"]) ? "warn" : "ok",
+        marker: errors.length > 0 || !ok ? "x " : stringOf(obj["note"]) ? "! " : "ok ",
+        text: stringOf(obj["note"]) ?? `${numOf(obj["filesIndexed"]) ?? 0} files \xB7 ${numOf(obj["symbolsIndexed"]) ?? 0} symbols \xB7 ${fmtDuration(numOf(obj["durationMs"]) ?? 0)}`
+      }
+    ];
   }
   const status = stringOf(obj["indexStatus"]);
-  return [{
-    kind: status ? "warn" : "ok",
-    marker: status ? "! " : "ok ",
-    text: status ?? `${numOf(obj["totalSymbols"]) ?? 0} symbols \xB7 ${numOf(obj["totalFiles"]) ?? 0} files \xB7 ${fmtBytes(numOf(obj["sizeBytes"]) ?? 0)}`
-  }];
+  return [
+    {
+      kind: status ? "warn" : "ok",
+      marker: status ? "! " : "ok ",
+      text: status ?? `${numOf(obj["totalSymbols"]) ?? 0} symbols \xB7 ${numOf(obj["totalFiles"]) ?? 0} files \xB7 ${fmtBytes(numOf(obj["sizeBytes"]) ?? 0)}`
+    }
+  ];
 }
 function visualWorkingDir(text, ok) {
   const json = tryParseJson(text);
   const obj = json && typeof json === "object" && !Array.isArray(json) ? json : void 0;
   if (!obj) return void 0;
   const err = stringOf(obj["error"]);
-  return [{
-    kind: err || !ok ? "error" : "ok",
-    marker: err || !ok ? "x " : "ok ",
-    path: stringOf(obj["current"]),
-    text: err ?? stringOf(obj["message"]) ?? "working directory"
-  }];
+  return [
+    {
+      kind: err || !ok ? "error" : "ok",
+      marker: err || !ok ? "x " : "ok ",
+      path: stringOf(obj["current"]),
+      text: err ?? stringOf(obj["message"]) ?? "working directory"
+    }
+  ];
 }
 function visualMode(text, ok) {
   const json = tryParseJson(text);
@@ -7462,21 +7792,32 @@ function visualMode(text, ok) {
   if (!obj) return void 0;
   if (Array.isArray(obj["modes"])) {
     const modes = obj["modes"];
-    const rows = [{ kind: "ok", marker: "ok ", text: `${modes.length} mode${modes.length === 1 ? "" : "s"}` }];
+    const rows = [
+      { kind: "ok", marker: "ok ", text: `${modes.length} mode${modes.length === 1 ? "" : "s"}` }
+    ];
     for (const mode of modes.slice(0, 5)) {
       if (mode && typeof mode === "object") {
         const m = mode;
-        rows.push({ kind: "path", text: [stringOf(m["id"]), stringOf(m["name"]), stringOf(m["description"])].filter(Boolean).join(" \xB7 ") });
+        rows.push({
+          kind: "path",
+          text: [stringOf(m["id"]), stringOf(m["name"]), stringOf(m["description"])].filter(Boolean).join(" \xB7 ")
+        });
       }
     }
     return rows;
   }
   const success = obj["success"] !== false && ok;
-  return [{
-    kind: success ? "ok" : "error",
-    marker: success ? "ok " : "x ",
-    text: [stringOf(obj["action"]) ?? "mode", stringOf(obj["currentMode"]), stringOf(obj["message"])].filter(Boolean).join(" \xB7 ")
-  }];
+  return [
+    {
+      kind: success ? "ok" : "error",
+      marker: success ? "ok " : "x ",
+      text: [
+        stringOf(obj["action"]) ?? "mode",
+        stringOf(obj["currentMode"]),
+        stringOf(obj["message"])
+      ].filter(Boolean).join(" \xB7 ")
+    }
+  ];
 }
 function recordToStringFields(obj) {
   const out = {};
@@ -7492,7 +7833,8 @@ function appendOutputPreview(rows, output, kind) {
   if (!output) return;
   const lines = output.split(/\r?\n/).filter((line) => line.trim());
   for (const line of lines.slice(0, 3)) rows.push({ kind, text: line.trim() });
-  if (lines.length > 3) rows.push({ kind: "meta", text: `${lines.length - 3} more ${kind} line(s)` });
+  if (lines.length > 3)
+    rows.push({ kind: "meta", text: `${lines.length - 3} more ${kind} line(s)` });
 }
 function bodyLines(text) {
   const lines = text.replace(/\r/g, "").split("\n");
@@ -7800,6 +8142,12 @@ function DiffBlock({
   };
   const stats = showStats ? formatDiffStats(added, removed) : null;
   const bodyBudget = typeof contentWidth === "number" ? Math.max(16, contentWidth - (2 + 3 + gutterWidth + 3)) : DIFF_FALLBACK_WRAP_WIDTH;
+  const hasWidth = typeof contentWidth === "number";
+  const padBody = (seg) => {
+    if (!hasWidth) return 0;
+    const len = seg.reduce((n, t) => n + t.text.length, 0);
+    return Math.max(0, bodyBudget - len);
+  };
   const contPrefix = `   ${blank}   `;
   const hiddenStats = [];
   if (hiddenAdded > 0) hiddenStats.push(`+${hiddenAdded}`);
@@ -7833,14 +8181,18 @@ function DiffBlock({
       const markerColor = row.kind === "add" ? theme.success : theme.error;
       if (useColor) {
         const bg = row.kind === "add" ? theme.diffAddBg : theme.diffDelBg;
-        return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: segments.map((seg, si) => /* @__PURE__ */ jsx(Box, { backgroundColor: bg, minWidth: 1, flexShrink: 0, children: /* @__PURE__ */ jsxs(Text, { children: [
-          si === 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: `   ${ln} ` }),
-            /* @__PURE__ */ jsx(Text, { color: markerColor, bold: true, children: marker }),
-            /* @__PURE__ */ jsx(Text, { children: " " })
-          ] }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: contPrefix }),
-          renderTokens(seg)
-        ] }) }, si)) }, key);
+        return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: segments.map((seg, si) => {
+          const pad = padBody(seg);
+          return /* @__PURE__ */ jsxs(Text, { backgroundColor: bg, children: [
+            si === 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: `   ${ln} ` }),
+              /* @__PURE__ */ jsx(Text, { color: markerColor, bold: true, children: marker }),
+              /* @__PURE__ */ jsx(Text, { children: " " })
+            ] }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: contPrefix }),
+            renderTokens(seg),
+            pad > 0 ? /* @__PURE__ */ jsx(Text, { children: " ".repeat(pad) }) : null
+          ] }, si);
+        }) }, key);
       }
       return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: segments.map((seg, si) => /* @__PURE__ */ jsxs(Text, { children: [
         si === 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -10003,16 +10355,21 @@ var Entry = React5.memo(function Entry2({
       if (mutation) {
         const statsText = formatDiffStats(mutation.added, mutation.removed) ?? "No line changes";
         const targetBudget = Math.max(24, termWidth - mutation.verb.length - 16);
+        const hasCounts = mutation.added > 0 || mutation.removed > 0;
         return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
           /* @__PURE__ */ jsxs(Text, { children: [
-            /* @__PURE__ */ jsx(Text, { color: theme.success, children: "\u25CF" }),
+            /* @__PURE__ */ jsx(Text, { color, children: glyph2 }),
             /* @__PURE__ */ jsx(Text, { children: " " }),
-            /* @__PURE__ */ jsx(Text, { bold: true, color: "white", children: `${mutation.verb}(${shortenPath(mutation.target, targetBudget)})` }),
+            /* @__PURE__ */ jsx(Text, { bold: true, color, children: `${mutation.verb}(${shortenPath(mutation.target, targetBudget)})` }),
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \xB7  ${fmtDuration(entry.durationMs)}` })
           ] }),
           /* @__PURE__ */ jsxs(Text, { children: [
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  \u23BF  " }),
-            /* @__PURE__ */ jsx(Text, { children: statsText })
+            mutation.added > 0 ? /* @__PURE__ */ jsx(Text, { bold: true, color: theme.success, children: `+${mutation.added}` }) : null,
+            mutation.added > 0 && mutation.removed > 0 ? /* @__PURE__ */ jsx(Text, { children: " " }) : null,
+            mutation.removed > 0 ? /* @__PURE__ */ jsx(Text, { bold: true, color: theme.error, children: `-${mutation.removed}` }) : null,
+            hasCounts ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  " }) : null,
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: statsText })
           ] }),
           entry.resultRenderMode !== "simple" && multiDiffs ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
             (() => {
@@ -15244,14 +15601,16 @@ function createPanelOpenDispatcher(deps) {
     }
   };
 }
-var INPUT_PROMPT = "\u203A ";
-function selectedSlashCommandLine(picker) {
-  if (!picker.open || picker.matches.length === 0) return null;
-  const picked = picker.matches[picker.selected];
-  return picked ? `/${picked.name}` : null;
-}
+
+// src/input-editing.ts
+var WORD_SEPARATORS = new Set(
+  // dashes
+  "-/\\.,;:!?\u2026()[]{}<>\"'`+=*^%|~@#$&\xB7\u2022\u2014\u2013".split("")
+);
 function isInputWordSeparator(ch) {
-  return ch === void 0 || /\s/.test(ch);
+  if (ch === void 0) return true;
+  if (/\s/.test(ch)) return true;
+  return WORD_SEPARATORS.has(ch);
 }
 function previousInputWordStart(buffer, cursor) {
   let i = Math.max(0, Math.min(cursor, buffer.length));
@@ -15286,6 +15645,34 @@ function nextInputWordStart(buffer, cursor) {
   while (i < buffer.length && isInputWordSeparator(buffer[i])) i++;
   return i;
 }
+function deleteWordBackward(buffer, cursor) {
+  if (cursor === 0) return null;
+  const chip = tokenSpanAt(buffer, cursor);
+  const deleteStart = chip && cursor > chip.start && cursor < chip.end ? chip.start : previousInputWordStart(buffer, cursor);
+  const deleteEnd = chip && cursor > chip.start && cursor < chip.end ? chip.end : cursor;
+  if (deleteStart === deleteEnd) return null;
+  return {
+    buffer: buffer.slice(0, deleteStart) + buffer.slice(deleteEnd),
+    cursor: deleteStart
+  };
+}
+function deleteWordForward(buffer, cursor) {
+  if (cursor >= buffer.length) return null;
+  const chip = tokenSpanAt(buffer, cursor);
+  const deleteStart = chip && cursor > chip.start && cursor < chip.end ? chip.start : cursor;
+  const deleteEnd = chip && cursor > chip.start && cursor < chip.end ? chip.end : nextInputWordStart(buffer, cursor);
+  if (deleteStart === deleteEnd) return null;
+  return {
+    buffer: buffer.slice(0, deleteStart) + buffer.slice(deleteEnd),
+    cursor: deleteStart
+  };
+}
+var INPUT_PROMPT = "\u203A ";
+function selectedSlashCommandLine(picker) {
+  if (!picker.open || picker.matches.length === 0) return null;
+  const picked = picker.matches[picker.selected];
+  return picked ? `/${picked.name}` : null;
+}
 function rehydrateHistory(messages, startId, toolCalls) {
   const entries = [];
   const toolCallsById = /* @__PURE__ */ new Map();
@@ -15624,6 +16011,7 @@ function App({
     nextQueueId: 1,
     inputHistory: [],
     historyIndex: 0,
+    historyDraft: "",
     modelPicker: {
       open: false,
       step: "provider",
@@ -15693,7 +16081,8 @@ function App({
       thinkingWordEditing: false,
       thinkingWordDraft: "",
       cacheTtl: "default",
-      configScope: "global"
+      configScope: "global",
+      animationStyle: "rainbow"
     },
     statuslinePicker: { open: false, field: 0, hiddenItems: [], visibleChips: [], hint: void 0 },
     pluginPicker: { open: false, items: [], selected: 0, busy: false, hint: void 0 },
@@ -15763,6 +16152,44 @@ function App({
     debugStreamStats: null,
     countdown: null
   });
+  const inputHistoryStore = useMemo(() => {
+    if (!projectRoot) return null;
+    const file = resolveWstackPaths({ projectRoot }).projectInputHistory;
+    return new InputHistoryStore(file, new DefaultSecretScrubber(), INPUT_HISTORY_DEFAULT_MAX);
+  }, [projectRoot]);
+  const inputHistoryLoadedRef = useRef(false);
+  const inputHistorySaveTimerRef = useRef(void 0);
+  const inputHistoryLastSavedRef = useRef("");
+  useEffect(() => {
+    if (!inputHistoryStore) return;
+    let cancelled = false;
+    inputHistoryStore.load().then((entries) => {
+      if (cancelled) return;
+      inputHistoryLoadedRef.current = true;
+      inputHistoryLastSavedRef.current = JSON.stringify(entries);
+      if (entries.length === 0) return;
+      dispatch({ type: "setInputHistory", entries });
+    }).catch(() => {
+      if (!cancelled) inputHistoryLoadedRef.current = true;
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [inputHistoryStore]);
+  useEffect(() => {
+    if (!inputHistoryStore || !inputHistoryLoadedRef.current) return;
+    const snapshot = JSON.stringify(state.inputHistory);
+    if (snapshot === inputHistoryLastSavedRef.current) return;
+    if (inputHistorySaveTimerRef.current) clearTimeout(inputHistorySaveTimerRef.current);
+    inputHistorySaveTimerRef.current = setTimeout(() => {
+      inputHistoryLastSavedRef.current = snapshot;
+      inputHistoryStore.save(state.inputHistory).catch(() => {
+      });
+    }, 200);
+    return () => {
+      if (inputHistorySaveTimerRef.current) clearTimeout(inputHistorySaveTimerRef.current);
+    };
+  }, [state.inputHistory, inputHistoryStore]);
   const getPromptLoader = () => {
     if (!promptLoaderRef.current && projectRoot) {
       let bundledDir;
@@ -15882,6 +16309,7 @@ function App({
   }, [agent.ctx, projectRoot]);
   const liveSettings = getSettings?.();
   const liveStatuslineMode = liveSettings?.statuslineMode ?? "detailed";
+  const liveAnimationStyle = liveSettings?.animationStyle ?? "rainbow";
   const liveThinkingWord = liveSettings?.thinkingWord ?? "thinking";
   const [rolledThinkingWord, setRolledThinkingWord] = useState(() => pickRandomTuiThinkingWord());
   const thinkingWorking = state.status === "running" || state.status === "streaming";
@@ -16528,7 +16956,8 @@ function App({
             reasoningPreserve: sp.reasoningPreserve,
             thinkingWord: sp.thinkingWord,
             cacheTtl: sp.cacheTtl,
-            configScope: sp.configScope
+            configScope: sp.configScope,
+            animationStyle: sp.animationStyle
           });
         }
         if (prev.projectPicker) {
@@ -16748,7 +17177,13 @@ function App({
     return () => {
       if (onPanelOpen) onPanelOpen.current = null;
     };
-  }, [onPanelOpen, dispatch, openProjectPicker, openStatuslinePicker, authPanelController.openAuthPanel]);
+  }, [
+    onPanelOpen,
+    dispatch,
+    openProjectPicker,
+    openStatuslinePicker,
+    authPanelController.openAuthPanel
+  ]);
   useEffect(() => {
     if (!state.sessionsPanelOpen || !getLiveSessions) return void 0;
     const t = setInterval(() => {
@@ -16797,7 +17232,8 @@ function App({
       reasoningPreserve: s2.reasoningPreserve ?? false,
       thinkingWord: s2.thinkingWord ?? "thinking",
       cacheTtl: s2.cacheTtl ?? "default",
-      configScope: s2.configScope ?? "global"
+      configScope: s2.configScope ?? "global",
+      animationStyle: s2.animationStyle ?? "rainbow"
     });
   }, [getSettings]);
   const refreshPluginPicker = React5.useCallback(() => {
@@ -16985,7 +17421,8 @@ function App({
         reasoningPreserve: sp.reasoningPreserve,
         thinkingWord: sp.thinkingWord,
         cacheTtl: sp.cacheTtl,
-        configScope: sp.configScope
+        configScope: sp.configScope,
+        animationStyle: sp.animationStyle
       })
     ).then((err) => {
       if (err) dispatch({ type: "settingsHint", text: err });
@@ -17027,6 +17464,7 @@ function App({
     state.settingsPicker.thinkingWord,
     state.settingsPicker.cacheTtl,
     state.settingsPicker.configScope,
+    state.settingsPicker.animationStyle,
     saveSettings
   ]);
   useEffect(() => {
@@ -17664,6 +18102,14 @@ Available chords:
   const [nextStepsAutoSubmitLabel, setNextStepsAutoSubmitLabel] = useState(null);
   const nextStepsAutoSubmitSuggestionRef = useRef(null);
   const nextStepsAutoSubmitTimerRef = useRef(void 0);
+  const cancelNextStepsCountdown = useCallback(() => {
+    if (nextStepsAutoSubmitTimerRef.current == null) return;
+    clearInterval(nextStepsAutoSubmitTimerRef.current);
+    nextStepsAutoSubmitTimerRef.current = void 0;
+    setNextStepsAutoSubmitCountdown(null);
+    setNextStepsAutoSubmitLabel(null);
+    nextStepsAutoSubmitSuggestionRef.current = null;
+  }, []);
   const getActiveSessionId = useCallback(() => agent.ctx.session.id, [agent]);
   useTuiEventBridge({
     events,
@@ -18452,7 +18898,8 @@ Available chords:
           reasoningPreserve: cfg.reasoningPreserve ?? false,
           thinkingWord: cfg.thinkingWord ?? "thinking",
           cacheTtl: cfg.cacheTtl ?? "default",
-          configScope: cfg.configScope ?? "global"
+          configScope: cfg.configScope ?? "global",
+          animationStyle: cfg.animationStyle ?? "rainbow"
         });
       }
       return;
@@ -18538,19 +18985,11 @@ Available chords:
     }
     if (key.backspace) {
       if (key.ctrl) {
-        if (cursor === 0) return;
-        const chip = tokenSpanAt(buffer, cursor);
-        const deleteStart = chip && cursor > chip.start && cursor < chip.end ? chip.start : previousInputWordStart(buffer, cursor);
-        const deleteEnd = chip && cursor > chip.start && cursor < chip.end ? chip.end : cursor;
-        const next3 = buffer.slice(0, deleteStart) + buffer.slice(deleteEnd);
-        if (nextStepsAutoSubmitTimerRef.current != null) {
-          clearInterval(nextStepsAutoSubmitTimerRef.current);
-          nextStepsAutoSubmitTimerRef.current = void 0;
-          setNextStepsAutoSubmitCountdown(null);
-          setNextStepsAutoSubmitLabel(null);
-          nextStepsAutoSubmitSuggestionRef.current = null;
-        }
-        setDraft(next3, deleteStart);
+        const res = deleteWordBackward(buffer, cursor);
+        if (res) {
+          cancelNextStepsCountdown();
+          setDraft(res.buffer, res.cursor);
+        }
         return;
       }
       const tokenDel = deleteTokenBackward(buffer, cursor);
@@ -18560,43 +18999,31 @@ Available chords:
       }
       if (cursor === 0) return;
       const next2 = buffer.slice(0, cursor - 1) + buffer.slice(cursor);
-      if (nextStepsAutoSubmitTimerRef.current != null) {
-        clearInterval(nextStepsAutoSubmitTimerRef.current);
-        nextStepsAutoSubmitTimerRef.current = void 0;
-        setNextStepsAutoSubmitCountdown(null);
-        setNextStepsAutoSubmitLabel(null);
-        nextStepsAutoSubmitSuggestionRef.current = null;
-      }
+      cancelNextStepsCountdown();
       setDraft(next2, cursor - 1);
       return;
     }
+    if (key.ctrl && input === "w") {
+      const res = deleteWordBackward(buffer, cursor);
+      if (res) {
+        cancelNextStepsCountdown();
+        setDraft(res.buffer, res.cursor);
+      }
+      return;
+    }
     if (key.delete) {
       if (key.ctrl) {
-        if (cursor >= buffer.length) return;
-        const chip = tokenSpanAt(buffer, cursor);
-        const deleteStart = chip && cursor > chip.start && cursor < chip.end ? chip.start : cursor;
-        const deleteEnd = chip && cursor > chip.start && cursor < chip.end ? chip.end : nextInputWordStart(buffer, cursor);
-        const next3 = buffer.slice(0, deleteStart) + buffer.slice(deleteEnd);
-        if (nextStepsAutoSubmitTimerRef.current != null) {
-          clearInterval(nextStepsAutoSubmitTimerRef.current);
-          nextStepsAutoSubmitTimerRef.current = void 0;
-          setNextStepsAutoSubmitCountdown(null);
-          setNextStepsAutoSubmitLabel(null);
-          nextStepsAutoSubmitSuggestionRef.current = null;
-        }
-        setDraft(next3, deleteStart);
+        const res = deleteWordForward(buffer, cursor);
+        if (res) {
+          cancelNextStepsCountdown();
+          setDraft(res.buffer, res.cursor);
+        }
         return;
       }
       if (cursor >= buffer.length) return;
       const span = tokenLengthForward(buffer, cursor) || 1;
       const next2 = buffer.slice(0, cursor) + buffer.slice(cursor + span);
-      if (nextStepsAutoSubmitTimerRef.current != null) {
-        clearInterval(nextStepsAutoSubmitTimerRef.current);
-        nextStepsAutoSubmitTimerRef.current = void 0;
-        setNextStepsAutoSubmitCountdown(null);
-        setNextStepsAutoSubmitLabel(null);
-        nextStepsAutoSubmitSuggestionRef.current = null;
-      }
+      cancelNextStepsCountdown();
       setDraft(next2, cursor);
       return;
     }
@@ -18809,13 +19236,7 @@ Available chords:
       return;
     }
     if (key.ctrl && input === "u") {
-      if (nextStepsAutoSubmitTimerRef.current != null) {
-        clearInterval(nextStepsAutoSubmitTimerRef.current);
-        nextStepsAutoSubmitTimerRef.current = void 0;
-        setNextStepsAutoSubmitCountdown(null);
-        setNextStepsAutoSubmitLabel(null);
-        nextStepsAutoSubmitSuggestionRef.current = null;
-      }
+      cancelNextStepsCountdown();
       setDraft("", 0);
       return;
     }
@@ -18823,26 +19244,14 @@ Available chords:
       if (cursor >= buffer.length) return;
       const span = tokenLengthForward(buffer, cursor) || 1;
       const next2 = buffer.slice(0, cursor) + buffer.slice(cursor + span);
-      if (nextStepsAutoSubmitTimerRef.current != null) {
-        clearInterval(nextStepsAutoSubmitTimerRef.current);
-        nextStepsAutoSubmitTimerRef.current = void 0;
-        setNextStepsAutoSubmitCountdown(null);
-        setNextStepsAutoSubmitLabel(null);
-        nextStepsAutoSubmitSuggestionRef.current = null;
-      }
+      cancelNextStepsCountdown();
       setDraft(next2, cursor);
       return;
     }
     if (key.ctrl && input === "k") {
       if (cursor >= buffer.length) return;
       const next2 = buffer.slice(0, cursor);
-      if (nextStepsAutoSubmitTimerRef.current != null) {
-        clearInterval(nextStepsAutoSubmitTimerRef.current);
-        nextStepsAutoSubmitTimerRef.current = void 0;
-        setNextStepsAutoSubmitCountdown(null);
-        setNextStepsAutoSubmitLabel(null);
-        nextStepsAutoSubmitSuggestionRef.current = null;
-      }
+      cancelNextStepsCountdown();
       setDraft(next2, cursor);
       return;
     }
@@ -18864,13 +19273,7 @@ Available chords:
       await commitPaste(input);
       return;
     }
-    if (nextStepsAutoSubmitTimerRef.current != null) {
-      clearInterval(nextStepsAutoSubmitTimerRef.current);
-      nextStepsAutoSubmitTimerRef.current = void 0;
-      setNextStepsAutoSubmitCountdown(null);
-      setNextStepsAutoSubmitLabel(null);
-      nextStepsAutoSubmitSuggestionRef.current = null;
-    }
+    cancelNextStepsCountdown();
     const next = buffer.slice(0, cursor) + input + buffer.slice(cursor);
     setDraft(next, cursor + input.length);
   };
@@ -18900,10 +19303,15 @@ Available chords:
           }
         });
       }
+      const assistantEntriesBeforeRun = stateRef.current.entries.filter(
+        (entry) => entry.kind === "assistant"
+      ).length;
       const result = await agent.run(routed.blocks, { signal: ctrl.signal });
       const lingering = streamingTextRef.current;
       if (lingering.trim()) {
         dispatch({ type: "addEntry", entry: { kind: "assistant", text: lingering } });
+      } else if (result.status === "done" && result.finalText?.trim() && stateRef.current.entries.filter((entry) => entry.kind === "assistant").length === assistantEntriesBeforeRun) {
+        dispatch({ type: "addEntry", entry: { kind: "assistant", text: result.finalText } });
       }
       streamingTextRef.current = "";
       pendingDeltaRef.current = "";
@@ -19607,6 +20015,7 @@ ${content}
           reasoningPreserve: state.settingsPicker.reasoningPreserve,
           cacheTtl: state.settingsPicker.cacheTtl,
           configScope: state.settingsPicker.configScope,
+          animationStyle: state.settingsPicker.animationStyle,
           filter: state.settingsPicker.filter,
           hint: state.settingsPicker.hint
         }
@@ -19819,6 +20228,13 @@ ${content}
           version: appVersion,
           state: state.status,
           thinkingWord: displayThinkingWord,
+          thinkingAnimationStyle: (
+            // While the settings picker is open, preview the picker's live
+            // ←/→ selection synchronously (saveSettings → configStore is
+            // async, so liveAnimationStyle lags a keystroke). When closed,
+            // use the persisted value from getSettings().
+            state.settingsPicker.open ? state.settingsPicker.animationStyle : liveAnimationStyle
+          ),
           tokenCounter,
           hint: renderRunningTools(state.runningTools) || state.hint,
           queueCount: state.queue.length,
@@ -19854,7 +20270,7 @@ ${content}
           autoProceedCountdown: state.countdown?.remainingSeconds ?? null,
           sessionCount,
           mailbox: mailboxStatus,
-          tokenSavingMode: getSettings ? getSettings().featureTokenSaving !== "off" : tokenSavingMode,
+          tokenSavingMode: liveSettings?.featureTokenSaving ?? tokenSavingMode,
           toolCount,
           sideEffectCount: agent.ctx.sideEffects?.length ?? 0
         }