wave-code 0.4.0 → 0.5.1

package/dist/commands/plugin/uninstall.js

@@ -3,7 +3,7 @@ export async function uninstallPluginCommand(argv) {
     const marketplaceService = new MarketplaceService();
     const workdir = process.cwd();
     try {
-        await marketplaceService.uninstallPlugin(argv.plugin);
+        await marketplaceService.uninstallPlugin(argv.plugin, workdir);
         console.log(`Successfully uninstalled plugin: ${argv.plugin}`);
         const configurationService = new ConfigurationService();
         const pluginManager = new PluginManager({ workdir });

package/dist/components/CommandSelector.js

@@ -3,9 +3,9 @@ import { useState } from "react";
 import { Box, Text, useInput } from "ink";
 const AVAILABLE_COMMANDS = [
     {
-        id: "bashes",
-        name: "bashes",
-        description: "View and manage background bash shells",
+        id: "tasks",
+        name: "tasks",
+        description: "View and manage background tasks (shells and subagents)",
         handler: () => { }, // Handler here won't be used, actual processing is in the hook
     },
     {

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

@@ -1 +1 @@
-{"version":3,"file":"Confirmation.d.ts","sourceRoot":"","sources":["../../src/components/Confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAwB,MAAM,gBAAgB,CAAC;AAmD/E,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAQD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqapD,CAAC"}
+{"version":3,"file":"Confirmation.d.ts","sourceRoot":"","sources":["../../src/components/Confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAwB,MAAM,gBAAgB,CAAC;AAmD/E,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AASD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8fpD,CAAC"}

package/dist/components/Confirmation.js

@@ -40,6 +40,7 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
     const [state, setState] = useState({
         selectedOption: "allow",
         alternativeText: "",
+        alternativeCursorPosition: 0,
         hasUserInput: false,
     });
     // Specialized state for AskUserQuestion
@@ -48,6 +49,7 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
     const [selectedOptionIndices, setSelectedOptionIndices] = useState(new Set());
     const [userAnswers, setUserAnswers] = useState({});
     const [otherText, setOtherText] = useState("");
+    const [otherCursorPosition, setOtherCursorPosition] = useState(0);
     const questions = toolInput?.questions || [];
     const currentQuestion = questions[currentQuestionIndex];
     const getAutoOptionText = () => {
@@ -107,6 +109,7 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
                     setSelectedOptionIndex(0);
                     setSelectedOptionIndices(new Set());
                     setOtherText("");
+                    setOtherCursorPosition(0);
                 }
                 else {
                     // All questions answered
@@ -150,11 +153,34 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
                 return;
             }
             if (isOtherFocused) {
+                if (key.leftArrow) {
+                    setOtherCursorPosition((prev) => Math.max(0, prev - 1));
+                    return;
+                }
+                if (key.rightArrow) {
+                    setOtherCursorPosition((prev) => Math.min(otherText.length, prev + 1));
+                    return;
+                }
                 if (key.backspace || key.delete) {
-                    setOtherText((prev) => prev.slice(0, -1));
+                    if (otherCursorPosition > 0) {
+                        setOtherText((prev) => {
+                            const next = prev.slice(0, otherCursorPosition - 1) +
+                                prev.slice(otherCursorPosition);
+                            return next;
+                        });
+                        setOtherCursorPosition((prev) => prev - 1);
+                    }
+                    return;
                 }
-                else if (input && !key.ctrl && !key.meta) {
-                    setOtherText((prev) => prev + input);
+                if (input && !key.ctrl && !key.meta) {
+                    setOtherText((prev) => {
+                        const next = prev.slice(0, otherCursorPosition) +
+                            input +
+                            prev.slice(otherCursorPosition);
+                        return next;
+                    });
+                    setOtherCursorPosition((prev) => prev + input.length);
+                    return;
                 }
                 return;
             }
@@ -198,6 +224,22 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
             }
             return;
         }
+        if (state.selectedOption === "alternative") {
+            if (key.leftArrow) {
+                setState((prev) => ({
+                    ...prev,
+                    alternativeCursorPosition: Math.max(0, prev.alternativeCursorPosition - 1),
+                }));
+                return;
+            }
+            if (key.rightArrow) {
+                setState((prev) => ({
+                    ...prev,
+                    alternativeCursorPosition: Math.min(prev.alternativeText.length, prev.alternativeCursorPosition + 1),
+                }));
+                return;
+            }
+        }
         // Handle arrow keys for navigation
         if (key.upArrow) {
             setState((prev) => {
@@ -230,30 +272,42 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
         // Handle text input for alternative option
         if (input && !key.ctrl && !key.meta && !("alt" in key && key.alt)) {
             // Focus on alternative option when user starts typing
-            setState((prev) => ({
-                selectedOption: "alternative",
-                alternativeText: prev.alternativeText + input,
-                hasUserInput: true,
-            }));
-            return;
-        }
-        // Handle backspace and delete (same behavior - delete one character)
-        if (key.backspace || key.delete) {
             setState((prev) => {
-                const newText = prev.alternativeText.slice(0, -1);
+                const nextText = prev.alternativeText.slice(0, prev.alternativeCursorPosition) +
+                    input +
+                    prev.alternativeText.slice(prev.alternativeCursorPosition);
                 return {
                     ...prev,
                     selectedOption: "alternative",
-                    alternativeText: newText,
-                    hasUserInput: newText.length > 0,
+                    alternativeText: nextText,
+                    alternativeCursorPosition: prev.alternativeCursorPosition + input.length,
+                    hasUserInput: true,
                 };
             });
             return;
         }
+        // Handle backspace and delete
+        if (key.backspace || key.delete) {
+            setState((prev) => {
+                if (prev.alternativeCursorPosition > 0) {
+                    const nextText = prev.alternativeText.slice(0, prev.alternativeCursorPosition - 1) +
+                        prev.alternativeText.slice(prev.alternativeCursorPosition);
+                    return {
+                        ...prev,
+                        selectedOption: "alternative",
+                        alternativeText: nextText,
+                        alternativeCursorPosition: prev.alternativeCursorPosition - 1,
+                        hasUserInput: nextText.length > 0,
+                    };
+                }
+                return prev;
+            });
+            return;
+        }
     });
     const placeholderText = "Type here to tell Wave what to do differently";
     const showPlaceholder = state.selectedOption === "alternative" && !state.hasUserInput;
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "yellow", 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 &&
+    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 &&
                 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;
@@ -264,12 +318,11 @@ export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersist
                                     : 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));
+                                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
                                             ? "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" }) })] }))] }));
+                                            : "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" }) })] }))] }));
 };

package/dist/components/DiffDisplay.d.ts

@@ -2,7 +2,6 @@ import React from "react";
 interface DiffDisplayProps {
     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;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"}
+{"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"}

package/dist/components/DiffDisplay.js

@@ -1,14 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo } from "react";
-import { Box, Text, useStdout } from "ink";
+import { Box, Text } 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 = ({ toolName, parameters, isExpanded = false, }) => {
-    const { stdout } = useStdout();
-    const maxHeight = useMemo(() => {
-        return Math.max(5, (stdout?.rows || 24) - 20);
-    }, [stdout?.rows]);
+export const DiffDisplay = ({ toolName, parameters, }) => {
     const showDiff = toolName &&
         [WRITE_TOOL_NAME, EDIT_TOOL_NAME, MULTI_EDIT_TOOL_NAME].includes(toolName);
     // Diff detection and transformation using typed parameters
@@ -58,7 +54,7 @@ export const DiffDisplay = ({ toolName, parameters, isExpanded = false, }) => {
             };
         }
     };
-    // Render expanded diff display using word-level diff for all changes
+    // Render expanded diff display
     const renderExpandedDiff = () => {
         try {
             if (changes.length === 0)
@@ -68,8 +64,8 @@ export const DiffDisplay = ({ toolName, parameters, isExpanded = false, }) => {
                 try {
                     // Get line-level diff to understand the structure
                     const lineDiffs = diffLines(change.oldContent || "", change.newContent || "");
+                    // Process line diffs
                     const diffElements = [];
-                    // Process line diffs and apply word-level diff to changed lines
                     lineDiffs.forEach((part, partIndex) => {
                         if (part.added) {
                             const lines = part.value
@@ -97,41 +93,28 @@ export const DiffDisplay = ({ toolName, parameters, isExpanded = false, }) => {
                             });
                         }
                     });
-                    // 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 {
-                                // Fallback to original elements
-                                allElements.push(current);
-                                i += 1;
-                            }
+                    // If it's a single line change (one removed, one added), use word-level diff
+                    if (diffElements.length === 2 &&
+                        React.isValidElement(diffElements[0]) &&
+                        React.isValidElement(diffElements[1]) &&
+                        typeof diffElements[0].key === "string" &&
+                        diffElements[0].key.includes("remove-") &&
+                        typeof diffElements[1].key === "string" &&
+                        diffElements[1].key.includes("add-")) {
+                        const removedText = extractTextFromElement(diffElements[0]);
+                        const addedText = extractTextFromElement(diffElements[1]);
+                        if (removedText && addedText) {
+                            const { removedParts, addedParts } = renderWordLevelDiff(removedText, addedText, `word-${changeIndex}`);
+                            allElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "red", children: "-" }), removedParts] }, `word-diff-removed-${changeIndex}`));
+                            allElements.push(_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "green", children: "+" }), addedParts] }, `word-diff-added-${changeIndex}`));
                         }
                         else {
-                            allElements.push(current);
-                            i += 1;
+                            allElements.push(...diffElements);
                         }
                     }
+                    else {
+                        allElements.push(...diffElements);
+                    }
                 }
                 catch (error) {
                     console.warn(`Error rendering diff for change ${changeIndex}:`, error);
@@ -139,35 +122,31 @@ export const DiffDisplay = ({ toolName, parameters, isExpanded = false, }) => {
                     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)"] }))] }));
+            return _jsx(Box, { flexDirection: "column", children: allElements });
         }
         catch (error) {
             console.warn("Error rendering expanded diff:", error);
             return (_jsx(Box, { children: _jsx(Text, { color: "gray", children: "Error rendering diff display" }) }));
         }
     };
-    // Helper function to extract text content from a React element
-    const extractTextFromElement = (element) => {
-        if (!React.isValidElement(element))
-            return null;
-        // Navigate through Box -> Text structure
-        const children = element.props.children;
-        if (Array.isArray(children) && children.length >= 2) {
-            const textElement = children[1]; // Second child should be the Text with content
-            if (React.isValidElement(textElement) &&
-                textElement.props.children) {
-                return textElement.props.children;
-            }
-        }
-        return null;
-    };
     // Don't render anything if no diff should be shown
     if (!showDiff) {
         return null;
     }
     return (_jsx(Box, { flexDirection: "column", children: _jsxs(Box, { paddingLeft: 2, borderLeft: true, borderColor: "cyan", flexDirection: "column", children: [_jsx(Text, { color: "cyan", bold: true, children: "Diff:" }), renderExpandedDiff()] }) }));
 };
+// Helper function to extract text content from a React element
+const extractTextFromElement = (element) => {
+    if (!React.isValidElement(element))
+        return null;
+    // Navigate through Box -> Text structure
+    const children = element.props.children;
+    if (Array.isArray(children) && children.length >= 2) {
+        const textElement = children[1]; // Second child should be the Text with content
+        if (React.isValidElement(textElement) &&
+            textElement.props.children) {
+            return textElement.props.children;
+        }
+    }
+    return null;
+};

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,CA+N5C,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,+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"}

package/dist/components/InputBox.js

@@ -6,7 +6,7 @@ import { FileSelector } from "./FileSelector.js";
 import { CommandSelector } from "./CommandSelector.js";
 import { HistorySearch } from "./HistorySearch.js";
 import { MemoryTypeSelector } from "./MemoryTypeSelector.js";
-import { BashShellManager } from "./BashShellManager.js";
+import { TaskManager } from "./TaskManager.js";
 import { McpManager } from "./McpManager.js";
 import { RewindCommand } from "./RewindCommand.js";
 import { useInputManager } from "../hooks/useInputManager.js";
@@ -14,7 +14,7 @@ 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_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, messages, } = useChat();
+    const { permissionMode: chatPermissionMode, setPermissionMode: setChatPermissionMode, handleRewindSelect, backgroundCurrentTask, messages, } = useChat();
     // Input manager with all input state and functionality (including images)
     const { inputText, cursorPosition, 
     // Image management
@@ -27,8 +27,8 @@ export const InputBox = ({ isLoading = false, isCommandRunning = false, userInpu
     showMemoryTypeSelector, memoryMessage, handleMemoryTypeSelect, handleCancelMemoryTypeSelect, 
     // History search
     showHistorySearch, historySearchQuery, 
-    // Bash/MCP Manager
-    showBashManager, showMcpManager, showRewindManager, setShowBashManager, setShowMcpManager, setShowRewindManager, 
+    // Task/MCP Manager
+    showTaskManager, showMcpManager, showRewindManager, setShowTaskManager, setShowMcpManager, setShowRewindManager, 
     // Permission mode
     permissionMode, setPermissionMode, 
     // Input history
@@ -41,6 +41,7 @@ export const InputBox = ({ isLoading = false, isCommandRunning = false, userInpu
         onHasSlashCommand: hasSlashCommand,
         onSaveMemory: saveMemory,
         onAbortMessage: abortMessage,
+        onBackgroundCurrentTask: backgroundCurrentTask,
         onPermissionModeChange: setChatPermissionMode,
     });
     // Sync permission mode from useChat to InputManager
@@ -83,5 +84,5 @@ export const InputBox = ({ isLoading = false, isCommandRunning = false, userInpu
     if (showRewindManager) {
         return (_jsx(RewindCommand, { messages: messages, onSelect: handleRewindSelectWithClose, onCancel: handleRewindCancel }));
     }
-    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 })), showBashManager && (_jsx(BashShellManager, { onCancel: () => setShowBashManager(false) })), showMcpManager && (_jsx(McpManager, { onCancel: () => setShowMcpManager(false), servers: mcpServers, onConnectServer: connectMcpServer, onDisconnectServer: disconnectMcpServer })), showBashManager || 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 })), 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)"] }) })] }))] }));
 };

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;AA8UD,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;AAoVD,eAAO,MAAM,QAAQ,2CAA6B,aAAa,6CAQ7D,CAAC"}

package/dist/components/Markdown.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React, { useMemo } from "react";
 import { Box, Text, useStdout } from "ink";
 import { marked } from "marked";
-import { highlight } from "cli-highlight";
+import { highlight, supportsLanguage } from "cli-highlight";
 const unescapeHtml = (html) => {
     return html
         .replace(/&/g, "&")
@@ -89,7 +89,7 @@ const BlockRenderer = ({ tokens }) => {
                         const content = lines.slice(1, -1).join("\n");
                         const highlighted = content
                             ? highlight(unescapeHtml(content), {
-                                language: t.lang,
+                                language: t.lang && supportsLanguage(t.lang) ? t.lang : undefined,
                                 ignoreIllegals: true,
                             })
                             : "";
@@ -102,7 +102,8 @@ const BlockRenderer = ({ tokens }) => {
                     return (_jsx(Box, { flexDirection: "column", marginBottom: 1, paddingLeft: 2, children: t.items.map((item, i) => {
                             const start = t.start || 1;
                             return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "gray", children: t.ordered ? `${start + i}. ` : "• " }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: item.tokens.map((itemToken, itemIndex) => {
-                                            if (itemToken.type === "text") {
+                                            if (itemToken.type === "text" ||
+                                                itemToken.type === "paragraph") {
                                                 const it = itemToken;
                                                 return (_jsx(Box, { flexDirection: "row", children: _jsx(Text, { children: _jsx(InlineRenderer, { tokens: it.tokens || [itemToken] }) }) }, itemIndex));
                                             }

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

@@ -1 +1 @@
-{"version":3,"file":"PlanDisplay.d.ts","sourceRoot":"","sources":["../../src/components/PlanDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoClD,CAAC"}
+{"version":3,"file":"PlanDisplay.d.ts","sourceRoot":"","sources":["../../src/components/PlanDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+BlD,CAAC"}

package/dist/components/PlanDisplay.js

@@ -6,9 +6,9 @@ export const PlanDisplay = ({ plan, isExpanded = false, }) => {
     const { stdout } = useStdout();
     const maxHeight = useMemo(() => {
         // Similar to DiffDisplay.tsx maxHeight calculation
-        return Math.max(5, (stdout?.rows || 24) - 20);
+        return Math.max(5, (stdout?.rows || 24) - 25);
     }, [stdout?.rows]);
     const lines = useMemo(() => plan.split("\n"), [plan]);
     const isOverflowing = !isExpanded && lines.length > maxHeight;
-    return (_jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsxs(Box, { paddingLeft: 2, borderLeft: true, borderColor: "cyan", flexDirection: "column", children: [_jsx(Text, { color: "cyan", bold: true, children: "Plan Content:" }), _jsx(Box, { flexDirection: "column", height: isOverflowing ? maxHeight : undefined, overflow: "hidden", children: _jsx(Markdown, { children: plan }) }), isOverflowing && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "yellow", dimColor: true, children: ["... (plan truncated, ", lines.length, " lines total)"] }) }))] }) }));
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Box, { flexDirection: "column", height: isOverflowing ? maxHeight : undefined, overflow: "hidden", children: _jsx(Markdown, { children: plan }) }), isOverflowing && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "yellow", dimColor: true, children: ["... (plan truncated, ", lines.length, " lines total)"] }) }))] }));
 };

package/dist/components/PluginDetail.js

@@ -14,8 +14,8 @@ export const PluginDetail = () => {
     const plugin = discoverablePlugins.find((p) => `${p.name}@${p.marketplace}` === state.selectedId) ||
         installedPlugins.find((p) => `${p.name}@${p.marketplace}` === state.selectedId);
     const INSTALLED_ACTIONS = [
-        { id: "uninstall", label: "Uninstall plugin" },
         { id: "update", label: "Update plugin (reinstall)" },
+        { id: "uninstall", label: "Uninstall plugin" },
     ];
     const isInstalledAndEnabled = plugin && "enabled" in plugin && plugin.enabled;
     useInput((input, key) => {

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

@@ -1 +1 @@
-{"version":3,"file":"SubagentBlock.d.ts","sourceRoot":"","sources":["../../src/components/SubagentBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIzE,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+HtD,CAAC"}
+{"version":3,"file":"SubagentBlock.d.ts","sourceRoot":"","sources":["../../src/components/SubagentBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIzE,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoItD,CAAC"}

package/dist/components/SubagentBlock.js

@@ -4,6 +4,10 @@ import { useChat } from "../contexts/useChat.js";
 import { Markdown } from "./Markdown.js";
 export const SubagentBlock = ({ block }) => {
     const { subagentMessages } = useChat();
+    // If the subagent is running in the background, don't show the block
+    if (block.runInBackground) {
+        return null;
+    }
     // Get messages for this subagent from context
     const messages = subagentMessages[block.subagentId] || [];
     // Status indicator mapping

package/dist/components/TaskManager.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TaskManager.d.ts","sourceRoot":"","sources":["../../src/components/TaskManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAcnD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2SlD,CAAC"}