wave-code 0.5.0 → 0.6.2

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(Text, { color: getHeaderColor(currentQuestion.header), bold: true, children: currentQuestion.header.slice(0, 12).toUpperCase() }), _jsx(Box, { marginLeft: 1, children: _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,CAkTlD,CAAC"}

package/dist/components/DiffDisplay.js

@@ -62,6 +62,10 @@ export const DiffDisplay = ({ toolName, parameters, }) => {
             const allElements = [];
             changes.forEach((change, changeIndex) => {
                 try {
+                    // Add ellipsis between non-contiguous edits in MultiEdit
+                    if (toolName === MULTI_EDIT_TOOL_NAME && changeIndex > 0) {
+                        allElements.push(_jsx(Box, { children: _jsx(Text, { color: "gray", children: "..." }) }, `multi-edit-separator-${changeIndex}`));
+                    }
                     // Get line-level diff to understand the structure
                     const lineDiffs = diffLines(change.oldContent || "", change.newContent || "");
                     // Process line diffs
@@ -88,9 +92,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" ? "📁" : "📄";

package/dist/components/HelpView.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelpView.d.ts","sourceRoot":"","sources":["../../src/components/HelpView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmD5C,CAAC"}

package/dist/components/HelpView.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from "ink";
+export const HelpView = ({ onCancel }) => {
+    useInput((_, key) => {
+        if (key.escape || key.return) {
+            onCancel();
+        }
+    });
+    const helpItems = [
+        { key: "@", description: "Reference files" },
+        { key: "/", description: "Commands" },
+        { key: "Ctrl+R", description: "Search history" },
+        { key: "Ctrl+O", description: "Expand/collapse messages" },
+        { key: "Ctrl+T", description: "Toggle task list" },
+        { key: "Ctrl+B", description: "Background current task" },
+        { key: "Ctrl+V", description: "Paste image" },
+        { key: "Shift+Tab", description: "Cycle permission mode" },
+        {
+            key: "Esc",
+            description: "Interrupt AI or command / Cancel selector / Close help",
+        },
+    ];
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderLeft: false, borderRight: false, paddingX: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "cyan", bold: true, underline: true, children: "Help & Key Bindings" }) }), helpItems.map((item, index) => (_jsxs(Box, { children: [_jsx(Box, { width: 20, children: _jsx(Text, { color: "yellow", children: item.key }) }), _jsx(Text, { color: "white", children: item.description })] }, index))), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Esc or Enter to close" }) })] }));
+};

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

@@ -1 +1 @@
-{"version":3,"file":"HistorySearch.d.ts","sourceRoot":"","sources":["../../src/components/HistorySearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyItD,CAAC"}
+{"version":3,"file":"HistorySearch.d.ts","sourceRoot":"","sources":["../../src/components/HistorySearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiKtD,CAAC"}

package/dist/components/HistorySearch.js

@@ -3,6 +3,7 @@ import React, { useState, useEffect } from "react";
 import { Box, Text, useInput } from "ink";
 import { PromptHistoryManager } from "wave-agent-sdk";
 export const HistorySearch = ({ searchQuery, onSelect, onCancel, }) => {
+    const MAX_VISIBLE_ITEMS = 5;
     const [selectedIndex, setSelectedIndex] = useState(0);
     const [entries, setEntries] = useState([]);
     const entriesRef = React.useRef([]);
@@ -16,8 +17,8 @@ export const HistorySearch = ({ searchQuery, onSelect, onCancel, }) => {
     useEffect(() => {
         const fetchHistory = async () => {
             const results = await PromptHistoryManager.searchHistory(searchQuery);
-            const limitedResults = results.slice(0, 10);
-            setEntries(limitedResults); // Limit to 10 results
+            const limitedResults = results.slice(0, 20);
+            setEntries(limitedResults); // Limit to 20 results
             setSelectedIndex(0);
         };
         fetchHistory();
@@ -44,7 +45,7 @@ export const HistorySearch = ({ searchQuery, onSelect, onCancel, }) => {
         }
     });
     if (entries.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 history found ", searchQuery && `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 history found ", searchQuery && `for "${searchQuery}"`] }), _jsx(Text, { dimColor: true, children: "Press Escape to cancel" })] }));
     }
     const formatTimestamp = (timestamp) => {
         const date = new Date(timestamp);
@@ -63,5 +64,12 @@ export const HistorySearch = ({ searchQuery, onSelect, onCancel, }) => {
             return diffMinutes > 0 ? `${diffMinutes}m ago` : "just now";
         }
     };
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "blue", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, gap: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: "blue", bold: true, children: ["Prompt History ", searchQuery && `(filtering: "${searchQuery}")`] }) }), entries.map((entry, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: index === selectedIndex ? "black" : "white", backgroundColor: index === selectedIndex ? "blue" : undefined, wrap: "truncate-end", children: entry.prompt.replace(/\n/g, " ") }), index === selectedIndex && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { color: "gray", dimColor: true, children: formatTimestamp(entry.timestamp) }) }))] }, index))), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: "Use \u2191\u2193 to navigate, Enter to select, Escape to cancel" }) })] }));
+    // Calculate visible window
+    const startIndex = Math.max(0, Math.min(selectedIndex - Math.floor(MAX_VISIBLE_ITEMS / 2), Math.max(0, entries.length - MAX_VISIBLE_ITEMS)));
+    const visibleEntries = entries.slice(startIndex, startIndex + MAX_VISIBLE_ITEMS);
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "blue", borderBottom: false, borderLeft: false, borderRight: false, gap: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: "blue", bold: true, children: ["Prompt History ", searchQuery && `(filtering: "${searchQuery}")`] }) }), _jsx(Box, { flexDirection: "column", children: visibleEntries.map((entry, index) => {
+                    const actualIndex = startIndex + index;
+                    const isSelected = actualIndex === selectedIndex;
+                    return (_jsxs(Box, { flexDirection: "row", justifyContent: "space-between", children: [_jsx(Box, { flexShrink: 1, children: _jsx(Text, { color: isSelected ? "black" : "white", backgroundColor: isSelected ? "blue" : undefined, wrap: "truncate-end", children: entry.prompt.replace(/\n/g, " ") }) }), isSelected && (_jsx(Box, { marginLeft: 2, flexShrink: 0, children: _jsx(Text, { color: "gray", dimColor: true, children: formatTimestamp(entry.timestamp) }) }))] }, actualIndex));
+                }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: "Use \u2191\u2193 to navigate, Enter to select, Escape to cancel" }) })] }));
 };

package/dist/components/InputBox.d.ts

@@ -1,18 +1,16 @@
 import React from "react";
 import type { McpServerStatus, SlashCommand } from "wave-agent-sdk";
-export declare const INPUT_PLACEHOLDER_TEXT = "Type your message (use @ to reference files, / for commands, # to add memory, Ctrl+R to search history)...";
+export declare const INPUT_PLACEHOLDER_TEXT = "Type your message (use /help for more info)...";
 export declare const INPUT_PLACEHOLDER_TEXT_PREFIX: string;
 export interface InputBoxProps {
     isLoading?: boolean;
     isCommandRunning?: boolean;
     workdir?: string;
-    userInputHistory?: string[];
     sendMessage?: (message: string, images?: Array<{
         path: string;
         mimeType: string;
     }>) => void;
     abortMessage?: () => void;
-    saveMemory?: (message: string, type: "project" | "user") => Promise<void>;
     mcpServers?: McpServerStatus[];
     connectMcpServer?: (serverName: string) => Promise<boolean>;
     disconnectMcpServer?: (serverName: string) => Promise<boolean>;

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,KAAoB,MAAM,OAAO,CAAC;AAazC,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEpE,eAAO,MAAM,sBAAsB,+GAC2E,CAAC;AAE/G,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,CAiO5C,CAAC"}
+{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/components/InputBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAazC,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEpE,eAAO,MAAM,sBAAsB,mDACe,CAAC;AAEnD,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,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;IAE1B,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,CAuN5C,CAAC"}

package/dist/components/InputBox.js

@@ -5,16 +5,16 @@ import { useInput } from "ink";
 import { FileSelector } from "./FileSelector.js";
 import { CommandSelector } from "./CommandSelector.js";
 import { HistorySearch } from "./HistorySearch.js";
-import { MemoryTypeSelector } from "./MemoryTypeSelector.js";
-import { TaskManager } from "./TaskManager.js";
+import { BackgroundTaskManager } from "./BackgroundTaskManager.js";
 import { McpManager } from "./McpManager.js";
 import { RewindCommand } from "./RewindCommand.js";
+import { HelpView } from "./HelpView.js";
 import { useInputManager } from "../hooks/useInputManager.js";
 import { useChat } from "../contexts/useChat.js";
-export const INPUT_PLACEHOLDER_TEXT = "Type your message (use @ to reference files, / for commands, # to add memory, Ctrl+R to search history)...";
+export const INPUT_PLACEHOLDER_TEXT = "Type your message (use /help for more info)...";
 export const INPUT_PLACEHOLDER_TEXT_PREFIX = INPUT_PLACEHOLDER_TEXT.substring(0, 10);
-export const InputBox = ({ isLoading = false, isCommandRunning = false, userInputHistory = [], sendMessage = () => { }, abortMessage = () => { }, saveMemory = async () => { }, mcpServers = [], connectMcpServer = async () => false, disconnectMcpServer = async () => false, slashCommands = [], hasSlashCommand = () => false, }) => {
-    const { permissionMode: chatPermissionMode, setPermissionMode: setChatPermissionMode, handleRewindSelect, backgroundCurrentTask, messages, } = useChat();
+export const InputBox = ({ isLoading = false, isCommandRunning = false, sendMessage = () => { }, abortMessage = () => { }, mcpServers = [], connectMcpServer = async () => false, disconnectMcpServer = async () => false, slashCommands = [], hasSlashCommand = () => false, }) => {
+    const { permissionMode: chatPermissionMode, setPermissionMode: setChatPermissionMode, handleRewindSelect, backgroundCurrentTask, messages, getFullMessageThread, } = useChat();
     // Input manager with all input state and functionality (including images)
     const { inputText, cursorPosition, 
     // Image management
@@ -23,23 +23,18 @@ export const InputBox = ({ isLoading = false, isCommandRunning = false, userInpu
     showFileSelector, filteredFiles, fileSearchQuery: searchQuery, handleFileSelect, handleCancelFileSelect, 
     // Command selector
     showCommandSelector, commandSearchQuery, handleCommandSelect, handleCommandInsert, handleCancelCommandSelect, handleHistorySearchSelect, handleCancelHistorySearch, 
-    // Memory type selector
-    showMemoryTypeSelector, memoryMessage, handleMemoryTypeSelect, handleCancelMemoryTypeSelect, 
     // History search
     showHistorySearch, historySearchQuery, 
     // Task/MCP Manager
-    showTaskManager, showMcpManager, showRewindManager, setShowTaskManager, setShowMcpManager, setShowRewindManager, 
+    showBackgroundTaskManager, showMcpManager, showRewindManager, showHelp, setShowBackgroundTaskManager, setShowMcpManager, setShowRewindManager, setShowHelp, 
     // Permission mode
     permissionMode, setPermissionMode, 
-    // Input history
-    setUserInputHistory, 
     // Main handler
     handleInput, 
     // Manager ready state
     isManagerReady, } = useInputManager({
         onSendMessage: sendMessage,
         onHasSlashCommand: hasSlashCommand,
-        onSaveMemory: saveMemory,
         onAbortMessage: abortMessage,
         onBackgroundCurrentTask: backgroundCurrentTask,
         onPermissionModeChange: setChatPermissionMode,
@@ -48,10 +43,6 @@ export const InputBox = ({ isLoading = false, isCommandRunning = false, userInpu
     useEffect(() => {
         setPermissionMode(chatPermissionMode);
     }, [chatPermissionMode, setPermissionMode]);
-    // Set user input history when it changes
-    useEffect(() => {
-        setUserInputHistory(userInputHistory);
-    }, [userInputHistory, setUserInputHistory]);
     // Use the InputManager's unified input handler
     useInput(async (input, key) => {
         await handleInput(input, key, attachedImages, isLoading, isCommandRunning, clearImages);
@@ -82,7 +73,13 @@ export const InputBox = ({ isLoading = false, isCommandRunning = false, userInpu
         await handleRewindSelect(index);
     };
     if (showRewindManager) {
-        return (_jsx(RewindCommand, { messages: messages, onSelect: handleRewindSelectWithClose, onCancel: handleRewindCancel }));
+        return (_jsx(RewindCommand, { messages: messages, onSelect: handleRewindSelectWithClose, onCancel: handleRewindCancel, getFullMessageThread: getFullMessageThread }));
+    }
+    if (showHelp) {
+        return _jsx(HelpView, { onCancel: () => setShowHelp(false) });
     }
-    return (_jsxs(Box, { flexDirection: "column", children: [showFileSelector && (_jsx(FileSelector, { files: filteredFiles, searchQuery: searchQuery, onSelect: handleFileSelect, onCancel: handleCancelFileSelect })), showCommandSelector && (_jsx(CommandSelector, { searchQuery: commandSearchQuery, onSelect: handleCommandSelect, onInsert: handleCommandInsert, onCancel: handleCancelCommandSelect, commands: slashCommands })), showHistorySearch && (_jsx(HistorySearch, { searchQuery: historySearchQuery, onSelect: handleHistorySearchSelect, onCancel: handleCancelHistorySearch })), showMemoryTypeSelector && (_jsx(MemoryTypeSelector, { message: memoryMessage, onSelect: handleMemoryTypeSelect, onCancel: handleCancelMemoryTypeSelect })), showTaskManager && (_jsx(TaskManager, { onCancel: () => setShowTaskManager(false) })), showMcpManager && (_jsx(McpManager, { onCancel: () => setShowMcpManager(false), servers: mcpServers, onConnectServer: connectMcpServer, onDisconnectServer: disconnectMcpServer })), showTaskManager || showMcpManager || showRewindManager || (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { borderStyle: "single", borderColor: "gray", borderLeft: false, borderRight: false, children: _jsx(Text, { color: isPlaceholder ? "gray" : "white", children: shouldShowCursor ? (_jsxs(_Fragment, { children: [beforeCursor, _jsx(Text, { backgroundColor: "white", color: "black", children: atCursor }), afterCursor] })) : (displayText) }) }), _jsx(Box, { paddingRight: 1, children: _jsxs(Text, { color: "gray", children: ["Mode:", " ", _jsx(Text, { color: permissionMode === "plan" ? "yellow" : "cyan", children: permissionMode }), " ", "(Shift+Tab to cycle)"] }) })] }))] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [showFileSelector && (_jsx(FileSelector, { files: filteredFiles, searchQuery: searchQuery, onSelect: handleFileSelect, onCancel: handleCancelFileSelect })), showCommandSelector && (_jsx(CommandSelector, { searchQuery: commandSearchQuery, onSelect: handleCommandSelect, onInsert: handleCommandInsert, onCancel: handleCancelCommandSelect, commands: slashCommands })), showHistorySearch && (_jsx(HistorySearch, { searchQuery: historySearchQuery, onSelect: handleHistorySearchSelect, onCancel: handleCancelHistorySearch })), showBackgroundTaskManager && (_jsx(BackgroundTaskManager, { onCancel: () => setShowBackgroundTaskManager(false) })), showMcpManager && (_jsx(McpManager, { onCancel: () => setShowMcpManager(false), servers: mcpServers, onConnectServer: connectMcpServer, onDisconnectServer: disconnectMcpServer })), showBackgroundTaskManager ||
+                showMcpManager ||
+                showRewindManager ||
+                showHelp || (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { borderStyle: "single", borderColor: "gray", borderLeft: false, borderRight: false, children: _jsx(Text, { color: isPlaceholder ? "gray" : "white", children: shouldShowCursor ? (_jsxs(_Fragment, { children: [beforeCursor, _jsx(Text, { backgroundColor: "white", color: "black", children: atCursor }), afterCursor] })) : (displayText) }) }), _jsx(Box, { paddingRight: 1, justifyContent: "space-between", width: "100%", children: _jsxs(Text, { color: "gray", children: ["Mode:", " ", _jsx(Text, { color: permissionMode === "plan" ? "yellow" : "cyan", children: permissionMode }), " ", "(Shift+Tab to cycle)"] }) })] }))] }));
 };

package/dist/components/LoadingIndicator.d.ts

@@ -0,0 +1,11 @@
+export interface LoadingIndicatorProps {
+    isLoading?: boolean;
+    isCommandRunning?: boolean;
+    isCompressing?: boolean;
+    latestTotalTokens?: number;
+}
+export declare const LoadingIndicator: {
+    ({ isLoading, isCommandRunning, isCompressing, latestTotalTokens, }: LoadingIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=LoadingIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../src/components/LoadingIndicator.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB;yEAK1B,qBAAqB;;CAsCvB,CAAC"}

package/dist/components/LoadingIndicator.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export const LoadingIndicator = ({ isLoading = false, isCommandRunning = false, isCompressing = false, latestTotalTokens = 0, }) => {
+    return (_jsxs(Box, { flexDirection: "column", children: [isLoading && (_jsxs(Box, { children: [_jsx(Text, { color: "yellow", children: "\u273B AI is thinking... " }), latestTotalTokens > 0 && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: "gray", dimColor: true, children: ["|", " "] }), _jsx(Text, { color: "blue", bold: true, children: latestTotalTokens.toLocaleString() }), _jsxs(Text, { color: "gray", dimColor: true, children: [" ", "tokens", " "] })] })), _jsxs(Text, { color: "gray", dimColor: true, children: ["|", " "] }), _jsx(Text, { color: "red", bold: true, children: "Esc" }), _jsxs(Text, { color: "gray", dimColor: true, children: [" ", "to abort"] })] })), isCommandRunning && _jsx(Text, { color: "blue", children: "\uD83D\uDE80 Command is running..." }), isCompressing && (_jsx(Text, { color: "magenta", children: "\uD83D\uDDDC\uFE0F Compressing message history..." }))] }));
+};
+LoadingIndicator.displayName = "LoadingIndicator";

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

@@ -1 +1 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAmVD,eAAO,MAAM,QAAQ,2CAA6B,aAAa,6CAQ7D,CAAC"}
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAwID,eAAO,MAAM,QAAQ,2CAA6B,aAAa,6CAc7D,CAAC"}