wave-code 0.0.16 → 0.0.17

package/dist/components/Confirmation.js

@@ -1,34 +1,60 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx, 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":
+        case BASH_TOOL_NAME:
             return `Execute command: ${toolInput.command || "unknown command"}`;
-        case "Edit":
+        case EDIT_TOOL_NAME:
             return `Edit file: ${toolInput.file_path || "unknown file"}`;
-        case "MultiEdit":
+        case MULTI_EDIT_TOOL_NAME:
             return `Edit multiple sections in: ${toolInput.file_path || "unknown file"}`;
-        case "Delete":
+        case DELETE_FILE_TOOL_NAME:
             return `Delete file: ${toolInput.target_file || "unknown file"}`;
-        case "Write":
+        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 Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersistentOption, onDecision, onCancel, onAbort, }) => {
+const getHeaderColor = (header) => {
+    const colors = ["red", "green", "blue", "magenta", "cyan"];
+    let hash = 0;
+    for (let i = 0; i < header.length; i++) {
+        hash = header.charCodeAt(i) + ((hash << 5) - hash);
+    }
+    return colors[Math.abs(hash) % colors.length];
+};
+export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersistentOption, isExpanded = false, onDecision, onCancel, onAbort, }) => {
     const [state, setState] = useState({
         selectedOption: "allow",
         alternativeText: "",
         hasUserInput: false,
     });
+    // Specialized state for AskUserQuestion
+    const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0);
+    const [selectedOptionIndex, setSelectedOptionIndex] = useState(0);
+    const [selectedOptionIndices, setSelectedOptionIndices] = useState(new Set());
+    const [userAnswers, setUserAnswers] = useState({});
+    const [otherText, setOtherText] = useState("");
+    const questions = toolInput?.questions || [];
+    const currentQuestion = questions[currentQuestionIndex];
     const getAutoOptionText = () => {
-        if (toolName === "Bash") {
+        if (toolName === EXIT_PLAN_MODE_TOOL_NAME) {
+            return "Yes, and auto-accept edits";
+        }
+        if (toolName === BASH_TOOL_NAME) {
             if (suggestedPrefix) {
                 return `Yes, and don't ask again for: ${suggestedPrefix}`;
             }
@@ -43,13 +69,109 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
             onAbort();
             return;
         }
+        if (toolName === ASK_USER_QUESTION_TOOL_NAME) {
+            if (!currentQuestion)
+                return;
+            const options = [...currentQuestion.options, { label: "Other" }];
+            const isMultiSelect = !!currentQuestion.multiSelect;
+            const isOtherFocused = selectedOptionIndex === options.length - 1;
+            if (key.return) {
+                let answer = "";
+                if (isMultiSelect) {
+                    const selectedLabels = Array.from(selectedOptionIndices)
+                        .filter((i) => i < currentQuestion.options.length)
+                        .map((i) => currentQuestion.options[i].label);
+                    const isOtherChecked = selectedOptionIndices.has(options.length - 1);
+                    if (isOtherChecked && otherText.trim()) {
+                        selectedLabels.push(otherText.trim());
+                    }
+                    answer = selectedLabels.join(", ");
+                }
+                else {
+                    if (isOtherFocused) {
+                        answer = otherText.trim();
+                    }
+                    else {
+                        answer = options[selectedOptionIndex].label;
+                    }
+                }
+                if (!answer)
+                    return;
+                const newAnswers = {
+                    ...userAnswers,
+                    [currentQuestion.question]: answer,
+                };
+                setUserAnswers(newAnswers);
+                if (currentQuestionIndex < questions.length - 1) {
+                    setCurrentQuestionIndex(currentQuestionIndex + 1);
+                    setSelectedOptionIndex(0);
+                    setSelectedOptionIndices(new Set());
+                    setOtherText("");
+                }
+                else {
+                    // All questions answered
+                    onDecision({
+                        behavior: "allow",
+                        message: JSON.stringify(newAnswers),
+                    });
+                }
+                return;
+            }
+            if (input === " ") {
+                if (isMultiSelect &&
+                    (!isOtherFocused || !selectedOptionIndices.has(selectedOptionIndex))) {
+                    setSelectedOptionIndices((prev) => {
+                        const next = new Set(prev);
+                        if (next.has(selectedOptionIndex)) {
+                            next.delete(selectedOptionIndex);
+                        }
+                        else {
+                            next.add(selectedOptionIndex);
+                        }
+                        return next;
+                    });
+                    return;
+                }
+                if (!isOtherFocused) {
+                    return;
+                }
+                // If isOtherFocused is true, fall through to handle space as text input
+            }
+            if (key.upArrow) {
+                if (selectedOptionIndex > 0) {
+                    setSelectedOptionIndex(selectedOptionIndex - 1);
+                }
+                return;
+            }
+            if (key.downArrow) {
+                if (selectedOptionIndex < options.length - 1) {
+                    setSelectedOptionIndex(selectedOptionIndex + 1);
+                }
+                return;
+            }
+            if (isOtherFocused) {
+                if (key.backspace || key.delete) {
+                    setOtherText((prev) => prev.slice(0, -1));
+                }
+                else if (input && !key.ctrl && !key.meta) {
+                    setOtherText((prev) => prev + input);
+                }
+                return;
+            }
+            return;
+        }
         // Handle Enter to confirm selection
         if (key.return) {
             if (state.selectedOption === "allow") {
-                onDecision({ behavior: "allow" });
+                if (toolName === EXIT_PLAN_MODE_TOOL_NAME) {
+                    onDecision({ behavior: "allow", newPermissionMode: "default" });
+                }
+                else {
+                    onDecision({ behavior: "allow" });
+                }
             }
             else if (state.selectedOption === "auto") {
-                if (toolName === "Bash") {
+                if (toolName === BASH_TOOL_NAME) {
                     const rule = suggestedPrefix
                         ? `Bash(${suggestedPrefix}:*)`
                         : `Bash(${toolInput?.command})`;
@@ -76,42 +198,6 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
             }
             return;
         }
-        // Handle numeric keys for quick selection (only if not typing in alternative)
-        if (state.selectedOption !== "alternative" || !state.hasUserInput) {
-            if (input === "1") {
-                onDecision({ behavior: "allow" });
-                return;
-            }
-            if (input === "2") {
-                if (!hidePersistentOption) {
-                    if (toolName === "Bash") {
-                        const rule = suggestedPrefix
-                            ? `Bash(${suggestedPrefix}:*)`
-                            : `Bash(${toolInput?.command})`;
-                        onDecision({
-                            behavior: "allow",
-                            newPermissionRule: rule,
-                        });
-                    }
-                    else {
-                        onDecision({
-                            behavior: "allow",
-                            newPermissionMode: "acceptEdits",
-                        });
-                    }
-                    return;
-                }
-                else {
-                    // If auto option is hidden, '2' selects alternative
-                    setState((prev) => ({ ...prev, selectedOption: "alternative" }));
-                    return;
-                }
-            }
-            if (input === "3" && !hidePersistentOption) {
-                setState((prev) => ({ ...prev, selectedOption: "alternative" }));
-                return;
-            }
-        }
         // Handle arrow keys for navigation
         if (key.upArrow) {
             setState((prev) => {
@@ -167,6 +253,23 @@ 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", padding: 1, marginBottom: 1, children: [_jsxs(Text, { color: "yellow", bold: true, children: ["Tool: ", toolName] }), _jsx(Text, { color: "yellow", children: getActionDescription(toolName, toolInput) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: "Do you want to proceed?" }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { color: state.selectedOption === "allow" ? "black" : "white", backgroundColor: state.selectedOption === "allow" ? "yellow" : undefined, bold: state.selectedOption === "allow", children: [state.selectedOption === "allow" ? "> " : "  ", "1. Yes"] }) }, "allow-option"), !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" ? "> " : "  ", "2.", " ", getAutoOptionText()] }) }, "auto-option")), _jsx(Box, { children: _jsxs(Text, { color: state.selectedOption === "alternative" ? "black" : "white", backgroundColor: state.selectedOption === "alternative" ? "yellow" : undefined, bold: state.selectedOption === "alternative", children: [state.selectedOption === "alternative" ? "> " : "  ", hidePersistentOption ? "2. " : "3. ", showPlaceholder ? (_jsx(Text, { color: "gray", dimColor: true, children: placeholderText })) : (_jsx(Text, { children: state.alternativeText ||
-                                        "Type here to tell Wave what to do differently" }))] }) }, "alternative-option")] }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Use \u2191\u2193 or 1-", hidePersistentOption ? "2" : "3", " to navigate \u2022 ESC to cancel"] }) })] }));
+    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), isExpanded: isExpanded }), 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 || (_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
+                                            ? "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 ||
+                                                "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" }) })] }))] }));
 };

package/dist/components/DiffDisplay.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
-import type { ToolBlock } from "wave-agent-sdk";
 interface DiffDisplayProps {
-    toolBlock: ToolBlock;
+    toolName?: string;
+    parameters?: string;
+    isExpanded?: boolean;
 }
 export declare const DiffDisplay: React.FC<DiffDisplayProps>;
 export {};

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;AAIvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,UAAU,gBAAgB;IACxB,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiSlD,CAAC"}
+{"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;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6SlD,CAAC"}

package/dist/components/DiffDisplay.js

@@ -1,25 +1,29 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo } from "react";
-import { Box, Text } from "ink";
+import { Box, Text, useStdout } from "ink";
+import { WRITE_TOOL_NAME, EDIT_TOOL_NAME, MULTI_EDIT_TOOL_NAME, } from "wave-agent-sdk";
 import { transformToolBlockToChanges } from "../utils/toolParameterTransforms.js";
 import { diffLines, diffWords } from "diff";
-export const DiffDisplay = ({ toolBlock }) => {
-    const showDiff = ["running", "end"].includes(toolBlock.stage) &&
-        toolBlock.name &&
-        ["Write", "Edit", "MultiEdit"].includes(toolBlock.name);
+export const DiffDisplay = ({ toolName, parameters, isExpanded = false, }) => {
+    const { stdout } = useStdout();
+    const maxHeight = useMemo(() => {
+        return Math.max(5, (stdout?.rows || 24) - 20);
+    }, [stdout?.rows]);
+    const showDiff = toolName &&
+        [WRITE_TOOL_NAME, EDIT_TOOL_NAME, MULTI_EDIT_TOOL_NAME].includes(toolName);
     // Diff detection and transformation using typed parameters
     const changes = useMemo(() => {
-        if (!showDiff || !toolBlock.name || !toolBlock.parameters)
+        if (!showDiff || !toolName || !parameters)
             return [];
         try {
             // Use local transformation with JSON parsing and type guards
-            return transformToolBlockToChanges(toolBlock.name, toolBlock.parameters);
+            return transformToolBlockToChanges(toolName, parameters);
         }
         catch (error) {
             console.warn("Error transforming tool block to changes:", error);
             return [];
         }
-    }, [toolBlock.name, toolBlock.parameters, showDiff]);
+    }, [toolName, parameters, showDiff]);
     // Render word-level diff between two lines of text
     const renderWordLevelDiff = (oldLine, newLine, keyPrefix) => {
         try {
@@ -59,86 +63,87 @@ export const DiffDisplay = ({ toolBlock }) => {
         try {
             if (changes.length === 0)
                 return null;
-            return (_jsx(Box, { flexDirection: "column", children: changes.map((change, changeIndex) => {
-                    try {
-                        // Get line-level diff to understand the structure
-                        const lineDiffs = diffLines(change.oldContent || "", change.newContent || "");
-                        const diffElements = [];
-                        // Process line diffs and apply word-level diff to changed lines
-                        lineDiffs.forEach((part, partIndex) => {
-                            if (part.added) {
-                                const lines = part.value
-                                    .split("\n")
-                                    .filter((line) => line !== "");
-                                lines.forEach((line, lineIndex) => {
-                                    diffElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "green", children: "+" }), _jsx(Text, { color: "green", children: line })] }, `add-${changeIndex}-${partIndex}-${lineIndex}`));
-                                });
-                            }
-                            else if (part.removed) {
-                                const lines = part.value
-                                    .split("\n")
-                                    .filter((line) => line !== "");
-                                lines.forEach((line, lineIndex) => {
-                                    diffElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "red", children: "-" }), _jsx(Text, { color: "red", children: line })] }, `remove-${changeIndex}-${partIndex}-${lineIndex}`));
-                                });
-                            }
-                            else {
-                                // Context lines - show unchanged content
-                                const lines = part.value
-                                    .split("\n")
-                                    .filter((line) => line !== "");
-                                lines.forEach((line, lineIndex) => {
-                                    diffElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "white", children: " " }), _jsx(Text, { color: "white", children: line })] }, `context-${changeIndex}-${partIndex}-${lineIndex}`));
-                                });
-                            }
-                        });
-                        // Now look for pairs of removed/added lines that can be word-diffed
-                        const processedElements = [];
-                        let i = 0;
-                        while (i < diffElements.length) {
-                            const current = diffElements[i];
-                            const next = i + 1 < diffElements.length ? diffElements[i + 1] : null;
-                            // Check if we have a removed line followed by an added line
-                            const currentKey = React.isValidElement(current)
-                                ? current.key
-                                : "";
-                            const nextKey = React.isValidElement(next) ? next.key : "";
-                            const isCurrentRemoved = typeof currentKey === "string" &&
-                                currentKey.includes("remove-");
-                            const isNextAdded = typeof nextKey === "string" && nextKey.includes("add-");
-                            if (isCurrentRemoved &&
-                                isNextAdded &&
-                                React.isValidElement(current) &&
-                                React.isValidElement(next)) {
-                                // Extract the text content from the removed and added lines
-                                const removedText = extractTextFromElement(current);
-                                const addedText = extractTextFromElement(next);
-                                if (removedText && addedText) {
-                                    // Apply word-level diff
-                                    const { removedParts, addedParts } = renderWordLevelDiff(removedText, addedText, `word-${changeIndex}-${i}`);
-                                    processedElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "red", children: "-" }), removedParts] }, `word-diff-removed-${changeIndex}-${i}`));
-                                    processedElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "green", children: "+" }), addedParts] }, `word-diff-added-${changeIndex}-${i}`));
-                                    i += 2; // Skip the next element since we processed it
-                                }
-                                else {
-                                    // Fallback to original elements
-                                    processedElements.push(current);
-                                    i += 1;
-                                }
+            const allElements = [];
+            changes.forEach((change, changeIndex) => {
+                try {
+                    // Get line-level diff to understand the structure
+                    const lineDiffs = diffLines(change.oldContent || "", change.newContent || "");
+                    const diffElements = [];
+                    // Process line diffs and apply word-level diff to changed lines
+                    lineDiffs.forEach((part, partIndex) => {
+                        if (part.added) {
+                            const lines = part.value
+                                .split("\n")
+                                .filter((line) => line !== "");
+                            lines.forEach((line, lineIndex) => {
+                                diffElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "green", children: "+" }), _jsx(Text, { color: "green", children: line })] }, `add-${changeIndex}-${partIndex}-${lineIndex}`));
+                            });
+                        }
+                        else if (part.removed) {
+                            const lines = part.value
+                                .split("\n")
+                                .filter((line) => line !== "");
+                            lines.forEach((line, lineIndex) => {
+                                diffElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "red", children: "-" }), _jsx(Text, { color: "red", children: line })] }, `remove-${changeIndex}-${partIndex}-${lineIndex}`));
+                            });
+                        }
+                        else {
+                            // Context lines - show unchanged content
+                            const lines = part.value
+                                .split("\n")
+                                .filter((line) => line !== "");
+                            lines.forEach((line, lineIndex) => {
+                                diffElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "white", children: " " }), _jsx(Text, { color: "white", children: line })] }, `context-${changeIndex}-${partIndex}-${lineIndex}`));
+                            });
+                        }
+                    });
+                    // Now look for pairs of removed/added lines that can be word-diffed
+                    let i = 0;
+                    while (i < diffElements.length) {
+                        const current = diffElements[i];
+                        const next = i + 1 < diffElements.length ? diffElements[i + 1] : null;
+                        // Check if we have a removed line followed by an added line
+                        const currentKey = React.isValidElement(current) ? current.key : "";
+                        const nextKey = React.isValidElement(next) ? next.key : "";
+                        const isCurrentRemoved = typeof currentKey === "string" && currentKey.includes("remove-");
+                        const isNextAdded = typeof nextKey === "string" && nextKey.includes("add-");
+                        if (isCurrentRemoved &&
+                            isNextAdded &&
+                            React.isValidElement(current) &&
+                            React.isValidElement(next)) {
+                            // Extract the text content from the removed and added lines
+                            const removedText = extractTextFromElement(current);
+                            const addedText = extractTextFromElement(next);
+                            if (removedText && addedText) {
+                                // Apply word-level diff
+                                const { removedParts, addedParts } = renderWordLevelDiff(removedText, addedText, `word-${changeIndex}-${i}`);
+                                allElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "red", children: "-" }), removedParts] }, `word-diff-removed-${changeIndex}-${i}`));
+                                allElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "green", children: "+" }), addedParts] }, `word-diff-added-${changeIndex}-${i}`));
+                                i += 2; // Skip the next element since we processed it
                             }
                             else {
-                                processedElements.push(current);
+                                // Fallback to original elements
+                                allElements.push(current);
                                 i += 1;
                             }
                         }
-                        return (_jsx(Box, { flexDirection: "column", children: processedElements }, changeIndex));
-                    }
-                    catch (error) {
-                        console.warn(`Error rendering diff for change ${changeIndex}:`, error);
-                        // Fallback to simple display
-                        return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "red", children: ["-", change.oldContent || ""] }), _jsxs(Text, { color: "green", children: ["+", change.newContent || ""] })] }, changeIndex));
+                        else {
+                            allElements.push(current);
+                            i += 1;
+                        }
                     }
-                }) }));
+                }
+                catch (error) {
+                    console.warn(`Error rendering diff for change ${changeIndex}:`, error);
+                    // Fallback to simple display
+                    allElements.push(_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "red", children: ["-", change.oldContent || ""] }), _jsxs(Text, { color: "green", children: ["+", change.newContent || ""] })] }, `fallback-${changeIndex}`));
+                }
+            });
+            const isTruncated = !isExpanded && allElements.length > maxHeight;
+            const displayElements = isTruncated
+                ? allElements.slice(0, maxHeight - 1)
+                : allElements;
+            return (_jsxs(Box, { flexDirection: "column", children: [displayElements, isTruncated && (_jsxs(Text, { color: "yellow", dimColor: true, children: ["... (truncated ", allElements.length - (maxHeight - 1), " more lines)"] }))] }));
         }
         catch (error) {
             console.warn("Error rendering expanded diff:", error);

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,CAyHpD,CAAC"}
+{"version":3,"file":"FileSelector.d.ts","sourceRoot":"","sources":["../../src/components/FileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6HpD,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", padding: 1, marginBottom: 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, paddingTop: 1, 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", padding: 1, marginBottom: 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, 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) => {
                 const actualIndex = startIndex + displayIndex;
                 const isSelected = actualIndex === selectedIndex;
                 const icon = fileItem.type === "directory" ? "📁" : "📄";

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

package/dist/components/InputBox.js

@@ -35,7 +35,7 @@ export const InputBox = ({ isLoading = false, isCommandRunning = false, workdir,
     // Input history
     setUserInputHistory, 
     // Complex handlers combining multiple operations
-    handleBashHistoryExecuteAndSend, 
+    handleBashHistoryExecuteAndSend, handleBashHistoryDelete, 
     // Main handler
     handleInput, 
     // Manager ready state
@@ -74,5 +74,5 @@ export const InputBox = ({ isLoading = false, isCommandRunning = false, workdir,
     if (!isManagerReady) {
         return null;
     }
-    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 })), showBashHistorySelector && (_jsx(BashHistorySelector, { searchQuery: bashHistorySearchQuery, workdir: currentWorkdir, onSelect: handleBashHistorySelect, onExecute: handleBashHistoryExecuteAndSend, onCancel: handleCancelBashHistorySelect })), showMemoryTypeSelector && (_jsx(MemoryTypeSelector, { message: memoryMessage, onSelect: handleMemoryTypeSelect, onCancel: handleCancelMemoryTypeSelect })), showBashManager && (_jsx(BashShellManager, { onCancel: () => setShowBashManager(false) })), showMcpManager && (_jsx(McpManager, { onCancel: () => setShowMcpManager(false), servers: mcpServers, onConnectServer: connectMcpServer, onDisconnectServer: disconnectMcpServer })), showBashManager || showMcpManager || (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, 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, { paddingX: 1, children: _jsxs(Text, { color: "gray", children: ["Mode: ", _jsx(Text, { color: "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 })), showBashHistorySelector && (_jsx(BashHistorySelector, { searchQuery: bashHistorySearchQuery, workdir: currentWorkdir, onSelect: handleBashHistorySelect, onExecute: handleBashHistoryExecuteAndSend, onDelete: handleBashHistoryDelete, onCancel: handleCancelBashHistorySelect })), showMemoryTypeSelector && (_jsx(MemoryTypeSelector, { message: memoryMessage, onSelect: handleMemoryTypeSelect, onCancel: handleCancelMemoryTypeSelect })), showBashManager && (_jsx(BashShellManager, { onCancel: () => setShowBashManager(false) })), showMcpManager && (_jsx(McpManager, { onCancel: () => setShowMcpManager(false), servers: mcpServers, onConnectServer: connectMcpServer, onDisconnectServer: disconnectMcpServer })), showBashManager || showMcpManager || (_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)"] }) })] }))] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"McpManager.d.ts","sourceRoot":"","sources":["../../src/components/McpManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1D,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CAC9D;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4ThD,CAAC"}
+{"version":3,"file":"McpManager.d.ts","sourceRoot":"","sources":["../../src/components/McpManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1D,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CAC9D;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkUhD,CAAC"}

package/dist/components/McpManager.js

@@ -105,16 +105,16 @@ export const McpManager = ({ onCancel, servers, onConnectServer, onDisconnectSer
         }
     });
     if (viewMode === "detail" && selectedServer) {
-        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", padding: 1, gap: 1, marginBottom: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: "cyan", bold: true, children: ["MCP Server Details: ", selectedServer.name] }) }), _jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Status:" }), " ", _jsxs(Text, { color: getStatusColor(selectedServer.status), children: [getStatusIcon(selectedServer.status), " ", selectedServer.status] })] }) }), _jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Command:" }), " ", selectedServer.config.command] }) }), selectedServer.config.args && (_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Args:" }), " ", selectedServer.config.args.join(" ")] }) })), selectedServer.toolCount !== undefined && (_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Tools:" }), " ", selectedServer.toolCount, " ", "tools"] }) })), selectedServer.capabilities && (_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Capabilities:" }), " ", selectedServer.capabilities.join(", ")] }) })), selectedServer.lastConnected && (_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Last Connected:" }), " ", formatTime(selectedServer.lastConnected)] }) })), selectedServer.error && (_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "red", children: "Error:" }), " ", selectedServer.error] }) }))] }), selectedServer.config.env &&
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, gap: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: "cyan", bold: true, children: ["MCP Server Details: ", selectedServer.name] }) }), _jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Status:" }), " ", _jsxs(Text, { color: getStatusColor(selectedServer.status), children: [getStatusIcon(selectedServer.status), " ", selectedServer.status] })] }) }), _jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Command:" }), " ", selectedServer.config.command] }) }), selectedServer.config.args && (_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Args:" }), " ", selectedServer.config.args.join(" ")] }) })), selectedServer.toolCount !== undefined && (_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Tools:" }), " ", selectedServer.toolCount, " ", "tools"] }) })), selectedServer.capabilities && (_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Capabilities:" }), " ", selectedServer.capabilities.join(", ")] }) })), selectedServer.lastConnected && (_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Last Connected:" }), " ", formatTime(selectedServer.lastConnected)] }) })), selectedServer.error && (_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "red", children: "Error:" }), " ", selectedServer.error] }) }))] }), selectedServer.config.env &&
                     Object.keys(selectedServer.config.env).length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "blue", bold: true, children: "Environment Variables:" }), _jsx(Box, { borderStyle: "single", borderColor: "blue", padding: 1, children: Object.entries(selectedServer.config.env).map(([key, value]) => (_jsxs(Text, { children: [key, "=", value] }, key))) })] })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: [selectedServer.status === "disconnected" ||
                                 selectedServer.status === "error"
                                 ? "c to connect · "
                                 : "", selectedServer.status === "connected" ? "d to disconnect · " : "", "Esc to go back"] }) })] }));
     }
     if (servers.length === 0) {
-        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", padding: 1, marginBottom: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: "Manage MCP servers" }), _jsx(Text, { children: "No MCP servers configured" }), _jsx(Text, { dimColor: true, children: "Create a .mcp.json file in your project root to add servers" }), _jsx(Text, { dimColor: true, children: "Press Escape to close" })] }));
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: "Manage MCP servers" }), _jsx(Text, { children: "No MCP servers configured" }), _jsx(Text, { dimColor: true, children: "Create a .mcp.json file in your project root to add servers" }), _jsx(Text, { dimColor: true, children: "Press Escape to close" })] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", padding: 1, gap: 1, marginBottom: 1, children: [_jsx(Box, { children: _jsx(Text, { color: "cyan", bold: true, children: "Manage MCP servers" }) }), _jsx(Text, { dimColor: true, children: "Select a server to view details" }), servers.map((server, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: index === selectedIndex ? "black" : "white", backgroundColor: index === selectedIndex ? "cyan" : undefined, children: [index === selectedIndex ? "▶ " : "  ", index + 1, ".", " ", _jsx(Text, { color: getStatusColor(server.status), children: getStatusIcon(server.status) }), " ", server.name, server.status === "connected" && server.toolCount && (_jsxs(Text, { color: "green", children: [" \u00B7 ", server.toolCount, " tools"] }))] }), index === selectedIndex && (_jsxs(Box, { marginLeft: 4, flexDirection: "column", children: [_jsxs(Text, { color: "gray", dimColor: true, children: [server.config.command, server.config.args ? ` ${server.config.args.join(" ")}` : ""] }), server.lastConnected && (_jsxs(Text, { color: "gray", dimColor: true, children: ["Last connected: ", formatTime(server.lastConnected)] }))] }))] }, server.name))), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["\u2191/\u2193 to select \u00B7 Enter to view \u00B7", " ", servers[selectedIndex]?.status === "disconnected" ||
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, gap: 1, children: [_jsx(Box, { children: _jsx(Text, { color: "cyan", bold: true, children: "Manage MCP servers" }) }), _jsx(Text, { dimColor: true, children: "Select a server to view details" }), servers.map((server, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: index === selectedIndex ? "black" : "white", backgroundColor: index === selectedIndex ? "cyan" : undefined, children: [index === selectedIndex ? "▶ " : "  ", index + 1, ".", " ", _jsx(Text, { color: getStatusColor(server.status), children: getStatusIcon(server.status) }), " ", server.name, server.status === "connected" && server.toolCount && (_jsxs(Text, { color: "green", children: [" \u00B7 ", server.toolCount, " tools"] }))] }), index === selectedIndex && (_jsxs(Box, { marginLeft: 4, flexDirection: "column", children: [_jsxs(Text, { color: "gray", dimColor: true, children: [server.config.command, server.config.args ? ` ${server.config.args.join(" ")}` : ""] }), server.lastConnected && (_jsxs(Text, { color: "gray", dimColor: true, children: ["Last connected: ", formatTime(server.lastConnected)] }))] }))] }, server.name))), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["\u2191/\u2193 to select \u00B7 Enter to view \u00B7", " ", servers[selectedIndex]?.status === "disconnected" ||
                             servers[selectedIndex]?.status === "error"
                             ? "c to connect · "
                             : "", servers[selectedIndex]?.status === "connected"

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

@@ -1 +1 @@
-{"version":3,"file":"MemoryTypeSelector.d.ts","sourceRoot":"","sources":["../../src/components/MemoryTypeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsFhE,CAAC"}
+{"version":3,"file":"MemoryTypeSelector.d.ts","sourceRoot":"","sources":["../../src/components/MemoryTypeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwFhE,CAAC"}

package/dist/components/MemoryTypeSelector.js

@@ -34,5 +34,5 @@ export const MemoryTypeSelector = ({ message, onSelect, onCancel, }) => {
             return;
         }
     });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "green", padding: 1, gap: 1, marginBottom: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: "green", bold: true, children: ["Save Memory: \"", message.substring(1).trim(), "\""] }) }), _jsx(Text, { color: "gray", children: "Choose where to save this memory:" }), options.map((option, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: index === selectedIndex ? "black" : "white", backgroundColor: index === selectedIndex ? "green" : undefined, bold: index === selectedIndex, children: option.label }), index === selectedIndex && (_jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: "gray", dimColor: true, children: option.description }) }))] }, option.type))), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: "Use \u2191\u2193 to navigate, Enter to select, Escape to cancel" }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "green", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, gap: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: "green", bold: true, children: ["Save Memory: \"", message.substring(1).trim(), "\""] }) }), _jsx(Text, { color: "gray", children: "Choose where to save this memory:" }), options.map((option, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: index === selectedIndex ? "black" : "white", backgroundColor: index === selectedIndex ? "green" : undefined, bold: index === selectedIndex, children: option.label }), index === selectedIndex && (_jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: "gray", dimColor: true, children: option.description }) }))] }, option.type))), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: "Use \u2191\u2193 to navigate, Enter to select, Escape to cancel" }) })] }));
 };

package/dist/components/MessageList.js

@@ -24,7 +24,7 @@ export const MessageList = React.memo(({ messages, isLoading = false, isCommandR
     const dynamicMessages = shouldRenderLastDynamic && displayMessages.length > 0
         ? [displayMessages[displayMessages.length - 1]]
         : [];
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, gap: 1, children: [omittedCount > 0 && (_jsx(Box, { children: _jsxs(Text, { color: "gray", dimColor: true, children: ["... ", omittedCount, " earlier message", omittedCount !== 1 ? "s" : "", " ", "omitted (showing latest ", maxExpandedMessages, ")"] }) })), _jsx(Static, { items: staticMessages, children: (message, key) => {
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [omittedCount > 0 && (_jsx(Box, { children: _jsxs(Text, { color: "gray", dimColor: true, children: ["... ", omittedCount, " earlier message", omittedCount !== 1 ? "s" : "", " ", "omitted (showing latest ", maxExpandedMessages, ")"] }) })), _jsx(Static, { items: staticMessages, children: (message, key) => {
                     // Get previous message
                     const previousMessage = key > 0 ? staticMessages[key - 1] : undefined;
                     return (_jsx(MessageItem, { message: message, shouldShowHeader: previousMessage?.role !== message.role, isExpanded: isExpanded }, key));