wave-code 0.11.5 → 0.11.7

package/src/components/InputBox.tsx

@@ -10,6 +10,7 @@ import { RewindCommand } from "./RewindCommand.js";
 import { HelpView } from "./HelpView.js";
 import { StatusCommand } from "./StatusCommand.js";
 import { PluginManagerShell } from "./PluginManagerShell.js";
+import { StatusLine } from "./StatusLine.js";
 import { useInputManager } from "../hooks/useInputManager.js";
 import { useChat } from "../contexts/useChat.js";
 
@@ -54,12 +55,16 @@ export const InputBox: React.FC<InputBoxProps> = ({
   const {
     permissionMode: chatPermissionMode,
     setPermissionMode: setChatPermissionMode,
+    allowBypassInCycle: chatAllowBypassInCycle,
     handleRewindSelect,
     backgroundCurrentTask,
     messages,
     getFullMessageThread,
     sessionId,
     workingDirectory,
+    askBtw,
+    btwState: chatBtwState,
+    setBtwState: setChatBtwState,
   } = useChat();
 
   // Input manager with all input state and functionality (including images)
@@ -103,12 +108,18 @@ export const InputBox: React.FC<InputBoxProps> = ({
     // Permission mode
     permissionMode,
     setPermissionMode,
+    setAllowBypassInCycle,
+    // BTW state
+    btwState,
     // Main handler
     handleInput,
     // Manager ready state
     isManagerReady,
   } = useInputManager({
     onSendMessage: sendMessage,
+    onAskBtw: askBtw,
+    btwState: chatBtwState,
+    onBtwStateChange: setChatBtwState,
     onHasSlashCommand: hasSlashCommand,
     onAbortMessage: abortMessage,
     onBackgroundCurrentTask: backgroundCurrentTask,
@@ -123,6 +134,11 @@ export const InputBox: React.FC<InputBoxProps> = ({
     setPermissionMode(chatPermissionMode);
   }, [chatPermissionMode, setPermissionMode]);
 
+  // Sync allowBypassInCycle from useChat to InputManager
+  useEffect(() => {
+    setAllowBypassInCycle(chatAllowBypassInCycle);
+  }, [chatAllowBypassInCycle, setAllowBypassInCycle]);
+
   // Use the InputManager's unified input handler
   useInput(async (input, key) => {
     await handleInput(input, key, attachedImages, clearImages);
@@ -243,12 +259,19 @@ export const InputBox: React.FC<InputBoxProps> = ({
           <Box flexDirection="column">
             <Box
               borderStyle="single"
-              borderColor="gray"
+              borderColor={btwState.isActive ? "cyan" : "gray"}
               borderLeft={false}
               borderRight={false}
             >
               <Text color={isPlaceholder ? "gray" : "white"}>
-                {shouldShowCursor ? (
+                {btwState.isActive && isPlaceholder ? (
+                  <>
+                    <Text backgroundColor="white" color="black">
+                      {" "}
+                    </Text>
+                    <Text color="cyan">Type your side question...</Text>
+                  </>
+                ) : shouldShowCursor ? (
                   <>
                     {beforeCursor}
                     <Text backgroundColor="white" color="black">
@@ -261,21 +284,11 @@ export const InputBox: React.FC<InputBoxProps> = ({
                 )}
               </Text>
             </Box>
-            <Box paddingRight={1} justifyContent="space-between" width="100%">
-              {isShellCommand ? (
-                <Text color="gray">
-                  Shell: <Text color="yellow">Run shell command</Text>
-                </Text>
-              ) : (
-                <Text color="gray">
-                  Mode:{" "}
-                  <Text color={permissionMode === "plan" ? "yellow" : "cyan"}>
-                    {permissionMode}
-                  </Text>{" "}
-                  (Shift+Tab to cycle)
-                </Text>
-              )}
-            </Box>
+            <StatusLine
+              permissionMode={permissionMode}
+              isShellCommand={isShellCommand}
+              isBtwActive={btwState.isActive}
+            />
           </Box>
         )}
     </Box>

package/src/components/MessageList.tsx

@@ -41,8 +41,11 @@ export const MessageList = React.memo(
     // Limit messages to prevent long rendering times
     const maxMessages = 10;
 
+    // Filter out meta messages
+    const visibleMessages = messages.filter((m) => !m.isMeta);
+
     // Flatten messages into blocks with metadata
-    const allBlocks = messages.flatMap((message, messageIndex) => {
+    const allBlocks = visibleMessages.flatMap((message, messageIndex) => {
       return message.blocks.map((block, blockIndex) => ({
         block,
         message,
@@ -101,8 +104,8 @@ export const MessageList = React.memo(
                 );
               }
               if (
-                messages.length > maxMessages &&
-                item.messageIndex < messages.length - maxMessages
+                visibleMessages.length > maxMessages &&
+                item.messageIndex < visibleMessages.length - maxMessages
               ) {
                 return null;
               }

package/src/components/RewindCommand.tsx

@@ -30,10 +30,10 @@ export const RewindCommand: React.FC<RewindCommandProps> = ({
     }
   }, [getFullMessageThread]);
 
-  // Filter user messages as checkpoints
+  // Filter user messages as checkpoints, excluding meta messages
   const checkpoints = messages
     .map((msg, index) => ({ msg, index }))
-    .filter(({ msg }) => msg.role === "user");
+    .filter(({ msg }) => msg.role === "user" && !msg.isMeta);
 
   const MAX_VISIBLE_ITEMS = 3;
   const [selectedIndex, setSelectedIndex] = useState(checkpoints.length - 1);

package/src/components/StatusLine.tsx

@@ -0,0 +1,36 @@
+import React from "react";
+import { Box, Text } from "ink";
+
+export interface StatusLineProps {
+  permissionMode: string;
+  isShellCommand: boolean;
+  isBtwActive: boolean;
+}
+
+export const StatusLine: React.FC<StatusLineProps> = ({
+  permissionMode,
+  isShellCommand,
+  isBtwActive,
+}) => {
+  return (
+    <Box paddingRight={1} justifyContent="space-between" width="100%">
+      {isBtwActive ? (
+        <Text color="gray">
+          Mode: <Text color="cyan">BTW</Text> (ESC to dismiss)
+        </Text>
+      ) : isShellCommand ? (
+        <Text color="gray">
+          Shell: <Text color="yellow">Run shell command</Text>
+        </Text>
+      ) : (
+        <Text color="gray">
+          Mode:{" "}
+          <Text color={permissionMode === "plan" ? "yellow" : "cyan"}>
+            {permissionMode}
+          </Text>{" "}
+          (Shift+Tab to cycle)
+        </Text>
+      )}
+    </Box>
+  );
+};

package/src/constants/commands.ts

@@ -38,4 +38,10 @@ export const AVAILABLE_COMMANDS: SlashCommand[] = [
     description: "View and manage plugins",
     handler: () => {}, // Handler here won't be used, actual processing is in the hook
   },
+  {
+    id: "btw",
+    name: "btw",
+    description: "Ask a side question without tool use",
+    handler: () => {}, // Handler here won't be used, actual processing is in the hook
+  },
 ];

package/src/contexts/useChat.tsx

@@ -51,6 +51,7 @@ export interface ChatContextType {
     images?: Array<{ path: string; mimeType: string }>,
     longTextMap?: Record<string, string>,
   ) => Promise<void>;
+  askBtw: (question: string) => Promise<string>;
   abortMessage: () => void;
   latestTotalTokens: number;
   // MCP functionality
@@ -77,6 +78,7 @@ export interface ChatContextType {
   // Permission functionality
   permissionMode: PermissionMode;
   setPermissionMode: (mode: PermissionMode) => void;
+  allowBypassInCycle: boolean;
   // Permission confirmation state
   isConfirmationVisible: boolean;
   confirmingTool?: {
@@ -113,6 +115,10 @@ export interface ChatContextType {
   workingDirectory: string;
   version?: string;
   workdir?: string;
+  btwState: import("../managers/inputReducer.js").BtwState;
+  setBtwState: (
+    payload: Partial<import("../managers/inputReducer.js").BtwState>,
+  ) => void;
 }
 
 const ChatContext = createContext<ChatContextType | null>(null);
@@ -235,8 +241,32 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
   // Status metadata state
   const [workingDirectory, setWorkingDirectory] = useState("");
 
+  // /btw state
+  const [btwState, setBtwStateInternal] = useState<
+    import("../managers/inputReducer.js").BtwState
+  >({
+    isActive: false,
+    question: "",
+    isLoading: false,
+  });
+
+  const setBtwState = useCallback(
+    (payload: Partial<import("../managers/inputReducer.js").BtwState>) => {
+      setBtwStateInternal((prev) => {
+        const newState = { ...prev, ...payload };
+        if (process.env.NODE_ENV === "test") {
+          // console.log("setBtwState", newState);
+        }
+        return newState;
+      });
+    },
+    [],
+  );
+
   // Confirmation too tall state
   const [wasLastDetailsTooTall, setWasLastDetailsTooTall] = useState(0);
+  const allowBypassInCycle =
+    !!bypassPermissions || initialPermissionMode === "bypassPermissions";
 
   const agentRef = useRef<Agent | null>(null);
   const taskUpdateTimerRef = useRef<NodeJS.Timeout | null>(null);
@@ -497,6 +527,13 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
     [isLoading, isCommandRunning],
   );
 
+  const askBtw = useCallback(async (question: string) => {
+    if (!agentRef.current) {
+      throw new Error("Agent not initialized");
+    }
+    return await agentRef.current.askBtw(question);
+  }, []);
+
   // Process queued messages when idle
   useEffect(() => {
     if (!isLoading && !isCommandRunning && queuedMessages.length > 0) {
@@ -664,10 +701,17 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
       setIsTaskListVisible((prev) => !prev);
     }
 
-    // Handle ESC key to cancel confirmation
+    // Handle ESC key to cancel confirmation or dismiss BTW
     if (key.escape) {
       if (isConfirmationVisible) {
         handleConfirmationCancel();
+      } else if (btwState.isActive) {
+        setBtwState({
+          isActive: false,
+          question: "",
+          answer: undefined,
+          isLoading: false,
+        });
       }
     }
   });
@@ -682,6 +726,7 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
     queuedMessages,
     sessionId,
     sendMessage,
+    askBtw,
     abortMessage,
     latestTotalTokens,
     isCompressing,
@@ -698,6 +743,7 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
     subagentLatestTokens,
     permissionMode,
     setPermissionMode,
+    allowBypassInCycle,
     isConfirmationVisible,
     confirmingTool,
     showConfirmation,
@@ -715,6 +761,8 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
     workingDirectory,
     version,
     workdir,
+    btwState,
+    setBtwState,
   };
 
   return (

package/src/hooks/useInputManager.ts

@@ -153,6 +153,47 @@ export const useInputManager = (
     callbacksRef.current.onImagesStateChange?.(state.attachedImages);
   }, [state.attachedImages]);
 
+  useEffect(() => {
+    if (callbacksRef.current.onBtwStateChange) {
+      callbacksRef.current.onBtwStateChange(state.btwState);
+    }
+  }, [state.btwState]);
+
+  // Handle /btw side question
+  useEffect(() => {
+    if (
+      state.btwState.isActive &&
+      state.btwState.isLoading &&
+      state.btwState.question
+    ) {
+      const askBtw = async () => {
+        try {
+          const answer = await callbacksRef.current.onAskBtw?.(
+            state.btwState.question,
+          );
+          dispatch({
+            type: "SET_BTW_STATE",
+            payload: { answer, isLoading: false },
+          });
+        } catch (error) {
+          console.error("Failed to ask side question:", error);
+          dispatch({
+            type: "SET_BTW_STATE",
+            payload: {
+              answer: "Error: Failed to get an answer for your side question.",
+              isLoading: false,
+            },
+          });
+        }
+      };
+      askBtw();
+    }
+  }, [
+    state.btwState.isActive,
+    state.btwState.isLoading,
+    state.btwState.question,
+  ]);
+
   // Methods
   const insertTextAtCursor = useCallback((text: string) => {
     dispatch({ type: "INSERT_TEXT", payload: text });
@@ -307,6 +348,21 @@ export const useInputManager = (
     callbacksRef.current.onPermissionModeChange?.(mode);
   }, []);
 
+  const setAllowBypassInCycle = useCallback((allow: boolean) => {
+    dispatch({ type: "SET_ALLOW_BYPASS_IN_CYCLE", payload: allow });
+  }, []);
+
+  const setBtwState = useCallback(
+    (payload: Partial<import("../managers/inputReducer.js").BtwState>) => {
+      if (callbacksRef.current.onBtwStateChange) {
+        callbacksRef.current.onBtwStateChange(payload);
+      } else {
+        dispatch({ type: "SET_BTW_STATE", payload });
+      }
+    },
+    [],
+  );
+
   const addImage = useCallback((imagePath: string, mimeType: string) => {
     dispatch({ type: "ADD_IMAGE", payload: { path: imagePath, mimeType } });
   }, []);
@@ -398,6 +454,7 @@ export const useInputManager = (
     showPluginManager: state.showPluginManager,
     permissionMode: state.permissionMode,
     attachedImages: state.attachedImages,
+    btwState: state.btwState,
     isManagerReady: true,
 
     // Methods
@@ -437,6 +494,8 @@ export const useInputManager = (
     setShowStatusCommand,
     setShowPluginManager,
     setPermissionMode,
+    setAllowBypassInCycle,
+    setBtwState,
 
     // Image management
     addImage,

package/src/index.ts

@@ -228,6 +228,15 @@ export async function main() {
             },
           );
       })
+      .command(
+        "update",
+        "Update WAVE Code to the latest version",
+        {},
+        async () => {
+          const { updateCommand } = await import("./commands/update.js");
+          await updateCommand();
+        },
+      )
       .version()
       .alias("v", "version")
       .example("$0", "Start CLI with default settings")

package/src/managers/inputHandlers.ts

@@ -55,6 +55,30 @@ export const handleSubmit = async (
       .replace(imageRegex, "")
       .trim();
 
+    if (
+      contentWithPlaceholders === "/btw" ||
+      contentWithPlaceholders.startsWith("/btw ")
+    ) {
+      const question = contentWithPlaceholders.startsWith("/btw ")
+        ? contentWithPlaceholders.substring(5).trim()
+        : "";
+
+      const payload = {
+        isActive: true,
+        question,
+        isLoading: question !== "",
+      };
+
+      dispatch({
+        type: "SET_BTW_STATE",
+        payload,
+      });
+      dispatch({ type: "CLEAR_INPUT" });
+      dispatch({ type: "RESET_HISTORY_NAVIGATION" });
+      dispatch({ type: "CLEAR_LONG_TEXT_MAP" });
+      return;
+    }
+
     PromptHistoryManager.addEntry(
       contentWithPlaceholders,
       callbacks.sessionId,
@@ -100,8 +124,12 @@ export const cyclePermissionMode = (
   currentMode: PermissionMode,
   dispatch: React.Dispatch<InputAction>,
   callbacks: Partial<InputManagerCallbacks>,
+  allowBypassInCycle: boolean = false,
 ) => {
   const modes: PermissionMode[] = ["default", "acceptEdits", "plan"];
+  if (allowBypassInCycle) {
+    modes.push("bypassPermissions");
+  }
   const currentIndex = modes.indexOf(currentMode);
   const nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % modes.length;
   const nextMode = modes[nextIndex];
@@ -342,6 +370,11 @@ export const handleCommandSelect = (
           dispatch({ type: "SET_SHOW_STATUS_COMMAND", payload: true });
         } else if (command === "plugin") {
           dispatch({ type: "SET_SHOW_PLUGIN_MANAGER", payload: true });
+        } else if (command === "btw") {
+          dispatch({
+            type: "SET_BTW_STATE",
+            payload: { isActive: true, question: "", isLoading: false },
+          });
         }
       }
     })();
@@ -461,8 +494,10 @@ export const handleSelectorInput = (
   if (input === " ") {
     if (state.showFileSelector) {
       dispatch({ type: "CANCEL_FILE_SELECTOR" });
+      return false;
     } else if (state.showCommandSelector) {
       dispatch({ type: "CANCEL_COMMAND_SELECTOR" });
+      return false;
     }
   }
 
@@ -667,6 +702,46 @@ export const handleInput = async (
     return true;
   }
 
+  if (state.btwState.isActive) {
+    if (key.escape) {
+      dispatch({
+        type: "SET_BTW_STATE",
+        payload: {
+          isActive: false,
+          question: "",
+          answer: undefined,
+          isLoading: false,
+        },
+      });
+      return true;
+    }
+
+    if (key.return) {
+      if (state.inputText.trim() && !state.btwState.isLoading) {
+        dispatch({
+          type: "SET_BTW_STATE",
+          payload: {
+            question: state.inputText.trim(),
+            isLoading: true,
+            answer: undefined,
+          },
+        });
+        dispatch({ type: "CLEAR_INPUT" });
+      }
+      return true;
+    }
+
+    // Handle normal input for the question
+    return await handleNormalInput(
+      state,
+      dispatch,
+      callbacks,
+      input,
+      key,
+      clearImages,
+    );
+  }
+
   if (key.escape) {
     if (
       !(
@@ -678,7 +753,8 @@ export const handleInput = async (
         state.showRewindManager ||
         state.showHelp ||
         state.showStatusCommand ||
-        state.showPluginManager
+        state.showPluginManager ||
+        state.btwState.isActive
       )
     ) {
       callbacks.onAbortMessage?.();
@@ -687,7 +763,12 @@ export const handleInput = async (
   }
 
   if (key.tab && key.shift) {
-    cyclePermissionMode(state.permissionMode, dispatch, callbacks);
+    cyclePermissionMode(
+      state.permissionMode,
+      dispatch,
+      callbacks,
+      state.allowBypassInCycle,
+    );
     return true;
   }
 
@@ -700,7 +781,8 @@ export const handleInput = async (
     state.showRewindManager ||
     state.showHelp ||
     state.showStatusCommand ||
-    state.showPluginManager
+    state.showPluginManager ||
+    state.btwState.isActive
   ) {
     if (
       state.showBackgroundTaskManager ||
@@ -708,7 +790,8 @@ export const handleInput = async (
       state.showRewindManager ||
       state.showHelp ||
       state.showStatusCommand ||
-      state.showPluginManager
+      state.showPluginManager ||
+      state.btwState.isActive
     ) {
       return true;
     }

package/src/managers/inputReducer.ts

@@ -12,6 +12,13 @@ export interface AttachedImage {
   mimeType: string;
 }
 
+export interface BtwState {
+  isActive: boolean;
+  question: string;
+  answer?: string;
+  isLoading: boolean;
+}
+
 export interface InputManagerCallbacks {
   onInputTextChange?: (text: string) => void;
   onCursorPositionChange?: (position: number) => void;
@@ -43,6 +50,9 @@ export interface InputManagerCallbacks {
   onAbortMessage?: () => void;
   onBackgroundCurrentTask?: () => void;
   onPermissionModeChange?: (mode: PermissionMode) => void;
+  onAskBtw?: (question: string) => Promise<string>;
+  btwState?: BtwState;
+  onBtwStateChange?: (payload: Partial<BtwState>) => void;
   sessionId?: string;
   workdir?: string;
   getFullMessageThread?: () => Promise<{
@@ -75,6 +85,7 @@ export interface InputState {
   showStatusCommand: boolean;
   showPluginManager: boolean;
   permissionMode: PermissionMode;
+  allowBypassInCycle: boolean;
   selectorJustUsed: boolean;
   isPasting: boolean;
   pasteBuffer: string;
@@ -84,6 +95,7 @@ export interface InputState {
   originalInputText: string;
   originalLongTextMap: Record<string, string>;
   isFileSearching: boolean;
+  btwState: BtwState;
 }
 
 export const initialState: InputState = {
@@ -109,6 +121,7 @@ export const initialState: InputState = {
   showStatusCommand: false,
   showPluginManager: false,
   permissionMode: "default",
+  allowBypassInCycle: false,
   selectorJustUsed: false,
   isPasting: false,
   pasteBuffer: "",
@@ -118,6 +131,11 @@ export const initialState: InputState = {
   originalInputText: "",
   originalLongTextMap: {},
   isFileSearching: false,
+  btwState: {
+    isActive: false,
+    question: "",
+    isLoading: false,
+  },
 };
 
 export type InputAction =
@@ -146,6 +164,7 @@ export type InputAction =
   | { type: "SET_SHOW_STATUS_COMMAND"; payload: boolean }
   | { type: "SET_SHOW_PLUGIN_MANAGER"; payload: boolean }
   | { type: "SET_PERMISSION_MODE"; payload: PermissionMode }
+  | { type: "SET_ALLOW_BYPASS_IN_CYCLE"; payload: boolean }
   | { type: "SET_SELECTOR_JUST_USED"; payload: boolean }
   | { type: "INSERT_TEXT_WITH_PLACEHOLDER"; payload: string }
   | { type: "CLEAR_LONG_TEXT_MAP" }
@@ -160,7 +179,8 @@ export type InputAction =
   | { type: "SET_HISTORY_ENTRIES"; payload: PromptEntry[] }
   | { type: "NAVIGATE_HISTORY"; payload: "up" | "down" }
   | { type: "RESET_HISTORY_NAVIGATION" }
-  | { type: "SELECT_HISTORY_ENTRY"; payload: PromptEntry };
+  | { type: "SELECT_HISTORY_ENTRY"; payload: PromptEntry }
+  | { type: "SET_BTW_STATE"; payload: Partial<BtwState> };
 
 export function inputReducer(
   state: InputState,
@@ -340,6 +360,8 @@ export function inputReducer(
       };
     case "SET_PERMISSION_MODE":
       return { ...state, permissionMode: action.payload };
+    case "SET_ALLOW_BYPASS_IN_CYCLE":
+      return { ...state, allowBypassInCycle: action.payload };
     case "SET_SELECTOR_JUST_USED":
       return { ...state, selectorJustUsed: action.payload };
     case "INSERT_TEXT_WITH_PLACEHOLDER": {
@@ -483,6 +505,14 @@ export function inputReducer(
         originalInputText: "",
         originalLongTextMap: {},
       };
+    case "SET_BTW_STATE":
+      return {
+        ...state,
+        btwState: {
+          ...state.btwState,
+          ...action.payload,
+        },
+      };
     default:
       return state;
   }

package/src/utils/version.ts

@@ -0,0 +1,8 @@
+import semver from "semver";
+
+export function isUpdateAvailable(
+  currentVersion: string,
+  latestVersion: string,
+): boolean {
+  return semver.gt(latestVersion, currentVersion);
+}