wave-code 0.8.1 → 0.8.2

package/dist/managers/inputReducer.js

@@ -0,0 +1,242 @@
+export const initialState = {
+    inputText: "",
+    cursorPosition: 0,
+    showFileSelector: false,
+    atPosition: -1,
+    fileSearchQuery: "",
+    filteredFiles: [],
+    showCommandSelector: false,
+    slashPosition: -1,
+    commandSearchQuery: "",
+    showHistorySearch: false,
+    historySearchQuery: "",
+    longTextCounter: 0,
+    longTextMap: {},
+    attachedImages: [],
+    imageIdCounter: 1,
+    showBackgroundTaskManager: false,
+    showMcpManager: false,
+    showRewindManager: false,
+    showHelp: false,
+    showStatusCommand: false,
+    permissionMode: "default",
+    selectorJustUsed: false,
+    isPasting: false,
+    pasteBuffer: "",
+    initialPasteCursorPosition: 0,
+};
+export function inputReducer(state, action) {
+    switch (action.type) {
+        case "SET_INPUT_TEXT":
+            return { ...state, inputText: action.payload };
+        case "SET_CURSOR_POSITION":
+            return {
+                ...state,
+                cursorPosition: Math.max(0, Math.min(state.inputText.length, action.payload)),
+            };
+        case "INSERT_TEXT": {
+            const beforeCursor = state.inputText.substring(0, state.cursorPosition);
+            const afterCursor = state.inputText.substring(state.cursorPosition);
+            const newText = beforeCursor + action.payload + afterCursor;
+            const newCursorPosition = state.cursorPosition + action.payload.length;
+            return {
+                ...state,
+                inputText: newText,
+                cursorPosition: newCursorPosition,
+            };
+        }
+        case "DELETE_CHAR": {
+            if (state.cursorPosition > 0) {
+                const beforeCursor = state.inputText.substring(0, state.cursorPosition - 1);
+                const afterCursor = state.inputText.substring(state.cursorPosition);
+                const newText = beforeCursor + afterCursor;
+                const newCursorPosition = state.cursorPosition - 1;
+                return {
+                    ...state,
+                    inputText: newText,
+                    cursorPosition: newCursorPosition,
+                };
+            }
+            return state;
+        }
+        case "MOVE_CURSOR": {
+            const newCursorPosition = Math.max(0, Math.min(state.inputText.length, state.cursorPosition + action.payload));
+            return { ...state, cursorPosition: newCursorPosition };
+        }
+        case "ACTIVATE_FILE_SELECTOR":
+            return {
+                ...state,
+                showFileSelector: true,
+                atPosition: action.payload,
+                fileSearchQuery: "",
+                filteredFiles: [],
+            };
+        case "SET_FILE_SEARCH_QUERY":
+            return { ...state, fileSearchQuery: action.payload };
+        case "SET_FILTERED_FILES":
+            return { ...state, filteredFiles: action.payload };
+        case "CANCEL_FILE_SELECTOR":
+            return {
+                ...state,
+                showFileSelector: false,
+                atPosition: -1,
+                fileSearchQuery: "",
+                filteredFiles: [],
+                selectorJustUsed: true,
+            };
+        case "ACTIVATE_COMMAND_SELECTOR":
+            return {
+                ...state,
+                showCommandSelector: true,
+                slashPosition: action.payload,
+                commandSearchQuery: "",
+            };
+        case "SET_COMMAND_SEARCH_QUERY":
+            return { ...state, commandSearchQuery: action.payload };
+        case "CANCEL_COMMAND_SELECTOR":
+            return {
+                ...state,
+                showCommandSelector: false,
+                slashPosition: -1,
+                commandSearchQuery: "",
+                selectorJustUsed: true,
+            };
+        case "ACTIVATE_HISTORY_SEARCH":
+            return {
+                ...state,
+                showHistorySearch: true,
+                historySearchQuery: "",
+            };
+        case "SET_HISTORY_SEARCH_QUERY":
+            return { ...state, historySearchQuery: action.payload };
+        case "CANCEL_HISTORY_SEARCH":
+            return {
+                ...state,
+                showHistorySearch: false,
+                historySearchQuery: "",
+                selectorJustUsed: true,
+            };
+        case "ADD_IMAGE": {
+            const newImage = {
+                id: state.imageIdCounter,
+                path: action.payload.path,
+                mimeType: action.payload.mimeType,
+            };
+            return {
+                ...state,
+                attachedImages: [...state.attachedImages, newImage],
+                imageIdCounter: state.imageIdCounter + 1,
+            };
+        }
+        case "REMOVE_IMAGE":
+            return {
+                ...state,
+                attachedImages: state.attachedImages.filter((img) => img.id !== action.payload),
+            };
+        case "CLEAR_IMAGES":
+            return { ...state, attachedImages: [] };
+        case "SET_SHOW_BACKGROUND_TASK_MANAGER":
+            return {
+                ...state,
+                showBackgroundTaskManager: action.payload,
+                selectorJustUsed: !action.payload ? true : state.selectorJustUsed,
+            };
+        case "SET_SHOW_MCP_MANAGER":
+            return {
+                ...state,
+                showMcpManager: action.payload,
+                selectorJustUsed: !action.payload ? true : state.selectorJustUsed,
+            };
+        case "SET_SHOW_REWIND_MANAGER":
+            return {
+                ...state,
+                showRewindManager: action.payload,
+                selectorJustUsed: !action.payload ? true : state.selectorJustUsed,
+            };
+        case "SET_SHOW_HELP":
+            return {
+                ...state,
+                showHelp: action.payload,
+                selectorJustUsed: !action.payload ? true : state.selectorJustUsed,
+            };
+        case "SET_SHOW_STATUS_COMMAND":
+            return {
+                ...state,
+                showStatusCommand: action.payload,
+                selectorJustUsed: !action.payload ? true : state.selectorJustUsed,
+            };
+        case "SET_PERMISSION_MODE":
+            return { ...state, permissionMode: action.payload };
+        case "SET_SELECTOR_JUST_USED":
+            return { ...state, selectorJustUsed: action.payload };
+        case "COMPRESS_AND_INSERT_TEXT": {
+            let textToInsert = action.payload;
+            let newLongTextCounter = state.longTextCounter;
+            const newLongTextMap = { ...state.longTextMap };
+            if (textToInsert.length > 200) {
+                newLongTextCounter += 1;
+                const compressedLabel = `[LongText#${newLongTextCounter}]`;
+                newLongTextMap[compressedLabel] = textToInsert;
+                textToInsert = compressedLabel;
+            }
+            const beforeCursor = state.inputText.substring(0, state.cursorPosition);
+            const afterCursor = state.inputText.substring(state.cursorPosition);
+            const newText = beforeCursor + textToInsert + afterCursor;
+            const newCursorPosition = state.cursorPosition + textToInsert.length;
+            return {
+                ...state,
+                inputText: newText,
+                cursorPosition: newCursorPosition,
+                longTextCounter: newLongTextCounter,
+                longTextMap: newLongTextMap,
+            };
+        }
+        case "CLEAR_LONG_TEXT_MAP":
+            return { ...state, longTextMap: {} };
+        case "CLEAR_INPUT":
+            return {
+                ...state,
+                inputText: "",
+                cursorPosition: 0,
+            };
+        case "START_PASTE":
+            return {
+                ...state,
+                isPasting: true,
+                pasteBuffer: action.payload.buffer,
+                initialPasteCursorPosition: action.payload.cursorPosition,
+            };
+        case "APPEND_PASTE_BUFFER":
+            return {
+                ...state,
+                pasteBuffer: state.pasteBuffer + action.payload,
+            };
+        case "END_PASTE":
+            return {
+                ...state,
+                isPasting: false,
+                pasteBuffer: "",
+            };
+        case "ADD_IMAGE_AND_INSERT_PLACEHOLDER": {
+            const newImage = {
+                id: state.imageIdCounter,
+                path: action.payload.path,
+                mimeType: action.payload.mimeType,
+            };
+            const placeholder = `[Image #${newImage.id}]`;
+            const beforeCursor = state.inputText.substring(0, state.cursorPosition);
+            const afterCursor = state.inputText.substring(state.cursorPosition);
+            const newText = beforeCursor + placeholder + afterCursor;
+            const newCursorPosition = state.cursorPosition + placeholder.length;
+            return {
+                ...state,
+                attachedImages: [...state.attachedImages, newImage],
+                imageIdCounter: state.imageIdCounter + 1,
+                inputText: newText,
+                cursorPosition: newCursorPosition,
+            };
+        }
+        default:
+            return state;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-code",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "description": "CLI-based code assistant powered by AI, built with React and Ink",
   "repository": {
     "type": "git",
@@ -39,7 +39,7 @@
     "react": "^19.2.4",
     "react-dom": "19.2.4",
     "yargs": "^17.7.2",
-    "wave-agent-sdk": "0.8.1"
+    "wave-agent-sdk": "0.8.2"
   },
   "devDependencies": {
     "@types/react": "^19.1.8",

package/src/components/ChatInterface.tsx

@@ -95,7 +95,7 @@ export const ChatInterface: React.FC = () => {
       <MessageList
         messages={messages}
         isExpanded={isExpanded}
-        hideDynamicBlocks={isConfirmationVisible}
+        forceStatic={isConfirmationVisible && isConfirmationTooTall}
         version={version}
         workdir={workdir}
         model={model}

package/src/components/MessageList.tsx

@@ -7,7 +7,7 @@ import { MessageBlockItem } from "./MessageBlockItem.js";
 export interface MessageListProps {
   messages: Message[];
   isExpanded?: boolean;
-  hideDynamicBlocks?: boolean;
+  forceStatic?: boolean;
   version?: string;
   workdir?: string;
   model?: string;
@@ -17,7 +17,7 @@ export const MessageList = React.memo(
   ({
     messages,
     isExpanded = false,
-    hideDynamicBlocks = false,
+    forceStatic = false,
     version,
     workdir,
     model,
@@ -54,7 +54,7 @@ export const MessageList = React.memo(
         message,
         isLastMessage: messageIndex === messages.length - 1,
         // Unique key for each block to help Static component
-        key: `${message.id || messageIndex}-${blockIndex}`,
+        key: `${message.id}-${blockIndex}`,
       }));
     });
 
@@ -62,6 +62,7 @@ export const MessageList = React.memo(
     const blocksWithStatus = allBlocks.map((item) => {
       const { block, isLastMessage } = item;
       const isDynamic =
+        !forceStatic &&
         isLastMessage &&
         ((block.type === "tool" && block.stage !== "end") ||
           (block.type === "bang" && block.isRunning));
@@ -69,9 +70,7 @@ export const MessageList = React.memo(
     });
 
     const staticBlocks = blocksWithStatus.filter((b) => !b.isDynamic);
-    const dynamicBlocks = hideDynamicBlocks
-      ? []
-      : blocksWithStatus.filter((b) => b.isDynamic);
+    const dynamicBlocks = blocksWithStatus.filter((b) => b.isDynamic);
 
     const staticItems = [
       { isWelcome: true, key: "welcome", block: undefined, message: undefined },

package/src/contexts/useChat.tsx

@@ -141,7 +141,6 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
 
   // AI State
   const [messages, setMessages] = useState<Message[]>([]);
-  const messagesUpdateTimerRef = useRef<NodeJS.Timeout | null>(null);
 
   const [isLoading, setIsLoading] = useState(false);
   const [latestTotalTokens, setlatestTotalTokens] = useState(0);
@@ -243,15 +242,8 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
     const initializeAgent = async () => {
       const callbacks: AgentCallbacks = {
         onMessagesChange: () => {
-          if (!isExpandedRef.current) {
-            if (!messagesUpdateTimerRef.current) {
-              messagesUpdateTimerRef.current = setTimeout(() => {
-                if (agentRef.current) {
-                  setMessages([...agentRef.current.messages]);
-                }
-                messagesUpdateTimerRef.current = null;
-              }, 100);
-            }
+          if (!isExpandedRef.current && agentRef.current) {
+            setMessages([...agentRef.current.messages]);
           }
         },
         onServersChange: (servers) => {
@@ -374,9 +366,6 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
   // Cleanup on unmount
   useEffect(() => {
     return () => {
-      if (messagesUpdateTimerRef.current) {
-        clearTimeout(messagesUpdateTimerRef.current);
-      }
       if (agentRef.current) {
         try {
           // Display usage summary before cleanup
@@ -580,10 +569,6 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
       setIsExpanded((prev) => {
         const newExpanded = !prev;
         if (newExpanded) {
-          if (messagesUpdateTimerRef.current) {
-            clearTimeout(messagesUpdateTimerRef.current);
-            messagesUpdateTimerRef.current = null;
-          }
           // Transitioning to EXPANDED: Freeze the current view
           // Deep copy the last message to ensure it doesn't update if the agent is still writing to it
           setMessages((currentMessages) => {