wave-code 0.4.0 → 0.6.1

package/dist/commands/plugin/uninstall.js

@@ -3,7 +3,7 @@ export async function uninstallPluginCommand(argv) {
     const marketplaceService = new MarketplaceService();
     const workdir = process.cwd();
     try {
-        await marketplaceService.uninstallPlugin(argv.plugin);
+        await marketplaceService.uninstallPlugin(argv.plugin, workdir);
         console.log(`Successfully uninstalled plugin: ${argv.plugin}`);
         const configurationService = new ConfigurationService();
         const pluginManager = new PluginManager({ workdir });

package/dist/components/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/components/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,QAAQ;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAaD,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAiBlC,CAAC"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/components/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,UAAU,QAAQ;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AA2DD,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAiBlC,CAAC"}

package/dist/components/App.js

@@ -1,9 +1,45 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { useStdout } from "ink";
 import { ChatInterface } from "./ChatInterface.js";
-import { ChatProvider } from "../contexts/useChat.js";
+import { ChatProvider, useChat } from "../contexts/useChat.js";
 import { AppProvider } from "../contexts/useAppConfig.js";
 const AppWithProviders = ({ bypassPermissions, pluginDirs }) => {
-    return (_jsx(ChatProvider, { bypassPermissions: bypassPermissions, pluginDirs: pluginDirs, children: _jsx(ChatInterface, {}) }));
+    return (_jsx(ChatProvider, { bypassPermissions: bypassPermissions, pluginDirs: pluginDirs, children: _jsx(ChatInterfaceWithRemount, {}) }));
+};
+const ChatInterfaceWithRemount = () => {
+    const { stdout } = useStdout();
+    const { isExpanded, rewindId, wasLastDetailsTooTall, sessionId } = useChat();
+    const [remountKey, setRemountKey] = useState(String(isExpanded) + rewindId + wasLastDetailsTooTall);
+    const prevSessionId = useRef(sessionId);
+    useEffect(() => {
+        let newKey = String(isExpanded) + rewindId + wasLastDetailsTooTall;
+        const isSessionChanged = prevSessionId.current && sessionId && prevSessionId.current !== sessionId;
+        if (isSessionChanged) {
+            newKey += sessionId;
+        }
+        if (newKey !== remountKey) {
+            stdout?.write("\u001b[2J\u001b[0;0H", (err) => {
+                if (err) {
+                    console.error("Failed to clear terminal:", err);
+                }
+                setTimeout(() => {
+                    setRemountKey(newKey);
+                }, 100);
+            });
+        }
+        if (sessionId) {
+            prevSessionId.current = sessionId;
+        }
+    }, [
+        isExpanded,
+        rewindId,
+        wasLastDetailsTooTall,
+        sessionId,
+        remountKey,
+        stdout,
+    ]);
+    return _jsx(ChatInterface, {}, remountKey);
 };
 export const App = ({ restoreSessionId, continueLastSession, bypassPermissions, pluginDirs, }) => {
     return (_jsx(AppProvider, { restoreSessionId: restoreSessionId, continueLastSession: continueLastSession, children: _jsx(AppWithProviders, { bypassPermissions: bypassPermissions, pluginDirs: pluginDirs }) }));

package/dist/components/BackgroundTaskManager.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface BackgroundTaskManagerProps {
+    onCancel: () => void;
+}
+export declare const BackgroundTaskManager: React.FC<BackgroundTaskManagerProps>;
+//# sourceMappingURL=BackgroundTaskManager.d.ts.map

package/dist/components/BackgroundTaskManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundTaskManager.d.ts","sourceRoot":"","sources":["../../src/components/BackgroundTaskManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAcnD,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA6StE,CAAC"}

package/dist/components/BackgroundTaskManager.js

@@ -0,0 +1,114 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { useChat } from "../contexts/useChat.js";
+export const BackgroundTaskManager = ({ onCancel, }) => {
+    const { backgroundTasks, getBackgroundTaskOutput, stopBackgroundTask } = useChat();
+    const [tasks, setTasks] = useState([]);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [viewMode, setViewMode] = useState("list");
+    const [detailTaskId, setDetailTaskId] = useState(null);
+    const [detailOutput, setDetailOutput] = useState(null);
+    // Convert backgroundTasks to local Task format
+    useEffect(() => {
+        setTasks(backgroundTasks.map((task) => ({
+            id: task.id,
+            type: task.type,
+            description: task.description,
+            status: task.status,
+            startTime: task.startTime,
+            exitCode: task.exitCode,
+            runtime: task.runtime,
+        })));
+    }, [backgroundTasks]);
+    // Load detail output for selected task
+    useEffect(() => {
+        if (viewMode === "detail" && detailTaskId) {
+            const output = getBackgroundTaskOutput(detailTaskId);
+            setDetailOutput(output);
+        }
+    }, [viewMode, detailTaskId, getBackgroundTaskOutput]);
+    const formatDuration = (ms) => {
+        if (ms < 1000)
+            return `${ms}ms`;
+        if (ms < 60000)
+            return `${Math.round(ms / 1000)}s`;
+        const minutes = Math.floor(ms / 60000);
+        const seconds = Math.round((ms % 60000) / 1000);
+        return `${minutes}m ${seconds}s`;
+    };
+    const formatTime = (timestamp) => {
+        return new Date(timestamp).toLocaleTimeString();
+    };
+    const stopTask = (taskId) => {
+        stopBackgroundTask(taskId);
+    };
+    useInput((input, key) => {
+        if (viewMode === "list") {
+            // List mode navigation
+            if (key.return) {
+                if (tasks.length > 0 && selectedIndex < tasks.length) {
+                    const selectedTask = tasks[selectedIndex];
+                    setDetailTaskId(selectedTask.id);
+                    setViewMode("detail");
+                }
+                return;
+            }
+            if (key.escape) {
+                onCancel();
+                return;
+            }
+            if (key.upArrow) {
+                setSelectedIndex(Math.max(0, selectedIndex - 1));
+                return;
+            }
+            if (key.downArrow) {
+                setSelectedIndex(Math.min(tasks.length - 1, selectedIndex + 1));
+                return;
+            }
+            if (input === "k" && tasks.length > 0 && selectedIndex < tasks.length) {
+                const selectedTask = tasks[selectedIndex];
+                if (selectedTask.status === "running") {
+                    stopTask(selectedTask.id);
+                }
+                return;
+            }
+        }
+        else if (viewMode === "detail") {
+            // Detail mode navigation
+            if (key.escape) {
+                setViewMode("list");
+                setDetailTaskId(null);
+                setDetailOutput(null);
+                return;
+            }
+            if (input === "k" && detailTaskId) {
+                const task = tasks.find((t) => t.id === detailTaskId);
+                if (task && task.status === "running") {
+                    stopTask(detailTaskId);
+                }
+                return;
+            }
+        }
+    });
+    if (viewMode === "detail" && detailTaskId && detailOutput) {
+        const task = tasks.find((t) => t.id === detailTaskId);
+        if (!task) {
+            setViewMode("list");
+            return null;
+        }
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, gap: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: "cyan", bold: true, children: ["Background Task Details: ", task.id] }) }), _jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Type:" }), " ", task.type] }) }), task.description && (_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Description:" }), " ", task.description] }) })), _jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Status:" }), " ", task.status, task.exitCode !== undefined && ` (exit code: ${task.exitCode})`] }) }), _jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Started:" }), " ", formatTime(task.startTime), task.runtime !== undefined && (_jsxs(Text, { children: [" ", "| ", _jsx(Text, { color: "blue", children: "Runtime:" }), " ", formatDuration(task.runtime)] }))] }) })] }), detailOutput.stdout && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "green", bold: true, children: "OUTPUT (last 10 lines):" }), _jsx(Box, { borderStyle: "single", borderColor: "green", padding: 1, children: _jsx(Text, { children: detailOutput.stdout.split("\n").slice(-10).join("\n") }) })] })), detailOutput.stderr && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "red", bold: true, children: "ERRORS:" }), _jsx(Box, { borderStyle: "single", borderColor: "red", padding: 1, children: _jsx(Text, { color: "red", children: detailOutput.stderr.split("\n").slice(-10).join("\n") }) })] })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: [task.status === "running" ? "k to stop · " : "", "Esc to go back"] }) })] }));
+    }
+    if (!backgroundTasks) {
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: "Background Tasks" }), _jsx(Text, { children: "Background tasks not available" }), _jsx(Text, { dimColor: true, children: "Press Escape to close" })] }));
+    }
+    if (tasks.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: "Background Tasks" }), _jsx(Text, { children: "No background tasks found" }), _jsx(Text, { dimColor: true, children: "Press Escape to close" })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, gap: 1, children: [_jsx(Box, { children: _jsx(Text, { color: "cyan", bold: true, children: "Background Tasks" }) }), _jsx(Text, { dimColor: true, children: "Select a task to view details" }), tasks.map((task, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: index === selectedIndex ? "black" : "white", backgroundColor: index === selectedIndex ? "cyan" : undefined, children: [index === selectedIndex ? "▶ " : "  ", index + 1, ". [", task.id, "] ", task.type, task.description ? `: ${task.description}` : "", _jsxs(Text, { color: task.status === "running"
+                                    ? "green"
+                                    : task.status === "completed"
+                                        ? "blue"
+                                        : "red", children: [" ", "(", task.status, ")"] })] }), index === selectedIndex && (_jsx(Box, { marginLeft: 4, flexDirection: "column", children: _jsxs(Text, { color: "gray", dimColor: true, children: ["Started: ", formatTime(task.startTime), task.runtime !== undefined &&
+                                    ` | Runtime: ${formatDuration(task.runtime)}`, task.exitCode !== undefined && ` | Exit: ${task.exitCode}`] }) }))] }, task.id))), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["\u2191/\u2193 to select \u00B7 Enter to view \u00B7", " ", tasks[selectedIndex]?.status === "running" ? "k to stop · " : "", "Esc to close"] }) })] }));
+};

package/dist/components/ChatInterface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInterface.d.ts","sourceRoot":"","sources":["../../src/components/ChatInterface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAqEjC,CAAC"}
+{"version":3,"file":"ChatInterface.d.ts","sourceRoot":"","sources":["../../src/components/ChatInterface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAYrD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAwHjC,CAAC"}

package/dist/components/ChatInterface.js

@@ -1,12 +1,46 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from "ink";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Box, useStdout } from "ink";
 import { MessageList } from "./MessageList.js";
 import { InputBox } from "./InputBox.js";
-import { Confirmation } from "./Confirmation.js";
+import { LoadingIndicator } from "./LoadingIndicator.js";
+import { TaskList } from "./TaskList.js";
+import { ConfirmationDetails } from "./ConfirmationDetails.js";
+import { ConfirmationSelector } from "./ConfirmationSelector.js";
 import { useChat } from "../contexts/useChat.js";
 export const ChatInterface = () => {
-    const { messages, isLoading, isCommandRunning, userInputHistory, isCompressing, sendMessage, abortMessage, saveMemory, mcpServers, connectMcpServer, disconnectMcpServer, isExpanded, sessionId, latestTotalTokens, slashCommands, hasSlashCommand, isConfirmationVisible, confirmingTool, handleConfirmationDecision, handleConfirmationCancel, rewindId, } = useChat();
+    const { stdout } = useStdout();
+    const [isDetailsTooTall, setIsDetailsTooTall] = useState(false);
+    const { messages, isLoading, isCommandRunning, isCompressing, sendMessage, abortMessage, mcpServers, connectMcpServer, disconnectMcpServer, isExpanded, sessionId, latestTotalTokens, slashCommands, hasSlashCommand, isConfirmationVisible, confirmingTool, handleConfirmationDecision, handleConfirmationCancel: originalHandleConfirmationCancel, setWasLastDetailsTooTall, } = useChat();
+    const handleHeightMeasured = useCallback((height) => {
+        const terminalHeight = stdout?.rows || 24;
+        if (height > terminalHeight - 10) {
+            setIsDetailsTooTall(true);
+        }
+        else {
+            setIsDetailsTooTall(false);
+        }
+    }, [stdout?.rows]);
+    const handleConfirmationCancel = useCallback(() => {
+        if (isDetailsTooTall) {
+            setWasLastDetailsTooTall((prev) => prev + 1);
+            setIsDetailsTooTall(false);
+        }
+        originalHandleConfirmationCancel();
+    }, [
+        isDetailsTooTall,
+        originalHandleConfirmationCancel,
+        setWasLastDetailsTooTall,
+    ]);
+    const wrappedHandleConfirmationDecision = useCallback((decision) => {
+        if (isDetailsTooTall) {
+            setWasLastDetailsTooTall((prev) => prev + 1);
+            setIsDetailsTooTall(false);
+        }
+        handleConfirmationDecision(decision);
+    }, [isDetailsTooTall, handleConfirmationDecision, setWasLastDetailsTooTall]);
     if (!sessionId)
         return null;
-    return (_jsxs(Box, { flexDirection: "column", height: "100%", paddingY: 1, paddingRight: 1, children: [_jsx(MessageList, { messages: messages, isLoading: isLoading, isCommandRunning: isCommandRunning, isCompressing: isCompressing, latestTotalTokens: latestTotalTokens, isExpanded: isExpanded }, String(isExpanded) + sessionId + rewindId), isConfirmationVisible && (_jsx(Confirmation, { toolName: confirmingTool.name, toolInput: confirmingTool.input, suggestedPrefix: confirmingTool.suggestedPrefix, hidePersistentOption: confirmingTool.hidePersistentOption, isExpanded: isExpanded, onDecision: handleConfirmationDecision, onCancel: handleConfirmationCancel, onAbort: abortMessage })), !isConfirmationVisible && !isExpanded && (_jsx(InputBox, { isLoading: isLoading, isCommandRunning: isCommandRunning, userInputHistory: userInputHistory, sendMessage: sendMessage, abortMessage: abortMessage, saveMemory: saveMemory, mcpServers: mcpServers, connectMcpServer: connectMcpServer, disconnectMcpServer: disconnectMcpServer, slashCommands: slashCommands, hasSlashCommand: hasSlashCommand }))] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(MessageList, { messages: messages, isLoading: isLoading, isCommandRunning: isCommandRunning, isExpanded: isExpanded, forceStaticLastMessage: isDetailsTooTall }), (isLoading || isCommandRunning || isCompressing) &&
+                !isConfirmationVisible && (_jsx(LoadingIndicator, { isLoading: isLoading, isCommandRunning: isCommandRunning, isCompressing: isCompressing, latestTotalTokens: latestTotalTokens })), !isConfirmationVisible && _jsx(TaskList, {}), isConfirmationVisible && (_jsxs(_Fragment, { children: [_jsx(ConfirmationDetails, { toolName: confirmingTool.name, toolInput: confirmingTool.input, isExpanded: isExpanded, onHeightMeasured: handleHeightMeasured }), _jsx(ConfirmationSelector, { toolName: confirmingTool.name, toolInput: confirmingTool.input, suggestedPrefix: confirmingTool.suggestedPrefix, hidePersistentOption: confirmingTool.hidePersistentOption, isExpanded: isExpanded, onDecision: wrappedHandleConfirmationDecision, onCancel: handleConfirmationCancel, onAbort: abortMessage })] })), !isConfirmationVisible && !isExpanded && (_jsx(InputBox, { isLoading: isLoading, isCommandRunning: isCommandRunning, sendMessage: sendMessage, abortMessage: abortMessage, mcpServers: mcpServers, connectMcpServer: connectMcpServer, disconnectMcpServer: disconnectMcpServer, slashCommands: slashCommands, hasSlashCommand: hasSlashCommand }))] }));
 };

package/dist/components/CommandSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandSelector.d.ts","sourceRoot":"","sources":["../../src/components/CommandSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAwBnD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwH1D,CAAC"}
+{"version":3,"file":"CommandSelector.d.ts","sourceRoot":"","sources":["../../src/components/CommandSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAwBnD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0I1D,CAAC"}

package/dist/components/CommandSelector.js

@@ -3,9 +3,9 @@ import { useState } from "react";
 import { Box, Text, useInput } from "ink";
 const AVAILABLE_COMMANDS = [
     {
-        id: "bashes",
-        name: "bashes",
-        description: "View and manage background bash shells",
+        id: "tasks",
+        name: "tasks",
+        description: "View and manage background tasks (shells and subagents)",
         handler: () => { }, // Handler here won't be used, actual processing is in the hook
     },
     {
@@ -23,12 +23,16 @@ const AVAILABLE_COMMANDS = [
 ];
 export const CommandSelector = ({ searchQuery, onSelect, onInsert, onCancel, commands = [], // Default to empty array
  }) => {
+    const MAX_VISIBLE_ITEMS = 3;
     const [selectedIndex, setSelectedIndex] = useState(0);
     // Merge agent commands and local commands
     const allCommands = [...commands, ...AVAILABLE_COMMANDS];
     // Filter command list
     const filteredCommands = allCommands.filter((command) => !searchQuery ||
         command.id.toLowerCase().includes(searchQuery.toLowerCase()));
+    // Calculate visible window
+    const startIndex = Math.max(0, Math.min(selectedIndex - Math.floor(MAX_VISIBLE_ITEMS / 2), Math.max(0, filteredCommands.length - MAX_VISIBLE_ITEMS)));
+    const visibleCommands = filteredCommands.slice(startIndex, startIndex + MAX_VISIBLE_ITEMS);
     useInput((input, key) => {
         if (key.return) {
             if (filteredCommands.length > 0 &&
@@ -60,7 +64,11 @@ export const CommandSelector = ({ searchQuery, onSelect, onInsert, onCancel, com
         }
     });
     if (filteredCommands.length === 0) {
-        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "yellow", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, children: [_jsxs(Text, { color: "yellow", children: ["No commands found for \"", searchQuery, "\""] }), _jsx(Text, { dimColor: true, children: "Press Escape to cancel" })] }));
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "yellow", borderBottom: false, borderLeft: false, borderRight: false, children: [_jsxs(Text, { color: "yellow", children: ["No commands found for \"", searchQuery, "\""] }), _jsx(Text, { dimColor: true, children: "Press Escape to cancel" })] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "magenta", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, gap: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: "magenta", bold: true, children: ["Command Selector ", searchQuery && `(filtering: "${searchQuery}")`] }) }), filteredCommands.map((command, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: index === selectedIndex ? "black" : "white", backgroundColor: index === selectedIndex ? "magenta" : undefined, children: [index === selectedIndex ? "▶ " : "  ", "/", command.id] }), index === selectedIndex && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { color: "gray", dimColor: true, children: command.description }) }))] }, command.id))), _jsx(Box, { children: _jsxs(Text, { dimColor: true, children: ["\u2191\u2193 navigate \u2022 Enter execute \u2022 ", onInsert ? "Tab insert • " : "", "Esc cancel"] }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "magenta", borderBottom: false, borderLeft: false, borderRight: false, gap: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: "magenta", bold: true, children: ["Command Selector ", searchQuery && `(filtering: "${searchQuery}")`] }) }), _jsx(Box, { flexDirection: "column", children: visibleCommands.map((command, index) => {
+                    const actualIndex = startIndex + index;
+                    const isSelected = actualIndex === selectedIndex;
+                    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: isSelected ? "black" : "white", backgroundColor: isSelected ? "magenta" : undefined, children: [isSelected ? "▶ " : "  ", "/", command.id] }), isSelected && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { color: "gray", dimColor: true, children: command.description }) }))] }, command.id));
+                }) }), _jsx(Box, { children: _jsxs(Text, { dimColor: true, children: ["\u2191\u2193 navigate \u2022 Enter execute \u2022 ", onInsert ? "Tab insert • " : "", "Esc cancel"] }) })] }));
 };

package/dist/components/CompressDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompressDisplay.d.ts","sourceRoot":"","sources":["../../src/components/CompressDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,UAAU,oBAAoB;IAC5B,KAAK,EAAE,aAAa,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgD1D,CAAC"}
+{"version":3,"file":"CompressDisplay.d.ts","sourceRoot":"","sources":["../../src/components/CompressDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,UAAU,oBAAoB;IAC5B,KAAK,EAAE,aAAa,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+B1D,CAAC"}

package/dist/components/CompressDisplay.js

@@ -1,17 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Box, Text } from "ink";
-export const CompressDisplay = ({ block, isExpanded = false, }) => {
+export const CompressDisplay = ({ block }) => {
     const { content } = block;
-    const MAX_LINES = 3; // Set maximum display lines for compressed content
-    const { displayContent, isOverflowing } = useMemo(() => {
+    const { displayContent } = useMemo(() => {
         if (!content) {
-            return { displayContent: "", isOverflowing: false };
+            return { displayContent: "" };
         }
-        const lines = content.split("\n");
-        const overflow = !isExpanded && lines.length > MAX_LINES;
-        const display = overflow ? lines.slice(0, MAX_LINES).join("\n") : content;
-        return { displayContent: display, isOverflowing: overflow };
-    }, [content, isExpanded]);
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsx(Text, { children: "\uD83D\uDCE6 Compressed Messages" }) }), content && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Box, { paddingLeft: 2, borderLeft: true, borderColor: "gray", flexDirection: "column", children: _jsx(Text, { color: "white", children: displayContent }) }), isOverflowing && (_jsx(Box, { paddingLeft: 2, marginTop: 1, children: _jsxs(Text, { color: "yellow", dimColor: true, children: ["Content truncated (", content.split("\n").length, " lines total, showing first ", MAX_LINES, " lines. Press Ctrl+O to expand."] }) }))] }))] }));
+        return { displayContent: content };
+    }, [content]);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsx(Text, { children: "\uD83D\uDCE6 Compressed Messages" }) }), content && (_jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Box, { paddingLeft: 2, borderLeft: true, borderColor: "gray", flexDirection: "column", children: _jsx(Text, { color: "white", children: displayContent }) }) }))] }));
 };

package/dist/components/ConfirmationDetails.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface ConfirmationDetailsProps {
+    toolName: string;
+    toolInput?: Record<string, unknown>;
+    isExpanded?: boolean;
+    onHeightMeasured?: (height: number) => void;
+}
+export declare const ConfirmationDetails: React.FC<ConfirmationDetailsProps>;
+//# sourceMappingURL=ConfirmationDetails.d.ts.map

package/dist/components/ConfirmationDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationDetails.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmationDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AA2CjE,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAuDlE,CAAC"}

package/dist/components/ConfirmationDetails.js

@@ -0,0 +1,53 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useLayoutEffect, useRef, useState } from "react";
+import { Box, Text, useStdout, measureElement, Static } from "ink";
+import { BASH_TOOL_NAME, EDIT_TOOL_NAME, MULTI_EDIT_TOOL_NAME, DELETE_FILE_TOOL_NAME, WRITE_TOOL_NAME, EXIT_PLAN_MODE_TOOL_NAME, ASK_USER_QUESTION_TOOL_NAME, } from "wave-agent-sdk";
+import { DiffDisplay } from "./DiffDisplay.js";
+import { PlanDisplay } from "./PlanDisplay.js";
+// Helper function to generate descriptive action text
+const getActionDescription = (toolName, toolInput) => {
+    if (!toolInput) {
+        return "Execute operation";
+    }
+    switch (toolName) {
+        case BASH_TOOL_NAME:
+            return `Execute command: ${toolInput.command || "unknown command"}`;
+        case EDIT_TOOL_NAME:
+            return `Edit file: ${toolInput.file_path || "unknown file"}`;
+        case MULTI_EDIT_TOOL_NAME:
+            return `Edit multiple sections in: ${toolInput.file_path || "unknown file"}`;
+        case DELETE_FILE_TOOL_NAME:
+            return `Delete file: ${toolInput.target_file || "unknown file"}`;
+        case WRITE_TOOL_NAME:
+            return `Write to file: ${toolInput.file_path || "unknown file"}`;
+        case EXIT_PLAN_MODE_TOOL_NAME:
+            return "Review and approve the plan";
+        case ASK_USER_QUESTION_TOOL_NAME:
+            return "Answer questions to clarify intent";
+        default:
+            return "Execute operation";
+    }
+};
+export const ConfirmationDetails = ({ toolName, toolInput, isExpanded = false, onHeightMeasured, }) => {
+    const { stdout } = useStdout();
+    const [isStatic, setIsStatic] = useState(false);
+    const boxRef = useRef(null);
+    useLayoutEffect(() => {
+        if (boxRef.current) {
+            const { height } = measureElement(boxRef.current);
+            const terminalHeight = stdout?.rows || 24;
+            if (height > terminalHeight - 10) {
+                setIsStatic(true);
+            }
+            onHeightMeasured?.(height);
+        }
+    }, [stdout?.rows, onHeightMeasured]);
+    const content = (_jsxs(Box, { ref: boxRef, flexDirection: "column", borderStyle: "single", borderColor: "yellow", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, children: [_jsxs(Text, { color: "yellow", bold: true, children: ["Tool: ", toolName] }), _jsx(Text, { color: "yellow", children: getActionDescription(toolName, toolInput) }), _jsx(DiffDisplay, { toolName: toolName, parameters: JSON.stringify(toolInput) }), toolName !== ASK_USER_QUESTION_TOOL_NAME &&
+                toolName === EXIT_PLAN_MODE_TOOL_NAME &&
+                !!toolInput?.plan_content && (_jsx(PlanDisplay, { plan: toolInput.plan_content, isExpanded: isExpanded }))] }));
+    if (isStatic) {
+        return _jsx(Static, { items: [1], children: () => content });
+    }
+    return content;
+};
+ConfirmationDetails.displayName = "ConfirmationDetails";

package/dist/components/{Confirmation.d.ts → ConfirmationSelector.d.ts}

@@ -1,6 +1,6 @@
 import React from "react";
 import type { PermissionDecision } from "wave-agent-sdk";
-export interface ConfirmationProps {
+export interface ConfirmationSelectorProps {
     toolName: string;
     toolInput?: Record<string, unknown>;
     suggestedPrefix?: string;
@@ -10,5 +10,5 @@ export interface ConfirmationProps {
     onCancel: () => void;
     onAbort: () => void;
 }
-export declare const Confirmation: React.FC<ConfirmationProps>;
-//# sourceMappingURL=Confirmation.d.ts.map
+export declare const ConfirmationSelector: React.FC<ConfirmationSelectorProps>;
+//# sourceMappingURL=ConfirmationSelector.d.ts.map

package/dist/components/ConfirmationSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationSelector.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmationSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAwB,MAAM,gBAAgB,CAAC;AAgB/E,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AASD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA4apE,CAAC"}