wave-code 0.5.0 → 0.6.2

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;AA4DD,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAiBlC,CAAC"}

package/dist/components/App.js

@@ -1,9 +1,47 @@
 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(() => {
+        const newKey = String(isExpanded) +
+            rewindId +
+            wasLastDetailsTooTall +
+            (prevSessionId.current && sessionId && prevSessionId.current !== sessionId
+                ? sessionId
+                : "");
+        if (newKey !== remountKey) {
+            const timeout = setTimeout(() => {
+                stdout?.write("\u001b[2J\u001b[0;0H", (err) => {
+                    if (err) {
+                        console.error("Failed to clear terminal:", err);
+                    }
+                    setRemountKey(newKey);
+                });
+            }, 100);
+            return () => clearTimeout(timeout);
+        }
+        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/{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,KAAgC,MAAM,OAAO,CAAC;AAYrD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAyHjC,CAAC"}

package/dist/components/ChatInterface.js

@@ -1,12 +1,47 @@
-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 &&
+                !isExpanded && (_jsx(LoadingIndicator, { isLoading: isLoading, isCommandRunning: isCommandRunning, isCompressing: isCompressing, latestTotalTokens: latestTotalTokens })), !isConfirmationVisible && !isExpanded && _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/CommandOutputDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandOutputDisplay.d.ts","sourceRoot":"","sources":["../../src/components/CommandOutputDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,UAAU,yBAAyB;IACjC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAuEpE,CAAC"}
+{"version":3,"file":"CommandOutputDisplay.d.ts","sourceRoot":"","sources":["../../src/components/CommandOutputDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,UAAU,yBAAyB;IACjC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiDpE,CAAC"}

package/dist/components/CommandOutputDisplay.js

@@ -4,7 +4,7 @@ import { Box, Text } from "ink";
 export const CommandOutputDisplay = ({ block, isExpanded = false, }) => {
     const { command, output, isRunning, exitCode } = block;
     const [isOverflowing, setIsOverflowing] = useState(false);
-    const MAX_LINES = 10; // Set maximum display lines
+    const MAX_LINES = 3; // Set maximum display lines
     // Detect if content is overflowing
     useEffect(() => {
         if (output) {
@@ -21,20 +21,9 @@ export const CommandOutputDisplay = ({ block, isExpanded = false, }) => {
             return "red";
         return "gray"; // Unknown state
     };
-    const getStatusText = () => {
-        if (isRunning)
-            return "🔄";
-        if (exitCode === 0)
-            return "✅";
-        if (exitCode === 130)
-            return "⚠️"; // SIGINT (Ctrl+C)
-        if (exitCode !== null && exitCode !== 0)
-            return "❌";
-        return ""; // Don't display text for unknown state
-    };
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: "$ " }), _jsx(Text, { color: "white", children: command }), _jsxs(Text, { color: getStatusColor(), children: [" ", getStatusText()] })] }), output && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Box, { paddingLeft: 2, borderLeft: true, borderColor: "gray", flexDirection: "column", height: isExpanded
-                            ? undefined
-                            : Math.min(output.split("\n").length, MAX_LINES), overflow: "hidden", children: _jsx(Text, { color: "gray", children: isOverflowing
-                                ? output.split("\n").slice(-MAX_LINES).join("\n")
-                                : output }) }), isOverflowing && (_jsx(Box, { paddingLeft: 2, marginTop: 1, children: _jsxs(Text, { color: "yellow", dimColor: true, children: ["Content truncated (", output.split("\n").length, " lines total, showing last ", MAX_LINES, " lines)"] }) }))] }))] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: getStatusColor(), children: "$ " }), _jsx(Text, { color: "white", children: command })] }), output && (_jsx(Box, { paddingLeft: 2, height: isExpanded
+                    ? undefined
+                    : Math.min(output.split("\n").length, MAX_LINES), overflow: "hidden", children: _jsx(Text, { color: "gray", children: isOverflowing
+                        ? output.split("\n").slice(-MAX_LINES).join("\n")
+                        : output }) }))] }));
 };

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;AA8BnD,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

@@ -20,15 +20,25 @@ const AVAILABLE_COMMANDS = [
         description: "Revert conversation and file changes to a previous checkpoint",
         handler: () => { }, // Handler here won't be used, actual processing is in the hook
     },
+    {
+        id: "help",
+        name: "help",
+        description: "Show help and key bindings",
+        handler: () => { }, // Handler here won't be used, actual processing is in the hook
+    },
 ];
 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 +70,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,CAwapE,CAAC"}