wave-code 0.5.0 → 0.6.0

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/{TaskManager.js → BackgroundTaskManager.js}

@@ -2,7 +2,7 @@ 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 TaskManager = ({ onCancel }) => {
+export const BackgroundTaskManager = ({ onCancel, }) => {
     const { backgroundTasks, getBackgroundTaskOutput, stopBackgroundTask } = useChat();
     const [tasks, setTasks] = useState([]);
     const [selectedIndex, setSelectedIndex] = useState(0);

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,KAA2C,MAAM,OAAO,CAAC;AAYhE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAgJjC,CAAC"}

package/dist/components/ChatInterface.js

@@ -1,12 +1,62 @@
-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, useEffect } 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 [wasLastDetailsTooTall, setWasLastDetailsTooTall] = useState(0);
+    const { messages, isLoading, isCommandRunning, userInputHistory, isCompressing, sendMessage, abortMessage, mcpServers, connectMcpServer, disconnectMcpServer, isExpanded, sessionId, latestTotalTokens, slashCommands, hasSlashCommand, isConfirmationVisible, confirmingTool, handleConfirmationDecision, handleConfirmationCancel: originalHandleConfirmationCancel, rewindId, } = useChat();
+    const [remountKey, setRemountKey] = useState(String(isExpanded) + sessionId + rewindId + wasLastDetailsTooTall);
+    useEffect(() => {
+        const newKey = String(isExpanded) + sessionId + rewindId + wasLastDetailsTooTall;
+        if (newKey !== remountKey) {
+            stdout?.write("\u001b[2J\u001b[0;0H", (err) => {
+                if (err) {
+                    console.error("Failed to clear terminal:", err);
+                }
+                setRemountKey(newKey);
+            });
+        }
+    }, [
+        isExpanded,
+        sessionId,
+        rewindId,
+        wasLastDetailsTooTall,
+        remountKey,
+        stdout,
+    ]);
+    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]);
+    const wrappedHandleConfirmationDecision = useCallback((decision) => {
+        if (isDetailsTooTall) {
+            setWasLastDetailsTooTall((prev) => prev + 1);
+            setIsDetailsTooTall(false);
+        }
+        handleConfirmationDecision(decision);
+    }, [isDetailsTooTall, handleConfirmationDecision]);
     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 }, remountKey), (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, userInputHistory: userInputHistory, 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

@@ -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"}

package/dist/components/{Confirmation.js → ConfirmationSelector.js}

@@ -1,33 +1,7 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { Box, Text, useInput } 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";
-    }
-};
+import { BASH_TOOL_NAME, EXIT_PLAN_MODE_TOOL_NAME, ASK_USER_QUESTION_TOOL_NAME, } from "wave-agent-sdk";
 const getHeaderColor = (header) => {
     const colors = ["red", "green", "blue", "magenta", "cyan"];
     let hash = 0;
@@ -36,14 +10,13 @@ const getHeaderColor = (header) => {
     }
     return colors[Math.abs(hash) % colors.length];
 };
-export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersistentOption, isExpanded = false, onDecision, onCancel, onAbort, }) => {
+export const ConfirmationSelector = ({ toolName, toolInput, suggestedPrefix, hidePersistentOption, isExpanded = false, onDecision, onCancel, onAbort, }) => {
     const [state, setState] = useState({
         selectedOption: "allow",
         alternativeText: "",
         alternativeCursorPosition: 0,
         hasUserInput: false,
     });
-    // Specialized state for AskUserQuestion
     const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0);
     const [selectedOptionIndex, setSelectedOptionIndex] = useState(0);
     const [selectedOptionIndices, setSelectedOptionIndices] = useState(new Set());
@@ -65,7 +38,6 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
         return "Yes, and auto-accept edits";
     };
     useInput((input, key) => {
-        // Handle ESC to cancel and abort
         if (key.escape) {
             onCancel();
             onAbort();
@@ -75,7 +47,7 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
             if (!currentQuestion)
                 return;
             const options = [...currentQuestion.options, { label: "Other" }];
-            const isMultiSelect = !!currentQuestion.multiSelect;
+            const isMultiSelect = currentQuestion.multiSelect;
             const isOtherFocused = selectedOptionIndex === options.length - 1;
             if (key.return) {
                 let answer = "";
@@ -112,7 +84,6 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
                     setOtherCursorPosition(0);
                 }
                 else {
-                    // All questions answered
                     onDecision({
                         behavior: "allow",
                         message: JSON.stringify(newAnswers),
@@ -125,31 +96,25 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
                     (!isOtherFocused || !selectedOptionIndices.has(selectedOptionIndex))) {
                     setSelectedOptionIndices((prev) => {
                         const next = new Set(prev);
-                        if (next.has(selectedOptionIndex)) {
+                        if (next.has(selectedOptionIndex))
                             next.delete(selectedOptionIndex);
-                        }
-                        else {
+                        else
                             next.add(selectedOptionIndex);
-                        }
                         return next;
                     });
                     return;
                 }
-                if (!isOtherFocused) {
+                if (!isOtherFocused)
                     return;
-                }
-                // If isOtherFocused is true, fall through to handle space as text input
             }
             if (key.upArrow) {
-                if (selectedOptionIndex > 0) {
+                if (selectedOptionIndex > 0)
                     setSelectedOptionIndex(selectedOptionIndex - 1);
-                }
                 return;
             }
             if (key.downArrow) {
-                if (selectedOptionIndex < options.length - 1) {
+                if (selectedOptionIndex < options.length - 1)
                     setSelectedOptionIndex(selectedOptionIndex + 1);
-                }
                 return;
             }
             if (isOtherFocused) {
@@ -163,30 +128,22 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
                 }
                 if (key.backspace || key.delete) {
                     if (otherCursorPosition > 0) {
-                        setOtherText((prev) => {
-                            const next = prev.slice(0, otherCursorPosition - 1) +
-                                prev.slice(otherCursorPosition);
-                            return next;
-                        });
+                        setOtherText((prev) => prev.slice(0, otherCursorPosition - 1) +
+                            prev.slice(otherCursorPosition));
                         setOtherCursorPosition((prev) => prev - 1);
                     }
                     return;
                 }
                 if (input && !key.ctrl && !key.meta) {
-                    setOtherText((prev) => {
-                        const next = prev.slice(0, otherCursorPosition) +
-                            input +
-                            prev.slice(otherCursorPosition);
-                        return next;
-                    });
+                    setOtherText((prev) => prev.slice(0, otherCursorPosition) +
+                        input +
+                        prev.slice(otherCursorPosition));
                     setOtherCursorPosition((prev) => prev + input.length);
                     return;
                 }
-                return;
             }
             return;
         }
-        // Handle Enter to confirm selection
         if (key.return) {
             if (state.selectedOption === "allow") {
                 if (toolName === EXIT_PLAN_MODE_TOOL_NAME) {
@@ -201,26 +158,14 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
                     const rule = suggestedPrefix
                         ? `Bash(${suggestedPrefix}*)`
                         : `Bash(${toolInput?.command})`;
-                    onDecision({
-                        behavior: "allow",
-                        newPermissionRule: rule,
-                    });
+                    onDecision({ behavior: "allow", newPermissionRule: rule });
                 }
                 else {
-                    onDecision({
-                        behavior: "allow",
-                        newPermissionMode: "acceptEdits",
-                    });
+                    onDecision({ behavior: "allow", newPermissionMode: "acceptEdits" });
                 }
             }
-            else {
-                // For alternative option, require text input
-                if (state.alternativeText.trim()) {
-                    onDecision({
-                        behavior: "deny",
-                        message: state.alternativeText.trim(),
-                    });
-                }
+            else if (state.alternativeText.trim()) {
+                onDecision({ behavior: "deny", message: state.alternativeText.trim() });
             }
             return;
         }
@@ -240,15 +185,13 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
                 return;
             }
         }
-        // Handle arrow keys for navigation
         if (key.upArrow) {
             setState((prev) => {
-                if (prev.selectedOption === "alternative") {
+                if (prev.selectedOption === "alternative")
                     return {
                         ...prev,
                         selectedOption: hidePersistentOption ? "allow" : "auto",
                     };
-                }
                 if (prev.selectedOption === "auto")
                     return { ...prev, selectedOption: "allow" };
                 return prev;
@@ -257,21 +200,18 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
         }
         if (key.downArrow) {
             setState((prev) => {
-                if (prev.selectedOption === "allow") {
+                if (prev.selectedOption === "allow")
                     return {
                         ...prev,
                         selectedOption: hidePersistentOption ? "alternative" : "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) => {
                 const nextText = prev.alternativeText.slice(0, prev.alternativeCursorPosition) +
                     input +
@@ -286,7 +226,6 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
             });
             return;
         }
-        // Handle backspace and delete
         if (key.backspace || key.delete) {
             setState((prev) => {
                 if (prev.alternativeCursorPosition > 0) {
@@ -307,22 +246,21 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
     });
     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", 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 &&
+    return (_jsxs(Box, { flexDirection: "column", children: [toolName === ASK_USER_QUESTION_TOOL_NAME &&
                 currentQuestion &&
-                !isExpanded && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Box, { backgroundColor: getHeaderColor(currentQuestion.header), paddingX: 1, marginRight: 1, children: _jsx(Text, { color: "black", bold: true, children: currentQuestion.header.slice(0, 12).toUpperCase() }) }), _jsx(Text, { bold: true, children: currentQuestion.question })] }), _jsx(Box, { flexDirection: "column", children: (() => {
-                            const isMultiSelect = !!currentQuestion.multiSelect;
-                            return [...currentQuestion.options, { label: "Other" }].map((option, index) => {
-                                const isSelected = selectedOptionIndex === index;
-                                const isChecked = isMultiSelect
-                                    ? selectedOptionIndices.has(index)
-                                    : isSelected;
-                                const isOther = index === currentQuestion.options.length;
-                                const isRecommended = !isOther && option.isRecommended;
-                                return (_jsx(Box, { children: _jsxs(Text, { color: isSelected ? "black" : "white", backgroundColor: isSelected ? "yellow" : undefined, children: [isSelected ? "> " : "  ", isMultiSelect ? (isChecked ? "[x] " : "[ ] ") : "", option.label, isRecommended && (_jsxs(Text, { color: "green", bold: true, children: [" ", "(Recommended)"] })), option.description ? ` - ${option.description}` : "", isOther && isSelected && (_jsxs(Text, { children: [":", " ", otherText ? (_jsxs(_Fragment, { children: [otherText.slice(0, otherCursorPosition), _jsx(Text, { backgroundColor: "white", color: "black", children: otherText[otherCursorPosition] || " " }), otherText.slice(otherCursorPosition + 1)] })) : (_jsx(Text, { color: "gray", dimColor: true, children: "[Type your answer...]" }))] }))] }) }, index));
-                            });
-                        })() }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Question ", currentQuestionIndex + 1, " of ", questions.length, " \u2022", currentQuestion.multiSelect ? " Space to toggle •" : "", " Use \u2191\u2193 to navigate \u2022 Enter to confirm"] }) })] })), toolName !== ASK_USER_QUESTION_TOOL_NAME &&
-                toolName === EXIT_PLAN_MODE_TOOL_NAME &&
-                !!toolInput?.plan_content && (_jsx(PlanDisplay, { plan: toolInput.plan_content, isExpanded: isExpanded })), toolName !== ASK_USER_QUESTION_TOOL_NAME && !isExpanded && (_jsxs(_Fragment, { children: [_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" ? "> " : "  ", toolName === EXIT_PLAN_MODE_TOOL_NAME
+                !isExpanded && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Box, { backgroundColor: getHeaderColor(currentQuestion.header), paddingX: 1, marginRight: 1, children: _jsx(Text, { color: "black", bold: true, children: currentQuestion.header.slice(0, 12).toUpperCase() }) }), _jsx(Text, { bold: true, children: currentQuestion.question })] }), _jsx(Box, { flexDirection: "column", children: [...currentQuestion.options, { label: "Other" }].map((option, index) => {
+                            const isSelected = selectedOptionIndex === index;
+                            const isChecked = currentQuestion.multiSelect
+                                ? selectedOptionIndices.has(index)
+                                : isSelected;
+                            const isOther = index === currentQuestion.options.length;
+                            return (_jsx(Box, { children: _jsxs(Text, { color: isSelected ? "black" : "white", backgroundColor: isSelected ? "yellow" : undefined, children: [isSelected ? "> " : "  ", currentQuestion.multiSelect
+                                            ? isChecked
+                                                ? "[x] "
+                                                : "[ ] "
+                                            : "", option.label, option.description ? ` - ${option.description}` : "", isOther && isSelected && (_jsxs(Text, { children: [":", " ", otherText ? (_jsxs(_Fragment, { children: [otherText.slice(0, otherCursorPosition), _jsx(Text, { backgroundColor: "white", color: "black", children: otherText[otherCursorPosition] || " " }), otherText.slice(otherCursorPosition + 1)] })) : (_jsx(Text, { color: "gray", dimColor: true, children: "[Type your answer...]" }))] }))] }) }, index));
+                        }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Question ", currentQuestionIndex + 1, " of ", questions.length, " \u2022", currentQuestion.multiSelect ? " Space to toggle •" : "", " Use \u2191\u2193 to navigate \u2022 Enter to confirm"] }) })] })), toolName !== ASK_USER_QUESTION_TOOL_NAME && !isExpanded && (_jsxs(_Fragment, { children: [_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" ? "> " : "  ", toolName === EXIT_PLAN_MODE_TOOL_NAME
                                             ? "Yes, proceed with default mode"
                                             : "Yes"] }) }, "allow-option"), !hidePersistentOption && (_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" ? "> " : "  ", 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" ? "> " : "  ", showPlaceholder ? (_jsx(Text, { color: "gray", dimColor: true, children: placeholderText })) : (_jsx(Text, { children: state.alternativeText ? (_jsxs(_Fragment, { children: [state.alternativeText.slice(0, state.alternativeCursorPosition), _jsx(Text, { backgroundColor: "white", color: "black", children: state.alternativeText[state.alternativeCursorPosition] || " " }), state.alternativeText.slice(state.alternativeCursorPosition + 1)] })) : ("Type here to tell Wave what to do differently") }))] }) }, "alternative-option")] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Use \u2191\u2193 to navigate \u2022 ESC to cancel" }) })] }))] }));
 };
+ConfirmationSelector.displayName = "ConfirmationSelector";

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

@@ -1 +1 @@
-{"version":3,"file":"DiffDisplay.d.ts","sourceRoot":"","sources":["../../src/components/DiffDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAUvC,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4OlD,CAAC"}
+{"version":3,"file":"DiffDisplay.d.ts","sourceRoot":"","sources":["../../src/components/DiffDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAUvC,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAySlD,CAAC"}

package/dist/components/DiffDisplay.js

@@ -88,9 +88,52 @@ export const DiffDisplay = ({ toolName, parameters, }) => {
                             const lines = part.value
                                 .split("\n")
                                 .filter((line) => line !== "");
-                            lines.forEach((line, lineIndex) => {
+                            const isFirstBlock = partIndex === 0;
+                            const isLastBlock = partIndex === lineDiffs.length - 1;
+                            let linesToDisplay = lines;
+                            let showEllipsisTop = false;
+                            let showEllipsisBottom = false;
+                            if (isFirstBlock && !isLastBlock) {
+                                // First block: keep last 3
+                                if (lines.length > 3) {
+                                    linesToDisplay = lines.slice(-3);
+                                    showEllipsisTop = true;
+                                }
+                            }
+                            else if (isLastBlock && !isFirstBlock) {
+                                // Last block: keep first 3
+                                if (lines.length > 3) {
+                                    linesToDisplay = lines.slice(0, 3);
+                                    showEllipsisBottom = true;
+                                }
+                            }
+                            else if (!isFirstBlock && !isLastBlock) {
+                                // Middle block: keep first 3 and last 3
+                                if (lines.length > 6) {
+                                    linesToDisplay = [...lines.slice(0, 3), ...lines.slice(-3)];
+                                    showEllipsisTop = false; // We'll put ellipsis in the middle
+                                }
+                            }
+                            else if (isFirstBlock && isLastBlock) {
+                                // Only one block (no changes?) - keep all or apply a general limit
+                                // For now, let's keep all if it's the only block
+                            }
+                            if (showEllipsisTop) {
+                                diffElements.push(_jsx(Box, { children: _jsx(Text, { color: "gray", children: " ..." }) }, `ellipsis-top-${changeIndex}-${partIndex}`));
+                            }
+                            linesToDisplay.forEach((line, lineIndex) => {
+                                // If it's a middle block and we are at the split point
+                                if (!isFirstBlock &&
+                                    !isLastBlock &&
+                                    lines.length > 6 &&
+                                    lineIndex === 3) {
+                                    diffElements.push(_jsx(Box, { children: _jsx(Text, { color: "gray", children: " ..." }) }, `ellipsis-mid-${changeIndex}-${partIndex}`));
+                                }
                                 diffElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "white", children: " " }), _jsx(Text, { color: "white", children: line })] }, `context-${changeIndex}-${partIndex}-${lineIndex}`));
                             });
+                            if (showEllipsisBottom) {
+                                diffElements.push(_jsx(Box, { children: _jsx(Text, { color: "gray", children: " ..." }) }, `ellipsis-bottom-${changeIndex}-${partIndex}`));
+                            }
                         }
                     });
                     // If it's a single line change (one removed, one added), use word-level diff

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;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,CA6HpD,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,CA2HpD,CAAC"}

package/dist/components/FileSelector.js

@@ -24,7 +24,7 @@ export const FileSelector = ({ files, searchQuery, onSelect, onCancel, }) => {
         }
     });
     if (files.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: ["\uD83D\uDCC1 No files 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: ["\uD83D\uDCC1 No files found for \"", searchQuery, "\""] }), _jsx(Text, { dimColor: true, children: "Press Escape to cancel" })] }));
     }
     const maxDisplay = 10;
     // Calculate display window start and end positions
@@ -39,7 +39,7 @@ export const FileSelector = ({ files, searchQuery, onSelect, onCancel, }) => {
         };
     };
     const { startIndex, endIndex, displayFiles } = getDisplayWindow();
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, children: [_jsxs(Text, { color: "cyan", bold: true, children: ["\uD83D\uDCC1 Select File/Directory", " ", searchQuery && `(filtering: "${searchQuery}")`] }), startIndex > 0 && (_jsxs(Text, { dimColor: true, children: ["... ", startIndex, " more files above"] })), displayFiles.map((fileItem, displayIndex) => {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, children: [_jsxs(Text, { color: "cyan", bold: true, children: ["\uD83D\uDCC1 Select File/Directory", " ", searchQuery && `(filtering: "${searchQuery}")`] }), startIndex > 0 && (_jsxs(Text, { dimColor: true, children: ["... ", startIndex, " more files above"] })), displayFiles.map((fileItem, displayIndex) => {
                 const actualIndex = startIndex + displayIndex;
                 const isSelected = actualIndex === selectedIndex;
                 const icon = fileItem.type === "directory" ? "📁" : "📄";