wave-code 0.0.2

package/README.md

@@ -0,0 +1,120 @@
+# Wave Code
+
+CLI-based code assistant powered by AI, built with React and Ink.
+
+This is the frontend UI package of the Wave workspace, providing an interactive command-line interface for AI-powered development assistance.
+
+## Features
+
+- Interactive CLI interface built with React and Ink
+- Real-time chat interface with AI assistant
+- File browser and editor integration
+- Command execution and output display
+- Session management and restoration
+- Memory context management
+
+## Installation
+
+```bash
+npm install wave-code
+```
+
+## Environment Configuration
+
+Before use, you need to configure the following environment variables for AI model authentication:
+
+### Required Environment Variables
+
+```bash
+# AI Gateway access token (required)
+export AIGW_TOKEN="your_token_here"
+
+# AI Gateway API URL (required)
+export AIGW_URL="https://your-api-gateway-url.com"
+```
+
+### Optional Environment Variables
+
+```bash
+# Specify AI model (optional, defaults to system configured model)
+export AIGW_MODEL="gemini-2.5-flash"
+
+# Specify fast AI model (optional, for quick response scenarios)
+export AIGW_FAST_MODEL="gemini-1.5-flash"
+
+# Log level (optional, defaults to info)
+export LOG_LEVEL="debug"
+
+# Log file path (optional)
+export LOG_FILE="/path/to/your/logfile.log"
+
+# Maximum log file size (optional, defaults to 10MB)
+export LOG_MAX_FILE_SIZE="10485760"
+
+# Token limit (optional, defaults to 64000)
+export TOKEN_LIMIT="64000"
+
+```
+
+## Usage
+
+### Full Command
+
+```bash
+# Start the CLI
+wave-code
+
+# Continue from last session
+wave-code --continue
+
+# Restore specific session
+wave-code --restore session_id
+
+# List available sessions
+wave-code --list-sessions
+```
+
+### Short Command (wave)
+
+For convenience, you can also use the shorter `wave` command:
+
+```bash
+# Start the CLI (equivalent to wave-code)
+wave
+
+# Continue from last session
+wave --continue
+
+# Restore specific session
+wave --restore session_id
+
+# List available sessions
+wave --list-sessions
+
+# Show help
+wave --help
+```
+
+The `wave` command is an alias for `wave-code` and supports all the same options and functionality.
+
+## Development
+
+This package depends on `wave-agent-sdk` for core functionality including AI services, tools, and utilities.
+
+```bash
+# Install dependencies
+pnpm install
+
+# Start development
+pnpm dev
+
+# Build
+pnpm build
+
+# Test
+pnpm test
+```
+
+## License
+
+MIT

package/bin/wave-code.js

@@ -0,0 +1,16 @@
+#!/usr/bin/env node
+
+// Import and start the CLI
+import("../dist/index.js")
+  .then(async ({ main }) => {
+    try {
+      await main();
+    } catch (err) {
+      console.error("Failed to start CLI:", err);
+      process.exit(1);
+    }
+  })
+  .catch((err) => {
+    console.error("Failed to import CLI module:", err);
+    process.exit(1);
+  });

package/dist/cli.d.ts

@@ -0,0 +1,6 @@
+export interface CliOptions {
+    restoreSessionId?: string;
+    continueLastSession?: boolean;
+}
+export declare function startCli(options: CliOptions): Promise<void>;
+//# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,UAAU;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAsB,QAAQ,CAAC,OAAO,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAuEjE"}

package/dist/cli.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from "ink";
+import { App } from "./components/App.js";
+import { cleanupLogs } from "./utils/logger.js";
+export async function startCli(options) {
+    const { restoreSessionId, continueLastSession } = options;
+    // Continue with ink-based UI for normal mode
+    // Global cleanup tracker
+    let isCleaningUp = false;
+    let appUnmounted = false;
+    const cleanup = async () => {
+        if (isCleaningUp)
+            return;
+        isCleaningUp = true;
+        console.log("\nShutting down gracefully...");
+        try {
+            // Clean up old log files
+            await cleanupLogs().catch((error) => {
+                console.warn("Failed to cleanup old logs:", error);
+            });
+            // Unmount the React app to trigger cleanup
+            if (!appUnmounted) {
+                unmount();
+                appUnmounted = true;
+                // Give React time to cleanup
+                await new Promise((resolve) => setTimeout(resolve, 100));
+            }
+            process.exit(0);
+        }
+        catch (error) {
+            console.error("Error during cleanup:", error);
+            process.exit(1);
+        }
+    };
+    // Handle process signals
+    process.on("SIGINT", cleanup);
+    process.on("SIGTERM", cleanup);
+    // Handle uncaught exceptions
+    process.on("uncaughtException", (error) => {
+        console.error("Uncaught exception:", error);
+        cleanup();
+    });
+    process.on("unhandledRejection", (reason, promise) => {
+        console.error("Unhandled rejection at:", promise, "reason:", reason);
+        cleanup();
+    });
+    // Render the application
+    const { unmount } = render(_jsx(App, { restoreSessionId: restoreSessionId, continueLastSession: continueLastSession }));
+    // Store unmount function for cleanup when process exits normally
+    process.on("exit", () => {
+        if (!appUnmounted) {
+            try {
+                unmount();
+            }
+            catch {
+                // Ignore errors during unmount
+            }
+        }
+    });
+    // Return a promise that never resolves to keep the CLI running
+    return new Promise(() => { });
+}

package/dist/components/App.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface AppProps {
+    restoreSessionId?: string;
+    continueLastSession?: boolean;
+}
+export declare const App: React.FC<AppProps>;
+export {};
+//# sourceMappingURL=App.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/components/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,QAAQ;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAUD,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAYlC,CAAC"}

package/dist/components/App.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChatInterface } from "./ChatInterface.js";
+import { ChatProvider } from "../contexts/useChat.js";
+import { AppProvider } from "../contexts/useAppConfig.js";
+const AppWithProviders = () => {
+    return (_jsx(ChatProvider, { children: _jsx(ChatInterface, {}) }));
+};
+export const App = ({ restoreSessionId, continueLastSession, }) => {
+    return (_jsx(AppProvider, { restoreSessionId: restoreSessionId, continueLastSession: continueLastSession, children: _jsx(AppWithProviders, {}) }));
+};

package/dist/components/BashHistorySelector.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface BashHistorySelectorProps {
+    searchQuery: string;
+    workdir: string;
+    onSelect: (command: string) => void;
+    onExecute: (command: string) => void;
+    onCancel: () => void;
+}
+export declare const BashHistorySelector: React.FC<BashHistorySelectorProps>;
+//# sourceMappingURL=BashHistorySelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BashHistorySelector.d.ts","sourceRoot":"","sources":["../../src/components/BashHistorySelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqJlE,CAAC"}

package/dist/components/BashHistorySelector.js

@@ -0,0 +1,83 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { searchBashHistory } from "wave-agent-sdk";
+import { logger } from "../utils/logger.js";
+export const BashHistorySelector = ({ searchQuery, workdir, onSelect, onExecute, onCancel, }) => {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [commands, setCommands] = useState([]);
+    // Search bash history
+    useEffect(() => {
+        const results = searchBashHistory(searchQuery, 10, workdir);
+        setCommands(results);
+        setSelectedIndex(0);
+        logger.debug("Bash history search:", {
+            searchQuery,
+            workdir,
+            resultCount: results.length,
+        });
+    }, [searchQuery, workdir]);
+    useInput((input, key) => {
+        logger.debug("BashHistorySelector useInput:", {
+            input,
+            key,
+            commandsLength: commands.length,
+            selectedIndex,
+        });
+        if (key.return) {
+            if (commands.length > 0 && selectedIndex < commands.length) {
+                const selectedCommand = commands[selectedIndex];
+                onExecute(selectedCommand.command);
+            }
+            else if (commands.length === 0 && searchQuery.trim()) {
+                // When no history records match, execute the search query as a new command
+                onExecute(searchQuery.trim());
+            }
+            return;
+        }
+        if (key.tab) {
+            if (commands.length > 0 && selectedIndex < commands.length) {
+                const selectedCommand = commands[selectedIndex];
+                onSelect(selectedCommand.command);
+            }
+            else if (commands.length === 0 && searchQuery.trim()) {
+                // When no history records match, insert the search query
+                onSelect(searchQuery.trim());
+            }
+            return;
+        }
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex(Math.max(0, selectedIndex - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex(Math.min(commands.length - 1, selectedIndex + 1));
+            return;
+        }
+    });
+    if (commands.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "yellow", padding: 1, marginBottom: 1, children: [_jsxs(Text, { color: "yellow", children: ["No bash history found ", searchQuery && `for "${searchQuery}"`] }), searchQuery.trim() && (_jsxs(Text, { color: "green", children: ["Press Enter to execute: ", searchQuery] })), searchQuery.trim() && (_jsxs(Text, { color: "blue", children: ["Press Tab to insert: ", 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", padding: 1, gap: 1, marginBottom: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: "blue", bold: true, children: ["Bash History ", searchQuery && `(filtering: "${searchQuery}")`] }) }), commands.map((cmd, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: index === selectedIndex ? "black" : "white", backgroundColor: index === selectedIndex ? "blue" : undefined, children: cmd.command }), index === selectedIndex && (_jsx(Box, { marginLeft: 4, flexDirection: "column", children: _jsxs(Text, { color: "gray", dimColor: true, children: [formatTimestamp(cmd.timestamp), cmd.workdir !== workdir && ` • in ${cmd.workdir}`] }) }))] }, index))), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: "Use \u2191\u2193 to navigate, Enter to execute, Tab to insert, Escape to cancel" }) })] }));
+};

package/dist/components/BashShellManager.d.ts

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

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

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

package/dist/components/BashShellManager.js

@@ -0,0 +1,116 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { useChat } from "../contexts/useChat.js";
+export const BashShellManager = ({ onCancel, }) => {
+    const { backgroundShells, getBackgroundShellOutput, killBackgroundShell } = useChat();
+    const [shells, setShells] = useState([]);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [viewMode, setViewMode] = useState("list");
+    const [detailShellId, setDetailShellId] = useState(null);
+    const [detailOutput, setDetailOutput] = useState(null);
+    // Convert backgroundShells to local BashShell format
+    useEffect(() => {
+        setShells(backgroundShells.map((shell) => ({
+            id: shell.id,
+            command: shell.command,
+            status: shell.status,
+            startTime: shell.startTime,
+            exitCode: shell.exitCode,
+            runtime: shell.runtime,
+        })));
+    }, [backgroundShells]);
+    // Load detail output for selected shell
+    useEffect(() => {
+        if (viewMode === "detail" && detailShellId) {
+            const output = getBackgroundShellOutput(detailShellId);
+            setDetailOutput(output);
+        }
+    }, [viewMode, detailShellId, getBackgroundShellOutput]);
+    const formatDuration = (ms) => {
+        if (ms < 1000)
+            return `${ms}ms`;
+        if (ms < 60000)
+            return `${Math.round(ms / 1000)}s`;
+        const minutes = Math.floor(ms / 60000);
+        const seconds = Math.round((ms % 60000) / 1000);
+        return `${minutes}m ${seconds}s`;
+    };
+    const formatTime = (timestamp) => {
+        return new Date(timestamp).toLocaleTimeString();
+    };
+    const killShell = (shellId) => {
+        killBackgroundShell(shellId);
+    };
+    useInput((input, key) => {
+        if (viewMode === "list") {
+            // List mode navigation
+            if (key.return) {
+                if (shells.length > 0 && selectedIndex < shells.length) {
+                    const selectedShell = shells[selectedIndex];
+                    setDetailShellId(selectedShell.id);
+                    setViewMode("detail");
+                }
+                return;
+            }
+            if (key.escape) {
+                onCancel();
+                return;
+            }
+            if (key.upArrow) {
+                setSelectedIndex(Math.max(0, selectedIndex - 1));
+                return;
+            }
+            if (key.downArrow) {
+                setSelectedIndex(Math.min(shells.length - 1, selectedIndex + 1));
+                return;
+            }
+            if (input === "k" && shells.length > 0 && selectedIndex < shells.length) {
+                const selectedShell = shells[selectedIndex];
+                if (selectedShell.status === "running") {
+                    killShell(selectedShell.id);
+                }
+                return;
+            }
+        }
+        else if (viewMode === "detail") {
+            // Detail mode navigation
+            if (key.escape) {
+                setViewMode("list");
+                setDetailShellId(null);
+                setDetailOutput(null);
+                return;
+            }
+            if (input === "k" && detailShellId) {
+                const shell = shells.find((s) => s.id === detailShellId);
+                if (shell && shell.status === "running") {
+                    killShell(detailShellId);
+                }
+                return;
+            }
+        }
+    });
+    if (viewMode === "detail" && detailShellId && detailOutput) {
+        const shell = shells.find((s) => s.id === detailShellId);
+        if (!shell) {
+            setViewMode("list");
+            return null;
+        }
+        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: ["Background Shell Details: ", shell.id] }) }), _jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Command:" }), " ", shell.command] }) }), _jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Status:" }), " ", shell.status, shell.exitCode !== undefined &&
+                                        ` (exit code: ${shell.exitCode})`] }) }), _jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "Started:" }), " ", formatTime(shell.startTime), shell.runtime !== undefined && (_jsxs(Text, { children: [" ", "| ", _jsx(Text, { color: "blue", children: "Runtime:" }), " ", formatDuration(shell.runtime)] }))] }) })] }), detailOutput.stdout && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "green", bold: true, children: "STDOUT (last 10 lines):" }), _jsx(Box, { borderStyle: "single", borderColor: "green", padding: 1, children: _jsx(Text, { children: detailOutput.stdout.split("\n").slice(-10).join("\n") }) })] })), detailOutput.stderr && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "red", bold: true, children: "STDERR:" }), _jsx(Box, { borderStyle: "single", borderColor: "red", padding: 1, children: _jsx(Text, { color: "red", children: detailOutput.stderr.split("\n").slice(-10).join("\n") }) })] })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: [shell.status === "running" ? "k to kill · " : "", "Esc to go back"] }) })] }));
+    }
+    if (!backgroundShells) {
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", padding: 1, marginBottom: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: "Background Bash Shells" }), _jsx(Text, { children: "Background bash shells not available" }), _jsx(Text, { dimColor: true, children: "Press Escape to close" })] }));
+    }
+    if (shells.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", padding: 1, marginBottom: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: "Background Bash Shells" }), _jsx(Text, { children: "No background shells found" }), _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: "Background Bash Shells" }) }), _jsx(Text, { dimColor: true, children: "Select a shell to view details" }), shells.map((shell, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: index === selectedIndex ? "black" : "white", backgroundColor: index === selectedIndex ? "cyan" : undefined, children: [index === selectedIndex ? "▶ " : "  ", index + 1, ".", " ", shell.command.length > 50
+                                ? shell.command.substring(0, 47) + "..."
+                                : shell.command, _jsxs(Text, { color: shell.status === "running"
+                                    ? "green"
+                                    : shell.status === "completed"
+                                        ? "blue"
+                                        : "red", children: [" ", "(", shell.status, ")"] })] }), index === selectedIndex && (_jsx(Box, { marginLeft: 4, flexDirection: "column", children: _jsxs(Text, { color: "gray", dimColor: true, children: ["ID: ", shell.id, " | Started: ", formatTime(shell.startTime), shell.runtime !== undefined &&
+                                    ` | Runtime: ${formatDuration(shell.runtime)}`, shell.exitCode !== undefined && ` | Exit: ${shell.exitCode}`] }) }))] }, shell.id))), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["\u2191/\u2193 to select \u00B7 Enter to view \u00B7", " ", shells[selectedIndex]?.status === "running" ? "k to kill · " : "", "Esc to close"] }) })] }));
+};

package/dist/components/ChatInterface.d.ts

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

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

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

package/dist/components/ChatInterface.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { Box } from "ink";
+import { MessageList } from "./MessageList.js";
+import { InputBox } from "./InputBox.js";
+import { useChat } from "../contexts/useChat.js";
+export const ChatInterface = () => {
+    const { messages, isLoading, isCommandRunning, userInputHistory, isCompressing, sendMessage, abortMessage, saveMemory, mcpServers, connectMcpServer, disconnectMcpServer, isExpanded, latestTotalTokens, slashCommands, hasSlashCommand, } = useChat();
+    // Create a ref to store messages in expanded mode
+    const expandedMessagesRef = useRef([]);
+    useEffect(() => {
+        // Only sync when collapsed
+        if (!isExpanded) {
+            expandedMessagesRef.current = messages.map((message, index) => {
+                // If it's the last message, deep copy its blocks
+                if (index === messages.length - 1) {
+                    return {
+                        ...message,
+                        blocks: message.blocks.map((block) => ({ ...block })),
+                    };
+                }
+                return message;
+            });
+        }
+    }, [isExpanded, messages]);
+    return (_jsxs(Box, { flexDirection: "column", height: "100%", children: [_jsx(Box, { flexGrow: 1, flexDirection: "column", paddingX: 1, children: isExpanded ? (
+                // Expanded mode uses messages from ref, loading and tokens are hardcoded to false and 0
+                _jsx(MessageList, { messages: expandedMessagesRef.current, isLoading: false, isCommandRunning: false, latestTotalTokens: 0, isExpanded: true })) : (
+                // Normal mode uses real-time state
+                _jsx(MessageList, { messages: messages, isLoading: isLoading, isCommandRunning: isCommandRunning, isCompressing: isCompressing, latestTotalTokens: latestTotalTokens, isExpanded: false })) }), !isExpanded && (_jsx(InputBox, { isLoading: isLoading, isCommandRunning: isCommandRunning, userInputHistory: userInputHistory, sendMessage: sendMessage, abortMessage: abortMessage, saveMemory: saveMemory, mcpServers: mcpServers, connectMcpServer: connectMcpServer, disconnectMcpServer: disconnectMcpServer, slashCommands: slashCommands, hasSlashCommand: hasSlashCommand }))] }));
+};

package/dist/components/CommandOutputDisplay.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CommandOutputBlock } from "wave-agent-sdk";
+interface CommandOutputDisplayProps {
+    block: CommandOutputBlock;
+    isExpanded?: boolean;
+}
+export declare const CommandOutputDisplay: React.FC<CommandOutputDisplayProps>;
+export {};
+//# sourceMappingURL=CommandOutputDisplay.d.ts.map

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

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

package/dist/components/CommandOutputDisplay.js

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

package/dist/components/CommandSelector.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { SlashCommand } from "wave-agent-sdk";
+export interface CommandSelectorProps {
+    searchQuery: string;
+    onSelect: (command: string) => void;
+    onInsert?: (command: string) => void;
+    onCancel: () => void;
+    commands?: SlashCommand[];
+}
+export declare const CommandSelector: React.FC<CommandSelectorProps>;
+//# sourceMappingURL=CommandSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandSelector.d.ts","sourceRoot":"","sources":["../../src/components/CommandSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAiBnD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoH1D,CAAC"}

package/dist/components/CommandSelector.js

@@ -0,0 +1,60 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+const AVAILABLE_COMMANDS = [
+    {
+        id: "bashes",
+        name: "bashes",
+        description: "View and manage background bash shells",
+        handler: () => { }, // Handler here won't be used, actual processing is in the hook
+    },
+    {
+        id: "mcp",
+        name: "mcp",
+        description: "View and manage MCP servers",
+        handler: () => { }, // Handler here won't be used, actual processing is in the hook
+    },
+];
+export const CommandSelector = ({ searchQuery, onSelect, onInsert, onCancel, commands = [], // Default to empty array
+ }) => {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    // Merge agent commands and local commands
+    const allCommands = [...commands, ...AVAILABLE_COMMANDS];
+    // Filter command list
+    const filteredCommands = allCommands.filter((command) => !searchQuery ||
+        command.name.toLowerCase().includes(searchQuery.toLowerCase()));
+    useInput((input, key) => {
+        if (key.return) {
+            if (filteredCommands.length > 0 &&
+                selectedIndex < filteredCommands.length) {
+                const selectedCommand = filteredCommands[selectedIndex].name;
+                onSelect(selectedCommand);
+            }
+            return;
+        }
+        if (key.tab && onInsert) {
+            if (filteredCommands.length > 0 &&
+                selectedIndex < filteredCommands.length) {
+                const selectedCommand = filteredCommands[selectedIndex].name;
+                onInsert(selectedCommand);
+            }
+            return;
+        }
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex(Math.max(0, selectedIndex - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex(Math.min(filteredCommands.length - 1, selectedIndex + 1));
+            return;
+        }
+    });
+    if (filteredCommands.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "yellow", padding: 1, marginBottom: 1, children: [_jsxs(Text, { color: "yellow", children: ["No commands found for \"", searchQuery, "\""] }), _jsx(Text, { dimColor: true, children: "Press Escape to cancel" })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "magenta", padding: 1, gap: 1, marginBottom: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: "magenta", bold: true, children: ["Command Selector ", searchQuery && `(filtering: "${searchQuery}")`] }) }), filteredCommands.map((command, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: index === selectedIndex ? "black" : "white", backgroundColor: index === selectedIndex ? "magenta" : undefined, children: [index === selectedIndex ? "▶ " : "  ", "/", command.name] }), index === selectedIndex && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { color: "gray", dimColor: true, children: command.description }) }))] }, command.name))), _jsx(Box, { children: _jsxs(Text, { dimColor: true, children: ["\u2191\u2193 navigate \u2022 Enter execute \u2022 ", onInsert ? "Tab insert • " : "", "Esc cancel"] }) })] }));
+};

package/dist/components/CompressDisplay.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CompressBlock } from "wave-agent-sdk";
+interface CompressDisplayProps {
+    block: CompressBlock;
+    isExpanded?: boolean;
+}
+export declare const CompressDisplay: React.FC<CompressDisplayProps>;
+export {};
+//# sourceMappingURL=CompressDisplay.d.ts.map