wave-code 0.5.0 → 0.6.2

package/dist/managers/InputManager.js

@@ -18,13 +18,6 @@ export class InputManager {
         // History search state
         this.showHistorySearch = false;
         this.historySearchQuery = "";
-        // Memory type selector state
-        this.showMemoryTypeSelector = false;
-        this.memoryMessage = "";
-        // Input history state
-        this.userInputHistory = [];
-        this.historyIndex = -1;
-        this.historyBuffer = "";
         // Paste debounce state
         this.pasteDebounceTimer = null;
         this.pasteBuffer = "";
@@ -37,9 +30,10 @@ export class InputManager {
         this.attachedImages = [];
         this.imageIdCounter = 1;
         // Additional UI state
-        this.showTaskManager = false;
+        this.showBackgroundTaskManager = false;
         this.showMcpManager = false;
         this.showRewindManager = false;
+        this.showHelp = false;
         // Permission mode state
         this.permissionMode = "default";
         // Flag to prevent handleInput conflicts when selector selection occurs
@@ -105,12 +99,6 @@ export class InputManager {
     moveCursorRight() {
         this.setCursorPosition(this.cursorPosition + 1);
     }
-    moveCursorToStart() {
-        this.setCursorPosition(0);
-    }
-    moveCursorToEnd() {
-        this.setCursorPosition(this.inputText.length);
-    }
     // File selector methods
     async searchFiles(query) {
         try {
@@ -220,17 +208,20 @@ export class InputManager {
                 }
                 // If not an agent command or execution failed, check local commands
                 if (!commandExecuted) {
-                    if (command === "tasks" && this.callbacks.onShowTaskManager) {
-                        this.callbacks.onShowTaskManager();
+                    if (command === "tasks") {
+                        this.setShowBackgroundTaskManager(true);
                         commandExecuted = true;
                     }
-                    else if (command === "mcp" && this.callbacks.onShowMcpManager) {
-                        this.callbacks.onShowMcpManager();
+                    else if (command === "mcp") {
+                        this.setShowMcpManager(true);
                         commandExecuted = true;
                     }
-                    else if (command === "rewind" &&
-                        this.callbacks.onShowRewindManager) {
-                        this.callbacks.onShowRewindManager();
+                    else if (command === "rewind") {
+                        this.setShowRewindManager(true);
+                        commandExecuted = true;
+                    }
+                    else if (command === "help") {
+                        this.setShowHelp(true);
                         commandExecuted = true;
                     }
                 }
@@ -280,79 +271,6 @@ export class InputManager {
         }
         return false;
     }
-    // Memory type selector methods
-    activateMemoryTypeSelector(message) {
-        this.showMemoryTypeSelector = true;
-        this.memoryMessage = message;
-        this.callbacks.onMemoryTypeSelectorStateChange?.(true, message);
-    }
-    async handleMemoryTypeSelect(type) {
-        const currentMessage = this.inputText.trim();
-        if (currentMessage.startsWith("#")) {
-            await this.callbacks.onSaveMemory?.(currentMessage, type);
-        }
-        // Close the selector
-        this.showMemoryTypeSelector = false;
-        this.memoryMessage = "";
-        this.callbacks.onMemoryTypeSelectorStateChange?.(false, "");
-        // Clear input box
-        this.clearInput();
-    }
-    handleCancelMemoryTypeSelect() {
-        this.showMemoryTypeSelector = false;
-        this.memoryMessage = "";
-        this.callbacks.onMemoryTypeSelectorStateChange?.(false, "");
-    }
-    // Input history methods
-    setUserInputHistory(history) {
-        this.userInputHistory = history;
-    }
-    navigateHistory(direction, currentInput) {
-        if (this.historyIndex === -1) {
-            this.historyBuffer = currentInput;
-        }
-        if (direction === "up") {
-            if (this.historyIndex < this.userInputHistory.length - 1) {
-                this.historyIndex++;
-            }
-        }
-        else {
-            // Down direction
-            if (this.historyIndex > 0) {
-                this.historyIndex--;
-            }
-            else if (this.historyIndex === 0) {
-                // Go from first history item to draft
-                this.historyIndex = -1;
-            }
-            else if (this.historyIndex === -1) {
-                // Go from draft to empty (beyond history bottom)
-                this.historyIndex = -2;
-            }
-        }
-        let newInput;
-        if (this.historyIndex === -1) {
-            newInput = this.historyBuffer;
-        }
-        else if (this.historyIndex === -2) {
-            // Beyond history bottom, clear input
-            newInput = "";
-        }
-        else {
-            const historyItem = this.userInputHistory[this.userInputHistory.length - 1 - this.historyIndex];
-            newInput = historyItem || "";
-        }
-        const newCursorPosition = newInput.length;
-        this.inputText = newInput;
-        this.cursorPosition = newCursorPosition;
-        this.callbacks.onInputTextChange?.(newInput);
-        this.callbacks.onCursorPositionChange?.(newCursorPosition);
-        return { newInput, newCursorPosition };
-    }
-    resetHistoryNavigation() {
-        this.historyIndex = -1;
-        this.historyBuffer = "";
-    }
     // Getter methods for state
     isFileSelectorActive() {
         return this.showFileSelector;
@@ -360,9 +278,6 @@ export class InputManager {
     isCommandSelectorActive() {
         return this.showCommandSelector;
     }
-    isMemoryTypeSelectorActive() {
-        return this.showMemoryTypeSelector;
-    }
     getFileSelectorState() {
         return {
             show: this.showFileSelector,
@@ -378,12 +293,6 @@ export class InputManager {
             position: this.slashPosition,
         };
     }
-    getMemoryTypeSelectorState() {
-        return {
-            show: this.showMemoryTypeSelector,
-            message: this.memoryMessage,
-        };
-    }
     // Update search queries for active selectors
     updateSearchQueriesForActiveSelectors(inputText, cursorPosition) {
         if (this.showFileSelector && this.atPosition >= 0) {
@@ -411,9 +320,6 @@ export class InputManager {
             // Only activate command selector if '/' is at the start of input
             this.activateCommandSelector(this.cursorPosition - 1);
         }
-        else if (char === "#" && this.cursorPosition === 1) {
-            // Memory message detection will be handled in submit
-        }
         else {
             // Update search queries for active selectors
             this.updateSearchQueriesForActiveSelectors(this.inputText, this.cursorPosition);
@@ -539,12 +445,12 @@ export class InputManager {
         }
     }
     // Task manager state methods
-    getShowTaskManager() {
-        return this.showTaskManager;
+    getShowBackgroundTaskManager() {
+        return this.showBackgroundTaskManager;
     }
-    setShowTaskManager(show) {
-        this.showTaskManager = show;
-        this.callbacks.onTaskManagerStateChange?.(show);
+    setShowBackgroundTaskManager(show) {
+        this.showBackgroundTaskManager = show;
+        this.callbacks.onBackgroundTaskManagerStateChange?.(show);
     }
     getShowMcpManager() {
         return this.showMcpManager;
@@ -560,6 +466,13 @@ export class InputManager {
         this.showRewindManager = show;
         this.callbacks.onRewindManagerStateChange?.(show);
     }
+    getShowHelp() {
+        return this.showHelp;
+    }
+    setShowHelp(show) {
+        this.showHelp = show;
+        this.callbacks.onHelpStateChange?.(show);
+    }
     // Permission mode methods
     getPermissionMode() {
         return this.permissionMode;
@@ -586,13 +499,6 @@ export class InputManager {
             return;
         }
         if (this.inputText.trim()) {
-            const trimmedInput = this.inputText.trim();
-            // Check if it's a memory message (starts with # and only one line)
-            if (trimmedInput.startsWith("#") && !trimmedInput.includes("\n")) {
-                // Activate memory type selector
-                this.activateMemoryTypeSelector(trimmedInput);
-                return;
-            }
             // Extract image information
             const imageRegex = /\[Image #(\d+)\]/g;
             const matches = [...this.inputText.matchAll(imageRegex)];
@@ -714,14 +620,6 @@ export class InputManager {
             this.moveCursorRight();
             return true;
         }
-        if (("home" in key && key.home) || (key.ctrl && input === "a")) {
-            this.moveCursorToStart();
-            return true;
-        }
-        if (("end" in key && key.end) || (key.ctrl && input === "e")) {
-            this.moveCursorToEnd();
-            return true;
-        }
         // Handle Ctrl+V for pasting images
         if (key.ctrl && input === "v") {
             this.handlePasteImage().catch((error) => {
@@ -739,15 +637,6 @@ export class InputManager {
             this.callbacks.onBackgroundCurrentTask?.();
             return true;
         }
-        // Handle up/down keys for history navigation (only when no selector is active)
-        if (key.upArrow && !this.showFileSelector && !this.showCommandSelector) {
-            this.navigateHistory("up", this.inputText);
-            return true;
-        }
-        if (key.downArrow && !this.showFileSelector && !this.showCommandSelector) {
-            this.navigateHistory("down", this.inputText);
-            return true;
-        }
         // Handle typing input
         if (input &&
             !key.ctrl &&
@@ -773,7 +662,11 @@ export class InputManager {
             return true;
         }
         // Handle interrupt request - use Esc key to interrupt AI request or command
-        if (key.escape && (isLoading || isCommandRunning)) {
+        if (key.escape &&
+            (isLoading || isCommandRunning) &&
+            !this.showBackgroundTaskManager &&
+            !this.showMcpManager &&
+            !this.showRewindManager) {
             // Unified interrupt for AI message generation and command execution
             this.callbacks.onAbortMessage?.();
             return true;
@@ -788,16 +681,17 @@ export class InputManager {
         if (this.showFileSelector ||
             this.showCommandSelector ||
             this.showHistorySearch ||
-            this.showMemoryTypeSelector ||
-            this.showTaskManager ||
+            this.showBackgroundTaskManager ||
             this.showMcpManager ||
-            this.showRewindManager) {
-            if (this.showMemoryTypeSelector ||
-                this.showTaskManager ||
+            this.showRewindManager ||
+            this.showHelp) {
+            if (this.showBackgroundTaskManager ||
                 this.showMcpManager ||
-                this.showRewindManager) {
-                // Memory type selector, task manager, MCP manager and Rewind don't need to handle input, handled by component itself
-                return false;
+                this.showRewindManager ||
+                this.showHelp) {
+                // Task manager, MCP manager, Rewind and Help don't need to handle input, handled by component itself
+                // Return true to indicate we've "handled" it (by ignoring it) so it doesn't leak to normal input
+                return true;
             }
             if (this.showHistorySearch) {
                 if (key.escape) {

package/dist/print-cli.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"print-cli.d.ts","sourceRoot":"","sources":["../src/print-cli.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAgBD,wBAAsB,aAAa,CAAC,OAAO,EAAE,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,CAgL3E"}
+{"version":3,"file":"print-cli.d.ts","sourceRoot":"","sources":["../src/print-cli.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAgBD,wBAAsB,aAAa,CAAC,OAAO,EAAE,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,CA8J3E"}

package/dist/print-cli.js

@@ -48,38 +48,10 @@ export async function startPrintCli(options) {
             // FR-001: Stream content updates for real-time display - output only the new chunk
             process.stdout.write(chunk);
         },
-        // Tool block callback - display tool name when tool starts
-        onToolBlockUpdated: (params) => {
-            // Print tool name only during 'running' stage (happens once per tool call)
-            if (params.stage === "running" && params.name) {
-                process.stdout.write(`\n🔧 ${params.name}`);
-                if (params.compactParams) {
-                    process.stdout.write(` ${params.compactParams}`);
-                }
-                process.stdout.write(`\n`);
-            }
-        },
-        // Subagent block callbacks
-        onSubAgentBlockAdded: (subagentId, parameters) => {
-            // Display subagent creation with indentation
-            process.stdout.write(`\n🤖 Subagent [${parameters.subagent_type}]: ${parameters.description}\n`);
-        },
-        onSubAgentBlockUpdated: (subagentId, status) => {
-            // Display subagent status updates
-            const statusIconMap = {
-                active: "🔄",
-                completed: "✅",
-                error: "❌",
-                aborted: "⚠️",
-            };
-            const statusIcon = statusIconMap[status] ?? "🔄";
-            process.stdout.write(`   ${statusIcon} Subagent status: ${status}\n`);
-        },
         // Subagent message callbacks
         onSubagentAssistantMessageAdded: (subagentId) => {
             subagentReasoningStates.set(subagentId, false);
             subagentContentStates.set(subagentId, false);
-            // Subagent assistant message started - add indentation
             process.stdout.write("\n   ");
         },
         onSubagentAssistantReasoningUpdated: (subagentId, chunk) => {
@@ -95,13 +67,22 @@ export async function startPrintCli(options) {
                 process.stdout.write("\n   📝 Response: ");
                 subagentContentStates.set(subagentId, true);
             }
-            // Stream subagent content with indentation - output only the new chunk
             process.stdout.write(chunk);
         },
         onSubagentUserMessageAdded: (_subagentId, params) => {
-            // Display subagent user messages with indentation
             process.stdout.write(`\n   👤 User: ${params.content}\n`);
         },
+        // Tool block callback - display tool name when tool starts
+        onToolBlockUpdated: (params) => {
+            // Print tool name only during 'running' stage (happens once per tool call)
+            if (params.stage === "running" && params.name) {
+                process.stdout.write(`\n🔧 ${params.name}`);
+                if (params.compactParams) {
+                    process.stdout.write(` ${params.compactParams}`);
+                }
+                process.stdout.write(`\n`);
+            }
+        },
         // Error block callback
         onErrorBlockAdded: (error) => {
             // Display error blocks with distinct formatting

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-code",
-  "version": "0.5.0",
+  "version": "0.6.2",
   "description": "CLI-based code assistant powered by AI, built with React and Ink",
   "repository": {
     "type": "git",
@@ -30,15 +30,14 @@
   ],
   "dependencies": {
     "chalk": "^5.6.2",
-    "cli-highlight": "^2.1.11",
     "diff": "^8.0.2",
     "glob": "^13.0.0",
-    "ink": "^6.5.1",
-    "marked": "^11.2.0",
+    "ink": "^6.7.0",
+    "marked": "^17.0.2",
     "react": "^19.2.4",
     "react-dom": "19.2.4",
     "yargs": "^17.7.2",
-    "wave-agent-sdk": "0.5.0"
+    "wave-agent-sdk": "0.6.2"
   },
   "devDependencies": {
     "@types/react": "^19.1.8",
@@ -60,7 +59,7 @@
   },
   "license": "MIT",
   "scripts": {
-    "wave": "tsx src/index.ts",
+    "wave": "tsx --tsconfig tsconfig.dev.json src/index.ts",
     "build": "rimraf dist && tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
     "type-check": "tsc --noEmit --incremental",
     "watch": "tsc -p tsconfig.build.json --watch & tsc-alias -p tsconfig.build.json --watch",

package/src/components/App.tsx

@@ -1,6 +1,7 @@
-import React from "react";
+import React, { useState, useEffect, useRef } from "react";
+import { useStdout } from "ink";
 import { ChatInterface } from "./ChatInterface.js";
-import { ChatProvider } from "../contexts/useChat.js";
+import { ChatProvider, useChat } from "../contexts/useChat.js";
 import { AppProvider } from "../contexts/useAppConfig.js";
 
 interface AppProps {
@@ -16,11 +17,58 @@ const AppWithProviders: React.FC<{
 }> = ({ bypassPermissions, pluginDirs }) => {
   return (
     <ChatProvider bypassPermissions={bypassPermissions} pluginDirs={pluginDirs}>
-      <ChatInterface />
+      <ChatInterfaceWithRemount />
     </ChatProvider>
   );
 };
 
+const ChatInterfaceWithRemount: React.FC = () => {
+  const { stdout } = useStdout();
+  const { isExpanded, rewindId, wasLastDetailsTooTall, sessionId } = useChat();
+
+  const [remountKey, setRemountKey] = useState(
+    String(isExpanded) + rewindId + wasLastDetailsTooTall,
+  );
+
+  const prevSessionId = useRef(sessionId);
+
+  useEffect(() => {
+    const newKey =
+      String(isExpanded) +
+      rewindId +
+      wasLastDetailsTooTall +
+      (prevSessionId.current && sessionId && prevSessionId.current !== sessionId
+        ? sessionId
+        : "");
+
+    if (newKey !== remountKey) {
+      const timeout = setTimeout(() => {
+        stdout?.write("\u001b[2J\u001b[0;0H", (err?: Error | null) => {
+          if (err) {
+            console.error("Failed to clear terminal:", err);
+          }
+          setRemountKey(newKey);
+        });
+      }, 100);
+
+      return () => clearTimeout(timeout);
+    }
+
+    if (sessionId) {
+      prevSessionId.current = sessionId;
+    }
+  }, [
+    isExpanded,
+    rewindId,
+    wasLastDetailsTooTall,
+    sessionId,
+    remountKey,
+    stdout,
+  ]);
+
+  return <ChatInterface key={remountKey} />;
+};
+
 export const App: React.FC<AppProps> = ({
   restoreSessionId,
   continueLastSession,

package/src/components/{TaskManager.tsx → BackgroundTaskManager.tsx}

@@ -12,11 +12,13 @@ interface Task {
   runtime?: number;
 }
 
-export interface TaskManagerProps {
+export interface BackgroundTaskManagerProps {
   onCancel: () => void;
 }
 
-export const TaskManager: React.FC<TaskManagerProps> = ({ onCancel }) => {
+export const BackgroundTaskManager: React.FC<BackgroundTaskManagerProps> = ({
+  onCancel,
+}) => {
   const { backgroundTasks, getBackgroundTaskOutput, stopBackgroundTask } =
     useChat();
   const [tasks, setTasks] = useState<Task[]>([]);

package/src/components/ChatInterface.tsx

@@ -1,20 +1,26 @@
-import React from "react";
-import { Box } from "ink";
+import React, { useState, useCallback } from "react";
+import { Box, useStdout } from "ink";
 import { MessageList } from "./MessageList.js";
 import { InputBox } from "./InputBox.js";
-import { Confirmation } from "./Confirmation.js";
+import { LoadingIndicator } from "./LoadingIndicator.js";
+import { TaskList } from "./TaskList.js";
+import { ConfirmationDetails } from "./ConfirmationDetails.js";
+import { ConfirmationSelector } from "./ConfirmationSelector.js";
+
 import { useChat } from "../contexts/useChat.js";
+import type { PermissionDecision } from "wave-agent-sdk";
 
 export const ChatInterface: React.FC = () => {
+  const { stdout } = useStdout();
+  const [isDetailsTooTall, setIsDetailsTooTall] = useState(false);
+
   const {
     messages,
     isLoading,
     isCommandRunning,
-    userInputHistory,
     isCompressing,
     sendMessage,
     abortMessage,
-    saveMemory,
     mcpServers,
     connectMcpServer,
     disconnectMcpServer,
@@ -26,45 +32,96 @@ export const ChatInterface: React.FC = () => {
     isConfirmationVisible,
     confirmingTool,
     handleConfirmationDecision,
-    handleConfirmationCancel,
-    rewindId,
+    handleConfirmationCancel: originalHandleConfirmationCancel,
+    setWasLastDetailsTooTall,
   } = useChat();
 
+  const handleHeightMeasured = useCallback(
+    (height: number) => {
+      const terminalHeight = stdout?.rows || 24;
+      if (height > terminalHeight - 10) {
+        setIsDetailsTooTall(true);
+      } else {
+        setIsDetailsTooTall(false);
+      }
+    },
+    [stdout?.rows],
+  );
+
+  const handleConfirmationCancel = useCallback(() => {
+    if (isDetailsTooTall) {
+      setWasLastDetailsTooTall((prev) => prev + 1);
+      setIsDetailsTooTall(false);
+    }
+    originalHandleConfirmationCancel();
+  }, [
+    isDetailsTooTall,
+    originalHandleConfirmationCancel,
+    setWasLastDetailsTooTall,
+  ]);
+
+  const wrappedHandleConfirmationDecision = useCallback(
+    (decision: PermissionDecision) => {
+      if (isDetailsTooTall) {
+        setWasLastDetailsTooTall((prev) => prev + 1);
+        setIsDetailsTooTall(false);
+      }
+      handleConfirmationDecision(decision);
+    },
+    [isDetailsTooTall, handleConfirmationDecision, setWasLastDetailsTooTall],
+  );
+
   if (!sessionId) return null;
 
   return (
-    <Box flexDirection="column" height="100%" paddingY={1} paddingRight={1}>
+    <Box flexDirection="column">
       <MessageList
         messages={messages}
         isLoading={isLoading}
         isCommandRunning={isCommandRunning}
-        isCompressing={isCompressing}
-        latestTotalTokens={latestTotalTokens}
         isExpanded={isExpanded}
-        key={String(isExpanded) + sessionId + rewindId}
+        forceStaticLastMessage={isDetailsTooTall}
       />
 
+      {(isLoading || isCommandRunning || isCompressing) &&
+        !isConfirmationVisible &&
+        !isExpanded && (
+          <LoadingIndicator
+            isLoading={isLoading}
+            isCommandRunning={isCommandRunning}
+            isCompressing={isCompressing}
+            latestTotalTokens={latestTotalTokens}
+          />
+        )}
+      {!isConfirmationVisible && !isExpanded && <TaskList />}
+
       {isConfirmationVisible && (
-        <Confirmation
-          toolName={confirmingTool!.name}
-          toolInput={confirmingTool!.input}
-          suggestedPrefix={confirmingTool!.suggestedPrefix}
-          hidePersistentOption={confirmingTool!.hidePersistentOption}
-          isExpanded={isExpanded}
-          onDecision={handleConfirmationDecision}
-          onCancel={handleConfirmationCancel}
-          onAbort={abortMessage}
-        />
+        <>
+          <ConfirmationDetails
+            toolName={confirmingTool!.name}
+            toolInput={confirmingTool!.input}
+            isExpanded={isExpanded}
+            onHeightMeasured={handleHeightMeasured}
+          />
+          <ConfirmationSelector
+            toolName={confirmingTool!.name}
+            toolInput={confirmingTool!.input}
+            suggestedPrefix={confirmingTool!.suggestedPrefix}
+            hidePersistentOption={confirmingTool!.hidePersistentOption}
+            isExpanded={isExpanded}
+            onDecision={wrappedHandleConfirmationDecision}
+            onCancel={handleConfirmationCancel}
+            onAbort={abortMessage}
+          />
+        </>
       )}
 
       {!isConfirmationVisible && !isExpanded && (
         <InputBox
           isLoading={isLoading}
           isCommandRunning={isCommandRunning}
-          userInputHistory={userInputHistory}
           sendMessage={sendMessage}
           abortMessage={abortMessage}
-          saveMemory={saveMemory}
           mcpServers={mcpServers}
           connectMcpServer={connectMcpServer}
           disconnectMcpServer={disconnectMcpServer}