wave-code 0.2.1 → 0.5.0

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/DiscoverView.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const DiscoverView: React.FC;
+//# sourceMappingURL=DiscoverView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DiscoverView.d.ts","sourceRoot":"","sources":["../../src/components/DiscoverView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAyBhC,CAAC"}

package/dist/components/DiscoverView.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, useInput } from "ink";
+import { usePluginManagerContext } from "../contexts/PluginManagerContext.js";
+import { PluginList } from "./PluginList.js";
+export const DiscoverView = () => {
+    const { discoverablePlugins, actions } = usePluginManagerContext();
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    useInput((input, key) => {
+        if (key.upArrow) {
+            setSelectedIndex(Math.max(0, selectedIndex - 1));
+        }
+        else if (key.downArrow) {
+            setSelectedIndex(Math.min(discoverablePlugins.length - 1, selectedIndex + 1));
+        }
+        else if (key.return) {
+            const plugin = discoverablePlugins[selectedIndex];
+            if (plugin) {
+                actions.setSelectedId(`${plugin.name}@${plugin.marketplace}`);
+                actions.setView("PLUGIN_DETAIL");
+            }
+        }
+    });
+    return (_jsx(Box, { flexDirection: "column", children: _jsx(PluginList, { plugins: discoverablePlugins, selectedIndex: selectedIndex }) }));
+};

package/dist/components/FileSelector.js

@@ -44,5 +44,5 @@ export const FileSelector = ({ files, searchQuery, onSelect, onCancel, }) => {
                 const isSelected = actualIndex === selectedIndex;
                 const icon = fileItem.type === "directory" ? "📁" : "📄";
                 return (_jsx(Box, { children: _jsxs(Text, { color: isSelected ? "black" : "white", backgroundColor: isSelected ? "cyan" : undefined, children: ["  ", icon, " ", fileItem.path] }) }, fileItem.path));
-            }), endIndex < files.length && (_jsxs(Text, { dimColor: true, children: ["... ", files.length - endIndex, " more files below"] })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Use \u2191\u2193 to navigate, Enter/Tab to select, Escape to cancel" }), _jsxs(Text, { dimColor: true, children: ["File ", selectedIndex + 1, " of ", files.length] })] })] }));
+            }), endIndex < files.length && (_jsxs(Text, { dimColor: true, children: ["... ", files.length - endIndex, " more files below"] })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Use \u2191\u2193 to navigate, Enter/Tab to select, Escape to cancel" }), _jsxs(Text, { dimColor: true, children: [", File ", selectedIndex + 1, " of ", files.length] })] })] }));
 };

package/dist/components/HistorySearch.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface HistorySearchProps {
+    searchQuery: string;
+    onSelect: (prompt: string) => void;
+    onCancel: () => void;
+}
+export declare const HistorySearch: React.FC<HistorySearchProps>;
+//# sourceMappingURL=HistorySearch.d.ts.map

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

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

package/dist/components/HistorySearch.js

@@ -0,0 +1,67 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React, { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { PromptHistoryManager } from "wave-agent-sdk";
+export const HistorySearch = ({ searchQuery, onSelect, onCancel, }) => {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [entries, setEntries] = useState([]);
+    const entriesRef = React.useRef([]);
+    const selectedIndexRef = React.useRef(0);
+    useEffect(() => {
+        entriesRef.current = entries;
+    }, [entries]);
+    useEffect(() => {
+        selectedIndexRef.current = selectedIndex;
+    }, [selectedIndex]);
+    useEffect(() => {
+        const fetchHistory = async () => {
+            const results = await PromptHistoryManager.searchHistory(searchQuery);
+            const limitedResults = results.slice(0, 10);
+            setEntries(limitedResults); // Limit to 10 results
+            setSelectedIndex(0);
+        };
+        fetchHistory();
+    }, [searchQuery]);
+    useInput((input, key) => {
+        if (key.return) {
+            if (entriesRef.current.length > 0 &&
+                selectedIndexRef.current < entriesRef.current.length) {
+                onSelect(entriesRef.current[selectedIndexRef.current].prompt);
+            }
+            return;
+        }
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex((prev) => Math.max(0, prev - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex((prev) => Math.min(entriesRef.current.length - 1, prev + 1));
+            return;
+        }
+    });
+    if (entries.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "yellow", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, children: [_jsxs(Text, { color: "yellow", children: ["No history found ", searchQuery && `for "${searchQuery}"`] }), _jsx(Text, { dimColor: true, children: "Press Escape to cancel" })] }));
+    }
+    const formatTimestamp = (timestamp) => {
+        const date = new Date(timestamp);
+        const now = new Date();
+        const diffMs = now.getTime() - date.getTime();
+        const diffHours = Math.floor(diffMs / (1000 * 60 * 60));
+        const diffDays = Math.floor(diffHours / 24);
+        if (diffDays > 0) {
+            return `${diffDays}d ago`;
+        }
+        else if (diffHours > 0) {
+            return `${diffHours}h ago`;
+        }
+        else {
+            const diffMinutes = Math.floor(diffMs / (1000 * 60));
+            return diffMinutes > 0 ? `${diffMinutes}m ago` : "just now";
+        }
+    };
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "blue", borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1, gap: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: "blue", bold: true, children: ["Prompt History ", searchQuery && `(filtering: "${searchQuery}")`] }) }), entries.map((entry, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: index === selectedIndex ? "black" : "white", backgroundColor: index === selectedIndex ? "blue" : undefined, wrap: "truncate-end", children: entry.prompt.replace(/\n/g, " ") }), index === selectedIndex && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { color: "gray", dimColor: true, children: formatTimestamp(entry.timestamp) }) }))] }, index))), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: "Use \u2191\u2193 to navigate, Enter to select, Escape to cancel" }) })] }));
+};

package/dist/components/InputBox.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { McpServerStatus, SlashCommand } from "wave-agent-sdk";
-export declare const INPUT_PLACEHOLDER_TEXT = "Type your message (use @ to reference files, / for commands, ! for bash history, # to add memory)...";
+export declare const INPUT_PLACEHOLDER_TEXT = "Type your message (use @ to reference files, / for commands, # to add memory, Ctrl+R to search history)...";
 export declare const INPUT_PLACEHOLDER_TEXT_PREFIX: string;
 export interface InputBoxProps {
     isLoading?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/components/InputBox.tsx"],"names":[],"mappings":"AAAA,OAAO,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"}
+{"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

@@ -1,21 +1,20 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo } from "react";
+import { useEffect } from "react";
 import { Box, Text } from "ink";
 import { useInput } from "ink";
 import { FileSelector } from "./FileSelector.js";
 import { CommandSelector } from "./CommandSelector.js";
-import { BashHistorySelector } from "./BashHistorySelector.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";
 import { useChat } from "../contexts/useChat.js";
-export const INPUT_PLACEHOLDER_TEXT = "Type your message (use @ to reference files, / for commands, ! for bash history, # to add memory)...";
+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, workdir, userInputHistory = [], sendMessage = () => { }, abortMessage = () => { }, saveMemory = async () => { }, mcpServers = [], connectMcpServer = async () => false, disconnectMcpServer = async () => false, slashCommands = [], hasSlashCommand = () => false, }) => {
-    // Get current working directory - memoized to avoid repeated process.cwd() calls
-    const currentWorkdir = useMemo(() => workdir || process.cwd(), [workdir]);
-    const { permissionMode: chatPermissionMode, setPermissionMode: setChatPermissionMode, } = useChat();
+export const InputBox = ({ isLoading = false, isCommandRunning = false, userInputHistory = [], sendMessage = () => { }, abortMessage = () => { }, saveMemory = async () => { }, mcpServers = [], connectMcpServer = async () => false, disconnectMcpServer = async () => false, slashCommands = [], hasSlashCommand = () => false, }) => {
+    const { permissionMode: chatPermissionMode, setPermissionMode: setChatPermissionMode, handleRewindSelect, backgroundCurrentTask, messages, } = useChat();
     // Input manager with all input state and functionality (including images)
     const { inputText, cursorPosition, 
     // Image management
@@ -23,19 +22,17 @@ export const InputBox = ({ isLoading = false, isCommandRunning = false, workdir,
     // File selector
     showFileSelector, filteredFiles, fileSearchQuery: searchQuery, handleFileSelect, handleCancelFileSelect, 
     // Command selector
-    showCommandSelector, commandSearchQuery, handleCommandSelect, handleCommandInsert, handleCancelCommandSelect, 
-    // Bash history selector
-    showBashHistorySelector, bashHistorySearchQuery, handleBashHistorySelect, handleCancelBashHistorySelect, 
+    showCommandSelector, commandSearchQuery, handleCommandSelect, handleCommandInsert, handleCancelCommandSelect, handleHistorySearchSelect, handleCancelHistorySearch, 
     // Memory type selector
     showMemoryTypeSelector, memoryMessage, handleMemoryTypeSelect, handleCancelMemoryTypeSelect, 
-    // Bash/MCP Manager
-    showBashManager, showMcpManager, setShowBashManager, setShowMcpManager, 
+    // History search
+    showHistorySearch, historySearchQuery, 
+    // Task/MCP Manager
+    showTaskManager, showMcpManager, showRewindManager, setShowTaskManager, setShowMcpManager, setShowRewindManager, 
     // Permission mode
     permissionMode, setPermissionMode, 
     // Input history
     setUserInputHistory, 
-    // Complex handlers combining multiple operations
-    handleBashHistoryExecuteAndSend, handleBashHistoryDelete, 
     // Main handler
     handleInput, 
     // Manager ready state
@@ -44,6 +41,7 @@ export const InputBox = ({ isLoading = false, isCommandRunning = false, workdir,
         onHasSlashCommand: hasSlashCommand,
         onSaveMemory: saveMemory,
         onAbortMessage: abortMessage,
+        onBackgroundCurrentTask: backgroundCurrentTask,
         onPermissionModeChange: setChatPermissionMode,
     });
     // Sync permission mode from useChat to InputManager
@@ -58,8 +56,11 @@ export const InputBox = ({ isLoading = false, isCommandRunning = false, workdir,
     useInput(async (input, key) => {
         await handleInput(input, key, attachedImages, isLoading, isCommandRunning, clearImages);
     });
-    // These methods are already memoized in useInputManager, no need to wrap again
-    // These methods are already memoized in useInputManager and combine multiple operations
+    const handleRewindCancel = () => {
+        if (setShowRewindManager) {
+            setShowRewindManager(false);
+        }
+    };
     const isPlaceholder = !inputText;
     const placeholderText = INPUT_PLACEHOLDER_TEXT;
     // handleCommandSelectorInsert is already memoized in useInputManager, no need to wrap again
@@ -68,11 +69,20 @@ export const InputBox = ({ isLoading = false, isCommandRunning = false, workdir,
     const beforeCursor = displayText.substring(0, cursorPosition);
     const atCursor = cursorPosition < displayText.length ? displayText[cursorPosition] : " ";
     const afterCursor = displayText.substring(cursorPosition + 1);
-    // Always show cursor, allow user to continue input during loading
+    // Always show cursor, allow user to continue input during memory mode
     const shouldShowCursor = true;
     // Only show the Box after InputManager is created on first mount
     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, 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)"] }) })] }))] }));
+    const handleRewindSelectWithClose = async (index) => {
+        if (setShowRewindManager) {
+            setShowRewindManager(false);
+        }
+        await handleRewindSelect(index);
+    };
+    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 })), 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/InstalledView.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const InstalledView: React.FC;
+//# sourceMappingURL=InstalledView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InstalledView.d.ts","sourceRoot":"","sources":["../../src/components/InstalledView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAwDjC,CAAC"}

package/dist/components/InstalledView.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { usePluginManagerContext } from "../contexts/PluginManagerContext.js";
+export const InstalledView = () => {
+    const { installedPlugins, actions } = usePluginManagerContext();
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    useInput((input, key) => {
+        if (key.upArrow) {
+            setSelectedIndex(Math.max(0, selectedIndex - 1));
+        }
+        else if (key.downArrow) {
+            setSelectedIndex(Math.min(installedPlugins.length - 1, selectedIndex + 1));
+        }
+        else if (key.return) {
+            const plugin = installedPlugins[selectedIndex];
+            if (plugin) {
+                actions.setSelectedId(`${plugin.name}@${plugin.marketplace}`);
+                actions.setView("PLUGIN_DETAIL");
+            }
+        }
+    });
+    if (installedPlugins.length === 0) {
+        return (_jsx(Box, { padding: 1, children: _jsx(Text, { dimColor: true, children: "No plugins installed." }) }));
+    }
+    return (_jsx(Box, { flexDirection: "column", children: installedPlugins.map((plugin, index) => {
+            const isSelected = index === selectedIndex;
+            return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: isSelected ? "cyan" : undefined, children: [isSelected ? "> " : "  ", _jsx(Text, { bold: true, children: plugin.name }), _jsxs(Text, { dimColor: true, children: [" @", plugin.marketplace] }), plugin.scope && _jsxs(Text, { color: "gray", children: [" (", plugin.scope, ")"] })] }) }), isSelected && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { dimColor: true, children: "Press Enter for actions" }) }))] }, `${plugin.name}@${plugin.marketplace}`));
+        }) }));
+};

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;AAIvC,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAoUD,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;AAmVD,eAAO,MAAM,QAAQ,2CAA6B,aAAa,6CAQ7D,CAAC"}

package/dist/components/Markdown.js

@@ -1,14 +1,16 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useMemo } from "react";
 import { Box, Text, useStdout } from "ink";
 import { marked } from "marked";
+import { highlight } from "cli-highlight";
 const unescapeHtml = (html) => {
     return html
         .replace(/&/g, "&")
         .replace(/&lt;/g, "<")
         .replace(/&gt;/g, ">")
         .replace(/&quot;/g, '"')
-        .replace(/&#39;/g, "'");
+        .replace(/&#39;/g, "'")
+        .replace(/&apos;/g, "'");
 };
 const InlineRenderer = ({ tokens }) => {
     return (_jsx(_Fragment, { children: tokens.map((token, index) => {
@@ -26,8 +28,10 @@ const InlineRenderer = ({ tokens }) => {
                     return (_jsx(Text, { italic: true, children: token.tokens ? (_jsx(InlineRenderer, { tokens: token.tokens })) : (unescapeHtml(token.text)) }, index));
                 case "codespan":
                     return (_jsx(Text, { color: "yellow", children: unescapeHtml(token.text) }, index));
-                case "link":
-                    return (_jsx(Text, { color: "blue", underline: true, children: token.tokens ? (_jsx(InlineRenderer, { tokens: token.tokens })) : (unescapeHtml(token.text)) }, index));
+                case "link": {
+                    const t = token;
+                    return (_jsxs(Text, { children: [_jsx(Text, { color: "blue", underline: true, children: t.tokens ? (_jsx(InlineRenderer, { tokens: t.tokens })) : (unescapeHtml(t.text)) }), _jsxs(Text, { color: "gray", children: [" (", t.href, ")"] })] }, index));
+                }
                 case "br":
                     return _jsx(Text, { children: "\n" }, index);
                 case "del":
@@ -71,27 +75,37 @@ const BlockRenderer = ({ tokens }) => {
                 }
                 case "paragraph": {
                     const t = token;
-                    return (_jsx(Box, { marginBottom: 1, flexDirection: "row", flexWrap: "wrap", children: _jsx(InlineRenderer, { tokens: t.tokens }) }, index));
+                    return (_jsx(Box, { marginBottom: 1, flexDirection: "row", children: _jsx(Text, { children: _jsx(InlineRenderer, { tokens: t.tokens }) }) }, index));
                 }
                 case "code": {
                     const t = token;
                     if (t.lang !== undefined) {
-                        const lines = token.raw.replace(/\n$/, "").split("\n");
+                        const raw = token.raw.endsWith("\n")
+                            ? token.raw.slice(0, -1)
+                            : token.raw;
+                        const lines = raw.split("\n");
                         const opening = lines[0];
                         const closing = lines[lines.length - 1];
                         const content = lines.slice(1, -1).join("\n");
-                        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [_jsx(Text, { color: "gray", children: opening }), content && _jsx(Text, { children: content }), _jsx(Text, { color: "gray", children: closing })] }, index));
+                        const highlighted = content
+                            ? highlight(unescapeHtml(content), {
+                                language: t.lang,
+                                ignoreIllegals: true,
+                            })
+                            : "";
+                        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [_jsx(Text, { color: "gray", children: opening }), highlighted && _jsx(Text, { children: highlighted }), _jsx(Text, { color: "gray", children: closing })] }, index));
                     }
-                    return (_jsx(Box, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: _jsx(Text, { children: t.text }) }, index));
+                    return (_jsx(Box, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: _jsx(Text, { children: unescapeHtml(t.text) }) }, index));
                 }
                 case "list": {
                     const t = token;
                     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", flexWrap: "wrap", children: _jsx(InlineRenderer, { tokens: it.tokens || [itemToken] }) }, itemIndex));
+                                                return (_jsx(Box, { flexDirection: "row", children: _jsx(Text, { children: _jsx(InlineRenderer, { tokens: it.tokens || [itemToken] }) }) }, itemIndex));
                                             }
                                             return (_jsx(BlockRenderer, { tokens: [itemToken] }, itemIndex));
                                         }) })] }, i));

package/dist/components/MarketplaceAddForm.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const MarketplaceAddForm: React.FC;
+//# sourceMappingURL=MarketplaceAddForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceAddForm.d.ts","sourceRoot":"","sources":["../../src/components/MarketplaceAddForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAkCtC,CAAC"}

package/dist/components/MarketplaceAddForm.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { usePluginManagerContext } from "../contexts/PluginManagerContext.js";
+export const MarketplaceAddForm = () => {
+    const { actions } = usePluginManagerContext();
+    const [source, setSource] = useState("");
+    useInput((input, key) => {
+        if (key.escape) {
+            actions.setView("MARKETPLACES");
+        }
+        else if (key.return) {
+            if (source.trim()) {
+                actions.addMarketplace(source.trim());
+                actions.setView("MARKETPLACES");
+            }
+        }
+        else if (key.backspace || key.delete) {
+            setSource((prev) => prev.slice(0, -1));
+        }
+        else if (input.length === 1) {
+            setSource((prev) => prev + input);
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "Add Marketplace" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { children: "Source (URL or Path): " }), _jsx(Text, { color: "yellow", children: source }), _jsx(Text, { color: "yellow", children: "_" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Enter to add, Esc to cancel" }) })] }));
+};

package/dist/components/MarketplaceDetail.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const MarketplaceDetail: React.FC;
+//# sourceMappingURL=MarketplaceDetail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceDetail.d.ts","sourceRoot":"","sources":["../../src/components/MarketplaceDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EA0ErC,CAAC"}

package/dist/components/MarketplaceDetail.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { usePluginManagerContext } from "../contexts/PluginManagerContext.js";
+export const MarketplaceDetail = () => {
+    const { state, marketplaces, actions } = usePluginManagerContext();
+    const [selectedActionIndex, setSelectedActionIndex] = useState(0);
+    const marketplace = marketplaces.find((m) => m.name === state.selectedId);
+    const ACTIONS = [
+        { id: "update", label: "Update marketplace" },
+        { id: "remove", label: "Remove marketplace" },
+    ];
+    useInput((input, key) => {
+        if (key.escape) {
+            actions.setView("MARKETPLACES");
+        }
+        else if (key.upArrow) {
+            setSelectedActionIndex((prev) => prev > 0 ? prev - 1 : ACTIONS.length - 1);
+        }
+        else if (key.downArrow) {
+            setSelectedActionIndex((prev) => prev < ACTIONS.length - 1 ? prev + 1 : 0);
+        }
+        else if (key.return && marketplace) {
+            const action = ACTIONS[selectedActionIndex].id;
+            if (action === "update") {
+                actions.updateMarketplace(marketplace.name);
+            }
+            else {
+                actions.removeMarketplace(marketplace.name);
+            }
+            actions.setView("MARKETPLACES");
+        }
+    });
+    if (!marketplace) {
+        return (_jsx(Box, { children: _jsx(Text, { color: "red", children: "Marketplace not found." }) }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: marketplace.name }), marketplace.isBuiltin && _jsx(Text, { dimColor: true, children: " (Built-in)" })] }), _jsx(Box, { marginBottom: 1, children: _jsxs(Text, { children: ["Source: ", JSON.stringify(marketplace.source)] }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Marketplace Actions:" }), ACTIONS.map((action, index) => (_jsxs(Text, { color: index === selectedActionIndex ? "yellow" : undefined, children: [index === selectedActionIndex ? "> " : "  ", action.label] }, action.id))), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Use \u2191/\u2193 to select, Enter to confirm" }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Esc to go back" }) })] })] }));
+};

package/dist/components/MarketplaceList.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { KnownMarketplace } from "wave-agent-sdk";
+interface MarketplaceListProps {
+    marketplaces: KnownMarketplace[];
+    selectedIndex: number;
+}
+export declare const MarketplaceList: React.FC<MarketplaceListProps>;
+export {};
+//# sourceMappingURL=MarketplaceList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceList.d.ts","sourceRoot":"","sources":["../../src/components/MarketplaceList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,UAAU,oBAAoB;IAC5B,YAAY,EAAE,gBAAgB,EAAE,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0C1D,CAAC"}