whale-code 6.4.0 → 6.5.0

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

@@ -0,0 +1,15 @@
+/**
+ * MemoryManager — interactive memory list with delete
+ *
+ * Renders a navigable list of remembered facts.
+ * Press `d` to delete the selected memory, Esc to cancel.
+ *
+ * Follows StoreSelector pattern (useInput + manual index).
+ */
+interface MemoryManagerProps {
+    memories: string[];
+    onDelete: (index: number) => void;
+    onCancel: () => void;
+}
+export declare function MemoryManager({ memories, onDelete, onCancel }: MemoryManagerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cli/chat/MemoryManager.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * MemoryManager — interactive memory list with delete
+ *
+ * Renders a navigable list of remembered facts.
+ * Press `d` to delete the selected memory, Esc to cancel.
+ *
+ * Follows StoreSelector pattern (useInput + manual index).
+ */
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { colors, symbols } from "../shared/Theme.js";
+export function MemoryManager({ memories, onDelete, onCancel }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [confirmDelete, setConfirmDelete] = useState(false);
+    useInput((input, key) => {
+        // Delete confirmation
+        if (confirmDelete) {
+            if (input === "y" || input === "Y") {
+                setConfirmDelete(false);
+                onDelete(selectedIndex);
+                // Adjust selection if we deleted the last item
+                if (selectedIndex >= memories.length - 1 && selectedIndex > 0) {
+                    setSelectedIndex(selectedIndex - 1);
+                }
+                return;
+            }
+            // Any other key cancels the confirmation
+            setConfirmDelete(false);
+            return;
+        }
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex((prev) => Math.max(0, prev - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex((prev) => Math.min(memories.length - 1, prev + 1));
+            return;
+        }
+        if (input === "d" || input === "D") {
+            setConfirmDelete(true);
+            return;
+        }
+    });
+    const termWidth = process.stdout.columns || 80;
+    const boxWidth = Math.min(termWidth - 2, 64);
+    if (memories.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: "Memories" }), _jsx(Box, { height: 1 }), _jsx(Text, { dimColor: true, children: "No memories left." }), _jsx(Box, { height: 1 }), _jsx(Text, { dimColor: true, children: "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: _jsx(Text, { bold: true, color: colors.brand, children: "Memories" }) }), _jsx(Box, { flexDirection: "column", children: memories.map((memory, i) => {
+                    const isSelected = i === selectedIndex;
+                    const display = memory.length > 50
+                        ? memory.slice(0, 49) + "…"
+                        : memory;
+                    return (_jsxs(Box, { children: [_jsxs(Text, { color: isSelected ? colors.brand : colors.quaternary, children: [isSelected ? symbols.arrowRight : " ", " "] }), _jsx(Text, { color: isSelected ? colors.text : colors.secondary, bold: isSelected, children: display })] }, `${i}-${memory.slice(0, 20)}`));
+                }) }), _jsx(Box, { marginTop: 1, children: confirmDelete ? (_jsxs(Text, { color: colors.warning, children: ["Delete \"", memories[selectedIndex]?.slice(0, 30), "\u2026\"? y/n"] })) : (_jsxs(Text, { dimColor: true, children: [symbols.arrowRight, " d delete   esc cancel"] })) })] }));
+}

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

@@ -13,6 +13,14 @@ export interface ToolCall {
     result?: string;
     input?: Record<string, unknown>;
     durationMs?: number;
+    progress?: {
+        phase?: string;
+        elapsed_s: number;
+        stdout_lines: number;
+        stderr_lines: number;
+        stdout_bytes: number;
+        last_line?: string;
+    };
 }
 export interface ChatMessage {
     role: "user" | "assistant";

package/dist/cli/chat/MessageList.js

@@ -76,5 +76,5 @@ function groupConsecutiveTools(toolCalls) {
 export const CompletedMessage = React.memo(function CompletedMessage({ msg, index, toolsExpanded }) {
     const cw = Math.max(20, contentWidth());
     const toolGroups = useMemo(() => msg.toolCalls ? groupConsecutiveTools(msg.toolCalls) : [], [msg.toolCalls]);
-    return (_jsxs(Box, { flexDirection: "column", children: [msg.role === "user" && index > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { color: colors.separator, children: "─".repeat(cw) })] })), msg.role === "user" ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: " " }), msg.images && msg.images.length > 0 && (_jsx(Box, { marginLeft: 2, children: msg.images.map((name, i) => (_jsxs(Text, { children: [_jsx(Text, { color: colors.indigo, children: "[" }), _jsx(Text, { color: colors.secondary, children: name }), _jsx(Text, { color: colors.indigo, children: "]" }), _jsx(Text, { children: " " })] }, i))) })), _jsxs(Text, { children: [_jsx(Text, { color: colors.brand, bold: true, children: "❯ " }), _jsx(Text, { color: colors.user, children: msg.text })] })] })) : (_jsxs(Box, { flexDirection: "column", children: [toolGroups.length > 0 && (_jsx(Box, { flexDirection: "column", marginLeft: 2, marginTop: 1, children: toolGroups.map((group, j) => (_jsx(ToolIndicator, { id: `done-${index}-${j}`, name: group.tool.name, status: group.tool.status, result: group.tool.result, input: group.tool.input, durationMs: group.tool.durationMs, expanded: toolsExpanded, count: group.count }, j))) })), msg.completedSubagents && msg.completedSubagents.length > 0 && (_jsx(CompletedSubagentTree, { agents: msg.completedSubagents })), msg.text && (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsx(Text, { children: " " }), _jsx(MarkdownText, { text: msg.text })] })), msg.usage && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsxs(Text, { children: ["  ", _jsxs(Text, { color: colors.quaternary, children: [formatTokens(msg.usage.input_tokens), _jsx(Text, { color: colors.indigo, children: "\u2191" }), " ", formatTokens(msg.usage.output_tokens), _jsx(Text, { color: colors.purple, children: "\u2193" }), msg.usage.thinking_tokens ? (_jsxs(_Fragment, { children: [" ", formatTokens(msg.usage.thinking_tokens), _jsx(Text, { color: colors.warning, children: "T" })] })) : null, msg.usage.cache_read_tokens ? (_jsxs(_Fragment, { children: [" ", formatTokens(msg.usage.cache_read_tokens), _jsx(Text, { color: colors.success, children: "C" })] })) : null] }), _jsxs(Text, { color: colors.quaternary, children: ["  ", estimateCost(msg.usage.input_tokens, msg.usage.output_tokens, msg.usage.model, msg.usage.costUsd)] }), msg.toolCalls && msg.toolCalls.length > 0 ? (_jsxs(Text, { color: colors.quaternary, children: ["  ", msg.toolCalls.length, " tool", msg.toolCalls.length !== 1 ? "s" : "", "  ", formatMs(totalToolDuration(msg.toolCalls))] })) : null] })] }))] }))] }));
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [msg.role === "user" && index > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { color: colors.separator, children: "─".repeat(cw) })] })), msg.role === "user" ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: " " }), msg.images && msg.images.length > 0 && (_jsx(Box, { marginLeft: 2, children: msg.images.map((name, i) => (_jsxs(Text, { children: [_jsx(Text, { color: colors.indigo, children: "[" }), _jsx(Text, { color: colors.secondary, children: name }), _jsx(Text, { color: colors.indigo, children: "]" }), _jsx(Text, { children: " " })] }, i))) })), _jsxs(Text, { children: [_jsx(Text, { color: colors.brand, bold: true, children: "❯ " }), _jsx(Text, { color: colors.user, children: msg.text })] })] })) : (_jsxs(Box, { flexDirection: "column", children: [toolGroups.length > 0 && (_jsx(Box, { flexDirection: "column", marginLeft: 2, children: toolGroups.map((group, j) => (_jsx(ToolIndicator, { id: `done-${index}-${j}`, name: group.tool.name, status: group.tool.status, result: group.tool.result, input: group.tool.input, durationMs: group.tool.durationMs, expanded: toolsExpanded, count: group.count }, j))) })), msg.completedSubagents && msg.completedSubagents.length > 0 && (_jsx(CompletedSubagentTree, { agents: msg.completedSubagents })), msg.text && (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsx(Text, { children: " " }), _jsx(MarkdownText, { text: msg.text })] })), msg.usage && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsxs(Text, { children: ["  ", _jsxs(Text, { color: colors.quaternary, children: [formatTokens(msg.usage.input_tokens), _jsx(Text, { color: colors.indigo, children: "\u2191" }), " ", formatTokens(msg.usage.output_tokens), _jsx(Text, { color: colors.purple, children: "\u2193" }), msg.usage.thinking_tokens ? (_jsxs(_Fragment, { children: [" ", formatTokens(msg.usage.thinking_tokens), _jsx(Text, { color: colors.warning, children: "T" })] })) : null, msg.usage.cache_read_tokens ? (_jsxs(_Fragment, { children: [" ", formatTokens(msg.usage.cache_read_tokens), _jsx(Text, { color: colors.success, children: "C" })] })) : null] }), _jsxs(Text, { color: colors.quaternary, children: ["  ", estimateCost(msg.usage.input_tokens, msg.usage.output_tokens, msg.usage.model, msg.usage.costUsd)] }), msg.toolCalls && msg.toolCalls.length > 0 ? (_jsxs(Text, { color: colors.quaternary, children: ["  ", msg.toolCalls.length, " tool", msg.toolCalls.length !== 1 ? "s" : "", "  ", formatMs(totalToolDuration(msg.toolCalls))] })) : null] })] }))] }))] }));
 });

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

@@ -0,0 +1,30 @@
+/**
+ * NodeManager — animated interactive node status panel
+ *
+ * Stays open during operations, shows spinners in-place,
+ * and updates the status display after each action.
+ *
+ * Phases:
+ *   idle   → status + action button
+ *   busy   → spinner with action label
+ *   result → updated status + success/failure flash
+ */
+export interface NodeStatus {
+    registered: boolean;
+    running: boolean;
+    nodeId?: string;
+    port?: number;
+}
+export interface NodeActionResult {
+    success: boolean;
+    message: string;
+    newStatus: NodeStatus;
+}
+interface NodeManagerProps {
+    initialStatus: NodeStatus;
+    onToggle: () => Promise<NodeActionResult>;
+    onRegister: () => Promise<NodeActionResult>;
+    onClose: (resultMessage?: string) => void;
+}
+export declare function NodeManager({ initialStatus, onToggle, onRegister, onClose }: NodeManagerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cli/chat/NodeManager.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * NodeManager — animated interactive node status panel
+ *
+ * Stays open during operations, shows spinners in-place,
+ * and updates the status display after each action.
+ *
+ * Phases:
+ *   idle   → status + action button
+ *   busy   → spinner with action label
+ *   result → updated status + success/failure flash
+ */
+import { useState, useEffect, useCallback } from "react";
+import { Box, Text, useInput } from "ink";
+import Spinner from "ink-spinner";
+import { colors, symbols } from "../shared/Theme.js";
+export function NodeManager({ initialStatus, onToggle, onRegister, onClose }) {
+    const [status, setStatus] = useState(initialStatus);
+    const [phase, setPhase] = useState("idle");
+    const [busyLabel, setBusyLabel] = useState("");
+    const [result, setResult] = useState(null);
+    const [lastResult, setLastResult] = useState();
+    // Auto-transition result → idle after 2.5s
+    useEffect(() => {
+        if (phase !== "result")
+            return;
+        const timer = setTimeout(() => setPhase("idle"), 2500);
+        return () => clearTimeout(timer);
+    }, [phase]);
+    const executeAction = useCallback(async (action) => {
+        const label = action === "register"
+            ? "Registering node"
+            : status.running
+                ? "Stopping node"
+                : "Starting node";
+        setPhase("busy");
+        setBusyLabel(label);
+        setResult(null);
+        try {
+            const res = action === "register" ? await onRegister() : await onToggle();
+            setStatus(res.newStatus);
+            setResult({ success: res.success, text: res.message });
+            setLastResult(res.message);
+            setPhase("result");
+        }
+        catch {
+            setResult({ success: false, text: "Unexpected error" });
+            setLastResult("Unexpected error");
+            setPhase("result");
+        }
+    }, [status.running, onToggle, onRegister]);
+    useInput((_input, key) => {
+        if (phase === "busy")
+            return; // ignore input during operation
+        if (key.escape) {
+            onClose(lastResult);
+            return;
+        }
+        if (key.return) {
+            if (!status.registered) {
+                executeAction("register");
+            }
+            else {
+                executeAction("toggle");
+            }
+            return;
+        }
+    });
+    const termWidth = process.stdout.columns || 80;
+    const boxWidth = Math.min(termWidth - 2, 52);
+    const port = status.port || 7890;
+    // Action label for the button
+    const actionLabel = !status.registered
+        ? "Register this machine"
+        : status.running
+            ? "Stop node"
+            : "Start node";
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: phase === "busy" ? colors.brand : colors.border, paddingX: 1, paddingY: 1, width: boxWidth, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: colors.brand, children: "Node" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 1, children: [_jsx(Text, { color: colors.secondary, children: "Local node" }), phase === "busy" ? (
+                    /* ── Busy: animated spinner ── */
+                    _jsxs(Box, { marginLeft: 1, marginTop: 0, children: [_jsx(Text, { color: colors.brand, children: _jsx(Spinner, { type: "dots" }) }), _jsxs(Text, { color: colors.secondary, children: ["  ", busyLabel, "..."] })] })) : !status.registered ? (
+                    /* ── Not registered ── */
+                    _jsx(Box, { marginLeft: 1, children: _jsx(Text, { dimColor: true, children: "Not registered." }) })) : (
+                    /* ── Registered: show status details ── */
+                    _jsxs(Box, { flexDirection: "column", marginLeft: 1, children: [_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Status   " }), status.running ? (_jsx(Text, { color: colors.success, children: "● running" })) : (_jsx(Text, { color: colors.dim, children: "○ stopped" })), status.running && (_jsxs(Text, { dimColor: true, children: ["   (port ", port, ")"] }))] }), status.nodeId && (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Node ID  " }), _jsx(Text, { color: colors.secondary, children: status.nodeId.length > 24
+                                            ? status.nodeId.slice(0, 23) + "…"
+                                            : status.nodeId })] }))] })), phase === "result" && result && (_jsx(Box, { marginLeft: 1, marginTop: 0, children: _jsxs(Text, { color: result.success ? colors.success : colors.error, children: [result.success ? symbols.check : symbols.cross, " ", result.text] }) }))] }), phase !== "busy" && (_jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: colors.brand, children: [symbols.arrowRight, " "] }), _jsx(Text, { bold: true, color: colors.text, children: actionLabel })] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: phase === "busy"
+                        ? "please wait..."
+                        : "enter execute   esc close" }) })] }));
+}

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

@@ -0,0 +1,19 @@
+/**
+ * NodeSelector — inline node picker for /deploy-cluster
+ *
+ * Renders a SelectInput with available nodes. Esc to cancel.
+ * Follows StoreSelector pattern.
+ */
+export interface NodeInfo {
+    id: string;
+    name: string;
+    status: string;
+    isLocal: boolean;
+}
+interface NodeSelectorProps {
+    nodes: NodeInfo[];
+    onSelect: (node: NodeInfo) => void;
+    onCancel: () => void;
+}
+export declare function NodeSelector({ nodes, onSelect, onCancel }: NodeSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cli/chat/NodeSelector.js

@@ -0,0 +1,37 @@
+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 NodeSelector({ nodes, onSelect, onCancel }) {
+    useInput((_input, key) => {
+        if (key.escape)
+            onCancel();
+    });
+    // Sort: local first, then online, then offline
+    const sorted = [...nodes].sort((a, b) => {
+        if (a.isLocal && !b.isLocal)
+            return -1;
+        if (!a.isLocal && b.isLocal)
+            return 1;
+        if (a.status === "online" && b.status !== "online")
+            return -1;
+        if (a.status !== "online" && b.status === "online")
+            return 1;
+        return 0;
+    });
+    const items = sorted.map((n) => ({
+        label: n.name,
+        value: n.id,
+    }));
+    const handleSelect = (item) => {
+        const node = sorted.find((n) => n.id === item.value);
+        if (node)
+            onSelect(node);
+    };
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: colors.secondary, children: "  Select node for deployment:" }), _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 node = sorted.find((n) => n.name === label);
+                    const isOnline = node?.status === "online";
+                    const isLocal = node?.isLocal;
+                    return (_jsxs(Box, { children: [_jsxs(Text, { color: isOnline ? colors.success : colors.dim, children: [isOnline ? symbols.dot : "○", " "] }), _jsx(Text, { color: isSelected ? colors.brand : colors.text, bold: isSelected, children: label }), isLocal && _jsx(Text, { color: colors.info, children: "  (this machine)" }), !isOnline && _jsx(Text, { color: colors.dim, children: "  offline" })] }));
+                } }), _jsx(Text, { color: colors.quaternary, children: "  esc to cancel" })] }));
+}

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

@@ -0,0 +1,17 @@
+/**
+ * PlanApproval — slim action picker for plan approval
+ *
+ * Plan content is rendered in the Static area (normal terminal scrolling).
+ * This component only shows the action options:
+ * - Execute (clear context, keep plan — default)
+ * - Edit plan (re-enter plan mode)
+ * - Give feedback (text input for revision)
+ * - Cancel (abort)
+ */
+import type { PlanApprovalDecision } from "../services/interactive-tools.js";
+interface PlanApprovalProps {
+    planFile: string;
+    onDecision: (decision: PlanApprovalDecision) => void;
+}
+export declare function PlanApproval({ planFile, onDecision }: PlanApprovalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cli/chat/PlanApproval.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PlanApproval — slim action picker for plan approval
+ *
+ * Plan content is rendered in the Static area (normal terminal scrolling).
+ * This component only shows the action options:
+ * - Execute (clear context, keep plan — default)
+ * - Edit plan (re-enter plan mode)
+ * - Give feedback (text input for revision)
+ * - Cancel (abort)
+ */
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { colors, symbols } from "../shared/Theme.js";
+const OPTIONS = [
+    { label: "Execute", description: "Clear context & implement plan", action: "execute" },
+    { label: "Edit plan", description: "Re-enter plan mode", action: "edit" },
+    { label: "Give feedback", description: "Revise with your notes", action: "feedback" },
+    { label: "Cancel", description: "Abort plan", action: "cancel" },
+];
+// ============================================================================
+// FEEDBACK INPUT SUB-COMPONENT
+// ============================================================================
+function FeedbackInput({ onSubmit, onCancel, }) {
+    const [text, setText] = useState("");
+    useInput((input, key) => {
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        if (key.return) {
+            if (text.trim()) {
+                onSubmit(text.trim());
+            }
+            return;
+        }
+        if (key.backspace || key.delete) {
+            setText(prev => prev.slice(0, -1));
+            return;
+        }
+        if (!key.ctrl && !key.meta && input) {
+            setText(prev => prev + input);
+        }
+    });
+    return (_jsxs(Box, { marginLeft: 2, children: [_jsx(Text, { color: colors.brand, bold: true, children: "feedback: " }), _jsx(Text, { children: text }), _jsx(Text, { color: colors.brand, children: "|" }), _jsx(Text, { color: colors.quaternary, children: "  enter submit  esc back" })] }));
+}
+// ============================================================================
+// MAIN COMPONENT
+// ============================================================================
+export function PlanApproval({ planFile, onDecision }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [mode, setMode] = useState("options");
+    const termWidth = process.stdout.columns || 80;
+    const divider = "─".repeat(Math.max(20, termWidth - 2));
+    useInput((input, key) => {
+        if (mode === "feedback")
+            return;
+        if (key.escape) {
+            onDecision({ action: "cancel" });
+            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) {
+            const option = OPTIONS[selectedIndex];
+            if (option.action === "feedback") {
+                setMode("feedback");
+            }
+            else {
+                onDecision({ action: option.action });
+            }
+            return;
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: " " }), _jsx(Text, { color: colors.separator, children: divider }), _jsxs(Box, { marginLeft: 2, marginTop: 1, children: [_jsx(Text, { color: colors.brand, bold: true, children: "Plan ready" }), _jsxs(Text, { color: colors.dim, children: ["  ", planFile] })] }), mode === "feedback" ? (_jsx(FeedbackInput, { onSubmit: (text) => onDecision({ action: "feedback", feedback: text }), onCancel: () => setMode("options") })) : (_jsx(Box, { marginLeft: 2, marginTop: 1, 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 }), _jsxs(Text, { color: colors.dim, children: ["  ", opt.description] })] }, opt.action))) })), _jsx(Box, { marginLeft: 2, marginTop: 1, children: _jsx(Text, { color: colors.quaternary, children: mode === "feedback" ? "enter submit  esc back" : "↑↓ select  enter confirm  esc cancel" }) })] }));
+}

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

@@ -0,0 +1,16 @@
+/**
+ * SessionManager — interactive session picker
+ *
+ * Renders a navigable list of saved sessions.
+ * Enter resumes the selected session, Esc cancels.
+ *
+ * Follows StoreSelector pattern (useInput + manual index).
+ */
+import type { SessionMeta } from "../services/session-persistence.js";
+interface SessionManagerProps {
+    sessions: SessionMeta[];
+    onSelect: (session: SessionMeta) => void;
+    onCancel: () => void;
+}
+export declare function SessionManager({ sessions, onSelect, onCancel }: SessionManagerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cli/chat/SessionManager.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SessionManager — interactive session picker
+ *
+ * Renders a navigable list of saved sessions.
+ * Enter resumes the selected session, Esc cancels.
+ *
+ * Follows StoreSelector pattern (useInput + manual index).
+ */
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { colors, symbols } from "../shared/Theme.js";
+export function SessionManager({ sessions, onSelect, onCancel }) {
+    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(sessions.length - 1, prev + 1));
+            return;
+        }
+        if (key.return) {
+            onSelect(sessions[selectedIndex]);
+            return;
+        }
+    });
+    const termWidth = process.stdout.columns || 80;
+    const boxWidth = Math.min(termWidth - 2, 68);
+    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: "Sessions" }) }), _jsx(Box, { flexDirection: "column", children: sessions.map((session, i) => {
+                    const isSelected = i === selectedIndex;
+                    const title = session.title.length > 35
+                        ? session.title.slice(0, 34) + "…"
+                        : session.title.padEnd(35);
+                    const date = session.updatedAt?.slice(0, 10) || "";
+                    return (_jsxs(Box, { children: [_jsxs(Text, { color: isSelected ? colors.brand : colors.quaternary, children: [isSelected ? symbols.arrowRight : " ", " "] }), _jsx(Text, { color: isSelected ? colors.text : colors.secondary, bold: isSelected, children: title }), _jsxs(Text, { dimColor: true, children: ["  ", String(session.messageCount).padStart(3), " msgs"] }), _jsxs(Text, { dimColor: true, children: ["  ", date] })] }, session.id));
+                }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: [symbols.arrowRight, " enter resume   esc cancel"] }) })] }));
+}

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

@@ -0,0 +1,38 @@
+/**
+ * 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)
+ */
+export interface SlashCommand {
+    name: string;
+    description: string;
+}
+interface CategoryDef {
+    label: string;
+    color: string;
+    commands: SlashCommand[];
+}
+export declare const CATEGORIES: CategoryDef[];
+/** Flat array of all commands (for external consumers like /help) */
+export declare const SLASH_COMMANDS: SlashCommand[];
+export declare function getCategoryCount(): number;
+export declare function getCategoryCommandCount(catIndex: number): number;
+export declare function getCategoryLabel(catIndex: number): string;
+export declare function getCategoryColor(catIndex: number): string;
+export declare function getCategoryCommand(catIndex: number, cmdIndex: number): SlashCommand | null;
+/** Count of selectable (command) items in a filtered list */
+export declare function getFilteredSelectableCount(filter: string): number;
+/** Get the command at a given selectable index (skipping headers) */
+export declare function getCommandAtIndex(filter: string, selectableIndex: number): SlashCommand | null;
+interface SlashMenuProps {
+    filter: string;
+    selectedIndex: number;
+    selectedCategory: number | null;
+}
+export declare function SlashMenu({ filter, selectedIndex, selectedCategory }: SlashMenuProps): import("react/jsx-runtime").JSX.Element | null;
+export {};