wave-code 0.0.5 → 0.0.8

package/README.md

@@ -16,7 +16,7 @@ This is the frontend UI package of the Wave workspace, providing an interactive
 ## Installation
 
 ```bash
-npm install wave-code
+npm install wave-code -g
 ```
 
 ## Environment Configuration
@@ -51,8 +51,8 @@ export LOG_FILE="/path/to/your/logfile.log"
 # Maximum log file size (optional, defaults to 10MB)
 export LOG_MAX_FILE_SIZE="10485760"
 
-# Token limit (optional, defaults to 64000)
-export TOKEN_LIMIT="64000"
+# Token limit (optional, defaults to 96000)
+export TOKEN_LIMIT="96000"
 
 ```
 

package/dist/cli.d.ts

@@ -1,6 +1,7 @@
 export interface CliOptions {
     restoreSessionId?: string;
     continueLastSession?: boolean;
+    bypassPermissions?: boolean;
 }
 export declare function startCli(options: CliOptions): Promise<void>;
 //# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,UAAU;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAsB,QAAQ,CAAC,OAAO,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAuEjE"}
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,UAAU;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAsB,QAAQ,CAAC,OAAO,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAwEjE"}

package/dist/cli.js

@@ -3,7 +3,7 @@ import { render } from "ink";
 import { App } from "./components/App.js";
 import { cleanupLogs } from "./utils/logger.js";
 export async function startCli(options) {
-    const { restoreSessionId, continueLastSession } = options;
+    const { restoreSessionId, continueLastSession, bypassPermissions } = options;
     // Continue with ink-based UI for normal mode
     // Global cleanup tracker
     let isCleaningUp = false;
@@ -45,7 +45,7 @@ export async function startCli(options) {
         cleanup();
     });
     // Render the application
-    const { unmount } = render(_jsx(App, { restoreSessionId: restoreSessionId, continueLastSession: continueLastSession }));
+    const { unmount } = render(_jsx(App, { restoreSessionId: restoreSessionId, continueLastSession: continueLastSession, bypassPermissions: bypassPermissions }));
     // Store unmount function for cleanup when process exits normally
     process.on("exit", () => {
         if (!appUnmounted) {

package/dist/components/App.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 interface AppProps {
     restoreSessionId?: string;
     continueLastSession?: boolean;
+    bypassPermissions?: boolean;
 }
 export declare const App: React.FC<AppProps>;
 export {};

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;CAC/B;AAUD,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAYlC,CAAC"}
+{"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;CAC7B;AAYD,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAalC,CAAC"}

package/dist/components/App.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ChatInterface } from "./ChatInterface.js";
 import { ChatProvider } from "../contexts/useChat.js";
 import { AppProvider } from "../contexts/useAppConfig.js";
-const AppWithProviders = () => {
-    return (_jsx(ChatProvider, { children: _jsx(ChatInterface, {}) }));
+const AppWithProviders = ({ bypassPermissions, }) => {
+    return (_jsx(ChatProvider, { bypassPermissions: bypassPermissions, children: _jsx(ChatInterface, {}) }));
 };
-export const App = ({ restoreSessionId, continueLastSession, }) => {
-    return (_jsx(AppProvider, { restoreSessionId: restoreSessionId, continueLastSession: continueLastSession, children: _jsx(AppWithProviders, {}) }));
+export const App = ({ restoreSessionId, continueLastSession, bypassPermissions, }) => {
+    return (_jsx(AppProvider, { restoreSessionId: restoreSessionId, continueLastSession: continueLastSession, children: _jsx(AppWithProviders, { bypassPermissions: bypassPermissions }) }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"BashHistorySelector.d.ts","sourceRoot":"","sources":["../../src/components/BashHistorySelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqJlE,CAAC"}
+{"version":3,"file":"BashHistorySelector.d.ts","sourceRoot":"","sources":["../../src/components/BashHistorySelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwKlE,CAAC"}

package/dist/components/BashHistorySelector.js

@@ -1,11 +1,12 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { Box, Text, useInput } from "ink";
-import { searchBashHistory } from "wave-agent-sdk";
+import { searchBashHistory, deleteBashCommandFromHistory, } from "wave-agent-sdk";
 import { logger } from "../utils/logger.js";
 export const BashHistorySelector = ({ searchQuery, workdir, onSelect, onExecute, onCancel, }) => {
     const [selectedIndex, setSelectedIndex] = useState(0);
     const [commands, setCommands] = useState([]);
+    const [refreshCounter, setRefreshCounter] = useState(0);
     // Search bash history
     useEffect(() => {
         const results = searchBashHistory(searchQuery, 10, workdir);
@@ -15,8 +16,9 @@ export const BashHistorySelector = ({ searchQuery, workdir, onSelect, onExecute,
             searchQuery,
             workdir,
             resultCount: results.length,
+            refreshCounter,
         });
-    }, [searchQuery, workdir]);
+    }, [searchQuery, workdir, refreshCounter]);
     useInput((input, key) => {
         logger.debug("BashHistorySelector useInput:", {
             input,
@@ -58,6 +60,18 @@ export const BashHistorySelector = ({ searchQuery, workdir, onSelect, onExecute,
             setSelectedIndex(Math.min(commands.length - 1, selectedIndex + 1));
             return;
         }
+        if (key.delete) {
+            if (commands.length > 0 && selectedIndex < commands.length) {
+                const selectedCommand = commands[selectedIndex];
+                deleteBashCommandFromHistory(selectedCommand.command, selectedCommand.workdir);
+                setRefreshCounter((prev) => prev + 1);
+                // Adjust selectedIndex if we deleted the last item
+                if (selectedIndex >= commands.length - 1 && selectedIndex > 0) {
+                    setSelectedIndex(selectedIndex - 1);
+                }
+            }
+            return;
+        }
     });
     if (commands.length === 0) {
         return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "yellow", padding: 1, marginBottom: 1, children: [_jsxs(Text, { color: "yellow", children: ["No bash history found ", searchQuery && `for "${searchQuery}"`] }), searchQuery.trim() && (_jsxs(Text, { color: "green", children: ["Press Enter to execute: ", searchQuery] })), searchQuery.trim() && (_jsxs(Text, { color: "blue", children: ["Press Tab to insert: ", searchQuery] })), _jsx(Text, { dimColor: true, children: "Press Escape to cancel" })] }));
@@ -79,5 +93,5 @@ export const BashHistorySelector = ({ searchQuery, workdir, onSelect, onExecute,
             return diffMinutes > 0 ? `${diffMinutes}m ago` : "just now";
         }
     };
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "blue", padding: 1, gap: 1, marginBottom: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: "blue", bold: true, children: ["Bash History ", searchQuery && `(filtering: "${searchQuery}")`] }) }), commands.map((cmd, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: index === selectedIndex ? "black" : "white", backgroundColor: index === selectedIndex ? "blue" : undefined, children: cmd.command }), index === selectedIndex && (_jsx(Box, { marginLeft: 4, flexDirection: "column", children: _jsxs(Text, { color: "gray", dimColor: true, children: [formatTimestamp(cmd.timestamp), cmd.workdir !== workdir && ` • in ${cmd.workdir}`] }) }))] }, index))), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: "Use \u2191\u2193 to navigate, Enter to execute, Tab to insert, Escape to cancel" }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "blue", padding: 1, gap: 1, marginBottom: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: "blue", bold: true, children: ["Bash History ", searchQuery && `(filtering: "${searchQuery}")`] }) }), commands.map((cmd, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: index === selectedIndex ? "black" : "white", backgroundColor: index === selectedIndex ? "blue" : undefined, children: cmd.command }), index === selectedIndex && (_jsx(Box, { marginLeft: 4, flexDirection: "column", children: _jsxs(Text, { color: "gray", dimColor: true, children: [formatTimestamp(cmd.timestamp), cmd.workdir !== workdir && ` • in ${cmd.workdir}`] }) }))] }, index))), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: "Use \u2191\u2193 to navigate, Enter to execute, Tab to insert, Delete to remove, Escape to cancel" }) })] }));
 };

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,KAA4B,MAAM,OAAO,CAAC;AAOjD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAgFjC,CAAC"}
+{"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,EAgEjC,CAAC"}

package/dist/components/ChatInterface.js

@@ -1,31 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
 import { Box } from "ink";
 import { MessageList } from "./MessageList.js";
 import { InputBox } from "./InputBox.js";
+import { Confirmation } from "./Confirmation.js";
 import { useChat } from "../contexts/useChat.js";
 export const ChatInterface = () => {
-    const { messages, isLoading, isCommandRunning, userInputHistory, isCompressing, sendMessage, abortMessage, saveMemory, mcpServers, connectMcpServer, disconnectMcpServer, isExpanded, latestTotalTokens, slashCommands, hasSlashCommand, } = useChat();
-    // Create a ref to store messages in expanded mode
-    const expandedMessagesRef = useRef([]);
-    useEffect(() => {
-        // Only sync when collapsed
-        if (!isExpanded) {
-            expandedMessagesRef.current = messages.map((message, index) => {
-                // If it's the last message, deep copy its blocks
-                if (index === messages.length - 1) {
-                    return {
-                        ...message,
-                        blocks: message.blocks.map((block) => ({ ...block })),
-                    };
-                }
-                return message;
-            });
-        }
-    }, [isExpanded, messages]);
-    return (_jsxs(Box, { flexDirection: "column", height: "100%", children: [_jsx(Box, { flexGrow: 1, flexDirection: "column", paddingX: 1, children: isExpanded ? (
-                // Expanded mode uses messages from ref, loading and tokens are hardcoded to false and 0
-                _jsx(MessageList, { messages: expandedMessagesRef.current, isLoading: false, isCommandRunning: false, latestTotalTokens: 0, isExpanded: true })) : (
-                // Normal mode uses real-time state
-                _jsx(MessageList, { messages: messages, isLoading: isLoading, isCommandRunning: isCommandRunning, isCompressing: isCompressing, latestTotalTokens: latestTotalTokens, isExpanded: false })) }), !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 }))] }));
+    const { messages, isLoading, isCommandRunning, userInputHistory, isCompressing, sendMessage, abortMessage, saveMemory, mcpServers, connectMcpServer, disconnectMcpServer, isExpanded, sessionId, latestTotalTokens, slashCommands, hasSlashCommand, isConfirmationVisible, confirmingTool, handleConfirmationDecision, handleConfirmationCancel, } = useChat();
+    if (!sessionId)
+        return null;
+    return (_jsxs(Box, { flexDirection: "column", height: "100%", paddingY: 1, children: [_jsx(MessageList, { messages: messages, isLoading: isLoading, isCommandRunning: isCommandRunning, isCompressing: isCompressing, latestTotalTokens: latestTotalTokens, isExpanded: isExpanded }, String(isExpanded) + sessionId), !isExpanded &&
+                (isConfirmationVisible ? (_jsx(Confirmation, { toolName: confirmingTool.name, toolInput: confirmingTool.input, onDecision: handleConfirmationDecision, onCancel: handleConfirmationCancel, onAbort: abortMessage })) : (_jsx(InputBox, { isLoading: isLoading, isCommandRunning: isCommandRunning, userInputHistory: userInputHistory, sendMessage: sendMessage, abortMessage: abortMessage, saveMemory: saveMemory, mcpServers: mcpServers, connectMcpServer: connectMcpServer, disconnectMcpServer: disconnectMcpServer, slashCommands: slashCommands, hasSlashCommand: hasSlashCommand })))] }));
 };

package/dist/components/CommandSelector.js

@@ -22,12 +22,12 @@ export const CommandSelector = ({ searchQuery, onSelect, onInsert, onCancel, com
     const allCommands = [...commands, ...AVAILABLE_COMMANDS];
     // Filter command list
     const filteredCommands = allCommands.filter((command) => !searchQuery ||
-        command.name.toLowerCase().includes(searchQuery.toLowerCase()));
+        command.id.toLowerCase().includes(searchQuery.toLowerCase()));
     useInput((input, key) => {
         if (key.return) {
             if (filteredCommands.length > 0 &&
                 selectedIndex < filteredCommands.length) {
-                const selectedCommand = filteredCommands[selectedIndex].name;
+                const selectedCommand = filteredCommands[selectedIndex].id;
                 onSelect(selectedCommand);
             }
             return;
@@ -35,7 +35,7 @@ export const CommandSelector = ({ searchQuery, onSelect, onInsert, onCancel, com
         if (key.tab && onInsert) {
             if (filteredCommands.length > 0 &&
                 selectedIndex < filteredCommands.length) {
-                const selectedCommand = filteredCommands[selectedIndex].name;
+                const selectedCommand = filteredCommands[selectedIndex].id;
                 onInsert(selectedCommand);
             }
             return;
@@ -56,5 +56,5 @@ export const CommandSelector = ({ searchQuery, onSelect, onInsert, onCancel, com
     if (filteredCommands.length === 0) {
         return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "yellow", padding: 1, marginBottom: 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: "magenta", padding: 1, gap: 1, marginBottom: 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.name] }), index === selectedIndex && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { color: "gray", dimColor: true, children: command.description }) }))] }, command.name))), _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", padding: 1, gap: 1, marginBottom: 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"] }) })] }));
 };

package/dist/components/Confirmation.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Confirmation.d.ts","sourceRoot":"","sources":["../../src/components/Confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AA2BzD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,UAAU,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAQD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiNpD,CAAC"}

package/dist/components/Confirmation.js

@@ -0,0 +1,148 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+// Helper function to generate descriptive action text
+const getActionDescription = (toolName, toolInput) => {
+    if (!toolInput) {
+        return "Execute operation";
+    }
+    switch (toolName) {
+        case "Bash":
+            return `Execute command: ${toolInput.command || "unknown command"}`;
+        case "Edit":
+            return `Edit file: ${toolInput.file_path || "unknown file"}`;
+        case "MultiEdit":
+            return `Edit multiple sections in: ${toolInput.file_path || "unknown file"}`;
+        case "Delete":
+            return `Delete file: ${toolInput.target_file || "unknown file"}`;
+        case "Write":
+            return `Write to file: ${toolInput.file_path || "unknown file"}`;
+        default:
+            return "Execute operation";
+    }
+};
+export const Confirmation = ({ toolName, toolInput, onDecision, onCancel, onAbort, }) => {
+    const [state, setState] = useState({
+        selectedOption: "allow",
+        alternativeText: "",
+        hasUserInput: false,
+    });
+    const getAutoOptionText = () => {
+        if (toolName === "Bash") {
+            return `Yes, and don't ask again for ${toolInput?.command || "this"} commands in this workdir`;
+        }
+        return "Yes, and auto-accept edits";
+    };
+    useInput((input, key) => {
+        // Handle ESC to cancel and abort
+        if (key.escape) {
+            onCancel();
+            onAbort();
+            return;
+        }
+        // Handle Enter to confirm selection
+        if (key.return) {
+            if (state.selectedOption === "allow") {
+                onDecision({ behavior: "allow" });
+            }
+            else if (state.selectedOption === "auto") {
+                if (toolName === "Bash") {
+                    onDecision({
+                        behavior: "allow",
+                        newPermissionRule: `Bash(${toolInput?.command})`,
+                    });
+                }
+                else {
+                    onDecision({
+                        behavior: "allow",
+                        newPermissionMode: "acceptEdits",
+                    });
+                }
+            }
+            else {
+                // For alternative option, require text input
+                if (state.alternativeText.trim()) {
+                    onDecision({
+                        behavior: "deny",
+                        message: state.alternativeText.trim(),
+                    });
+                }
+            }
+            return;
+        }
+        // Handle numeric keys for quick selection (only if not typing in alternative)
+        if (state.selectedOption !== "alternative" || !state.hasUserInput) {
+            if (input === "1") {
+                onDecision({ behavior: "allow" });
+                return;
+            }
+            if (input === "2") {
+                if (toolName === "Bash") {
+                    onDecision({
+                        behavior: "allow",
+                        newPermissionRule: `Bash(${toolInput?.command})`,
+                    });
+                }
+                else {
+                    onDecision({
+                        behavior: "allow",
+                        newPermissionMode: "acceptEdits",
+                    });
+                }
+                return;
+            }
+            if (input === "3") {
+                setState((prev) => ({ ...prev, selectedOption: "alternative" }));
+                return;
+            }
+        }
+        // Handle arrow keys for navigation
+        if (key.upArrow) {
+            setState((prev) => {
+                if (prev.selectedOption === "alternative")
+                    return { ...prev, selectedOption: "auto" };
+                if (prev.selectedOption === "auto")
+                    return { ...prev, selectedOption: "allow" };
+                return prev;
+            });
+            return;
+        }
+        if (key.downArrow) {
+            setState((prev) => {
+                if (prev.selectedOption === "allow")
+                    return { ...prev, selectedOption: "auto" };
+                if (prev.selectedOption === "auto")
+                    return { ...prev, selectedOption: "alternative" };
+                return prev;
+            });
+            return;
+        }
+        // Handle text input for alternative option
+        if (input && !key.ctrl && !key.meta && !("alt" in key && key.alt)) {
+            // Focus on alternative option when user starts typing
+            setState((prev) => ({
+                selectedOption: "alternative",
+                alternativeText: prev.alternativeText + input,
+                hasUserInput: true,
+            }));
+            return;
+        }
+        // Handle backspace and delete (same behavior - delete one character)
+        if (key.backspace || key.delete) {
+            setState((prev) => {
+                const newText = prev.alternativeText.slice(0, -1);
+                return {
+                    ...prev,
+                    selectedOption: "alternative",
+                    alternativeText: newText,
+                    hasUserInput: newText.length > 0,
+                };
+            });
+            return;
+        }
+    });
+    const placeholderText = "Type here to tell Wave what to do differently";
+    const showPlaceholder = state.selectedOption === "alternative" && !state.hasUserInput;
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "yellow", padding: 1, marginBottom: 1, children: [_jsxs(Text, { color: "yellow", bold: true, children: ["Tool: ", toolName] }), _jsx(Text, { color: "yellow", children: getActionDescription(toolName, toolInput) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: "Do you want to proceed?" }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { color: state.selectedOption === "allow" ? "black" : "white", backgroundColor: state.selectedOption === "allow" ? "yellow" : undefined, bold: state.selectedOption === "allow", children: [state.selectedOption === "allow" ? "> " : "  ", "1. Yes"] }) }, "allow-option"), _jsx(Box, { children: _jsxs(Text, { color: state.selectedOption === "auto" ? "black" : "white", backgroundColor: state.selectedOption === "auto" ? "yellow" : undefined, bold: state.selectedOption === "auto", children: [state.selectedOption === "auto" ? "> " : "  ", "2.", " ", getAutoOptionText()] }) }, "auto-option"), _jsx(Box, { children: _jsxs(Text, { color: state.selectedOption === "alternative" ? "black" : "white", backgroundColor: state.selectedOption === "alternative" ? "yellow" : undefined, bold: state.selectedOption === "alternative", children: [state.selectedOption === "alternative" ? "> " : "  ", "3.", " ", showPlaceholder ? (_jsx(Text, { color: "gray", dimColor: true, children: placeholderText })) : (_jsx(Text, { children: state.alternativeText ||
+                                        "Type here to tell Wave what to do differently" }))] }) }, "alternative-option")] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Use \u2191\u2193 or 1-3 to navigate \u2022 ESC to cancel" }) })] }));
+};

package/dist/components/DiffDisplay.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { ToolBlock } from "wave-agent-sdk";
+interface DiffDisplayProps {
+    toolBlock: ToolBlock;
+}
+export declare const DiffDisplay: React.FC<DiffDisplayProps>;
+export {};
+//# sourceMappingURL=DiffDisplay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DiffDisplay.d.ts","sourceRoot":"","sources":["../../src/components/DiffDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,UAAU,gBAAgB;IACxB,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiSlD,CAAC"}

package/dist/components/DiffDisplay.js

@@ -0,0 +1,168 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useMemo } from "react";
+import { Box, Text } from "ink";
+import { transformToolBlockToChanges } from "../utils/toolParameterTransforms.js";
+import { diffLines, diffWords } from "diff";
+export const DiffDisplay = ({ toolBlock }) => {
+    const showDiff = ["running", "end"].includes(toolBlock.stage) &&
+        toolBlock.name &&
+        ["Write", "Edit", "MultiEdit"].includes(toolBlock.name);
+    // Diff detection and transformation using typed parameters
+    const changes = useMemo(() => {
+        if (!showDiff || !toolBlock.name || !toolBlock.parameters)
+            return [];
+        try {
+            // Use local transformation with JSON parsing and type guards
+            return transformToolBlockToChanges(toolBlock.name, toolBlock.parameters);
+        }
+        catch (error) {
+            console.warn("Error transforming tool block to changes:", error);
+            return [];
+        }
+    }, [toolBlock.name, toolBlock.parameters, showDiff]);
+    // Render word-level diff between two lines of text
+    const renderWordLevelDiff = (oldLine, newLine, keyPrefix) => {
+        try {
+            const changes = diffWords(oldLine, newLine);
+            const removedParts = [];
+            const addedParts = [];
+            changes.forEach((part, index) => {
+                if (part.removed) {
+                    removedParts.push(_jsx(Text, { color: "black", backgroundColor: "red", children: part.value }, `removed-${keyPrefix}-${index}`));
+                }
+                else if (part.added) {
+                    addedParts.push(_jsx(Text, { color: "black", backgroundColor: "green", children: part.value }, `added-${keyPrefix}-${index}`));
+                }
+                else {
+                    // Unchanged parts
+                    removedParts.push(_jsx(Text, { color: "red", children: part.value }, `removed-unchanged-${keyPrefix}-${index}`));
+                    addedParts.push(_jsx(Text, { color: "green", children: part.value }, `added-unchanged-${keyPrefix}-${index}`));
+                }
+            });
+            return { removedParts, addedParts };
+        }
+        catch (error) {
+            console.warn("Error rendering word-level diff:", error);
+            // Fallback to simple line display
+            return {
+                removedParts: [
+                    _jsx(Text, { color: "red", children: oldLine }, `fallback-removed-${keyPrefix}`),
+                ],
+                addedParts: [
+                    _jsx(Text, { color: "green", children: newLine }, `fallback-added-${keyPrefix}`),
+                ],
+            };
+        }
+    };
+    // Render expanded diff display using word-level diff for all changes
+    const renderExpandedDiff = () => {
+        try {
+            if (changes.length === 0)
+                return null;
+            return (_jsx(Box, { flexDirection: "column", children: changes.map((change, changeIndex) => {
+                    try {
+                        // Get line-level diff to understand the structure
+                        const lineDiffs = diffLines(change.oldContent || "", change.newContent || "");
+                        const diffElements = [];
+                        // Process line diffs and apply word-level diff to changed lines
+                        lineDiffs.forEach((part, partIndex) => {
+                            if (part.added) {
+                                const lines = part.value
+                                    .split("\n")
+                                    .filter((line) => line !== "");
+                                lines.forEach((line, lineIndex) => {
+                                    diffElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "green", children: "+" }), _jsx(Text, { color: "green", children: line })] }, `add-${changeIndex}-${partIndex}-${lineIndex}`));
+                                });
+                            }
+                            else if (part.removed) {
+                                const lines = part.value
+                                    .split("\n")
+                                    .filter((line) => line !== "");
+                                lines.forEach((line, lineIndex) => {
+                                    diffElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "red", children: "-" }), _jsx(Text, { color: "red", children: line })] }, `remove-${changeIndex}-${partIndex}-${lineIndex}`));
+                                });
+                            }
+                            else {
+                                // Context lines - show unchanged content
+                                const lines = part.value
+                                    .split("\n")
+                                    .filter((line) => line !== "");
+                                lines.forEach((line, lineIndex) => {
+                                    diffElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "white", children: " " }), _jsx(Text, { color: "white", children: line })] }, `context-${changeIndex}-${partIndex}-${lineIndex}`));
+                                });
+                            }
+                        });
+                        // Now look for pairs of removed/added lines that can be word-diffed
+                        const processedElements = [];
+                        let i = 0;
+                        while (i < diffElements.length) {
+                            const current = diffElements[i];
+                            const next = i + 1 < diffElements.length ? diffElements[i + 1] : null;
+                            // Check if we have a removed line followed by an added line
+                            const currentKey = React.isValidElement(current)
+                                ? current.key
+                                : "";
+                            const nextKey = React.isValidElement(next) ? next.key : "";
+                            const isCurrentRemoved = typeof currentKey === "string" &&
+                                currentKey.includes("remove-");
+                            const isNextAdded = typeof nextKey === "string" && nextKey.includes("add-");
+                            if (isCurrentRemoved &&
+                                isNextAdded &&
+                                React.isValidElement(current) &&
+                                React.isValidElement(next)) {
+                                // Extract the text content from the removed and added lines
+                                const removedText = extractTextFromElement(current);
+                                const addedText = extractTextFromElement(next);
+                                if (removedText && addedText) {
+                                    // Apply word-level diff
+                                    const { removedParts, addedParts } = renderWordLevelDiff(removedText, addedText, `word-${changeIndex}-${i}`);
+                                    processedElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "red", children: "-" }), removedParts] }, `word-diff-removed-${changeIndex}-${i}`));
+                                    processedElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "green", children: "+" }), addedParts] }, `word-diff-added-${changeIndex}-${i}`));
+                                    i += 2; // Skip the next element since we processed it
+                                }
+                                else {
+                                    // Fallback to original elements
+                                    processedElements.push(current);
+                                    i += 1;
+                                }
+                            }
+                            else {
+                                processedElements.push(current);
+                                i += 1;
+                            }
+                        }
+                        return (_jsx(Box, { flexDirection: "column", children: processedElements }, changeIndex));
+                    }
+                    catch (error) {
+                        console.warn(`Error rendering diff for change ${changeIndex}:`, error);
+                        // Fallback to simple display
+                        return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "red", children: ["-", change.oldContent || ""] }), _jsxs(Text, { color: "green", children: ["+", change.newContent || ""] })] }, changeIndex));
+                    }
+                }) }));
+        }
+        catch (error) {
+            console.warn("Error rendering expanded diff:", error);
+            return (_jsx(Box, { children: _jsx(Text, { color: "gray", children: "Error rendering diff display" }) }));
+        }
+    };
+    // Helper function to extract text content from a React element
+    const extractTextFromElement = (element) => {
+        if (!React.isValidElement(element))
+            return null;
+        // Navigate through Box -> Text structure
+        const children = element.props.children;
+        if (Array.isArray(children) && children.length >= 2) {
+            const textElement = children[1]; // Second child should be the Text with content
+            if (React.isValidElement(textElement) &&
+                textElement.props.children) {
+                return textElement.props.children;
+            }
+        }
+        return null;
+    };
+    // Don't render anything if no diff should be shown
+    if (!showDiff) {
+        return null;
+    }
+    return (_jsx(Box, { flexDirection: "column", children: _jsxs(Box, { paddingLeft: 2, borderLeft: true, borderColor: "cyan", flexDirection: "column", children: [_jsx(Text, { color: "cyan", bold: true, children: "Diff:" }), renderExpandedDiff()] }) }));
+};

package/dist/components/FileSelector.d.ts

@@ -1,8 +1,6 @@
 import React from "react";
-export interface FileItem {
-    path: string;
-    type: "file" | "directory";
-}
+import type { FileItem } from "wave-agent-sdk";
+export { type FileItem } from "wave-agent-sdk";
 export interface FileSelectorProps {
     files: FileItem[];
     searchQuery: string;

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

@@ -1 +1 @@
-{"version":3,"file":"FileSelector.d.ts","sourceRoot":"","sources":["../../src/components/FileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyHpD,CAAC"}
+{"version":3,"file":"FileSelector.d.ts","sourceRoot":"","sources":["../../src/components/FileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyHpD,CAAC"}

package/dist/components/FileSelector.js

@@ -4,7 +4,7 @@ import { Box, Text, useInput } from "ink";
 export const FileSelector = ({ files, searchQuery, onSelect, onCancel, }) => {
     const [selectedIndex, setSelectedIndex] = useState(0);
     useInput((input, key) => {
-        if (key.return) {
+        if (key.return || key.tab) {
             if (files.length > 0 && selectedIndex < files.length) {
                 onSelect(files[selectedIndex].path);
             }
@@ -44,5 +44,5 @@ export const FileSelector = ({ files, searchQuery, onSelect, onCancel, }) => {
                 const isSelected = actualIndex === selectedIndex;
                 const icon = fileItem.type === "directory" ? "📁" : "📄";
                 return (_jsx(Box, { children: _jsxs(Text, { color: isSelected ? "black" : "white", backgroundColor: isSelected ? "cyan" : undefined, children: ["  ", icon, " ", fileItem.path] }) }, fileItem.path));
-            }), endIndex < files.length && (_jsxs(Text, { dimColor: true, children: ["... ", files.length - endIndex, " more files below"] })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Use \u2191\u2193 to navigate, Enter to select, Escape to cancel" }), _jsxs(Text, { dimColor: true, children: ["File ", selectedIndex + 1, " of ", files.length] })] })] }));
+            }), endIndex < files.length && (_jsxs(Text, { dimColor: true, children: ["... ", files.length - endIndex, " more files below"] })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Use \u2191\u2193 to navigate, Enter/Tab to select, Escape to cancel" }), _jsxs(Text, { dimColor: true, children: ["File ", selectedIndex + 1, " of ", files.length] })] })] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/components/InputBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAWtD,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEpE,eAAO,MAAM,sBAAsB,yGACqE,CAAC;AAEzG,eAAO,MAAM,6BAA6B,QAGzC,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,CACZ,OAAO,EAAE,MAAM,EACf,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAC/C,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1E,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5D,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAE/D,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;CAClD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqO5C,CAAC"}
+{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/components/InputBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAYlD,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEpE,eAAO,MAAM,sBAAsB,yGACqE,CAAC;AAEzG,eAAO,MAAM,6BAA6B,QAGzC,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,CACZ,OAAO,EAAE,MAAM,EACf,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAC/C,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1E,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5D,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAE/D,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;CAClD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuM5C,CAAC"}