whale-code 6.4.0 → 6.5.1

package/dist/cli/chat/SlashMenu.js

@@ -0,0 +1,208 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SlashMenu — Two-level categorized slash command menu
+ *
+ * Pure rendering component: zero internal state, zero keyboard handling.
+ * ChatInput owns all state and passes props.
+ *
+ * Level 1: Category list (6 rows)
+ * Level 2: Commands within a category (with breadcrumb header)
+ * Filter:  Flat filtered list (existing behavior)
+ */
+import { Box, Text } from "ink";
+import { colors } from "../shared/Theme.js";
+// ── Command Definitions (6 categories) ──
+export const CATEGORIES = [
+    {
+        label: "Session",
+        color: colors.brand,
+        commands: [
+            { name: "/clear", description: "Clear conversation" },
+            { name: "/save", description: "Save session to disk" },
+            { name: "/sessions", description: "List saved sessions" },
+            { name: "/resume", description: "Resume a saved session" },
+            { name: "/compact", description: "Compress conversation context" },
+            { name: "/rewind", description: "Rewind conversation to earlier point" },
+        ],
+    },
+    {
+        label: "Config",
+        color: colors.warning,
+        commands: [
+            { name: "/model", description: "Switch model (Anthropic/Bedrock/Gemini)" },
+            { name: "/mode", description: "Permission mode (default/plan/yolo)" },
+            { name: "/thinking", description: "Toggle extended thinking" },
+            { name: "/store", description: "Switch active store" },
+            { name: "/theme", description: "Switch color theme" },
+            { name: "/init", description: "Generate project config (.whale/CLAUDE.md)" },
+            { name: "/update", description: "Check for updates & install" },
+        ],
+    },
+    {
+        label: "Info",
+        color: colors.info,
+        commands: [
+            { name: "/help", description: "Show available commands" },
+            { name: "/status", description: "Show session info" },
+            { name: "/tools", description: "List all tools" },
+            { name: "/mcp", description: "Server connection status" },
+            { name: "/agents", description: "List available agent types" },
+        ],
+    },
+    {
+        label: "Memory",
+        color: colors.purple,
+        commands: [
+            { name: "/remember", description: "Remember a fact across sessions" },
+            { name: "/forget", description: "Forget a remembered fact" },
+            { name: "/memory", description: "List all remembered facts" },
+        ],
+    },
+    {
+        label: "Nodes",
+        color: colors.success,
+        commands: [
+            { name: "/nodes", description: "Connected whale-nodes" },
+        ],
+    },
+    {
+        label: "Account",
+        color: colors.tertiary,
+        commands: [
+            { name: "/logout", description: "Log out and exit" },
+            { name: "/exit", description: "Exit" },
+        ],
+    },
+];
+/** Flat array of all commands (for external consumers like /help) */
+export const SLASH_COMMANDS = CATEGORIES.flatMap(c => c.commands);
+// ── Category helpers ──
+export function getCategoryCount() {
+    return CATEGORIES.length;
+}
+export function getCategoryCommandCount(catIndex) {
+    return CATEGORIES[catIndex]?.commands.length ?? 0;
+}
+export function getCategoryLabel(catIndex) {
+    return CATEGORIES[catIndex]?.label ?? "";
+}
+export function getCategoryColor(catIndex) {
+    return CATEGORIES[catIndex]?.color ?? colors.tertiary;
+}
+export function getCategoryCommand(catIndex, cmdIndex) {
+    return CATEGORIES[catIndex]?.commands[cmdIndex] ?? null;
+}
+// ── Windowed rendering constants ──
+const MAX_VISIBLE = 12;
+const SCROLL_PADDING = 2;
+// ── Flat list builder (memoized on filter) ──
+function buildFlatList(filter) {
+    const q = filter.toLowerCase();
+    const items = [];
+    for (const cat of CATEGORIES) {
+        const matched = q
+            ? cat.commands.filter(c => c.name.includes(q) || c.description.toLowerCase().includes(q))
+            : cat.commands;
+        if (matched.length === 0)
+            continue;
+        items.push({ kind: "header", label: cat.label, color: cat.color });
+        for (const cmd of matched) {
+            items.push({ kind: "command", command: cmd, color: cat.color });
+        }
+    }
+    return items;
+}
+/** Count of selectable (command) items in a filtered list */
+export function getFilteredSelectableCount(filter) {
+    const q = filter.toLowerCase();
+    let count = 0;
+    for (const cat of CATEGORIES) {
+        const matched = q
+            ? cat.commands.filter(c => c.name.includes(q) || c.description.toLowerCase().includes(q))
+            : cat.commands;
+        count += matched.length;
+    }
+    return count;
+}
+/** Get the command at a given selectable index (skipping headers) */
+export function getCommandAtIndex(filter, selectableIndex) {
+    const flat = buildFlatList(filter);
+    let si = 0;
+    for (const item of flat) {
+        if (item.kind === "command") {
+            if (si === selectableIndex)
+                return item.command;
+            si++;
+        }
+    }
+    return null;
+}
+export function SlashMenu({ filter, selectedIndex, selectedCategory }) {
+    // ── Level 1: Category list ──
+    if (selectedCategory === null && filter === "") {
+        return (_jsx(Box, { flexDirection: "column", children: CATEGORIES.map((cat, i) => {
+                const isSelected = i === selectedIndex;
+                const count = cat.commands.length;
+                const countLabel = count === 1 ? "1 command" : `${count} commands`;
+                return (_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? cat.color : colors.quaternary, children: isSelected ? "\u203A " : "  " }), _jsx(Text, { color: isSelected ? cat.color : colors.secondary, bold: isSelected, children: cat.label }), _jsxs(Text, { color: colors.tertiary, children: ["  ", countLabel] })] }, cat.label));
+            }) }));
+    }
+    // ── Level 2: Commands within a category ──
+    if (selectedCategory !== null && filter === "") {
+        const cat = CATEGORIES[selectedCategory];
+        if (!cat)
+            return null;
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsx(Text, { color: cat.color, children: `  \u2039 ${cat.label}` }) }), cat.commands.map((cmd, i) => {
+                    const isSelected = i === selectedIndex;
+                    return (_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? cat.color : colors.quaternary, children: isSelected ? "\u203A " : "  " }), _jsx(Text, { color: isSelected ? cat.color : colors.secondary, bold: isSelected, children: cmd.name }), _jsxs(Text, { color: colors.tertiary, children: ["  ", cmd.description] })] }, cmd.name));
+                })] }));
+    }
+    // ── Filter mode: flat filtered list (existing behavior) ──
+    const flatList = buildFlatList(filter);
+    // Map selectedIndex (selectable-only) → flat-list index
+    let selectedFlatIndex = -1;
+    {
+        let si = 0;
+        for (let i = 0; i < flatList.length; i++) {
+            if (flatList[i].kind === "command") {
+                if (si === selectedIndex) {
+                    selectedFlatIndex = i;
+                    break;
+                }
+                si++;
+            }
+        }
+    }
+    // Calculate visible window
+    let windowStart = 0;
+    let windowEnd = flatList.length;
+    if (flatList.length > MAX_VISIBLE) {
+        windowStart = Math.max(0, selectedFlatIndex - SCROLL_PADDING);
+        windowEnd = windowStart + MAX_VISIBLE;
+        if (windowEnd > flatList.length) {
+            windowEnd = flatList.length;
+            windowStart = Math.max(0, windowEnd - MAX_VISIBLE);
+        }
+    }
+    const visibleItems = flatList.slice(windowStart, windowEnd);
+    const hasOverflowAbove = windowStart > 0;
+    const hasOverflowBelow = windowEnd < flatList.length;
+    // No matching commands
+    if (flatList.length === 0) {
+        return _jsx(Text, { color: colors.tertiary, children: "  no matching commands" });
+    }
+    // Track selectable index as we render
+    let selectableCounter = 0;
+    for (let i = 0; i < windowStart; i++) {
+        if (flatList[i].kind === "command")
+            selectableCounter++;
+    }
+    return (_jsxs(Box, { flexDirection: "column", children: [hasOverflowAbove && (_jsxs(Text, { color: colors.quaternary, children: ["  ", "  \u2191 more"] })), visibleItems.map((item) => {
+                if (item.kind === "header") {
+                    return (_jsx(Box, { children: _jsx(Text, { color: item.color, dimColor: true, children: `  ${item.label}` }) }, `h-${item.label}`));
+                }
+                const thisSelectableIdx = selectableCounter++;
+                const isSelected = thisSelectableIdx === selectedIndex;
+                return (_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? item.color : colors.quaternary, children: isSelected ? "\u203A " : "  " }), _jsx(Text, { color: isSelected ? item.color : colors.secondary, bold: isSelected, children: item.command.name }), _jsxs(Text, { color: colors.tertiary, children: ["  ", item.command.description] })] }, item.command.name));
+            }), hasOverflowBelow && (_jsxs(Text, { color: colors.quaternary, children: ["  ", "  \u2193 more"] }))] }));
+}

package/dist/cli/chat/StatusBar.d.ts

@@ -0,0 +1,16 @@
+/**
+ * StatusBar — persistent status line below the chat input
+ *
+ * Shows: permission mode · model · thinking on/off · tool count · streaming elapsed
+ * Single line, dimmed colors, dot-separated items.
+ */
+interface StatusBarProps {
+    permissionMode: string;
+    model: string;
+    thinkingEnabled: boolean;
+    serverTools: number;
+    isStreaming: boolean;
+    toolsExpanded?: boolean;
+}
+export declare function StatusBar({ permissionMode, model, thinkingEnabled, serverTools, isStreaming, toolsExpanded, }: StatusBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cli/chat/StatusBar.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * StatusBar — persistent status line below the chat input
+ *
+ * Shows: permission mode · model · thinking on/off · tool count · streaming elapsed
+ * Single line, dimmed colors, dot-separated items.
+ */
+import { Box, Text } from "ink";
+import { colors, symbols } from "../shared/Theme.js";
+// ── Helpers ──
+function modeColor(mode) {
+    switch (mode) {
+        case "yolo": return colors.error;
+        case "plan": return colors.info;
+        default: return colors.quaternary;
+    }
+}
+// ── Component ──
+export function StatusBar({ permissionMode, model, thinkingEnabled, serverTools, isStreaming, toolsExpanded, }) {
+    const sep = ` ${symbols.dot} `;
+    return (_jsxs(Box, { marginLeft: 2, overflow: "hidden", children: [_jsx(Text, { color: modeColor(permissionMode), wrap: "truncate", children: permissionMode }), _jsxs(Text, { color: colors.quaternary, wrap: "truncate", children: [sep, model, sep, "thinking ", thinkingEnabled ? "on" : "off", serverTools > 0 ? `${sep}${serverTools} tools` : ""] }), toolsExpanded && !isStreaming && (_jsxs(Text, { color: colors.info, wrap: "truncate", children: [sep, "expanded ^O close"] }))] }));
+}

package/dist/cli/chat/ThemeSelector.d.ts

@@ -0,0 +1,14 @@
+/**
+ * ThemeSelector — inline theme picker for chat
+ *
+ * Renders a SelectInput with available color themes.
+ * Shows colored preview dots (brand/success/error/purple) for each theme.
+ * Current theme marked with dot. Esc to cancel.
+ */
+import { type ThemePreset } from "../shared/theme-manager.js";
+interface ThemeSelectorProps {
+    onSelect: (preset: ThemePreset) => void;
+    onCancel: () => void;
+}
+export declare function ThemeSelector({ onSelect, onCancel }: ThemeSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cli/chat/ThemeSelector.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from "ink";
+import SelectInput from "ink-select-input";
+import { colors, symbols } from "../shared/Theme.js";
+import { getThemePresets, getCurrentThemeId } from "../shared/theme-manager.js";
+export function ThemeSelector({ onSelect, onCancel }) {
+    useInput((_input, key) => {
+        if (key.escape)
+            onCancel();
+    });
+    const presets = getThemePresets();
+    const currentId = getCurrentThemeId();
+    const items = presets.map((p) => ({
+        label: p.label,
+        value: p.id,
+    }));
+    const handleSelect = (item) => {
+        const preset = presets.find((p) => p.id === item.value);
+        if (preset)
+            onSelect(preset);
+    };
+    const initialIdx = Math.max(0, items.findIndex((i) => i.value === currentId));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: colors.secondary, children: "  Select theme:" }), _jsx(Box, { height: 1 }), _jsx(SelectInput, { items: items, initialIndex: initialIdx, onSelect: handleSelect, indicatorComponent: ({ isSelected }) => (_jsxs(Text, { color: isSelected ? colors.brand : colors.quaternary, children: [isSelected ? symbols.arrowRight : " ", " "] })), itemComponent: ({ isSelected, label, value }) => {
+                    const preset = presets.find((p) => p.id === value);
+                    const isCurrent = value === currentId;
+                    const chrome = preset?.chrome;
+                    return (_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? colors.brand : colors.text, bold: isSelected, children: label }), chrome && (_jsxs(Text, { children: ["  ", _jsx(Text, { color: chrome.brand, children: "\u25CF" }), _jsx(Text, { color: chrome.success, children: "\u25CF" }), _jsx(Text, { color: chrome.error, children: "\u25CF" }), _jsx(Text, { color: chrome.purple, children: "\u25CF" })] })), isCurrent && _jsxs(Text, { color: colors.success, children: ["  ", symbols.dot, " current"] })] }));
+                } }), _jsx(Text, { color: colors.quaternary, children: "  esc to cancel" })] }));
+}

package/dist/cli/chat/ToolIndicator.d.ts

@@ -17,6 +17,14 @@ interface ToolIndicatorProps {
     expanded?: boolean;
     /** When > 1, shows a "× N" badge and hides result (collapsed duplicate group) */
     count?: number;
+    progress?: {
+        phase?: string;
+        elapsed_s: number;
+        stdout_lines: number;
+        stderr_lines: number;
+        stdout_bytes: number;
+        last_line?: string;
+    };
 }
 /** Shorten an absolute path for display: strip cwd, collapse home, truncate */
 export declare function shortenPath(fullPath: string, maxLen?: number): string;

package/dist/cli/chat/ToolIndicator.js

@@ -19,7 +19,10 @@ import os from "os";
 // CONSTANTS
 // ============================================================================
 const AUTO_EXPAND_THRESHOLD = 12;
+const SERVER_AUTO_EXPAND_THRESHOLD = 30; // Server tools (tables) get more room before collapsing
 const PREVIEW_LINES = 6;
+const SERVER_PREVIEW_LINES = 20; // Tables need ~header + separator + 17 data rows
+const MINI_PREVIEW_LINES = 3;
 // ============================================================================
 // HELPERS
 // ============================================================================
@@ -239,6 +242,16 @@ function formatSearchResult(result) {
         return line;
     }).join("\n");
 }
+function formatElapsed(s) {
+    const m = Math.floor(s / 60);
+    const sec = Math.floor(s % 60);
+    return m > 0 ? `${m}m${sec}s` : `${sec}s`;
+}
+function progressBar(elapsed, maxSeconds = 300) {
+    const pct = Math.min(elapsed / maxSeconds, 1);
+    const filled = Math.round(pct * 20);
+    return "\u2588".repeat(filled) + "\u2591".repeat(20 - filled);
+}
 const PLAIN_TEXT_TOOLS = new Set(["enter_plan_mode", "exit_plan_mode", "ask_user_question", "skill"]);
 function detectLang(toolName, input) {
     if (toolName === "edit_file" || toolName === "multi_edit")
@@ -281,7 +294,7 @@ function wrapInFence(content, lang, subtitle) {
 // ============================================================================
 // COMPONENT
 // ============================================================================
-export const ToolIndicator = React.memo(function ToolIndicator({ id: _id, name, status, result, input, durationMs, expanded = false, count }) {
+export const ToolIndicator = React.memo(function ToolIndicator({ id: _id, name, status, result, input, durationMs, expanded = false, count, progress }) {
     const context = useMemo(() => formatContext(name, input), [name, input]);
     const lineCount = useMemo(() => result ? result.split("\n").length : 0, [result]);
     // Elapsed time counter for running tools
@@ -354,8 +367,7 @@ export const ToolIndicator = React.memo(function ToolIndicator({ id: _id, name,
         if (category === "search") {
             const lines = result.split("\n").filter(l => l.trim());
             const files = new Set(lines.map(l => l.split(":")[0]).filter(f => f.includes("/") || f.includes(".")));
-            if (lines.length > 0)
-                return { type: "search", matches: lines.length, files: files.size };
+            return { type: "search", matches: lines.length, files: files.size };
         }
         if (category === "command") {
             const lines = result.split("\n").filter(l => l.trim());
@@ -389,6 +401,10 @@ export const ToolIndicator = React.memo(function ToolIndicator({ id: _id, name,
     }, [status, result]);
     // ── RUNNING ──
     if (status === "running") {
+        // Kali with structured progress — richer display
+        if (name === "kali" && progress) {
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: catStyle.color, children: _jsx(Spinner, { type: "dots" }) }), _jsxs(Text, { color: catStyle.color, children: [" ", catStyle.icon] }), _jsxs(Text, { color: catStyle.color, bold: true, children: [" ", getDisplayName(name)] }), context ? _jsxs(Text, { color: colors.dim, children: ["  ", context] }) : null, progress.phase && _jsxs(Text, { color: colors.info, children: ["  ", progress.phase] }), _jsxs(Text, { color: progress.elapsed_s >= 60 ? colors.warning : colors.dim, children: ["  ", formatElapsed(progress.elapsed_s)] })] }), _jsxs(Box, { marginLeft: 4, children: [_jsx(Text, { color: colors.tertiary, children: progressBar(progress.elapsed_s) }), _jsxs(Text, { color: colors.dim, children: ["  ", progress.stdout_lines, " lines"] }), progress.stderr_lines > 0 && _jsxs(Text, { color: colors.warning, children: ["  ", progress.stderr_lines, " err"] })] }), progress.last_line && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { color: colors.tertiary, wrap: "truncate", children: progress.last_line }) }))] }));
+        }
         return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: catStyle.color, children: _jsx(Spinner, { type: "dots" }) }), _jsxs(Text, { color: catStyle.color, children: [" ", catStyle.icon] }), _jsxs(Text, { color: catStyle.color, bold: true, children: [" ", getDisplayName(name)] }), context ? _jsxs(Text, { color: colors.dim, children: ["  ", context] }) : null, elapsed >= 2 && _jsxs(Text, { color: elapsed >= 30 ? colors.warning : colors.dim, children: ["  ", formatDuration(elapsed * 1000)] })] }), liveLines.length > 0 && (_jsx(Box, { flexDirection: "column", marginLeft: 4, children: liveLines.map((line, i) => (_jsx(Text, { color: colors.tertiary, wrap: "truncate", children: line }, i))) }))] }));
     }
     // ── ERROR ──
@@ -397,10 +413,13 @@ export const ToolIndicator = React.memo(function ToolIndicator({ id: _id, name,
     }
     // ── SUCCESS ──
     const hasResult = !!(result && result.trim());
-    const isShort = lineCount <= AUTO_EXPAND_THRESHOLD;
+    const isServer = category === "server" || category === "agent";
+    const autoExpandLimit = isServer ? SERVER_AUTO_EXPAND_THRESHOLD : AUTO_EXPAND_THRESHOLD;
+    const isShort = lineCount <= autoExpandLimit;
     // Read/write results stay collapsed (just header line) — Claude Code parity.
     // Edit/search/command results auto-expand if short enough.
     // Writes with diffs auto-expand like edits.
+    // Server/agent results get a higher threshold — tables need more room.
     const hasDiff = lang === "diff";
     const collapseByDefault = category === "read" || (category === "write" && !hasDiff) || category === "directory";
     // Interactive tools (plan mode) always expand to show their content
@@ -419,11 +438,15 @@ export const ToolIndicator = React.memo(function ToolIndicator({ id: _id, name,
     }, [isGrouped, result]);
     return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: catStyle.color, children: [" ", catStyle.icon] }), _jsxs(Text, { color: catStyle.color, bold: true, children: [" ", getDisplayName(name)] }), context ? _jsxs(Text, { color: colors.dim, children: ["  ", context] }) : null, durationMs !== undefined && (durationMs > 3000
                         ? _jsxs(Text, { color: colors.warning, children: ["  ", formatDuration(durationMs)] })
-                        : _jsxs(Text, { color: colors.dim, children: ["  ", formatDuration(durationMs)] })), summary?.type === "edit" && category === "edit" && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.success, children: ["  +", summary.added] }), _jsxs(Text, { color: colors.error, children: [" -", summary.removed] })] })), summary?.type === "search" && (_jsxs(Text, { color: colors.dim, children: ["  ", summary.matches, " match", summary.matches !== 1 ? "es" : "", summary.files > 0 ? ` in ${summary.files} file${summary.files !== 1 ? "s" : ""}` : ""] })), summary && "label" in summary && summary.type !== "server" && (_jsxs(Text, { color: colors.dim, children: ["  ", summary.label] })), summary?.type === "server" && (_jsxs(Text, { color: colors.info, children: ["  ", summary.label] })), !summary && hasResult && !showFull && _jsxs(Text, { color: colors.dim, children: ["  ", lineCount, " lines"] }), (count ?? 0) > 1 && _jsxs(Text, { color: colors.dim, dimColor: true, children: ["  \u00D7 ", count] })] }), isGrouped && groupSummaryLine && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { color: colors.tertiary, wrap: "truncate", children: groupSummaryLine }) })), category === "write" && hasDiff && summary?.type === "edit" && (_jsxs(Box, { marginLeft: 2, children: [_jsx(Text, { color: colors.tertiary, children: "\u2514 Added " }), _jsx(Text, { color: colors.success, children: summary.added }), _jsx(Text, { color: colors.tertiary, children: " lines, removed " }), _jsx(Text, { color: colors.error, children: summary.removed }), _jsx(Text, { color: colors.tertiary, children: " lines" })] })), showFull && (_jsx(Box, { marginLeft: 2, flexDirection: "column", children: _jsx(MarkdownText, { text: category === "agent"
+                        : _jsxs(Text, { color: colors.dim, children: ["  ", formatDuration(durationMs)] })), summary?.type === "edit" && category === "edit" && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.success, children: ["  +", summary.added] }), _jsxs(Text, { color: colors.error, children: [" -", summary.removed] })] })), summary?.type === "search" && (_jsxs(Text, { color: colors.dim, children: ["  ", summary.matches, " match", summary.matches !== 1 ? "es" : "", summary.files > 0 ? ` in ${summary.files} file${summary.files !== 1 ? "s" : ""}` : ""] })), summary && "label" in summary && summary.type !== "server" && (_jsxs(Text, { color: colors.dim, children: ["  ", summary.label] })), summary?.type === "server" && (_jsxs(Text, { color: colors.info, children: ["  ", summary.label] })), !summary && hasResult && !showFull && _jsxs(Text, { color: colors.dim, children: ["  ", lineCount, " lines"] }), !hasResult && status === "success" && _jsx(Text, { color: colors.quaternary, children: "  (no output)" }), hasResult && !showFull && collapseByDefault && !isGrouped && _jsx(Text, { color: colors.quaternary, children: "  ^O" }), (count ?? 0) > 1 && _jsxs(Text, { color: colors.dim, dimColor: true, children: ["  \u00D7 ", count] })] }), isGrouped && groupSummaryLine && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { color: colors.tertiary, wrap: "truncate", children: groupSummaryLine }) })), category === "write" && hasDiff && summary?.type === "edit" && (_jsxs(Box, { marginLeft: 2, children: [_jsx(Text, { color: colors.tertiary, children: "\u2514 Added " }), _jsx(Text, { color: colors.success, children: summary.added }), _jsx(Text, { color: colors.tertiary, children: " lines, removed " }), _jsx(Text, { color: colors.error, children: summary.removed }), _jsx(Text, { color: colors.tertiary, children: " lines" })] })), showFull && (_jsx(Box, { marginLeft: 2, flexDirection: "column", children: _jsx(MarkdownText, { text: category === "agent"
                         ? result
-                        : wrapInFence(category === "search" ? formatSearchResult(result) : result, lang, filePath) }) })), hasResult && !showFull && !collapseByDefault && !isGrouped && (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsx(MarkdownText, { text: category === "agent"
-                            ? result.split("\n").slice(0, PREVIEW_LINES).join("\n")
-                            : wrapInFence((category === "search" ? formatSearchResult(result) : result).split("\n").slice(0, PREVIEW_LINES).join("\n"), lang, filePath) }), _jsxs(Text, { color: colors.quaternary, children: ["    \u2514 +", lineCount - PREVIEW_LINES, " lines  "] }), _jsx(Text, { color: colors.tertiary, dimColor: true, children: "^E" })] }))] }));
+                        : wrapInFence(category === "search" ? formatSearchResult(result) : result, lang, filePath) }) })), hasResult && !showFull && collapseByDefault && !isGrouped && (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsx(MarkdownText, { text: wrapInFence(result.split("\n").slice(0, MINI_PREVIEW_LINES).join("\n"), lang, filePath) }), lineCount > MINI_PREVIEW_LINES && _jsxs(Text, { color: colors.quaternary, children: ["    \u2514 +", lineCount - MINI_PREVIEW_LINES, " lines  ", _jsx(Text, { color: colors.tertiary, children: "^O expand" })] })] })), hasResult && !showFull && !collapseByDefault && !isGrouped && (() => {
+                const previewN = isServer ? SERVER_PREVIEW_LINES : PREVIEW_LINES;
+                const remaining = lineCount - previewN;
+                return (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsx(MarkdownText, { text: category === "agent"
+                                ? result.split("\n").slice(0, previewN).join("\n")
+                                : wrapInFence((category === "search" ? formatSearchResult(result) : result).split("\n").slice(0, previewN).join("\n"), lang, filePath) }), remaining > 0 && _jsxs(Text, { color: colors.quaternary, children: ["    \u2514 +", remaining, " lines  ", _jsx(Text, { color: colors.tertiary, children: "^O expand" })] })] }));
+            })()] }));
 }, (prev, next) => {
     // Custom comparator: skip deep-comparing input object reference
     return prev.id === next.id
@@ -432,5 +455,6 @@ export const ToolIndicator = React.memo(function ToolIndicator({ id: _id, name,
         && prev.result === next.result
         && prev.durationMs === next.durationMs
         && prev.name === next.name
-        && prev.count === next.count;
+        && prev.count === next.count
+        && prev.progress === next.progress;
 });

package/dist/cli/chat/hooks/useAgentLoop.d.ts

@@ -15,7 +15,8 @@ export interface AgentLoopDeps {
     abortRef: React.MutableRefObject<AbortController | null>;
     accTextRef: React.MutableRefObject<string>;
     lastContentUpdateRef: React.MutableRefObject<number>;
-    thinkingVerbRef: React.MutableRefObject<string>;
+    thinkingChunksRef: React.MutableRefObject<number>;
+    thinkingDoneRef: React.MutableRefObject<boolean>;
     rewindManagerRef: React.MutableRefObject<RewindManager>;
     turnIndexRef: React.MutableRefObject<number>;
     setMessages: React.Dispatch<React.SetStateAction<ChatMessage[]>>;

package/dist/cli/chat/hooks/useAgentLoop.js

@@ -7,15 +7,8 @@ import { useCallback, useRef } from "react";
 import { runAgentLoop } from "../../services/agent-loop.js";
 import { AgentEventEmitter } from "../../services/agent-events.js";
 import { listBackups } from "../../services/file-history.js";
-function randomVerb() {
-    const THINKING_VERBS = [
-        "thinking\u2026", "reasoning\u2026", "considering\u2026", "analyzing\u2026", "evaluating\u2026",
-        "pondering\u2026", "processing\u2026", "reflecting\u2026", "examining\u2026", "working\u2026",
-    ];
-    return THINKING_VERBS[Math.floor(Math.random() * THINKING_VERBS.length)];
-}
 export function useAgentLoop(deps) {
-    const { isStreaming, thinkingEnabled, conversationRef, abortRef, accTextRef, lastContentUpdateRef, thinkingVerbRef, rewindManagerRef, turnIndexRef, setMessages, setStreamingText, setIsStreaming, setActiveTools, setSubagentActivity, setCompletedSubagents, setTeamState, } = deps;
+    const { isStreaming, thinkingEnabled, conversationRef, abortRef, accTextRef, lastContentUpdateRef, thinkingChunksRef, thinkingDoneRef, rewindManagerRef, turnIndexRef, setMessages, setStreamingText, setIsStreaming, setActiveTools, setSubagentActivity, setCompletedSubagents, setTeamState, } = deps;
     // Single ref for the unified flush timer — survives across handleSend calls for cleanup
     const flushTimerRef = useRef(null);
     const handleSend = useCallback(async (userMessage, images) => {
@@ -32,7 +25,8 @@ export function useAgentLoop(deps) {
         setCompletedSubagents([]);
         setTeamState(null);
         setIsStreaming(true);
-        thinkingVerbRef.current = randomVerb();
+        thinkingChunksRef.current = 0;
+        thinkingDoneRef.current = false;
         const abort = new AbortController();
         abortRef.current = abort;
         accTextRef.current = "";
@@ -101,7 +95,15 @@ export function useAgentLoop(deps) {
         const teammateStatus = new Map();
         const unsub = emitter.onEvent((event) => {
             switch (event.type) {
+                case "thinking":
+                    thinkingChunksRef.current = event.chunkCount;
+                    markDirty("text");
+                    break;
                 case "text":
+                    if (thinkingChunksRef.current > 0 && !thinkingDoneRef.current) {
+                        thinkingDoneRef.current = true;
+                        markDirty("text");
+                    }
                     accTextRef.current += event.text;
                     markDirty("text");
                     break;
@@ -115,6 +117,14 @@ export function useAgentLoop(deps) {
                     }
                     break;
                 }
+                case "tool_progress": {
+                    const idx = toolCalls.findIndex(t => t.name === event.toolName && t.status === "running");
+                    if (idx >= 0) {
+                        toolCalls[idx].progress = event.progress;
+                        markDirty("tools");
+                    }
+                    break;
+                }
                 case "team_start":
                     teamName = event.name;
                     teamTotal = event.taskCount;
@@ -293,14 +303,9 @@ export function useAgentLoop(deps) {
                             }
                         }
                     }
-                    setMessages(prev => {
-                        const last = prev[prev.length - 1];
-                        if (last?.role === "assistant" && !last.text && !last.usage && last.toolCalls?.length) {
-                            const updated = { ...last, toolCalls: [...last.toolCalls, completedTool] };
-                            return [...prev.slice(0, -1), updated];
-                        }
-                        return [...prev, { role: "assistant", text: "", toolCalls: [completedTool] }];
-                    });
+                    // Each tool result is its own message — goes to Static immediately.
+                    // (Don't batch into the last message — Static can't re-render updated items.)
+                    setMessages(prev => [...prev, { role: "assistant", text: "", toolCalls: [completedTool] }]);
                     setActiveTools([...toolCalls]);
                     accTextRef.current = "";
                     setStreamingText("");

package/dist/cli/chat/hooks/useSlashCommands.d.ts

@@ -6,6 +6,9 @@
 import type Anthropic from "@anthropic-ai/sdk";
 import { type StoreInfo } from "../../services/auth-service.js";
 import type { ChatMessage } from "../MessageList.js";
+import type { NodeInfo } from "../NodeSelector.js";
+import type { NodeStatus, NodeActionResult } from "../NodeManager.js";
+import type { SessionMeta } from "../../services/session-persistence.js";
 export interface SlashCommandDeps {
     exit: () => void;
     toolsExpanded: boolean;
@@ -27,6 +30,15 @@ export interface SlashCommandDeps {
     setServerToolsAvailable: React.Dispatch<React.SetStateAction<number>>;
     setShowRewind: React.Dispatch<React.SetStateAction<boolean>>;
     rewindCheckpointCount: number;
+    setNodeSelectMode: React.Dispatch<React.SetStateAction<boolean>>;
+    setNodeList: React.Dispatch<React.SetStateAction<NodeInfo[]>>;
+    setSessionManagerMode: React.Dispatch<React.SetStateAction<boolean>>;
+    setSessionList: React.Dispatch<React.SetStateAction<SessionMeta[]>>;
+    setMemoryManagerMode: React.Dispatch<React.SetStateAction<boolean>>;
+    setMemoryList: React.Dispatch<React.SetStateAction<string[]>>;
+    setThemeSelectMode: React.Dispatch<React.SetStateAction<boolean>>;
+    setNodeManagerMode: React.Dispatch<React.SetStateAction<boolean>>;
+    setNodeManagerStatus: React.Dispatch<React.SetStateAction<NodeStatus>>;
     PKG_NAME: string;
     PKG_VERSION: string;
 }
@@ -34,4 +46,11 @@ export declare function useSlashCommands(deps: SlashCommandDeps): {
     handleCommand: (command: string) => Promise<void>;
     handleStoreSelect: (store: StoreInfo) => void;
     handleStoreCancel: () => void;
+    handleNodeSelect: (node: NodeInfo) => void;
+    handleNodeCancel: () => void;
+    handleSessionSelect: (session: SessionMeta) => void;
+    handleMemoryDelete: (index: number) => void;
+    handleNodeToggle: () => Promise<NodeActionResult>;
+    handleNodeRegister: () => Promise<NodeActionResult>;
+    handleNodeClose: (resultMessage?: string) => void;
 };