whale-code 6.5.5 → 6.5.6

package/dist/cli/chat/ChatApp.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * ChatApp — whale code CLI
  *
@@ -7,10 +6,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * thinking spinner, input) is in Ink's render loop.
  * This prevents screen overwriting and allows scrolling during generation.
  */
-import { useState, useEffect, useRef, useMemo, useCallback } from "react";
+
+import { useState, useEffect, useRef } from "react";
 import { Box, Text, Static, useApp, useInput } from "ink";
-import Spinner from "ink-spinner";
-import { canUseAgent, getServerToolCount, getModelShortName, setModel, getPermissionMode, mcpClientManager, } from "../services/agent-loop.js";
+import { SpinnerSlot } from "../shared/SpinnerSlot.js";
+import { canUseAgent, getServerToolCount, getModelShortName, setModel, getPermissionMode, mcpClientManager } from "../services/agent-loop.js";
 import { CompletedMessage } from "./MessageList.js";
 import { ToolIndicator } from "./ToolIndicator.js";
 import { SubagentPanel } from "./SubagentPanel.js";
@@ -33,305 +33,558 @@ import { interactiveEvents, resolvePlanApproval } from "../services/interactive-
 import { colors, symbols } from "../shared/Theme.js";
 import { initTheme, switchTheme } from "../shared/theme-manager.js";
 import { WhaleBanner } from "../shared/WhaleBanner.js";
-import { loadKeybindings, matchesBinding } from "../services/keybinding-manager.js";
+import { loadKeybindings, matchesBinding, bindingToLabel } from "../services/keybinding-manager.js";
 import { loadConfig, updateConfig } from "../services/config-store.js";
 import { createRequire } from "module";
 import { fileURLToPath } from "url";
 import { dirname, join } from "path";
+
 // Extracted hooks
 import { useSlashCommands } from "./hooks/useSlashCommands.js";
 import { useAgentLoop } from "./hooks/useAgentLoop.js";
+import { isNonInteractive } from "../services/env-detect.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const PKG_NAME = "whale-code";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 const PKG_VERSION = createRequire(import.meta.url)(join(__dirname, "..", "..", "..", "package.json")).version;
+
+// ── Overlay state — discriminated union replaces 14 booleans + data pairs ──
+
+// ── Types for Static rendering ──
+
 // ── Component ──
+
 export function ChatApp() {
-    const { exit } = useApp();
-    // Core state
-    const [ready, setReady] = useState(false);
-    const [error, setError] = useState("");
-    const [messages, setMessages] = useState([]);
-    const [streamingText, setStreamingText] = useState("");
-    const [isStreaming, setIsStreaming] = useState(false);
-    const [activeTools, setActiveTools] = useState([]);
-    const [subagentActivity, setSubagentActivity] = useState(new Map());
-    const [completedSubagents, setCompletedSubagents] = useState([]);
-    const [teamState, setTeamState] = useState(null);
-    // UI state
-    const [userLabel, setUserLabel] = useState("");
-    const [toolsExpanded, setToolsExpanded] = useState(false);
-    const [serverToolsAvailable, setServerToolsAvailable] = useState(0);
-    const [storeSelectMode, setStoreSelectMode] = useState(false);
-    const [storeList, setStoreList] = useState([]);
-    const [nodeSelectMode, setNodeSelectMode] = useState(false);
-    const [nodeList, setNodeList] = useState([]);
-    const [sessionManagerMode, setSessionManagerMode] = useState(false);
-    const [sessionList, setSessionList] = useState([]);
-    const [memoryManagerMode, setMemoryManagerMode] = useState(false);
-    const [memoryList, setMemoryList] = useState([]);
-    const [nodeManagerMode, setNodeManagerMode] = useState(false);
-    const [nodeManagerStatus, setNodeManagerStatus] = useState({ registered: false, running: false });
-    const [modelSelectMode, setModelSelectMode] = useState(false);
-    const [themeSelectMode, setThemeSelectMode] = useState(false);
-    const [currentModel, setCurrentModel] = useState(getModelShortName());
-    const [sessionId, setSessionId] = useState(null);
-    const [thinkingEnabled, setThinkingEnabled] = useState(() => {
-        try {
-            return loadConfig().thinking_enabled ?? true;
-        }
-        catch {
-            return true;
+  const {
+    exit
+  } = useApp();
+
+  // Core state
+  const [ready, setReady] = useState(false);
+  const [error, setError] = useState("");
+  const [messages, setMessages] = useState([]);
+  const [streamingText, setStreamingText] = useState("");
+  const [isStreaming, setIsStreaming] = useState(false);
+  const [activeTools, setActiveTools] = useState([]);
+  const [subagentActivity, setSubagentActivity] = useState(new Map());
+  const [completedSubagents, setCompletedSubagents] = useState([]);
+  const [teamState, setTeamState] = useState(null);
+
+  // UI state
+  const [userLabel, setUserLabel] = useState("");
+  const [toolsExpanded, setToolsExpanded] = useState(false);
+  const [serverToolsAvailable, setServerToolsAvailable] = useState(0);
+  const [overlay, setOverlay] = useState({
+    type: "none"
+  });
+  const [currentModel, setCurrentModel] = useState(getModelShortName());
+  const [sessionId, setSessionId] = useState(null);
+  const [thinkingEnabled, setThinkingEnabled] = useState(() => {
+    try {
+      return loadConfig().thinking_enabled ?? true;
+    } catch {
+      return true;
+    }
+  });
+  const lastContentUpdateRef = useRef(Date.now());
+
+  // Streaming activity — verb cycling + elapsed timer
+  const FUN_VERBS = ["thinking", "pondering", "brewing", "cooking", "rowing", "juggling", "weaving", "crafting", "forging", "sketching", "conjuring", "assembling", "sculpting", "composing", "mixing", "polishing", "building", "wiring", "spinning", "mapping", "plotting", "dreaming", "hurdling", "launching", "surfing", "flying", "grabbing", "lifting", "twisting", "rolling"];
+  const [streamElapsed, setStreamElapsed] = useState(0);
+  const streamStartRef = useRef(null);
+  useEffect(() => {
+    if (isStreaming) {
+      if (!streamStartRef.current) streamStartRef.current = Date.now();
+      setStreamElapsed(0);
+      const elapsedInterval = setInterval(() => {
+        if (streamStartRef.current) {
+          setStreamElapsed(Math.floor((Date.now() - streamStartRef.current) / 1000));
         }
+      }, 1000);
+      return () => {
+        clearInterval(elapsedInterval);
+      };
+    } else {
+      streamStartRef.current = null;
+      setStreamElapsed(0);
+    }
+  }, [isStreaming]);
+
+  // Derive verb index from elapsed time — no separate timer needed
+  const verbIndex = Math.floor(streamElapsed / 4) % FUN_VERBS.length;
+  const rewindManagerRef = useRef(new RewindManager());
+  const turnIndexRef = useRef(0);
+
+  // Refs
+  const conversationRef = useRef([]);
+  const abortRef = useRef(null);
+  const accTextRef = useRef("");
+  const thinkingChunksRef = useRef(0);
+  const thinkingDoneRef = useRef(false);
+
+  // No timer cleanup needed — unified flush timer is managed inside useAgentLoop,
+  // stale polling interval is cleaned up by its own effect.
+
+  // ── Init ──
+  useEffect(() => {
+    initTheme();
+    const check = canUseAgent();
+    if (!check.ready) {
+      setError(check.reason || "Run 'whale login' to authenticate.");
+    } else {
+      const config = loadConfig();
+      if (config.email) setUserLabel(config.store_name || config.email);
+      setReady(true);
+      getServerToolCount().then(count => setServerToolsAvailable(count));
+      mcpClientManager.connectAll().catch(() => {});
+    }
+
+    // Listen for plan approval requests — push plan content to Static for natural scrolling
+    const handlePlanExited = data => {
+      // Push plan content into messages so it renders in the <Static> area
+      const content = data.planContent || "(empty plan)";
+      setMessages(prev => [...prev, {
+        role: "assistant",
+        text: `  ${symbols.arrowRight} Plan Review — ${data.planFile}\n\n${content}`
+      }]);
+      setOverlay({
+        type: "planApproval",
+        planContent: data.planContent || "",
+        planFile: data.planFile
+      });
+    };
+    interactiveEvents.on("planModeExited", handlePlanExited);
+    return () => {
+      mcpClientManager.disconnectAll().catch(() => {});
+      interactiveEvents.off("planModeExited", handlePlanExited);
+    };
+  }, []);
+
+  // ── Keys (configurable via ~/.whale/keybindings.json) ──
+  const kb = loadKeybindings();
+  useInput((input, key) => {
+    if (matchesBinding(kb.exit, input, key)) {
+      if (abortRef.current) abortRef.current.abort();
+      exit();
+    }
+    if (matchesBinding(kb.cancel_stream, input, key) && isStreaming && abortRef.current) {
+      abortRef.current.abort();
+    }
+    if (matchesBinding(kb.toggle_expand, input, key)) {
+      setToolsExpanded(prev_0 => !prev_0);
+    }
+    if (matchesBinding(kb.toggle_thinking, input, key)) {
+      setThinkingEnabled(prev_1 => {
+        const next = !prev_1;
+        try {
+          updateConfig({
+            thinking_enabled: next
+          });
+        } catch {/* best effort */}
+        setMessages(msgs => [...msgs, {
+          role: "assistant",
+          text: `  Thinking: ${next ? "on" : "off"}`
+        }]);
+        return next;
+      });
+    }
+  });
+
+  // ESC abort is now handled by ChatInput's onInterrupt prop — stdin stays active
+  // even when disabled, so ESC always reaches the handler.
+
+  // ── Extracted hooks ──
+  const {
+    handleCommand,
+    handleStoreSelect,
+    handleStoreCancel,
+    handleNodeSelect,
+    handleNodeCancel,
+    handleSessionSelect,
+    handleMemoryDelete,
+    handleNodeToggle,
+    handleNodeRegister,
+    handleNodeClose
+  } = useSlashCommands({
+    exit,
+    toolsExpanded,
+    serverToolsAvailable,
+    sessionId,
+    thinkingEnabled,
+    conversationRef,
+    setMessages,
+    setStreamingText,
+    setActiveTools,
+    setTeamState,
+    setOverlay,
+    setCurrentModel,
+    setSessionId,
+    setThinkingEnabled,
+    setUserLabel,
+    setServerToolsAvailable,
+    rewindCheckpointCount: rewindManagerRef.current.getCheckpointCount(),
+    PKG_NAME,
+    PKG_VERSION
+  });
+  const {
+    handleSend
+  } = useAgentLoop({
+    isStreaming,
+    thinkingEnabled,
+    conversationRef,
+    abortRef,
+    accTextRef,
+    lastContentUpdateRef,
+    thinkingChunksRef,
+    thinkingDoneRef,
+    rewindManagerRef,
+    turnIndexRef,
+    setMessages,
+    setStreamingText,
+    setIsStreaming,
+    setActiveTools,
+    setSubagentActivity,
+    setCompletedSubagents,
+    setTeamState
+  });
+
+  // ── Plan approval handler ──
+  const handlePlanDecision = decision => {
+    setOverlay({
+      type: "none"
     });
-    const lastContentUpdateRef = useRef(Date.now());
-    // Unified streaming activity — verb cycling + elapsed timer (replaces separate thinking timer + StatusBar verb)
-    const FUN_VERBS = useMemo(() => [
-        "thinking", "pondering", "brewing", "cooking", "rowing", "juggling",
-        "weaving", "crafting", "forging", "sketching", "conjuring", "assembling",
-        "sculpting", "composing", "mixing", "polishing", "building", "wiring",
-        "spinning", "mapping", "plotting", "dreaming", "hurdling", "launching",
-        "surfing", "flying", "grabbing", "lifting", "twisting", "rolling",
-    ], []);
-    const [streamElapsed, setStreamElapsed] = useState(0);
-    const [verbIndex, setVerbIndex] = useState(0);
-    const streamStartRef = useRef(null);
-    useEffect(() => {
-        if (isStreaming) {
-            if (!streamStartRef.current)
-                streamStartRef.current = Date.now();
-            setStreamElapsed(0);
-            setVerbIndex(0);
-            const elapsedInterval = setInterval(() => {
-                if (streamStartRef.current) {
-                    setStreamElapsed(Math.floor((Date.now() - streamStartRef.current) / 1000));
-                }
-            }, 1000);
-            const verbInterval = setInterval(() => {
-                setVerbIndex(i => (i + 1) % FUN_VERBS.length);
-            }, 4000);
-            return () => { clearInterval(elapsedInterval); clearInterval(verbInterval); };
-        }
-        else {
-            streamStartRef.current = null;
-            setStreamElapsed(0);
-            setVerbIndex(0);
-        }
-    }, [isStreaming, FUN_VERBS]);
-    // Rewind state
-    const [showRewind, setShowRewind] = useState(false);
-    // Plan approval state
-    const [planApproval, setPlanApproval] = useState(null);
-    const rewindManagerRef = useRef(new RewindManager());
-    const turnIndexRef = useRef(0);
-    // Refs
-    const conversationRef = useRef([]);
-    const abortRef = useRef(null);
-    const accTextRef = useRef("");
-    const thinkingChunksRef = useRef(0);
-    const thinkingDoneRef = useRef(false);
-    // No timer cleanup needed — unified flush timer is managed inside useAgentLoop,
-    // stale polling interval is cleaned up by its own effect.
-    // ── Init ──
-    useEffect(() => {
-        initTheme();
-        const check = canUseAgent();
-        if (!check.ready) {
-            setError(check.reason || "Run 'whale login' to authenticate.");
-        }
-        else {
-            const config = loadConfig();
-            if (config.email)
-                setUserLabel(config.store_name || config.email);
-            setReady(true);
-            getServerToolCount().then((count) => setServerToolsAvailable(count));
-            mcpClientManager.connectAll().catch(() => { });
-        }
-        // Listen for plan approval requests — push plan content to Static for natural scrolling
-        const handlePlanExited = (data) => {
-            // Push plan content into messages so it renders in the <Static> area
-            const content = data.planContent || "(empty plan)";
-            setMessages(prev => [...prev, {
-                    role: "assistant",
-                    text: `  ${symbols.arrowRight} Plan Review — ${data.planFile}\n\n${content}`,
-                }]);
-            setPlanApproval({ planContent: data.planContent || "", planFile: data.planFile });
-        };
-        interactiveEvents.on("planModeExited", handlePlanExited);
-        return () => {
-            mcpClientManager.disconnectAll().catch(() => { });
-            interactiveEvents.off("planModeExited", handlePlanExited);
-        };
-    }, []);
-    // ── Keys (configurable via ~/.swagmanager/keybindings.json) ──
-    const kb = useMemo(() => loadKeybindings(), []);
-    useInput((input, key) => {
-        if (matchesBinding(kb.exit, input, key)) {
-            if (abortRef.current)
-                abortRef.current.abort();
-            exit();
-        }
-        if (matchesBinding(kb.cancel_stream, input, key) && isStreaming && abortRef.current) {
-            abortRef.current.abort();
-        }
-        if (matchesBinding(kb.toggle_expand, input, key)) {
-            setToolsExpanded((prev) => !prev);
-        }
-        if (matchesBinding(kb.toggle_thinking, input, key)) {
-            setThinkingEnabled((prev) => {
-                const next = !prev;
-                try {
-                    updateConfig({ thinking_enabled: next });
-                }
-                catch { /* best effort */ }
-                setMessages((msgs) => [...msgs, {
-                        role: "assistant",
-                        text: `  Thinking: ${next ? "on" : "off"}`,
-                    }]);
-                return next;
-            });
-        }
+    resolvePlanApproval(decision);
+  };
+
+  // ── Rewind handler ──
+  const handleRewind = (checkpointIndex, outcome) => {
+    const rm = rewindManagerRef.current;
+    if (outcome === RewindOutcome.Cancel) {
+      setOverlay({
+        type: "none"
+      });
+      return;
+    }
+    if (outcome === RewindOutcome.RevertOnly) {
+      // Revert files only, keep conversation
+      const result = rm.revertFilesFrom(checkpointIndex);
+      setOverlay({
+        type: "none"
+      });
+      const total = result.filesReverted.length + result.filesDeleted.length;
+      const parts = [];
+      if (result.filesReverted.length > 0) parts.push(`${result.filesReverted.length} reverted`);
+      if (result.filesDeleted.length > 0) parts.push(`${result.filesDeleted.length} deleted`);
+      if (result.errors.length > 0) parts.push(`${result.errors.length} errors`);
+      setMessages(prev_2 => [...prev_2, {
+        role: "assistant",
+        text: total > 0 ? `  ${symbols.check} File changes reverted (${parts.join(", ")})` : `  ${symbols.check} No file changes to revert.`
+      }]);
+      return;
+    }
+
+    // RewindOnly or RewindAndRevert
+    const shouldRevertFiles = outcome === RewindOutcome.RewindAndRevert;
+    const result_0 = rm.rewindTo(checkpointIndex);
+
+    // Truncate messages
+    setMessages(prev_3 => prev_3.slice(0, result_0.messageCount));
+
+    // Truncate conversation history to match
+    // We need to figure out how many Anthropic messages correspond to the checkpoint.
+    // The checkpoint stores messageCount which is the UI messages count at that point.
+    // Rebuild conversation from remaining messages by keeping only the conversation
+    // entries up to the corresponding turn.
+    const targetTurnIndex = rm.getCheckpoints()[checkpointIndex]?.turnIndex ?? 0;
+    // Each user/assistant exchange is roughly 2 conversation entries (user + assistant).
+    // But the actual conversation is maintained independently.
+    // We slice it to 2*(turnIndex+1) entries (user+assistant pairs)
+    const conversationSlicePoint = Math.min((targetTurnIndex + 1) * 2, conversationRef.current.length);
+    conversationRef.current = conversationRef.current.slice(0, conversationSlicePoint);
+
+    // Reset turn index to match
+    turnIndexRef.current = targetTurnIndex + 1;
+    setOverlay({
+      type: "none"
     });
-    // ESC abort is now handled by ChatInput's onInterrupt prop — stdin stays active
-    // even when disabled, so ESC always reaches the handler.
-    // ── Extracted hooks ──
-    const { handleCommand, handleStoreSelect, handleStoreCancel, handleNodeSelect, handleNodeCancel, handleSessionSelect, handleMemoryDelete, handleNodeToggle, handleNodeRegister, handleNodeClose, } = useSlashCommands({
-        exit, toolsExpanded, serverToolsAvailable, sessionId, thinkingEnabled,
-        conversationRef,
-        setMessages, setStreamingText, setActiveTools, setTeamState,
-        setStoreList, setStoreSelectMode, setModelSelectMode, setCurrentModel,
-        setSessionId, setThinkingEnabled, setUserLabel, setServerToolsAvailable,
-        setShowRewind,
-        setNodeSelectMode, setNodeList,
-        setSessionManagerMode, setSessionList,
-        setMemoryManagerMode, setMemoryList,
-        setThemeSelectMode,
-        setNodeManagerMode, setNodeManagerStatus,
-        rewindCheckpointCount: rewindManagerRef.current.getCheckpointCount(),
-        PKG_NAME, PKG_VERSION,
+    const parts_0 = [];
+    if (shouldRevertFiles) {
+      if (result_0.filesReverted.length > 0) parts_0.push(`${result_0.filesReverted.length} files reverted`);
+      if (result_0.filesDeleted.length > 0) parts_0.push(`${result_0.filesDeleted.length} files deleted`);
+    }
+    if (result_0.errors.length > 0) parts_0.push(`${result_0.errors.length} revert errors`);
+    const detail = parts_0.length > 0 ? ` (${parts_0.join(", ")})` : "";
+    setMessages(prev_4 => [...prev_4, {
+      role: "assistant",
+      text: `  ${symbols.check} Rewound to turn ${targetTurnIndex + 1}${detail}`
+    }]);
+  };
+
+  // ── Render ──
+
+  // ALL completed messages go to Static — written to stdout once, never re-rendered.
+  // This keeps the dynamic area small (only active tools + streaming + input),
+  // preventing the constant screen overwriting that blocks scrolling.
+  const staticItems = (() => {
+    const items = [{
+      id: "header",
+      type: "header"
+    }];
+    for (let i = 0; i < messages.length; i++) {
+      items.push({
+        id: `msg-${i}`,
+        type: "message",
+        msg: messages[i],
+        index: i
+      });
+    }
+    return items;
+  })();
+  if (error) {
+    return /*#__PURE__*/_jsxs(Box, {
+      flexDirection: "column",
+      paddingLeft: 1,
+      paddingRight: 1,
+      children: [/*#__PURE__*/_jsx(WhaleBanner, {}), /*#__PURE__*/_jsx(Text, {
+        children: " "
+      }), /*#__PURE__*/_jsxs(Text, {
+        color: colors.error,
+        children: ["  ", error]
+      })]
     });
-    const { handleSend } = useAgentLoop({
-        isStreaming, thinkingEnabled, conversationRef, abortRef,
-        accTextRef, lastContentUpdateRef, thinkingChunksRef, thinkingDoneRef,
-        rewindManagerRef, turnIndexRef,
-        setMessages, setStreamingText, setIsStreaming, setActiveTools,
-        setSubagentActivity, setCompletedSubagents, setTeamState,
+  }
+  if (!ready) {
+    return /*#__PURE__*/_jsx(Box, {
+      flexDirection: "column",
+      paddingLeft: 1,
+      paddingRight: 1,
+      children: /*#__PURE__*/_jsx(Text, {
+        color: colors.tertiary,
+        children: "loading..."
+      })
     });
-    // ── Plan approval handler ──
-    const handlePlanDecision = useCallback((decision) => {
-        setPlanApproval(null);
-        resolvePlanApproval(decision);
-    }, []);
-    // ── Rewind handler ──
-    const handleRewind = useCallback((checkpointIndex, outcome) => {
-        const rm = rewindManagerRef.current;
-        if (outcome === RewindOutcome.Cancel) {
-            setShowRewind(false);
-            return;
-        }
-        if (outcome === RewindOutcome.RevertOnly) {
-            // Revert files only, keep conversation
-            const result = rm.revertFilesFrom(checkpointIndex);
-            setShowRewind(false);
-            const total = result.filesReverted.length + result.filesDeleted.length;
-            const parts = [];
-            if (result.filesReverted.length > 0)
-                parts.push(`${result.filesReverted.length} reverted`);
-            if (result.filesDeleted.length > 0)
-                parts.push(`${result.filesDeleted.length} deleted`);
-            if (result.errors.length > 0)
-                parts.push(`${result.errors.length} errors`);
-            setMessages(prev => [...prev, {
-                    role: "assistant",
-                    text: total > 0
-                        ? `  ${symbols.check} File changes reverted (${parts.join(", ")})`
-                        : `  ${symbols.check} No file changes to revert.`,
-                }]);
-            return;
-        }
-        // RewindOnly or RewindAndRevert
-        const shouldRevertFiles = outcome === RewindOutcome.RewindAndRevert;
-        const result = rm.rewindTo(checkpointIndex);
-        // Truncate messages
-        setMessages(prev => prev.slice(0, result.messageCount));
-        // Truncate conversation history to match
-        // We need to figure out how many Anthropic messages correspond to the checkpoint.
-        // The checkpoint stores messageCount which is the UI messages count at that point.
-        // Rebuild conversation from remaining messages by keeping only the conversation
-        // entries up to the corresponding turn.
-        const targetTurnIndex = rm.getCheckpoints()[checkpointIndex]?.turnIndex ?? 0;
-        // Each user/assistant exchange is roughly 2 conversation entries (user + assistant).
-        // But the actual conversation is maintained independently.
-        // We slice it to 2*(turnIndex+1) entries (user+assistant pairs)
-        const conversationSlicePoint = Math.min((targetTurnIndex + 1) * 2, conversationRef.current.length);
-        conversationRef.current = conversationRef.current.slice(0, conversationSlicePoint);
-        // Reset turn index to match
-        turnIndexRef.current = targetTurnIndex + 1;
-        setShowRewind(false);
-        const parts = [];
-        if (shouldRevertFiles) {
-            if (result.filesReverted.length > 0)
-                parts.push(`${result.filesReverted.length} files reverted`);
-            if (result.filesDeleted.length > 0)
-                parts.push(`${result.filesDeleted.length} files deleted`);
+  }
+
+  // Plan approval no longer full-screen — plan content is pushed to Static (scrollable),
+  // PlanApproval renders as an overlay above the persistent input.
+
+  return /*#__PURE__*/_jsxs(Box, {
+    flexDirection: "column",
+    paddingLeft: 1,
+    paddingRight: 1,
+    children: [/*#__PURE__*/_jsx(Static, {
+      items: staticItems,
+      children: item => {
+        if (item.type === "header") {
+          const quiet = isNonInteractive || !!process.env.WHALE_QUIET;
+          return /*#__PURE__*/_jsxs(Box, {
+            flexDirection: "column",
+            children: [!quiet && /*#__PURE__*/_jsx(WhaleBanner, {}), /*#__PURE__*/_jsx(Text, {
+              children: " "
+            }), /*#__PURE__*/_jsxs(Text, {
+              children: ["  ", userLabel ? /*#__PURE__*/_jsxs(Text, {
+                color: colors.dim,
+                children: [userLabel, "  "]
+              }) : null, /*#__PURE__*/_jsx(Text, {
+                color: colors.dim,
+                children: currentModel
+              }), thinkingEnabled ? /*#__PURE__*/_jsx(Text, {
+                color: colors.warning,
+                children: "  thinking"
+              }) : null, getPermissionMode() !== "default" && /*#__PURE__*/_jsxs(Text, {
+                color: getPermissionMode() === "yolo" ? colors.error : colors.info,
+                children: ["  ", getPermissionMode()]
+              }), serverToolsAvailable > 0 ? /*#__PURE__*/_jsxs(Text, {
+                color: colors.tertiary,
+                children: ["  ", symbols.dot, " ", serverToolsAvailable, " tools"]
+              }) : null]
+            }), /*#__PURE__*/_jsx(Text, {
+              children: " "
+            })]
+          }, item.id);
         }
-        if (result.errors.length > 0)
-            parts.push(`${result.errors.length} revert errors`);
-        const detail = parts.length > 0 ? ` (${parts.join(", ")})` : "";
-        setMessages(prev => [...prev, {
-                role: "assistant",
-                text: `  ${symbols.check} Rewound to turn ${targetTurnIndex + 1}${detail}`,
-            }]);
-    }, []);
-    // ── Render ──
-    const termWidth = process.stdout.columns || 80;
-    const contentWidth = Math.max(20, termWidth - 2);
-    // ALL completed messages go to Static — written to stdout once, never re-rendered.
-    // This keeps the dynamic area small (only active tools + streaming + input),
-    // preventing the constant screen overwriting that blocks scrolling.
-    const staticItems = useMemo(() => {
-        const items = [{ id: "header", type: "header" }];
-        for (let i = 0; i < messages.length; i++) {
-            items.push({ id: `msg-${i}`, type: "message", msg: messages[i], index: i });
-        }
-        return items;
-    }, [messages]);
-    if (error) {
-        return (_jsxs(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, children: [_jsx(WhaleBanner, {}), _jsx(Text, { children: " " }), _jsxs(Text, { color: colors.error, children: ["  ", error] })] }));
-    }
-    if (!ready) {
-        return (_jsx(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, children: _jsx(Text, { color: colors.tertiary, children: "loading..." }) }));
-    }
-    // Plan approval no longer full-screen — plan content is pushed to Static (scrollable),
-    // PlanApproval renders as an overlay above the persistent input.
-    return (_jsxs(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, children: [_jsx(Static, { items: staticItems, children: (item) => {
-                    if (item.type === "header") {
-                        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(WhaleBanner, {}), _jsx(Text, { children: " " }), _jsxs(Text, { children: ["  ", userLabel ? _jsxs(Text, { color: colors.dim, children: [userLabel, "  "] }) : null, _jsx(Text, { color: colors.dim, children: currentModel }), thinkingEnabled ? _jsx(Text, { color: colors.warning, children: "  thinking" }) : null, getPermissionMode() !== "default" && (_jsxs(Text, { color: getPermissionMode() === "yolo" ? colors.error : colors.info, children: ["  ", getPermissionMode()] })), serverToolsAvailable > 0 ? (_jsxs(Text, { color: colors.tertiary, children: ["  ", symbols.dot, " ", serverToolsAvailable, " tools"] })) : null] }), _jsx(Text, { children: " " })] }, item.id));
-                    }
-                    return _jsx(CompletedMessage, { msg: item.msg, index: item.index, toolsExpanded: toolsExpanded }, item.id);
-                } }), teamState ? (_jsx(TeamPanel, { team: teamState })) : (_jsxs(_Fragment, { children: [isStreaming && (_jsxs(Box, { marginLeft: 2, marginTop: 1, marginBottom: 1, children: [_jsx(Text, { color: colors.brand, children: _jsx(Spinner, { type: "dots" }) }), _jsxs(Text, { color: colors.dim, children: ["  ", FUN_VERBS[verbIndex]] }), streamElapsed > 0 && (_jsxs(Text, { color: colors.quaternary, children: ["  ", streamElapsed < 60 ? `${streamElapsed}s` : `${Math.floor(streamElapsed / 60)}:${(streamElapsed % 60).toString().padStart(2, "0")}`] }))] })), activeTools.length > 0 && (_jsx(Box, { flexDirection: "column", marginLeft: 2, children: activeTools.map((tc, i) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(ToolIndicator, { id: `live-${tc.name}-${i}`, name: tc.name, status: tc.status, result: tc.result, input: tc.input, expanded: toolsExpanded, progress: tc.progress }), tc.name === "task" && tc.status === "running" && (subagentActivity.size > 0 || completedSubagents.length > 0) && (_jsx(SubagentPanel, { running: subagentActivity, completed: completedSubagents }))] }, `live-${tc.name}-${i}`))) })), toolsExpanded && !isStreaming && (() => {
-                        // Find collapsed tool results from the last assistant turn
-                        const lastAssistant = [...messages].reverse().find(m => m.role === "assistant" && m.toolCalls && m.toolCalls.length > 0);
-                        if (!lastAssistant?.toolCalls)
-                            return null;
-                        const collapsed = lastAssistant.toolCalls.filter(tc => tc.result && tc.status === "success" && tc.result.split("\n").length > 12);
-                        if (collapsed.length === 0)
-                            return null;
-                        return (_jsxs(Box, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: [_jsxs(Text, { color: colors.tertiary, children: ["─".repeat(Math.min(60, (process.stdout.columns || 80) - 6)), " ^O close"] }), collapsed.map((tc, i) => (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { color: colors.info, bold: true, children: tc.name }), _jsx(MarkdownText, { text: tc.result })] }, i))), _jsx(Text, { color: colors.tertiary, children: "─".repeat(Math.min(60, (process.stdout.columns || 80) - 6)) })] }));
-                    })(), streamingText && (_jsx(Box, { marginLeft: 2, flexDirection: "column", children: _jsx(StreamingText, { text: streamingText }) }))] })), showRewind && (_jsx(RewindViewer, { checkpoints: rewindManagerRef.current.getCheckpoints(), onRewind: handleRewind, onCancel: () => setShowRewind(false) })), sessionManagerMode && (_jsx(SessionManager, { sessions: sessionList, onSelect: handleSessionSelect, onCancel: () => setSessionManagerMode(false) })), memoryManagerMode && (_jsx(MemoryManager, { memories: memoryList, onDelete: handleMemoryDelete, onCancel: () => setMemoryManagerMode(false) })), nodeManagerMode && (_jsx(NodeManager, { initialStatus: nodeManagerStatus, onToggle: handleNodeToggle, onRegister: handleNodeRegister, onClose: handleNodeClose })), storeSelectMode && (_jsx(StoreSelector, { stores: storeList, currentStoreId: loadConfig().store_id || "", onSelect: handleStoreSelect, onCancel: handleStoreCancel })), nodeSelectMode && (_jsx(NodeSelector, { nodes: nodeList, onSelect: handleNodeSelect, onCancel: handleNodeCancel })), modelSelectMode && (_jsx(ModelSelector, { currentModel: currentModel, onSelect: (model) => {
-                    setModelSelectMode(false);
-                    setModel(model.value);
-                    setCurrentModel(model.value);
-                    setMessages((prev) => [...prev, {
-                            role: "assistant",
-                            text: `  ${symbols.check} Model: ${model.label}  (${model.modelId})`,
-                        }]);
-                }, onCancel: () => setModelSelectMode(false) })), themeSelectMode && (_jsx(ThemeSelector, { onSelect: (preset) => {
-                    setThemeSelectMode(false);
-                    switchTheme(preset.id);
-                    setMessages((prev) => [...prev, {
-                            role: "assistant",
-                            text: `  ${symbols.check} Theme: ${preset.label}`,
-                        }]);
-                }, onCancel: () => setThemeSelectMode(false) })), planApproval && (_jsx(PlanApproval, { planFile: planApproval.planFile, onDecision: handlePlanDecision })), _jsx(ChatInput, { onSubmit: handleSend, onCommand: handleCommand, disabled: isStreaming || !!planApproval, agentName: "whale code", onInterrupt: () => abortRef.current?.abort() }), _jsx(StatusBar, { permissionMode: getPermissionMode(), model: currentModel, thinkingEnabled: thinkingEnabled, serverTools: serverToolsAvailable, isStreaming: isStreaming, toolsExpanded: toolsExpanded })] }));
+        return /*#__PURE__*/_jsx(CompletedMessage, {
+          msg: item.msg,
+          index: item.index,
+          toolsExpanded: toolsExpanded
+        }, item.id);
+      }
+    }), teamState ? /*#__PURE__*/_jsx(TeamPanel, {
+      team: teamState
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [isStreaming && /*#__PURE__*/_jsxs(Box, {
+        marginLeft: 2,
+        marginTop: 1,
+        marginBottom: 1,
+        children: [isNonInteractive ? /*#__PURE__*/_jsx(Text, {
+          color: colors.dim,
+          children: "  ..."
+        }) : /*#__PURE__*/_jsx(Text, {
+          color: colors.brand,
+          children: /*#__PURE__*/_jsx(SpinnerSlot, {})
+        }), /*#__PURE__*/_jsxs(Text, {
+          color: colors.dim,
+          children: ["  ", (() => {
+            // Context-aware spinner text
+            if (activeTools.length > 0) {
+              const firstName = activeTools[0].name;
+              return activeTools.length > 1 ? `running ${firstName} (+${activeTools.length - 1} more)` : `running ${firstName}`;
+            }
+            if (subagentActivity.size > 0) {
+              return `${subagentActivity.size} agent${subagentActivity.size > 1 ? "s" : ""} working`;
+            }
+            // Team mode shows TeamPanel instead of spinner — no team check needed here
+            return FUN_VERBS[verbIndex];
+          })()]
+        }), streamElapsed >= 3 && /*#__PURE__*/_jsxs(Text, {
+          color: colors.quaternary,
+          children: ["  ", streamElapsed < 60 ? `${streamElapsed}s` : `${Math.floor(streamElapsed / 60)}:${(streamElapsed % 60).toString().padStart(2, "0")}`]
+        })]
+      }), activeTools.length > 0 && /*#__PURE__*/_jsxs(Box, {
+        flexDirection: "column",
+        marginLeft: 2,
+        children: [activeTools.slice(0, 5).map((tc, i_0) => /*#__PURE__*/_jsxs(Box, {
+          flexDirection: "column",
+          children: [/*#__PURE__*/_jsx(ToolIndicator, {
+            id: `live-${tc.name}-${i_0}`,
+            name: tc.name,
+            status: tc.status,
+            result: tc.result,
+            input: tc.input,
+            expanded: toolsExpanded,
+            progress: tc.progress
+          }), tc.name === "task" && tc.status === "running" && (subagentActivity.size > 0 || completedSubagents.length > 0) && /*#__PURE__*/_jsx(SubagentPanel, {
+            running: subagentActivity,
+            completed: completedSubagents
+          })]
+        }, `live-${tc.name}-${i_0}`)), activeTools.length > 5 && /*#__PURE__*/_jsxs(Text, {
+          color: colors.dim,
+          children: ["  ... and ", activeTools.length - 5, " more"]
+        })]
+      }), activeTools.length === 0 && (subagentActivity.size > 0 || completedSubagents.length > 0) && /*#__PURE__*/_jsx(Box, {
+        flexDirection: "column",
+        marginLeft: 2,
+        children: /*#__PURE__*/_jsx(SubagentPanel, {
+          running: subagentActivity,
+          completed: completedSubagents
+        })
+      }), toolsExpanded && !isStreaming && (() => {
+        // Find collapsed tool results from the last assistant turn
+        const lastAssistant = [...messages].reverse().find(m => m.role === "assistant" && m.toolCalls && m.toolCalls.length > 0);
+        if (!lastAssistant?.toolCalls) return null;
+        const collapsed = lastAssistant.toolCalls.filter(tc_0 => tc_0.result && tc_0.status === "success" && tc_0.result.split("\n").length > 12);
+        if (collapsed.length === 0) return null;
+        return /*#__PURE__*/_jsxs(Box, {
+          flexDirection: "column",
+          marginLeft: 2,
+          marginBottom: 1,
+          children: [/*#__PURE__*/_jsxs(Text, {
+            color: colors.tertiary,
+            children: ["─".repeat(Math.min(60, (process.stdout.columns || 80) - 6)), " ", bindingToLabel(kb.toggle_expand), " close"]
+          }), collapsed.map((tc_1, i_1) => /*#__PURE__*/_jsxs(Box, {
+            flexDirection: "column",
+            marginBottom: 1,
+            children: [/*#__PURE__*/_jsx(Text, {
+              color: colors.info,
+              bold: true,
+              children: tc_1.name
+            }), /*#__PURE__*/_jsx(MarkdownText, {
+              text: tc_1.result
+            })]
+          }, i_1)), /*#__PURE__*/_jsx(Text, {
+            color: colors.tertiary,
+            children: "─".repeat(Math.min(60, (process.stdout.columns || 80) - 6))
+          })]
+        });
+      })(), streamingText && /*#__PURE__*/_jsx(Box, {
+        marginLeft: 2,
+        flexDirection: "column",
+        children: /*#__PURE__*/_jsx(StreamingText, {
+          text: streamingText
+        })
+      })]
+    }), overlay.type === "rewind" && /*#__PURE__*/_jsx(RewindViewer, {
+      checkpoints: rewindManagerRef.current.getCheckpoints(),
+      onRewind: handleRewind,
+      onCancel: () => setOverlay({
+        type: "none"
+      })
+    }), overlay.type === "sessionManager" && /*#__PURE__*/_jsx(SessionManager, {
+      sessions: overlay.sessions,
+      onSelect: handleSessionSelect,
+      onCancel: () => setOverlay({
+        type: "none"
+      })
+    }), overlay.type === "memoryManager" && /*#__PURE__*/_jsx(MemoryManager, {
+      memories: overlay.memories,
+      onDelete: handleMemoryDelete,
+      onCancel: () => setOverlay({
+        type: "none"
+      })
+    }), overlay.type === "nodeManager" && /*#__PURE__*/_jsx(NodeManager, {
+      initialStatus: overlay.status,
+      onToggle: handleNodeToggle,
+      onRegister: handleNodeRegister,
+      onClose: handleNodeClose
+    }), overlay.type === "storeSelect" && /*#__PURE__*/_jsx(StoreSelector, {
+      stores: overlay.stores,
+      currentStoreId: loadConfig().store_id || "",
+      onSelect: handleStoreSelect,
+      onCancel: handleStoreCancel
+    }), overlay.type === "nodeSelect" && /*#__PURE__*/_jsx(NodeSelector, {
+      nodes: overlay.nodes,
+      onSelect: handleNodeSelect,
+      onCancel: handleNodeCancel
+    }), overlay.type === "modelSelect" && /*#__PURE__*/_jsx(ModelSelector, {
+      currentModel: currentModel,
+      onSelect: model => {
+        setOverlay({
+          type: "none"
+        });
+        setModel(model.value);
+        setCurrentModel(model.value);
+        setMessages(prev_5 => [...prev_5, {
+          role: "assistant",
+          text: `  ${symbols.check} Model: ${model.label}  (${model.modelId})`
+        }]);
+      },
+      onCancel: () => setOverlay({
+        type: "none"
+      })
+    }), overlay.type === "themeSelect" && /*#__PURE__*/_jsx(ThemeSelector, {
+      onSelect: preset => {
+        setOverlay({
+          type: "none"
+        });
+        switchTheme(preset.id);
+        setMessages(prev_6 => [...prev_6, {
+          role: "assistant",
+          text: `  ${symbols.check} Theme: ${preset.label}`
+        }]);
+      },
+      onCancel: () => setOverlay({
+        type: "none"
+      })
+    }), overlay.type === "planApproval" && /*#__PURE__*/_jsx(PlanApproval, {
+      planFile: overlay.planFile,
+      onDecision: handlePlanDecision
+    }), !isStreaming && messages.length > 0 && /*#__PURE__*/_jsx(Text, {
+      children: " "
+    }), /*#__PURE__*/_jsx(ChatInput, {
+      onSubmit: handleSend,
+      onCommand: handleCommand,
+      disabled: isStreaming || overlay.type === "planApproval",
+      agentName: "whale code",
+      onInterrupt: () => abortRef.current?.abort()
+    }), /*#__PURE__*/_jsx(StatusBar, {
+      permissionMode: getPermissionMode(),
+      model: currentModel,
+      thinkingEnabled: thinkingEnabled,
+      serverTools: serverToolsAvailable,
+      isStreaming: isStreaming,
+      toolsExpanded: toolsExpanded
+    })]
+  });
 }
+//# sourceMappingURL=ChatApp.js.map