Refactor help menu functionality: rename toggleHelpMenu to openHelpMenu and closeHelpMenu

Author: habedi

src/agent/state.ts

@@ -39,7 +39,8 @@ type AppActions = {
         updateBranchName: () => Promise<void>;
         startAgent: (input: string) => Promise<void>;
         _runAgentLogic: (retryCount?: number) => Promise<void>;
-        toggleHelpMenu: () => void;
+        openHelpMenu: () => void;
+        closeHelpMenu: () => void;
         clearOutput: () => void;
         clearCommandHistory: () => void;
         addCommandToHistory: (command: string) => void;
@@ -76,8 +77,11 @@ export const useStore = create<AppState & AppActions>((set, get) => ({
                 set({ branchName: "unknown" });
             }
         },
-        toggleHelpMenu: () => {
-            set((state) => ({ helpMenuOpen: !state.helpMenuOpen }));
+        openHelpMenu: () => {
+            set({ helpMenuOpen: true });
+        },
+        closeHelpMenu: () => {
+            set({ helpMenuOpen: false });
         },
         clearOutput: () => {
             set({ history: [] });

src/ui/UserInput.tsx

@@ -17,7 +17,9 @@ export function UserInput() {
     const {
         startAgent,
         mode,
-        toggleHelpMenu,
+        openHelpMenu,
+        closeHelpMenu,
+        helpMenuOpen,
         clearOutput,
         clearCommandHistory,
         getPreviousCommand,
@@ -30,7 +32,9 @@ export function UserInput() {
         useShallow((s) => ({
             startAgent: s.actions.startAgent,
             mode: s.mode,
-            toggleHelpMenu: s.actions.toggleHelpMenu,
+            openHelpMenu: s.actions.openHelpMenu,
+            closeHelpMenu: s.actions.closeHelpMenu,
+            helpMenuOpen: s.helpMenuOpen,
             clearOutput: s.actions.clearOutput,
             clearCommandHistory: s.actions.clearCommandHistory,
             getPreviousCommand: s.actions.getPreviousCommand,
@@ -104,6 +108,22 @@ export function UserInput() {
     });
 
     const handleSubmit = () => {
+        const value = useStateInput.trim();
+
+        if (value === "/help") {
+            if (helpMenuOpen) {
+                closeHelpMenu();
+            } else {
+                openHelpMenu();
+            }
+            setInputValue("");
+            return;
+        }
+
+        if (helpMenuOpen) {
+            closeHelpMenu();
+        }
+
         if (searchActive && searchResults.length > 0) {
             const lastAtIndex = useStateInput.lastIndexOf("@");
             const file = searchResults[selectedIndex];
@@ -115,16 +135,13 @@ export function UserInput() {
             }
             return;
         }
-        const value = useStateInput.trim();
+
         if (value && !isThinking) {
             addCommandToHistory(value);
             if (value.startsWith("/")) {
                 const [command, ...args] = value.slice(1).split(" ");
                 const rest = args.join(" ");
                 switch (command) {
-                    case "help":
-                        toggleHelpMenu();
-                        break;
                     case "clear":
                         clearOutput();
                         break;