whale-code 6.4.0

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

@@ -0,0 +1,20 @@
+/**
+ * ModelSelector — inline model picker for chat
+ *
+ * Renders a SelectInput with available LLM models, grouped by provider.
+ * Esc to cancel. Current model marked with dot.
+ */
+export interface ModelOption {
+    label: string;
+    value: string;
+    modelId: string;
+    provider: string;
+}
+export declare const MODEL_OPTIONS: ModelOption[];
+interface ModelSelectorProps {
+    currentModel: string;
+    onSelect: (model: ModelOption) => void;
+    onCancel: () => void;
+}
+export declare function ModelSelector({ currentModel, onSelect, onCancel }: ModelSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cli/chat/ModelSelector.js

@@ -0,0 +1,73 @@
+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";
+export const MODEL_OPTIONS = [
+    // Auto
+    { label: "Auto (smart routing)", value: "auto", modelId: "auto", provider: "Auto" },
+    // Anthropic
+    { label: "Opus 4.6", value: "opus", modelId: "claude-opus-4-6", provider: "Anthropic" },
+    { label: "Sonnet 4.6", value: "sonnet", modelId: "claude-sonnet-4-6", provider: "Anthropic" },
+    { label: "Sonnet 4", value: "sonnet-4", modelId: "claude-sonnet-4-20250514", provider: "Anthropic" },
+    { label: "Haiku 4.5", value: "haiku", modelId: "claude-haiku-4-5-20251001", provider: "Anthropic" },
+    // Bedrock
+    { label: "Sonnet 4.6", value: "bedrock-sonnet", modelId: "anthropic.claude-sonnet-4-6", provider: "Bedrock" },
+    { label: "Sonnet 4", value: "bedrock-sonnet-4", modelId: "us.anthropic.claude-sonnet-4-20250514-v1:0", provider: "Bedrock" },
+    { label: "Sonnet 4.5", value: "bedrock-sonnet-4.5", modelId: "us.anthropic.claude-sonnet-4-5-20250929-v1:0", provider: "Bedrock" },
+    { label: "Haiku 4.5", value: "bedrock-haiku", modelId: "us.anthropic.claude-haiku-4-5-20251001-v1:0", provider: "Bedrock" },
+    // Gemini
+    { label: "Gemini 3 Pro", value: "gemini-3-pro", modelId: "gemini-3-pro-preview", provider: "Gemini" },
+    { label: "Gemini 3 Flash", value: "gemini-3-flash", modelId: "gemini-3-flash-preview", provider: "Gemini" },
+    { label: "Gemini 2.5 Pro", value: "gemini-pro", modelId: "gemini-2.5-pro", provider: "Gemini" },
+    { label: "Gemini 2.5 Flash", value: "gemini-flash", modelId: "gemini-2.5-flash", provider: "Gemini" },
+    { label: "Gemini 2.5 Flash Lite", value: "gemini-flash-lite", modelId: "gemini-2.5-flash-lite", provider: "Gemini" },
+    // OpenAI
+    { label: "GPT-5", value: "gpt-5", modelId: "gpt-5", provider: "OpenAI" },
+    { label: "GPT-5 mini", value: "gpt-5-mini", modelId: "gpt-5-mini", provider: "OpenAI" },
+    { label: "GPT-5 nano", value: "gpt-5-nano", modelId: "gpt-5-nano", provider: "OpenAI" },
+    { label: "o3", value: "o3", modelId: "o3", provider: "OpenAI" },
+    { label: "o4-mini", value: "o4-mini", modelId: "o4-mini", provider: "OpenAI" },
+    { label: "GPT-4o", value: "gpt-4o", modelId: "gpt-4o", provider: "OpenAI" },
+];
+// Group labels to render section headers
+const PROVIDER_ORDER = ["Auto", "Anthropic", "Bedrock", "Gemini", "OpenAI"];
+export function ModelSelector({ currentModel, onSelect, onCancel }) {
+    useInput((_input, key) => {
+        if (key.escape)
+            onCancel();
+    });
+    // Build flat items list with separator entries for provider headers
+    const items = [];
+    for (const provider of PROVIDER_ORDER) {
+        const models = MODEL_OPTIONS.filter((m) => m.provider === provider);
+        if (models.length === 0)
+            continue;
+        items.push({ label: `──── ${provider} ────`, value: `__header_${provider}` });
+        for (const m of models) {
+            items.push({ label: m.label, value: m.value });
+        }
+    }
+    const handleSelect = (item) => {
+        if (item.value.startsWith("__header_"))
+            return; // skip headers
+        const model = MODEL_OPTIONS.find((m) => m.value === item.value);
+        if (model)
+            onSelect(model);
+    };
+    // Find initial index (skip headers, land on current model)
+    const initialIdx = Math.max(0, items.findIndex((i) => i.value === currentModel));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: colors.secondary, children: "  Select model:" }), _jsx(Box, { height: 1 }), _jsx(SelectInput, { items: items, initialIndex: initialIdx, onSelect: handleSelect, indicatorComponent: ({ isSelected, item }) => {
+                    const val = typeof item === "string" ? item : "";
+                    if (val.startsWith("__header_"))
+                        return _jsx(Text, { children: "  " });
+                    return (_jsxs(Text, { color: isSelected ? colors.brand : colors.quaternary, children: [isSelected ? symbols.arrowRight : " ", " "] }));
+                }, itemComponent: ({ isSelected, label, value }) => {
+                    const val = typeof value === "string" ? value : "";
+                    // Provider header
+                    if (val.startsWith("__header_")) {
+                        return _jsx(Text, { color: colors.dim, children: label });
+                    }
+                    const isCurrent = val === currentModel;
+                    return (_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? colors.brand : colors.text, bold: isSelected, children: label }), isCurrent && _jsxs(Text, { color: colors.success, children: ["  ", symbols.dot, " current"] })] }));
+                } }), _jsx(Text, { color: colors.quaternary, children: "  esc to cancel" })] }));
+}

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

@@ -0,0 +1,26 @@
+/**
+ * RewindViewer — conversation timeline for rewind selection
+ *
+ * Displays checkpoints as a navigable list. Users select a point to
+ * rewind to with arrow keys and Enter. Esc cancels.
+ *
+ * UX modeled after Gemini CLI's rewind viewer:
+ * - Shows each turn with a summary of what happened
+ * - Lists file changes for each turn
+ * - Highlight selected checkpoint
+ * - Confirmation step with rewind options
+ */
+import type { RewindCheckpoint } from "../services/rewind.js";
+export declare enum RewindOutcome {
+    RewindAndRevert = "rewind_and_revert",
+    RewindOnly = "rewind_only",
+    RevertOnly = "revert_only",
+    Cancel = "cancel"
+}
+interface RewindViewerProps {
+    checkpoints: RewindCheckpoint[];
+    onRewind: (checkpointIndex: number, outcome: RewindOutcome) => void;
+    onCancel: () => void;
+}
+export declare function RewindViewer({ checkpoints, onRewind, onCancel }: RewindViewerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cli/chat/RewindViewer.js

@@ -0,0 +1,185 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * RewindViewer — conversation timeline for rewind selection
+ *
+ * Displays checkpoints as a navigable list. Users select a point to
+ * rewind to with arrow keys and Enter. Esc cancels.
+ *
+ * UX modeled after Gemini CLI's rewind viewer:
+ * - Shows each turn with a summary of what happened
+ * - Lists file changes for each turn
+ * - Highlight selected checkpoint
+ * - Confirmation step with rewind options
+ */
+import { useState, useMemo } from "react";
+import { Box, Text, useInput } from "ink";
+import { colors, symbols } from "../shared/Theme.js";
+// ============================================================================
+// TYPES
+// ============================================================================
+export var RewindOutcome;
+(function (RewindOutcome) {
+    RewindOutcome["RewindAndRevert"] = "rewind_and_revert";
+    RewindOutcome["RewindOnly"] = "rewind_only";
+    RewindOutcome["RevertOnly"] = "revert_only";
+    RewindOutcome["Cancel"] = "cancel";
+})(RewindOutcome || (RewindOutcome = {}));
+// ============================================================================
+// HELPERS
+// ============================================================================
+function truncateSummary(text, maxLen) {
+    if (!text)
+        return "(no text)";
+    const cleaned = text.replace(/\n/g, " ").trim();
+    if (cleaned.length <= maxLen)
+        return cleaned;
+    return cleaned.slice(0, maxLen - 1) + "\u2026";
+}
+function formatFileOp(op, isNew) {
+    if (isNew)
+        return "created";
+    switch (op) {
+        case "write": return "written";
+        case "edit": return "edited";
+        case "multi_edit": return "edited";
+        default: return "modified";
+    }
+}
+function formatTimeAgo(timestamp) {
+    const diff = Date.now() - timestamp;
+    const seconds = Math.floor(diff / 1000);
+    if (seconds < 60)
+        return "just now";
+    const minutes = Math.floor(seconds / 60);
+    if (minutes < 60)
+        return `${minutes}m ago`;
+    const hours = Math.floor(minutes / 60);
+    return `${hours}h ago`;
+}
+function basename(filePath) {
+    const parts = filePath.split("/");
+    return parts[parts.length - 1] || filePath;
+}
+// ============================================================================
+// CONFIRMATION COMPONENT
+// ============================================================================
+function RewindConfirmation({ checkpoint, fileChangeCount, onConfirm, onCancel, }) {
+    const hasFileChanges = fileChangeCount > 0;
+    const options = useMemo(() => {
+        const opts = [];
+        if (hasFileChanges) {
+            opts.push({
+                label: "Rewind conversation and revert file changes",
+                value: RewindOutcome.RewindAndRevert,
+            });
+        }
+        opts.push({
+            label: "Rewind conversation only",
+            value: RewindOutcome.RewindOnly,
+        });
+        if (hasFileChanges) {
+            opts.push({
+                label: "Revert file changes only",
+                value: RewindOutcome.RevertOnly,
+            });
+        }
+        opts.push({
+            label: "Cancel (Esc)",
+            value: RewindOutcome.Cancel,
+        });
+        return opts;
+    }, [hasFileChanges]);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    useInput((input, key) => {
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex(prev => Math.max(0, prev - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex(prev => Math.min(options.length - 1, prev + 1));
+            return;
+        }
+        if (key.return) {
+            onConfirm(options[selectedIndex].value);
+            return;
+        }
+    });
+    const termWidth = process.stdout.columns || 80;
+    const boxWidth = Math.min(termWidth - 2, 60);
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.border, paddingX: 1, paddingY: 1, width: boxWidth, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: colors.brand, children: "Confirm Rewind" }) }), _jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsxs(Text, { dimColor: true, children: ["Rewind to turn ", checkpoint.turnIndex + 1, ": ", truncateSummary(checkpoint.summary, 40)] }), hasFileChanges && (_jsxs(Text, { dimColor: true, children: [fileChangeCount, " file change", fileChangeCount !== 1 ? "s" : "", " will be affected"] })), !hasFileChanges && (_jsx(Text, { dimColor: true, children: "No file changes to revert." }))] }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: "Select an action:" }) }), _jsx(Box, { flexDirection: "column", children: options.map((opt, i) => (_jsxs(Box, { children: [_jsxs(Text, { color: i === selectedIndex ? colors.brand : colors.quaternary, children: [i === selectedIndex ? symbols.arrowRight : " ", " "] }), _jsx(Text, { color: i === selectedIndex ? colors.text : colors.secondary, bold: i === selectedIndex, children: opt.label })] }, opt.value))) })] }));
+}
+// ============================================================================
+// MAIN VIEWER COMPONENT
+// ============================================================================
+export function RewindViewer({ checkpoints, onRewind, onCancel }) {
+    // Start selection at the last checkpoint (current position)
+    const [selectedIndex, setSelectedIndex] = useState(checkpoints.length - 1);
+    const [confirmIndex, setConfirmIndex] = useState(null);
+    // Calculate visible window (scrolling for long lists)
+    const termHeight = process.stdout.rows || 24;
+    const maxVisible = Math.max(3, Math.min(checkpoints.length, termHeight - 8));
+    const scrollOffset = useMemo(() => {
+        if (checkpoints.length <= maxVisible)
+            return 0;
+        // Keep selected item roughly centered
+        const half = Math.floor(maxVisible / 2);
+        const start = Math.max(0, Math.min(selectedIndex - half, checkpoints.length - maxVisible));
+        return start;
+    }, [selectedIndex, maxVisible, checkpoints.length]);
+    const visibleCheckpoints = checkpoints.slice(scrollOffset, scrollOffset + maxVisible);
+    useInput((input, key) => {
+        if (confirmIndex !== null)
+            return; // Confirmation handles its own input
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex(prev => Math.max(0, prev - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex(prev => Math.min(checkpoints.length - 1, prev + 1));
+            return;
+        }
+        if (key.return) {
+            // Selecting the last checkpoint (current) = cancel
+            if (selectedIndex === checkpoints.length - 1) {
+                onCancel();
+                return;
+            }
+            setConfirmIndex(selectedIndex);
+            return;
+        }
+    });
+    const termWidth = process.stdout.columns || 80;
+    const boxWidth = Math.min(termWidth - 2, 70);
+    // Show confirmation dialog
+    if (confirmIndex !== null) {
+        const checkpoint = checkpoints[confirmIndex];
+        const fileChangeCount = checkpoints
+            .slice(confirmIndex + 1)
+            .reduce((sum, cp) => sum + cp.fileChanges.length, 0);
+        return (_jsx(RewindConfirmation, { checkpoint: checkpoint, fileChangeCount: fileChangeCount, onConfirm: (outcome) => {
+                if (outcome === RewindOutcome.Cancel) {
+                    setConfirmIndex(null);
+                }
+                else {
+                    onRewind(confirmIndex, outcome);
+                }
+            }, onCancel: () => setConfirmIndex(null) }));
+    }
+    if (checkpoints.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.border, paddingX: 1, paddingY: 1, width: boxWidth, children: [_jsx(Text, { bold: true, color: colors.brand, children: "Rewind" }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "Nothing to rewind to." }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "Press Esc to close." })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.border, paddingX: 1, paddingY: 1, width: boxWidth, children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { bold: true, color: colors.brand, children: [symbols.arrowRight, " Rewind"] }) }), scrollOffset > 0 && (_jsxs(Text, { dimColor: true, children: ["  ", symbols.dot, symbols.dot, symbols.dot, " ", scrollOffset, " more above"] })), _jsx(Box, { flexDirection: "column", children: visibleCheckpoints.map((cp, visIdx) => {
+                    const realIdx = scrollOffset + visIdx;
+                    const isSelected = realIdx === selectedIndex;
+                    const isCurrent = realIdx === checkpoints.length - 1;
+                    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { children: [_jsxs(Text, { color: isSelected ? colors.brand : colors.quaternary, children: [isSelected ? symbols.arrowRight : " ", " "] }), _jsx(Text, { color: isSelected ? colors.text : (isCurrent ? colors.secondary : colors.text), children: isCurrent ? symbols.dot : symbols.bullet }), _jsxs(Text, { color: isSelected ? colors.brand : colors.secondary, bold: isSelected, children: [" ", "Turn ", cp.turnIndex + 1] }), _jsxs(Text, { dimColor: true, children: [" ", symbols.divider, " "] }), _jsx(Text, { color: isSelected ? colors.text : colors.secondary, bold: isSelected, children: truncateSummary(cp.summary, 45) }), isCurrent && (_jsx(Text, { dimColor: true, children: " (current)" }))] }), cp.fileChanges.length > 0 && (_jsx(Box, { flexDirection: "column", marginLeft: 4, children: cp.fileChanges.map((fc, fi) => (_jsxs(Text, { dimColor: true, children: [basename(fc.filePath), " (", formatFileOp(fc.operation, fc.isNewFile), ")"] }, fi))) })), isSelected && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { dimColor: true, children: formatTimeAgo(cp.timestamp) }) }))] }, realIdx));
+                }) }), scrollOffset + maxVisible < checkpoints.length && (_jsxs(Text, { dimColor: true, children: ["  ", symbols.dot, symbols.dot, symbols.dot, " ", checkpoints.length - scrollOffset - maxVisible, " more below"] })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: [symbols.arrowRight, " Use arrow keys to select, Enter to rewind, Esc to cancel"] }) })] }));
+}

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

@@ -0,0 +1,14 @@
+/**
+ * StoreSelector — inline store picker for chat
+ *
+ * Renders a SelectInput with stores. Esc to cancel.
+ */
+import type { StoreInfo } from "../services/auth-service.js";
+interface StoreSelectorProps {
+    stores: StoreInfo[];
+    currentStoreId: string;
+    onSelect: (store: StoreInfo) => void;
+    onCancel: () => void;
+}
+export declare function StoreSelector({ stores, currentStoreId, onSelect, onCancel }: StoreSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cli/chat/StoreSelector.js

@@ -0,0 +1,24 @@
+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";
+export function StoreSelector({ stores, currentStoreId, onSelect, onCancel }) {
+    useInput((_input, key) => {
+        if (key.escape)
+            onCancel();
+    });
+    const items = stores.map((s) => ({
+        label: s.name + (s.slug ? ` (${s.slug})` : ""),
+        value: s.id,
+    }));
+    const handleSelect = (item) => {
+        const store = stores.find((s) => s.id === item.value);
+        if (store)
+            onSelect(store);
+    };
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: colors.secondary, children: "  Select store:" }), _jsx(Box, { height: 1 }), _jsx(SelectInput, { items: items, onSelect: handleSelect, indicatorComponent: ({ isSelected }) => (_jsxs(Text, { color: isSelected ? colors.brand : colors.quaternary, children: [isSelected ? symbols.arrowRight : " ", " "] })), itemComponent: ({ isSelected, label }) => {
+                    const store = stores.find((s) => label.startsWith(s.name));
+                    const isCurrent = store?.id === currentStoreId;
+                    return (_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? colors.brand : colors.text, bold: isSelected, children: label }), isCurrent && _jsxs(Text, { color: colors.success, children: ["  ", symbols.dot, " current"] })] }));
+                } }), _jsx(Text, { color: colors.quaternary, children: "  esc to cancel" })] }));
+}

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

@@ -0,0 +1,12 @@
+/**
+ * StreamingText — renders streaming markdown text
+ *
+ * Wrapped in React.memo to prevent re-renders when parent state
+ * (subagent updates, tool updates) changes but text hasn't.
+ */
+import React from "react";
+interface StreamingTextProps {
+    text: string;
+}
+export declare const StreamingText: React.NamedExoticComponent<StreamingTextProps>;
+export {};

package/dist/cli/chat/StreamingText.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * StreamingText — renders streaming markdown text
+ *
+ * Wrapped in React.memo to prevent re-renders when parent state
+ * (subagent updates, tool updates) changes but text hasn't.
+ */
+import React from "react";
+import { MarkdownText } from "./MarkdownText.js";
+export const StreamingText = React.memo(function StreamingText({ text }) {
+    return _jsx(MarkdownText, { text: text, streaming: true });
+});

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

@@ -0,0 +1,45 @@
+/**
+ * SubagentPanel — Claude Code-style tree rendering for subagents
+ *
+ * Running agents show spinner + nested tool tree.
+ * Completed agents show green dot + stats summary.
+ * Uses ├──, └──, │ tree characters matching Claude Code's style.
+ * Text-first rendering — minimal Box usage for reliable terminal output.
+ */
+import React from "react";
+export interface SubagentInnerTool {
+    name: string;
+    status: "running" | "success" | "error";
+    input?: Record<string, unknown>;
+    durationMs?: number;
+}
+export interface SubagentActivityState {
+    type: string;
+    model: string;
+    description: string;
+    turn: number;
+    message: string;
+    tools: SubagentInnerTool[];
+    startTime: number;
+}
+export interface CompletedSubagentInfo {
+    id: string;
+    type: string;
+    description: string;
+    toolCount: number;
+    tokens: {
+        input: number;
+        output: number;
+    };
+    durationMs: number;
+    success: boolean;
+}
+interface SubagentPanelProps {
+    running: Map<string, SubagentActivityState>;
+    completed: CompletedSubagentInfo[];
+}
+export declare function CompletedSubagentTree({ agents }: {
+    agents: CompletedSubagentInfo[];
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare const SubagentPanel: React.NamedExoticComponent<SubagentPanelProps>;
+export {};

package/dist/cli/chat/SubagentPanel.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SubagentPanel — Claude Code-style tree rendering for subagents
+ *
+ * Running agents show spinner + nested tool tree.
+ * Completed agents show green dot + stats summary.
+ * Uses ├──, └──, │ tree characters matching Claude Code's style.
+ * Text-first rendering — minimal Box usage for reliable terminal output.
+ */
+import React from "react";
+import { Box, Text } from "ink";
+import Spinner from "ink-spinner";
+import { shortenPath, getDisplayName } from "./ToolIndicator.js";
+import { colors } from "../shared/Theme.js";
+// ============================================================================
+// HELPERS
+// ============================================================================
+function formatTokens(n) {
+    if (n < 1000)
+        return String(n);
+    if (n < 10000)
+        return `${(n / 1000).toFixed(1)}k`;
+    return `${Math.round(n / 1000)}k`;
+}
+function toolContext(name, input) {
+    if (!input)
+        return "";
+    if (name === "read_file" || name === "write_file" || name === "edit_file" || name === "list_directory") {
+        return input.path ? shortenPath(String(input.path)) : "";
+    }
+    if (name === "glob")
+        return input.pattern ? String(input.pattern) : "";
+    if (name === "grep") {
+        const parts = [input.pattern, input.path ? shortenPath(String(input.path)) : null].filter(Boolean);
+        return parts.join(" in ");
+    }
+    if (name === "search_files" || name === "search_content") {
+        return [input.pattern || input.query, input.path ? shortenPath(String(input.path)) : null].filter(Boolean).join(" in ");
+    }
+    if (name === "run_command") {
+        const cmd = String(input.command || "");
+        return cmd.length > 40 ? cmd.slice(0, 37) + "..." : cmd;
+    }
+    if (name === "web_fetch")
+        return input.url ? String(input.url).slice(0, 40) : "";
+    return "";
+}
+const AGENT_TYPE_LABELS = {
+    explore: "Explore",
+    plan: "Plan",
+    "general-purpose": "Agent",
+    research: "Research",
+};
+const MAX_VISIBLE_TOOLS = 6;
+// ============================================================================
+// RUNNING AGENT TREE
+// ============================================================================
+function RunningAgentTree({ agent, isLast, isOnly }) {
+    const label = AGENT_TYPE_LABELS[agent.type] || agent.type;
+    const desc = agent.description || "";
+    const running = agent.tools.filter(t => t.status === "running");
+    const completed = agent.tools.filter(t => t.status !== "running");
+    const maxCompleted = MAX_VISIBLE_TOOLS - running.length;
+    const hiddenCount = Math.max(0, completed.length - maxCompleted);
+    const visibleCompleted = completed.slice(hiddenCount);
+    const visibleTools = [...visibleCompleted, ...running];
+    const isThinking = agent.tools.length === 0 || (agent.tools.every(t => t.status !== "running") && agent.message.includes("calling API"));
+    const childPrefix = isOnly ? "    " : (isLast ? "    " : "│   ");
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [!isOnly ? _jsx(Text, { color: colors.tertiary, children: isLast ? "└── " : "├── " }) : null, _jsx(Text, { color: colors.brand, children: _jsx(Spinner, { type: "dots" }) }), _jsxs(Text, { color: colors.text, bold: true, children: [" ", label] }), desc ? _jsxs(Text, { color: colors.tertiary, children: [" ", desc] }) : null, agent.turn > 0 ? _jsxs(Text, { color: colors.tertiary, children: [" \u00B7 Turn ", agent.turn] }) : null] }), hiddenCount > 0 && (_jsxs(Text, { color: colors.tertiary, children: [childPrefix, "\u2502   ... +", hiddenCount, " earlier"] })), visibleTools.map((tool, i) => {
+                const isLastTool = i === visibleTools.length - 1 && !isThinking;
+                const toolBranch = isLastTool ? "└── " : "├── ";
+                const ctx = toolContext(tool.name, tool.input);
+                return (_jsxs(Text, { children: [_jsxs(Text, { color: colors.tertiary, children: [childPrefix, toolBranch] }), tool.status === "running" ? (_jsx(Text, { color: colors.brand, children: _jsx(Spinner, { type: "dots" }) })) : tool.status === "success" ? (_jsx(Text, { color: colors.success, children: "\u2713" })) : (_jsx(Text, { color: colors.error, children: "\u2715" })), _jsxs(Text, { bold: true, children: [" ", getDisplayName(tool.name)] }), ctx ? _jsxs(Text, { color: colors.tertiary, children: ["  ", ctx] }) : null] }, `${tool.name}-${i}`));
+            }), isThinking && (_jsxs(Text, { children: [_jsxs(Text, { color: colors.tertiary, children: [childPrefix, "\u2514\u2500\u2500 "] }), _jsx(Text, { color: colors.brand, children: _jsx(Spinner, { type: "dots" }) }), _jsx(Text, { color: colors.tertiary, children: " thinking..." })] }))] }));
+}
+// ============================================================================
+// COMPLETED SUMMARY TREE
+// ============================================================================
+export function CompletedSubagentTree({ agents }) {
+    if (agents.length === 0)
+        return null;
+    const typeCounts = new Map();
+    for (const a of agents) {
+        const label = AGENT_TYPE_LABELS[a.type] || a.type;
+        typeCounts.set(label, (typeCounts.get(label) || 0) + 1);
+    }
+    const typeStr = Array.from(typeCounts.entries())
+        .map(([label, count]) => `${count} ${label} agent${count > 1 ? "s" : ""}`)
+        .join(", ");
+    return (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Text, { children: [_jsx(Text, { color: colors.success, children: "\u25CF" }), _jsxs(Text, { color: colors.text, bold: true, children: [" ", typeStr, " finished"] })] }), agents.map((agent, i) => {
+                const isLast = i === agents.length - 1;
+                const branch = isLast ? "└── " : "├── ";
+                const childPrefix = isLast ? "    " : "│   ";
+                const label = AGENT_TYPE_LABELS[agent.type] || agent.type;
+                const totalTokens = agent.tokens.input + agent.tokens.output;
+                return (_jsxs(React.Fragment, { children: [_jsxs(Text, { children: [_jsx(Text, { color: colors.tertiary, children: branch }), _jsxs(Text, { color: colors.text, children: [label, " ", agent.description] }), _jsxs(Text, { color: colors.tertiary, children: [" \u00B7 ", agent.toolCount, " tool use", agent.toolCount !== 1 ? "s" : "", " \u00B7 ", formatTokens(totalTokens), " tokens"] })] }), _jsxs(Text, { children: [_jsx(Text, { color: colors.tertiary, children: childPrefix }), agent.success ? (_jsx(Text, { color: colors.success, children: "Done" })) : (_jsx(Text, { color: colors.error, children: "Failed" }))] })] }, agent.id));
+            })] }));
+}
+// ============================================================================
+// MAIN PANEL
+// ============================================================================
+export const SubagentPanel = React.memo(function SubagentPanel({ running, completed }) {
+    const hasRunning = running.size > 0;
+    const hasCompleted = completed.length > 0;
+    if (!hasRunning && !hasCompleted)
+        return null;
+    const runningEntries = Array.from(running.entries());
+    const isOnlyOne = runningEntries.length === 1 && !hasCompleted;
+    return (_jsxs(Box, { flexDirection: "column", children: [hasRunning && runningEntries.map(([id, agent], i) => (_jsx(RunningAgentTree, { agent: agent, isLast: i === runningEntries.length - 1, isOnly: isOnlyOne }, id))), hasCompleted && _jsx(CompletedSubagentTree, { agents: completed })] }));
+});

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

@@ -0,0 +1,21 @@
+/**
+ * TeamPanel — Claude Code-style tree rendering for team execution
+ *
+ * Uses ├──, └──, │ tree chars. Text-first rendering.
+ * Shows green ● header with task progress and per-teammate status.
+ */
+import React from "react";
+export interface TeamInfo {
+    name: string;
+    tasksCompleted: number;
+    tasksTotal: number;
+    teammates: Map<string, {
+        name: string;
+        status: string;
+    }>;
+}
+interface TeamPanelProps {
+    team: TeamInfo;
+}
+export declare const TeamPanel: React.NamedExoticComponent<TeamPanelProps>;
+export {};

package/dist/cli/chat/TeamPanel.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TeamPanel — Claude Code-style tree rendering for team execution
+ *
+ * Uses ├──, └──, │ tree chars. Text-first rendering.
+ * Shows green ● header with task progress and per-teammate status.
+ */
+import React from "react";
+import { Box, Text } from "ink";
+import Spinner from "ink-spinner";
+import { colors } from "../shared/Theme.js";
+// Custom comparator — prevent re-render when Map contents haven't actually changed
+function teamPropsEqual(prev, next) {
+    if (prev.team.name !== next.team.name)
+        return false;
+    if (prev.team.tasksCompleted !== next.team.tasksCompleted)
+        return false;
+    if (prev.team.tasksTotal !== next.team.tasksTotal)
+        return false;
+    if (prev.team.teammates.size !== next.team.teammates.size)
+        return false;
+    for (const [id, mate] of prev.team.teammates) {
+        const nextMate = next.team.teammates.get(id);
+        if (!nextMate)
+            return false;
+        if (mate.name !== nextMate.name || mate.status !== nextMate.status)
+            return false;
+    }
+    return true;
+}
+export const TeamPanel = React.memo(function TeamPanel({ team }) {
+    const teammates = Array.from(team.teammates.entries());
+    return (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Text, { children: [_jsx(Text, { color: colors.success, children: "\u25CF" }), _jsxs(Text, { color: colors.text, bold: true, children: [" Team: ", team.name] }), _jsxs(Text, { color: colors.tertiary, children: [" \u00B7 ", team.tasksCompleted, "/", team.tasksTotal, " tasks"] })] }), teammates.map(([id, mate], i) => {
+                const isLast = i === teammates.length - 1;
+                const branch = isLast ? "└── " : "├── ";
+                const isDone = mate.status === "done";
+                const isFailed = mate.status === "failed";
+                const isWorking = !isDone && !isFailed;
+                const color = isDone ? colors.success : isFailed ? colors.error : undefined;
+                return (_jsxs(Text, { children: [_jsx(Text, { color: colors.tertiary, children: branch }), isWorking ? (_jsx(Text, { color: colors.brand, children: _jsx(Spinner, { type: "dots" }) })) : isDone ? (_jsx(Text, { color: colors.success, children: "\u2713" })) : (_jsx(Text, { color: colors.error, children: "\u2715" })), _jsxs(Text, { color: color || colors.dim, children: [" ", mate.name || mate.status] }), mate.name && mate.status !== mate.name && mate.status !== "done" && mate.status !== "failed" ? (_jsxs(Text, { color: colors.tertiary, children: [" \u2014 ", mate.status] })) : null] }, id));
+            })] }));
+}, teamPropsEqual);

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

@@ -0,0 +1,25 @@
+/**
+ * ToolIndicator — polished tool call rendering
+ *
+ * Every result gets syntax highlighting via MarkdownText.
+ * Financial-aware: green for gains, red for deductions/negatives.
+ * Params: purple keys, typed values (blue dates, green money, red negatives).
+ * Duration badge, tool type glyph.
+ */
+import React from "react";
+interface ToolIndicatorProps {
+    id: string;
+    name: string;
+    status: "running" | "success" | "error";
+    result?: string;
+    input?: Record<string, unknown>;
+    durationMs?: number;
+    expanded?: boolean;
+    /** When > 1, shows a "× N" badge and hides result (collapsed duplicate group) */
+    count?: number;
+}
+/** Shorten an absolute path for display: strip cwd, collapse home, truncate */
+export declare function shortenPath(fullPath: string, maxLen?: number): string;
+export declare function getDisplayName(name: string): string;
+export declare const ToolIndicator: React.NamedExoticComponent<ToolIndicatorProps>;
+export {};