snow-ai 0.6.13 → 0.6.14

package/bundle/cli.mjs

@@ -1429,7 +1429,7 @@ var require_react_development = __commonJS({
           var dispatcher = resolveDispatcher();
           return dispatcher.useReducer(reducer3, initialArg, init);
         }
-        function useRef15(initialValue) {
+        function useRef16(initialValue) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useRef(initialValue);
         }
@@ -2223,7 +2223,7 @@ var require_react_development = __commonJS({
         exports2.useLayoutEffect = useLayoutEffect2;
         exports2.useMemo = useMemo31;
         exports2.useReducer = useReducer8;
-        exports2.useRef = useRef15;
+        exports2.useRef = useRef16;
         exports2.useState = useState64;
         exports2.useSyncExternalStore = useSyncExternalStore;
         exports2.useTransition = useTransition;
@@ -9928,9 +9928,9 @@ var require_react_reconciler_development = __commonJS({
       module2.exports = function $$$reconciler($$$hostConfig) {
         var exports3 = {};
         "use strict";
-        var React96 = require_react();
+        var React97 = require_react();
         var Scheduler2 = require_scheduler();
-        var ReactSharedInternals = React96.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        var ReactSharedInternals = React97.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
         var suppressWarning = false;
         function setSuppressWarning(newSuppressWarning) {
           {
@@ -46542,7 +46542,7 @@ var init_help = __esm({
       execute: () => {
         return {
           success: true,
-          action: "showHelpPanel"
+          action: "help"
         };
       }
     });
@@ -84534,7 +84534,7 @@ var init_themes = __esm({
         type: "light",
         colors: {
           background: "#ffffff",
-          text: "#ffffff",
+          text: "#000000",
           border: "#e0e0e0",
           diffAdded: "#006400",
           diffRemoved: "#8B0000",
@@ -545690,7 +545690,7 @@ function ChatFooter(props) {
     !props.showReviewCommitPanel && import_react104.default.createElement(
       import_react104.default.Fragment,
       null,
-      import_react104.default.createElement(ChatInput, { onSubmit: props.onSubmit, onCommand: props.onCommand, placeholder: t.chatScreen.inputPlaceholder, disabled: props.disabled || props.isStopping, disableKeyboardNavigation: props.showBackgroundPanel, isProcessing: props.isProcessing, chatHistory: props.chatHistory, onHistorySelect: props.handleHistorySelect, yoloMode: props.yoloMode, setYoloMode: props.setYoloMode, planMode: props.planMode, setPlanMode: props.setPlanMode, vulnerabilityHuntingMode: props.vulnerabilityHuntingMode, setVulnerabilityHuntingMode: props.setVulnerabilityHuntingMode, contextUsage: props.contextUsage, initialContent: props.initialContent, onContextPercentageChange: props.onContextPercentageChange, showProfilePicker: props.showProfilePicker, setShowProfilePicker: props.setShowProfilePicker, profileSelectedIndex: props.profileSelectedIndex, setProfileSelectedIndex: props.setProfileSelectedIndex, getFilteredProfiles: props.getFilteredProfiles, handleProfileSelect: props.handleProfileSelect, profileSearchQuery: props.profileSearchQuery, setProfileSearchQuery: props.setProfileSearchQuery, onSwitchProfile: props.onSwitchProfile }),
+      import_react104.default.createElement(ChatInput, { onSubmit: props.onSubmit, onCommand: props.onCommand, placeholder: t.chatScreen.inputPlaceholder, disabled: props.disabled, disableKeyboardNavigation: props.showBackgroundPanel, isProcessing: props.isProcessing, chatHistory: props.chatHistory, onHistorySelect: props.handleHistorySelect, yoloMode: props.yoloMode, setYoloMode: props.setYoloMode, planMode: props.planMode, setPlanMode: props.setPlanMode, vulnerabilityHuntingMode: props.vulnerabilityHuntingMode, setVulnerabilityHuntingMode: props.setVulnerabilityHuntingMode, contextUsage: props.contextUsage, initialContent: props.initialContent, onContextPercentageChange: props.onContextPercentageChange, showProfilePicker: props.showProfilePicker, setShowProfilePicker: props.setShowProfilePicker, profileSelectedIndex: props.profileSelectedIndex, setProfileSelectedIndex: props.setProfileSelectedIndex, getFilteredProfiles: props.getFilteredProfiles, handleProfileSelect: props.handleProfileSelect, profileSearchQuery: props.profileSearchQuery, setProfileSearchQuery: props.setProfileSearchQuery, onSwitchProfile: props.onSwitchProfile }),
       showTodos && todos.length > 0 && import_react104.default.createElement(
         Box_default,
         { marginTop: 1 },
@@ -546729,9 +546729,66 @@ function BashCommandExecutionStatus({ command, timeout: timeout2 = 3e4, terminal
   const maxCommandWidth = Math.max(40, terminalWidth - 20);
   const displayCommand = truncateCommand2(command, maxCommandWidth);
   const maxOutputLines = 5;
-  const allOutputLines = output2.flatMap((line) => line.split(/\r?\n/)).map((line) => sanitizePreviewLine(line)).filter((line) => line.length > 0);
-  const omittedCount = Math.max(0, allOutputLines.length - maxOutputLines);
-  const visibleOutputLines = omittedCount > 0 ? allOutputLines.slice(-(maxOutputLines - 1)) : allOutputLines.slice(-maxOutputLines);
+  const maxStoredOutputLines = 200;
+  const [displayOutputLines, setDisplayOutputLines] = (0, import_react110.useState)([]);
+  const totalCommittedLineCountRef = (0, import_react110.useRef)(0);
+  const lastSeenInputLineCountRef = (0, import_react110.useRef)(0);
+  const pendingLinesRef = (0, import_react110.useRef)([]);
+  const flushTimerRef = (0, import_react110.useRef)(null);
+  (0, import_react110.useEffect)(() => {
+    lastSeenInputLineCountRef.current = 0;
+    totalCommittedLineCountRef.current = 0;
+    pendingLinesRef.current = [];
+    if (flushTimerRef.current) {
+      clearTimeout(flushTimerRef.current);
+      flushTimerRef.current = null;
+    }
+    setDisplayOutputLines([]);
+  }, [command]);
+  (0, import_react110.useEffect)(() => {
+    const incomingLines = output2.flatMap((line) => line.split(/\r?\n/)).map((line) => sanitizePreviewLine(line)).filter((line) => line.length > 0);
+    const prevCount = lastSeenInputLineCountRef.current;
+    if (incomingLines.length <= prevCount) {
+      return;
+    }
+    const newLines = incomingLines.slice(prevCount);
+    lastSeenInputLineCountRef.current = incomingLines.length;
+    pendingLinesRef.current.push(...newLines);
+    const fullBatchCount = pendingLinesRef.current.length - pendingLinesRef.current.length % 5;
+    if (fullBatchCount > 0) {
+      const toCommit = pendingLinesRef.current.splice(0, fullBatchCount);
+      totalCommittedLineCountRef.current += toCommit.length;
+      setDisplayOutputLines((prev) => {
+        const next = [...prev, ...toCommit];
+        return next.length > maxStoredOutputLines ? next.slice(-maxStoredOutputLines) : next;
+      });
+    }
+    if (flushTimerRef.current) {
+      clearTimeout(flushTimerRef.current);
+    }
+    flushTimerRef.current = setTimeout(() => {
+      flushTimerRef.current = null;
+      if (pendingLinesRef.current.length === 0) {
+        return;
+      }
+      const remainder = pendingLinesRef.current.splice(0, pendingLinesRef.current.length);
+      totalCommittedLineCountRef.current += remainder.length;
+      setDisplayOutputLines((prev) => {
+        const next = [...prev, ...remainder];
+        return next.length > maxStoredOutputLines ? next.slice(-maxStoredOutputLines) : next;
+      });
+    }, 150);
+  }, [output2]);
+  (0, import_react110.useEffect)(() => {
+    return () => {
+      if (flushTimerRef.current) {
+        clearTimeout(flushTimerRef.current);
+        flushTimerRef.current = null;
+      }
+    };
+  }, []);
+  const omittedCount = Math.max(0, totalCommittedLineCountRef.current - maxOutputLines);
+  const visibleOutputLines = omittedCount > 0 ? displayOutputLines.slice(-(maxOutputLines - 1)) : displayOutputLines.slice(-maxOutputLines);
   const rawProcessedOutput = omittedCount > 0 ? [...visibleOutputLines, `... (${omittedCount} lines omitted)`] : visibleOutputLines;
   const processedOutput = [...rawProcessedOutput];
   while (processedOutput.length < maxOutputLines) {
@@ -550518,317 +550575,97 @@ var init_UsagePanel = __esm({
   }
 });
 
-// dist/ui/components/panels/HelpPanel.js
-var HelpPanel_exports = {};
-__export(HelpPanel_exports, {
-  default: () => HelpPanel
-});
-function HelpPanel() {
-  const pasteKey = getPasteKey();
-  const { t } = useI18n();
-  return import_react126.default.createElement(
-    Box_default,
-    { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1 },
-    import_react126.default.createElement(
-      Box_default,
-      { marginBottom: 1 },
-      import_react126.default.createElement(Text, { bold: true, color: "cyan" }, t.helpPanel.title)
-    ),
-    import_react126.default.createElement(
-      Box_default,
-      { flexDirection: "column", marginBottom: 1 },
-      import_react126.default.createElement(Text, { bold: true, color: "yellow" }, t.helpPanel.textEditingTitle),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.deleteToStart
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.deleteToEnd
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " ",
-        "\u2022 ",
-        t.helpPanel.pasteImages.replace("{pasteKey}", pasteKey)
-      )
-    ),
-    import_react126.default.createElement(
-      Box_default,
-      { flexDirection: "column", marginBottom: 1 },
-      import_react126.default.createElement(Text, { bold: true, color: "cyan" }, t.helpPanel.readlineTitle),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.moveToLineStart
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.moveToLineEnd
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.forwardWord
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.backwardWord
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.deleteToLineEnd
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.deleteToLineStart
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.deleteWord
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.deleteChar
-      )
-    ),
-    import_react126.default.createElement(
-      Box_default,
-      { flexDirection: "column", marginBottom: 1 },
-      import_react126.default.createElement(Text, { bold: true, color: "green" }, t.helpPanel.quickAccessTitle),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.insertFiles
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.searchContent
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.selectAgent
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.showCommands
-      )
-    ),
-    import_react126.default.createElement(
-      Box_default,
-      { flexDirection: "column", marginBottom: 1 },
-      import_react126.default.createElement(Text, { bold: true, color: "yellow" }, t.helpPanel.bashModeTitle),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.bashModeTrigger
-      ),
-      import_react126.default.createElement(
-        Text,
-        { dimColor: true },
-        " ",
-        t.helpPanel.bashModeDesc
-      )
-    ),
-    import_react126.default.createElement(
-      Box_default,
-      { flexDirection: "column", marginBottom: 1 },
-      import_react126.default.createElement(Text, { bold: true, color: "blue" }, t.helpPanel.navigationTitle),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.navigateHistory
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.selectItem
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.cancelClose
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.toggleYolo
-      )
-    ),
-    import_react126.default.createElement(
-      Box_default,
-      { flexDirection: "column" },
-      import_react126.default.createElement(Text, { bold: true, color: "magenta" }, t.helpPanel.tipsTitle),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.tipUseHelp
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.tipShowCommands
-      ),
-      import_react126.default.createElement(
-        Text,
-        null,
-        " \u2022 ",
-        t.helpPanel.tipInterrupt
-      )
-    ),
-    import_react126.default.createElement(
-      Box_default,
-      { marginTop: 1 },
-      import_react126.default.createElement(Text, { dimColor: true, color: "gray" }, t.helpPanel.closeHint)
-    )
-  );
-}
-var import_react126, getPasteKey;
-var init_HelpPanel = __esm({
-  async "dist/ui/components/panels/HelpPanel.js"() {
-    "use strict";
-    import_react126 = __toESM(require_react(), 1);
-    await init_build2();
-    init_i18n();
-    getPasteKey = () => {
-      return process.platform === "darwin" ? "Ctrl+V" : "Alt+V";
-    };
-  }
-});
-
 // dist/ui/components/panels/PanelsManager.js
-function PanelsManager({ terminalWidth, workingDirectory, showSessionPanel, showMcpPanel, showUsagePanel, showHelpPanel, showCustomCommandConfig, showSkillsCreation, showRoleCreation, showRoleDeletion, showRoleList, showWorkingDirPanel, setShowSessionPanel, setShowCustomCommandConfig, setShowSkillsCreation, setShowRoleCreation, setShowRoleDeletion, setShowRoleList, setShowWorkingDirPanel, handleSessionPanelSelect, onCustomCommandSave, onSkillsSave, onRoleSave, onRoleDelete }) {
+function PanelsManager({ terminalWidth, workingDirectory, showSessionPanel, showMcpPanel, showUsagePanel, showCustomCommandConfig, showSkillsCreation, showRoleCreation, showRoleDeletion, showRoleList, showWorkingDirPanel, setShowSessionPanel, setShowCustomCommandConfig, setShowSkillsCreation, setShowRoleCreation, setShowRoleDeletion, setShowRoleList, setShowWorkingDirPanel, handleSessionPanelSelect, onCustomCommandSave, onSkillsSave, onRoleSave, onRoleDelete }) {
   const { theme: theme14 } = useTheme();
   const { t } = useI18n();
-  const loadingFallback = import_react127.default.createElement(
+  const loadingFallback = import_react126.default.createElement(
     Box_default,
     null,
-    import_react127.default.createElement(
+    import_react126.default.createElement(
       Text,
       null,
-      import_react127.default.createElement(build_default, { type: "dots" }),
+      import_react126.default.createElement(build_default, { type: "dots" }),
       " Loading..."
     )
   );
-  return import_react127.default.createElement(
-    import_react127.default.Fragment,
+  return import_react126.default.createElement(
+    import_react126.default.Fragment,
     null,
-    showSessionPanel && import_react127.default.createElement(
+    showSessionPanel && import_react126.default.createElement(
       Box_default,
       { paddingX: 1, width: terminalWidth },
-      import_react127.default.createElement(
-        import_react127.Suspense,
+      import_react126.default.createElement(
+        import_react126.Suspense,
         { fallback: loadingFallback },
-        import_react127.default.createElement(SessionListPanel2, { onSelectSession: handleSessionPanelSelect, onClose: () => setShowSessionPanel(false) })
+        import_react126.default.createElement(SessionListPanel2, { onSelectSession: handleSessionPanelSelect, onClose: () => setShowSessionPanel(false) })
       )
     ),
-    showMcpPanel && import_react127.default.createElement(
+    showMcpPanel && import_react126.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react127.default.createElement(
-        import_react127.Suspense,
+      import_react126.default.createElement(
+        import_react126.Suspense,
         { fallback: loadingFallback },
-        import_react127.default.createElement(MCPInfoPanel2, null)
+        import_react126.default.createElement(MCPInfoPanel2, null)
       ),
-      import_react127.default.createElement(
+      import_react126.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react127.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.chatScreen.pressEscToClose)
+        import_react126.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.chatScreen.pressEscToClose)
       )
     ),
-    showUsagePanel && import_react127.default.createElement(
+    showUsagePanel && import_react126.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react127.default.createElement(
-        import_react127.Suspense,
+      import_react126.default.createElement(
+        import_react126.Suspense,
         { fallback: loadingFallback },
-        import_react127.default.createElement(UsagePanel2, null)
+        import_react126.default.createElement(UsagePanel2, null)
       ),
-      import_react127.default.createElement(
+      import_react126.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react127.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.chatScreen.pressEscToClose)
+        import_react126.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.chatScreen.pressEscToClose)
       )
     ),
-    showHelpPanel && import_react127.default.createElement(
+    showCustomCommandConfig && import_react126.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react127.default.createElement(
-        import_react127.Suspense,
-        { fallback: loadingFallback },
-        import_react127.default.createElement(HelpPanel2, null)
-      )
+      import_react126.default.createElement(CustomCommandConfigPanel, { projectRoot: workingDirectory, onSave: onCustomCommandSave, onCancel: () => setShowCustomCommandConfig(false) })
     ),
-    showCustomCommandConfig && import_react127.default.createElement(
+    showSkillsCreation && import_react126.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react127.default.createElement(CustomCommandConfigPanel, { projectRoot: workingDirectory, onSave: onCustomCommandSave, onCancel: () => setShowCustomCommandConfig(false) })
+      import_react126.default.createElement(SkillsCreationPanel, { projectRoot: workingDirectory, onSave: onSkillsSave, onCancel: () => setShowSkillsCreation(false) })
     ),
-    showSkillsCreation && import_react127.default.createElement(
+    showRoleCreation && import_react126.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react127.default.createElement(SkillsCreationPanel, { projectRoot: workingDirectory, onSave: onSkillsSave, onCancel: () => setShowSkillsCreation(false) })
+      import_react126.default.createElement(RoleCreationPanel, { projectRoot: workingDirectory, onSave: onRoleSave, onCancel: () => setShowRoleCreation(false) })
     ),
-    showRoleCreation && import_react127.default.createElement(
+    showRoleDeletion && import_react126.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react127.default.createElement(RoleCreationPanel, { projectRoot: workingDirectory, onSave: onRoleSave, onCancel: () => setShowRoleCreation(false) })
+      import_react126.default.createElement(RoleDeletionPanel, { projectRoot: workingDirectory, onDelete: onRoleDelete, onCancel: () => setShowRoleDeletion(false) })
     ),
-    showRoleDeletion && import_react127.default.createElement(
+    showRoleList && import_react126.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react127.default.createElement(RoleDeletionPanel, { projectRoot: workingDirectory, onDelete: onRoleDelete, onCancel: () => setShowRoleDeletion(false) })
+      import_react126.default.createElement(RoleListPanel, { projectRoot: workingDirectory, onClose: () => setShowRoleList(false) })
     ),
-    showRoleList && import_react127.default.createElement(
+    showWorkingDirPanel && import_react126.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react127.default.createElement(RoleListPanel, { projectRoot: workingDirectory, onClose: () => setShowRoleList(false) })
-    ),
-    showWorkingDirPanel && import_react127.default.createElement(
-      Box_default,
-      { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react127.default.createElement(WorkingDirectoryPanel, { onClose: () => setShowWorkingDirPanel(false) })
+      import_react126.default.createElement(WorkingDirectoryPanel, { onClose: () => setShowWorkingDirPanel(false) })
     )
   );
 }
-var import_react127, MCPInfoPanel2, SessionListPanel2, UsagePanel2, HelpPanel2;
+var import_react126, MCPInfoPanel2, SessionListPanel2, UsagePanel2;
 var init_PanelsManager = __esm({
   async "dist/ui/components/panels/PanelsManager.js"() {
     "use strict";
-    import_react127 = __toESM(require_react(), 1);
+    import_react126 = __toESM(require_react(), 1);
     await init_build2();
     await init_build3();
     init_ThemeContext();
@@ -550839,17 +550676,16 @@ var init_PanelsManager = __esm({
     await init_RoleDeletionPanel();
     await init_RoleListPanel();
     await init_WorkingDirectoryPanel();
-    MCPInfoPanel2 = (0, import_react127.lazy)(() => init_MCPInfoPanel().then(() => MCPInfoPanel_exports));
-    SessionListPanel2 = (0, import_react127.lazy)(() => init_SessionListPanel().then(() => SessionListPanel_exports));
-    UsagePanel2 = (0, import_react127.lazy)(() => init_UsagePanel().then(() => UsagePanel_exports));
-    HelpPanel2 = (0, import_react127.lazy)(() => init_HelpPanel().then(() => HelpPanel_exports));
+    MCPInfoPanel2 = (0, import_react126.lazy)(() => init_MCPInfoPanel().then(() => MCPInfoPanel_exports));
+    SessionListPanel2 = (0, import_react126.lazy)(() => init_SessionListPanel().then(() => SessionListPanel_exports));
+    UsagePanel2 = (0, import_react126.lazy)(() => init_UsagePanel().then(() => UsagePanel_exports));
   }
 });
 
 // dist/hooks/session/useSessionSave.js
 function useSessionSave() {
-  const savedMessagesRef = (0, import_react128.useRef)(/* @__PURE__ */ new Set());
-  const generateMessageId = (0, import_react128.useCallback)((message, timestamp) => {
+  const savedMessagesRef = (0, import_react127.useRef)(/* @__PURE__ */ new Set());
+  const generateMessageId = (0, import_react127.useCallback)((message, timestamp) => {
     let id = `${message.role}-${message.content.length}-${Math.floor(timestamp / 5e3)}`;
     if (message.role === "assistant" && message.tool_calls && message.tool_calls.length > 0) {
       const toolCallIds = message.tool_calls.map((tc) => tc.id).sort().join(",");
@@ -550860,7 +550696,7 @@ function useSessionSave() {
     }
     return id;
   }, []);
-  const saveMessage = (0, import_react128.useCallback)(async (message) => {
+  const saveMessage = (0, import_react127.useCallback)(async (message) => {
     const timestamp = Date.now();
     const messageId = generateMessageId(message, timestamp);
     if (savedMessagesRef.current.has(messageId)) {
@@ -550878,15 +550714,15 @@ function useSessionSave() {
       console.error("Failed to save message:", error);
     }
   }, [generateMessageId]);
-  const saveMessages = (0, import_react128.useCallback)(async (messages) => {
+  const saveMessages = (0, import_react127.useCallback)(async (messages) => {
     for (const message of messages) {
       await saveMessage(message);
     }
   }, [saveMessage]);
-  const clearSavedMessages = (0, import_react128.useCallback)(() => {
+  const clearSavedMessages = (0, import_react127.useCallback)(() => {
     savedMessagesRef.current.clear();
   }, []);
-  const initializeFromSession = (0, import_react128.useCallback)((messages) => {
+  const initializeFromSession = (0, import_react127.useCallback)((messages) => {
     savedMessagesRef.current.clear();
     messages.forEach((message) => {
       const messageId = generateMessageId(message, message.timestamp);
@@ -550900,11 +550736,11 @@ function useSessionSave() {
     initializeFromSession
   };
 }
-var import_react128;
+var import_react127;
 var init_useSessionSave = __esm({
   "dist/hooks/session/useSessionSave.js"() {
     "use strict";
-    import_react128 = __toESM(require_react(), 1);
+    import_react127 = __toESM(require_react(), 1);
     init_sessionManager();
   }
 });
@@ -550997,10 +550833,10 @@ var init_permissionsConfig = __esm({
 
 // dist/hooks/conversation/useToolConfirmation.js
 function useToolConfirmation(workingDirectory) {
-  const [pendingToolConfirmation, setPendingToolConfirmation] = (0, import_react129.useState)(null);
-  const alwaysApprovedToolsRef = (0, import_react129.useRef)(/* @__PURE__ */ new Set());
-  const [alwaysApprovedTools, setAlwaysApprovedTools] = (0, import_react129.useState)(/* @__PURE__ */ new Set());
-  (0, import_react129.useEffect)(() => {
+  const [pendingToolConfirmation, setPendingToolConfirmation] = (0, import_react128.useState)(null);
+  const alwaysApprovedToolsRef = (0, import_react128.useRef)(/* @__PURE__ */ new Set());
+  const [alwaysApprovedTools, setAlwaysApprovedTools] = (0, import_react128.useState)(/* @__PURE__ */ new Set());
+  (0, import_react128.useEffect)(() => {
     const config3 = loadPermissionsConfig(workingDirectory);
     const loadedTools = new Set(config3.alwaysApprovedTools);
     alwaysApprovedToolsRef.current = loadedTools;
@@ -551019,20 +550855,20 @@ function useToolConfirmation(workingDirectory) {
       });
     });
   };
-  const isToolAutoApproved = (0, import_react129.useCallback)((toolName) => {
+  const isToolAutoApproved = (0, import_react128.useCallback)((toolName) => {
     return alwaysApprovedToolsRef.current.has(toolName) || toolName.startsWith("todo-") || toolName.startsWith("subagent-") || toolName === "askuser-ask_question";
   }, []);
-  const addToAlwaysApproved = (0, import_react129.useCallback)((toolName) => {
+  const addToAlwaysApproved = (0, import_react128.useCallback)((toolName) => {
     alwaysApprovedToolsRef.current.add(toolName);
     setAlwaysApprovedTools((prev) => /* @__PURE__ */ new Set([...prev, toolName]));
     addToolToPermissions(workingDirectory, toolName);
   }, [workingDirectory]);
-  const addMultipleToAlwaysApproved = (0, import_react129.useCallback)((toolNames) => {
+  const addMultipleToAlwaysApproved = (0, import_react128.useCallback)((toolNames) => {
     toolNames.forEach((name) => alwaysApprovedToolsRef.current.add(name));
     setAlwaysApprovedTools((prev) => /* @__PURE__ */ new Set([...prev, ...toolNames]));
     addMultipleToolsToPermissions(workingDirectory, toolNames);
   }, [workingDirectory]);
-  const removeFromAlwaysApproved = (0, import_react129.useCallback)((toolName) => {
+  const removeFromAlwaysApproved = (0, import_react128.useCallback)((toolName) => {
     alwaysApprovedToolsRef.current.delete(toolName);
     setAlwaysApprovedTools((prev) => {
       const next = new Set(prev);
@@ -551041,7 +550877,7 @@ function useToolConfirmation(workingDirectory) {
     });
     removeToolFromPermissions(workingDirectory, toolName);
   }, [workingDirectory]);
-  const clearAllAlwaysApproved = (0, import_react129.useCallback)(() => {
+  const clearAllAlwaysApproved = (0, import_react128.useCallback)(() => {
     alwaysApprovedToolsRef.current.clear();
     setAlwaysApprovedTools(/* @__PURE__ */ new Set());
     clearAllPermissions(workingDirectory);
@@ -551057,11 +550893,11 @@ function useToolConfirmation(workingDirectory) {
     clearAllAlwaysApproved
   };
 }
-var import_react129;
+var import_react128;
 var init_useToolConfirmation = __esm({
   "dist/hooks/conversation/useToolConfirmation.js"() {
     "use strict";
-    import_react129 = __toESM(require_react(), 1);
+    import_react128 = __toESM(require_react(), 1);
     init_permissionsConfig();
   }
 });
@@ -552223,7 +552059,7 @@ ${msg.content}`;
 }
 function useCommandHandler(options3) {
   const { stdout } = use_stdout_default();
-  const handleCommandExecution = (0, import_react130.useCallback)(async (commandName, result2) => {
+  const handleCommandExecution = (0, import_react129.useCallback)(async (commandName, result2) => {
     if (commandName === "compact" && result2.success && result2.action === "compact") {
       options3.setIsCompressing(true);
       options3.setCompressionError(null);
@@ -552314,6 +552150,7 @@ Output: ${combinedOutput}`;
           options3.setRemountKey((prev) => prev + 1);
           options3.setContextUsage(null);
           options3.setCurrentContextPercentage(0);
+          options3.currentContextPercentageRef.current = 0;
           const commandMessage = {
             role: "command",
             content: "",
@@ -552332,6 +552169,7 @@ Output: ${combinedOutput}`;
           options3.setRemountKey((prev) => prev + 1);
           options3.setContextUsage(null);
           options3.setCurrentContextPercentage(0);
+          options3.currentContextPercentageRef.current = 0;
           const commandMessage = {
             role: "command",
             content: "",
@@ -552387,14 +552225,8 @@ Output: ${combinedOutput}`;
         commandName
       };
       options3.setMessages((prev) => [...prev, commandMessage]);
-    } else if (result2.success && result2.action === "showHelpPanel") {
-      options3.setShowHelpPanel(true);
-      const commandMessage = {
-        role: "command",
-        content: "",
-        commandName
-      };
-      options3.setMessages((prev) => [...prev, commandMessage]);
+    } else if (result2.success && result2.action === "help") {
+      navigateTo("help");
     } else if (result2.success && result2.action === "showCustomCommandConfig") {
       options3.setShowCustomCommandConfig(true);
       const commandMessage = {
@@ -552648,12 +552480,12 @@ ${filePath}`,
   }, [stdout, options3]);
   return { handleCommandExecution };
 }
-var import_react130;
+var import_react129;
 var init_useCommandHandler = __esm({
   async "dist/hooks/conversation/useCommandHandler.js"() {
     "use strict";
     await init_build2();
-    import_react130 = __toESM(require_react(), 1);
+    import_react129 = __toESM(require_react(), 1);
     init_sessionManager();
     init_contextCompressor();
     init_mcpToolsManager();
@@ -557400,9 +557232,9 @@ var init_hookResultHandler = __esm({
 function useChatLogic(props) {
   const { t } = useI18n();
   const { messages, setMessages, pendingMessages, setPendingMessages, streamingState, vscodeState, snapshotState, bashMode, yoloMode, planMode, vulnerabilityHuntingMode, saveMessage, clearSavedMessages, setRemountKey, requestToolConfirmation, requestUserQuestion, isToolAutoApproved, addMultipleToAlwaysApproved, setRestoreInputContent, setIsCompressing, setCompressionError, currentContextPercentageRef, userInterruptedRef, pendingMessagesRef, setBashSensitiveCommand, pendingUserQuestion, setPendingUserQuestion, initializeFromSession, setShowSessionPanel, setShowReviewCommitPanel, exitApp, codebaseAgentRef, setCodebaseIndexing, setCodebaseProgress, setFileUpdateNotification, setWatcherEnabled, exitingApplicationText } = props;
-  const processMessageRef = (0, import_react131.useRef)();
+  const processMessageRef = (0, import_react130.useRef)();
   const handleMessageSubmit = async (message, images) => {
-    if (streamingState.isStreaming) {
+    if (streamingState.streamStatus !== "idle") {
       setPendingMessages((prev) => [...prev, { text: message, images }]);
       return;
     }
@@ -558276,11 +558108,11 @@ Please provide your review in a clear, structured format.`;
     rollbackViaSSE
   };
 }
-var import_react131;
+var import_react130;
 var init_useChatLogic = __esm({
   async "dist/hooks/conversation/useChatLogic.js"() {
     "use strict";
-    import_react131 = __toESM(require_react(), 1);
+    import_react130 = __toESM(require_react(), 1);
     init_i18n();
     init_reviewAgent();
     init_sessionManager();
@@ -558297,12 +558129,12 @@ var init_useChatLogic = __esm({
 
 // dist/hooks/integration/useVSCodeState.js
 function useVSCodeState() {
-  const [vscodeConnected, setVscodeConnected] = (0, import_react132.useState)(false);
-  const [vscodeConnectionStatus, setVscodeConnectionStatus] = (0, import_react132.useState)("disconnected");
-  const [editorContext, setEditorContext] = (0, import_react132.useState)({});
-  const lastStatusRef = (0, import_react132.useRef)("disconnected");
-  const lastEditorContextRef = (0, import_react132.useRef)({});
-  (0, import_react132.useEffect)(() => {
+  const [vscodeConnected, setVscodeConnected] = (0, import_react131.useState)(false);
+  const [vscodeConnectionStatus, setVscodeConnectionStatus] = (0, import_react131.useState)("disconnected");
+  const [editorContext, setEditorContext] = (0, import_react131.useState)({});
+  const lastStatusRef = (0, import_react131.useRef)("disconnected");
+  const lastEditorContextRef = (0, import_react131.useRef)({});
+  (0, import_react131.useEffect)(() => {
     const checkConnectionInterval = setInterval(() => {
       const isConnected = vscodeConnection.isConnected();
       setVscodeConnected(isConnected);
@@ -558331,7 +558163,7 @@ function useVSCodeState() {
       unsubscribe();
     };
   }, []);
-  (0, import_react132.useEffect)(() => {
+  (0, import_react131.useEffect)(() => {
     if (vscodeConnectionStatus !== "connecting") {
       return;
     }
@@ -558358,20 +558190,20 @@ function useVSCodeState() {
     editorContext
   };
 }
-var import_react132;
+var import_react131;
 var init_useVSCodeState = __esm({
   "dist/hooks/integration/useVSCodeState.js"() {
     "use strict";
-    import_react132 = __toESM(require_react(), 1);
+    import_react131 = __toESM(require_react(), 1);
     init_vscodeConnection();
   }
 });
 
 // dist/hooks/session/useSnapshotState.js
 function useSnapshotState(messagesLength) {
-  const [snapshotFileCount, setSnapshotFileCount] = (0, import_react133.useState)(/* @__PURE__ */ new Map());
-  const [pendingRollback, setPendingRollback] = (0, import_react133.useState)(null);
-  (0, import_react133.useEffect)(() => {
+  const [snapshotFileCount, setSnapshotFileCount] = (0, import_react132.useState)(/* @__PURE__ */ new Map());
+  const [pendingRollback, setPendingRollback] = (0, import_react132.useState)(null);
+  (0, import_react132.useEffect)(() => {
     const loadSnapshotFileCounts = async () => {
       const currentSession = sessionManager.getCurrentSession();
       if (!currentSession)
@@ -558392,11 +558224,11 @@ function useSnapshotState(messagesLength) {
     setPendingRollback
   };
 }
-var import_react133;
+var import_react132;
 var init_useSnapshotState = __esm({
   "dist/hooks/session/useSnapshotState.js"() {
     "use strict";
-    import_react133 = __toESM(require_react(), 1);
+    import_react132 = __toESM(require_react(), 1);
     init_sessionManager();
     init_hashBasedSnapshot();
   }
@@ -558404,19 +558236,40 @@ var init_useSnapshotState = __esm({
 
 // dist/hooks/conversation/useStreamingState.js
 function useStreamingState() {
-  const [isStreaming, setIsStreaming] = (0, import_react134.useState)(false);
-  const [isStopping, setIsStopping] = (0, import_react134.useState)(false);
-  const [streamTokenCount, setStreamTokenCount] = (0, import_react134.useState)(0);
-  const [isReasoning, setIsReasoning] = (0, import_react134.useState)(false);
-  const [abortController, setAbortController] = (0, import_react134.useState)(null);
-  const [contextUsage, setContextUsage] = (0, import_react134.useState)(null);
-  const [elapsedSeconds, setElapsedSeconds] = (0, import_react134.useState)(0);
-  const [timerStartTime, setTimerStartTime] = (0, import_react134.useState)(null);
-  const [retryStatus, setRetryStatus] = (0, import_react134.useState)(null);
-  const [animationFrame, setAnimationFrame] = (0, import_react134.useState)(0);
-  const [codebaseSearchStatus, setCodebaseSearchStatus] = (0, import_react134.useState)(null);
-  const [currentModel, setCurrentModel] = (0, import_react134.useState)(null);
-  (0, import_react134.useEffect)(() => {
+  const [streamStatus, setStreamStatus] = (0, import_react133.useState)("idle");
+  const isStreaming = streamStatus === "streaming";
+  const isStopping = streamStatus === "stopping";
+  const setIsStreaming = (action) => {
+    setStreamStatus((prev) => {
+      const currentIsStreaming = prev === "streaming";
+      const nextIsStreaming = typeof action === "function" ? action(currentIsStreaming) : action;
+      if (nextIsStreaming)
+        return "streaming";
+      return "idle";
+    });
+  };
+  const setIsStopping = (action) => {
+    setStreamStatus((prev) => {
+      const currentIsStopping = prev === "stopping";
+      const nextIsStopping = typeof action === "function" ? action(currentIsStopping) : action;
+      if (nextIsStopping)
+        return "stopping";
+      if (prev === "stopping")
+        return "idle";
+      return prev;
+    });
+  };
+  const [streamTokenCount, setStreamTokenCount] = (0, import_react133.useState)(0);
+  const [isReasoning, setIsReasoning] = (0, import_react133.useState)(false);
+  const [abortController, setAbortController] = (0, import_react133.useState)(null);
+  const [contextUsage, setContextUsage] = (0, import_react133.useState)(null);
+  const [elapsedSeconds, setElapsedSeconds] = (0, import_react133.useState)(0);
+  const [timerStartTime, setTimerStartTime] = (0, import_react133.useState)(null);
+  const [retryStatus, setRetryStatus] = (0, import_react133.useState)(null);
+  const [animationFrame, setAnimationFrame] = (0, import_react133.useState)(0);
+  const [codebaseSearchStatus, setCodebaseSearchStatus] = (0, import_react133.useState)(null);
+  const [currentModel, setCurrentModel] = (0, import_react133.useState)(null);
+  (0, import_react133.useEffect)(() => {
     if (!isStreaming)
       return;
     const interval = setInterval(() => {
@@ -558427,7 +558280,7 @@ function useStreamingState() {
       setAnimationFrame(0);
     };
   }, [isStreaming]);
-  (0, import_react134.useEffect)(() => {
+  (0, import_react133.useEffect)(() => {
     if (isStreaming && timerStartTime === null) {
       setTimerStartTime(Date.now());
       setElapsedSeconds(0);
@@ -558435,7 +558288,7 @@ function useStreamingState() {
       setTimerStartTime(null);
     }
   }, [isStreaming, timerStartTime]);
-  (0, import_react134.useEffect)(() => {
+  (0, import_react133.useEffect)(() => {
     if (timerStartTime === null)
       return;
     const interval = setInterval(() => {
@@ -558444,7 +558297,7 @@ function useStreamingState() {
     }, 1e3);
     return () => clearInterval(interval);
   }, [timerStartTime]);
-  (0, import_react134.useEffect)(() => {
+  (0, import_react133.useEffect)(() => {
     if (!(retryStatus == null ? void 0 : retryStatus.isRetrying))
       return;
     if (retryStatus.remainingSeconds !== void 0)
@@ -558454,7 +558307,7 @@ function useStreamingState() {
       remainingSeconds: Math.ceil(prev.nextDelay / 1e3)
     } : null);
   }, [retryStatus == null ? void 0 : retryStatus.isRetrying]);
-  (0, import_react134.useEffect)(() => {
+  (0, import_react133.useEffect)(() => {
     if (!retryStatus || !retryStatus.isRetrying)
       return;
     if (retryStatus.remainingSeconds === void 0)
@@ -558479,6 +558332,8 @@ function useStreamingState() {
     return () => clearInterval(interval);
   }, [retryStatus == null ? void 0 : retryStatus.isRetrying]);
   return {
+    streamStatus,
+    setStreamStatus,
     isStreaming,
     setIsStreaming,
     isStopping,
@@ -558501,38 +558356,37 @@ function useStreamingState() {
     setCurrentModel
   };
 }
-var import_react134;
+var import_react133;
 var init_useStreamingState = __esm({
   "dist/hooks/conversation/useStreamingState.js"() {
     "use strict";
-    import_react134 = __toESM(require_react(), 1);
+    import_react133 = __toESM(require_react(), 1);
   }
 });
 
 // dist/hooks/ui/usePanelState.js
 function usePanelState() {
-  const [showSessionPanel, setShowSessionPanel] = (0, import_react135.useState)(false);
-  const [showMcpPanel, setShowMcpPanel] = (0, import_react135.useState)(false);
-  const [showUsagePanel, setShowUsagePanel] = (0, import_react135.useState)(false);
-  const [showHelpPanel, setShowHelpPanel] = (0, import_react135.useState)(false);
-  const [showCustomCommandConfig, setShowCustomCommandConfig] = (0, import_react135.useState)(false);
-  const [showSkillsCreation, setShowSkillsCreation] = (0, import_react135.useState)(false);
-  const [showRoleCreation, setShowRoleCreation] = (0, import_react135.useState)(false);
-  const [showRoleDeletion, setShowRoleDeletion] = (0, import_react135.useState)(false);
-  const [showRoleList, setShowRoleList] = (0, import_react135.useState)(false);
-  const [showWorkingDirPanel, setShowWorkingDirPanel] = (0, import_react135.useState)(false);
-  const [showReviewCommitPanel, setShowReviewCommitPanel] = (0, import_react135.useState)(false);
-  const [showProfilePanel, setShowProfilePanel] = (0, import_react135.useState)(false);
-  const [profileSelectedIndex, setProfileSelectedIndex] = (0, import_react135.useState)(0);
-  const [profileSearchQuery, setProfileSearchQuery] = (0, import_react135.useState)("");
-  const [currentProfileName, setCurrentProfileName] = (0, import_react135.useState)(() => {
+  const [showSessionPanel, setShowSessionPanel] = (0, import_react134.useState)(false);
+  const [showMcpPanel, setShowMcpPanel] = (0, import_react134.useState)(false);
+  const [showUsagePanel, setShowUsagePanel] = (0, import_react134.useState)(false);
+  const [showCustomCommandConfig, setShowCustomCommandConfig] = (0, import_react134.useState)(false);
+  const [showSkillsCreation, setShowSkillsCreation] = (0, import_react134.useState)(false);
+  const [showRoleCreation, setShowRoleCreation] = (0, import_react134.useState)(false);
+  const [showRoleDeletion, setShowRoleDeletion] = (0, import_react134.useState)(false);
+  const [showRoleList, setShowRoleList] = (0, import_react134.useState)(false);
+  const [showWorkingDirPanel, setShowWorkingDirPanel] = (0, import_react134.useState)(false);
+  const [showReviewCommitPanel, setShowReviewCommitPanel] = (0, import_react134.useState)(false);
+  const [showProfilePanel, setShowProfilePanel] = (0, import_react134.useState)(false);
+  const [profileSelectedIndex, setProfileSelectedIndex] = (0, import_react134.useState)(0);
+  const [profileSearchQuery, setProfileSearchQuery] = (0, import_react134.useState)("");
+  const [currentProfileName, setCurrentProfileName] = (0, import_react134.useState)(() => {
     const profiles = getAllProfiles();
     const activeName = getActiveProfileName();
     const profile = profiles.find((p) => p.name === activeName);
     return (profile == null ? void 0 : profile.displayName) || activeName;
   });
   const handleSwitchProfile = (options3) => {
-    if (showSessionPanel || showMcpPanel || showUsagePanel || showHelpPanel || showCustomCommandConfig || showSkillsCreation || showRoleCreation || showRoleDeletion || showRoleList || showReviewCommitPanel || showProfilePanel || options3.hasPendingRollback || options3.hasPendingToolConfirmation || options3.hasPendingUserQuestion || options3.isStreaming) {
+    if (showSessionPanel || showMcpPanel || showUsagePanel || showCustomCommandConfig || showSkillsCreation || showRoleCreation || showRoleDeletion || showRoleList || showReviewCommitPanel || showProfilePanel || options3.hasPendingRollback || options3.hasPendingToolConfirmation || options3.hasPendingUserQuestion || options3.isStreaming) {
       return;
     }
     setShowProfilePanel(true);
@@ -558561,10 +558415,6 @@ function usePanelState() {
       setShowUsagePanel(false);
       return true;
     }
-    if (showHelpPanel) {
-      setShowHelpPanel(false);
-      return true;
-    }
     if (showCustomCommandConfig) {
       setShowCustomCommandConfig(false);
       return true;
@@ -558600,14 +558450,13 @@ function usePanelState() {
     return false;
   };
   const isAnyPanelOpen = () => {
-    return showSessionPanel || showMcpPanel || showUsagePanel || showHelpPanel || showCustomCommandConfig || showSkillsCreation || showRoleCreation || showRoleDeletion || showRoleList || showWorkingDirPanel || showReviewCommitPanel || showProfilePanel;
+    return showSessionPanel || showMcpPanel || showUsagePanel || showCustomCommandConfig || showSkillsCreation || showRoleCreation || showRoleDeletion || showRoleList || showWorkingDirPanel || showReviewCommitPanel || showProfilePanel;
   };
   return {
     // State
     showSessionPanel,
     showMcpPanel,
     showUsagePanel,
-    showHelpPanel,
     showCustomCommandConfig,
     showSkillsCreation,
     showRoleCreation,
@@ -558623,7 +558472,6 @@ function usePanelState() {
     setShowSessionPanel,
     setShowMcpPanel,
     setShowUsagePanel,
-    setShowHelpPanel,
     setShowCustomCommandConfig,
     setShowSkillsCreation,
     setShowRoleCreation,
@@ -558640,11 +558488,11 @@ function usePanelState() {
     isAnyPanelOpen
   };
 }
-var import_react135;
+var import_react134;
 var init_usePanelState = __esm({
   "dist/hooks/ui/usePanelState.js"() {
     "use strict";
-    import_react135 = __toESM(require_react(), 1);
+    import_react134 = __toESM(require_react(), 1);
     init_apiConfig();
     init_configManager();
   }
@@ -558659,14 +558507,14 @@ function PermissionsPanel({ alwaysApprovedTools, onRemoveTool, onClearAll, onClo
   const { t } = useI18n();
   const { theme: theme14 } = useTheme();
   const messages = t.permissionsPanel ?? {};
-  const tools = (0, import_react136.useMemo)(() => Array.from(alwaysApprovedTools).sort((a, b) => a.localeCompare(b)), [alwaysApprovedTools]);
-  const [selectedIndex, setSelectedIndex] = (0, import_react136.useState)(0);
-  const [confirmTarget, setConfirmTarget] = (0, import_react136.useState)(null);
-  const [confirmOption, setConfirmOption] = (0, import_react136.useState)(0);
+  const tools = (0, import_react135.useMemo)(() => Array.from(alwaysApprovedTools).sort((a, b) => a.localeCompare(b)), [alwaysApprovedTools]);
+  const [selectedIndex, setSelectedIndex] = (0, import_react135.useState)(0);
+  const [confirmTarget, setConfirmTarget] = (0, import_react135.useState)(null);
+  const [confirmOption, setConfirmOption] = (0, import_react135.useState)(0);
   const hasTools = tools.length > 0;
   const clearAllIndex = hasTools ? tools.length : -1;
   const optionCount = hasTools ? tools.length + 1 : 0;
-  (0, import_react136.useEffect)(() => {
+  (0, import_react135.useEffect)(() => {
     if (optionCount === 0) {
       setSelectedIndex(0);
       return;
@@ -558675,11 +558523,11 @@ function PermissionsPanel({ alwaysApprovedTools, onRemoveTool, onClearAll, onClo
       setSelectedIndex(optionCount - 1);
     }
   }, [optionCount, selectedIndex]);
-  (0, import_react136.useEffect)(() => {
+  (0, import_react135.useEffect)(() => {
     setConfirmTarget(null);
     setConfirmOption(0);
   }, [alwaysApprovedTools]);
-  const handleInput = (0, import_react136.useCallback)((_3, key) => {
+  const handleInput = (0, import_react135.useCallback)((_3, key) => {
     if (confirmTarget !== null) {
       if (key.escape) {
         setConfirmTarget(null);
@@ -558758,30 +558606,30 @@ function PermissionsPanel({ alwaysApprovedTools, onRemoveTool, onClearAll, onClo
   if (confirmTarget !== null) {
     const isConfirmingClearAll = confirmTarget === "clearAll";
     const toolName = getConfirmingToolName();
-    return import_react136.default.createElement(
+    return import_react135.default.createElement(
       Box_default,
       { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1 },
-      import_react136.default.createElement(Text, { color: "red", bold: true }, isConfirmingClearAll ? messages.confirmClearAll ?? "Clear all permissions?" : messages.confirmDelete ?? "Delete allowed tool?"),
-      !isConfirmingClearAll && toolName && import_react136.default.createElement(
+      import_react135.default.createElement(Text, { color: "red", bold: true }, isConfirmingClearAll ? messages.confirmClearAll ?? "Clear all permissions?" : messages.confirmDelete ?? "Delete allowed tool?"),
+      !isConfirmingClearAll && toolName && import_react135.default.createElement(
         Box_default,
         { marginTop: 1, flexDirection: "column" },
-        import_react136.default.createElement(
+        import_react135.default.createElement(
           Text,
           { color: "white", bold: true },
           "  ",
           toolName
         )
       ),
-      import_react136.default.createElement(
+      import_react135.default.createElement(
         Box_default,
         { marginTop: 1, flexDirection: "column" },
-        import_react136.default.createElement(
+        import_react135.default.createElement(
           Text,
           { color: confirmOption === 0 ? theme14.colors.menuSelected : theme14.colors.menuNormal, bold: confirmOption === 0 },
           confirmOption === 0 ? "\u276F " : "  ",
           messages.yes ?? "Yes"
         ),
-        import_react136.default.createElement(
+        import_react135.default.createElement(
           Text,
           { color: confirmOption === 1 ? theme14.colors.menuSelected : theme14.colors.menuNormal, bold: confirmOption === 1 },
           confirmOption === 1 ? "\u276F " : "  ",
@@ -558790,49 +558638,49 @@ function PermissionsPanel({ alwaysApprovedTools, onRemoveTool, onClearAll, onClo
       )
     );
   }
-  return import_react136.default.createElement(
+  return import_react135.default.createElement(
     Box_default,
     { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1 },
-    import_react136.default.createElement(Text, { color: "cyan", bold: true }, messages.title ?? "Permissions"),
-    hasTools ? import_react136.default.createElement(
+    import_react135.default.createElement(Text, { color: "cyan", bold: true }, messages.title ?? "Permissions"),
+    hasTools ? import_react135.default.createElement(
       Box_default,
       { flexDirection: "column", marginTop: 1 },
       tools.map((tool, index) => {
         const isSelected = index === selectedIndex;
-        return import_react136.default.createElement(
+        return import_react135.default.createElement(
           Text,
           { key: tool, color: isSelected ? theme14.colors.menuSelected : theme14.colors.menuNormal, bold: isSelected },
           isSelected ? "\u276F " : "  ",
           tool
         );
       }),
-      import_react136.default.createElement(
+      import_react135.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react136.default.createElement(
+        import_react135.default.createElement(
           Text,
           { color: selectedIndex === clearAllIndex ? theme14.colors.warning : theme14.colors.menuSecondary, bold: selectedIndex === clearAllIndex },
           selectedIndex === clearAllIndex ? "\u276F " : "  ",
           messages.clearAll ?? "Clear All"
         )
       )
-    ) : import_react136.default.createElement(
+    ) : import_react135.default.createElement(
       Box_default,
       { marginTop: 1 },
-      import_react136.default.createElement(Text, { color: "gray", dimColor: true }, messages.noTools ?? "No tools are always approved")
+      import_react135.default.createElement(Text, { color: "gray", dimColor: true }, messages.noTools ?? "No tools are always approved")
     ),
-    import_react136.default.createElement(
+    import_react135.default.createElement(
       Box_default,
       { marginTop: 1 },
-      import_react136.default.createElement(Text, { color: "gray", dimColor: true }, messages.hint ?? "\u2191\u2193 navigate \u2022 Enter remove \u2022 ESC close")
+      import_react135.default.createElement(Text, { color: "gray", dimColor: true }, messages.hint ?? "\u2191\u2193 navigate \u2022 Enter remove \u2022 ESC close")
     )
   );
 }
-var import_react136;
+var import_react135;
 var init_PermissionsPanel = __esm({
   async "dist/ui/components/panels/PermissionsPanel.js"() {
     "use strict";
-    import_react136 = __toESM(require_react(), 1);
+    import_react135 = __toESM(require_react(), 1);
     await init_build2();
     init_i18n();
     init_ThemeContext();
@@ -558917,21 +558765,21 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
   const { t } = useI18n();
   const { theme: theme14 } = useTheme();
   const { exit } = use_app_default();
-  const [messages, setMessages] = (0, import_react137.useState)([]);
-  const [isSaving] = (0, import_react137.useState)(false);
-  const [pendingMessages, setPendingMessages] = (0, import_react137.useState)([]);
-  const pendingMessagesRef = (0, import_react137.useRef)([]);
-  const hasAttemptedAutoVscodeConnect = (0, import_react137.useRef)(false);
-  const userInterruptedRef = (0, import_react137.useRef)(false);
-  const [remountKey, setRemountKey] = (0, import_react137.useState)(0);
-  const [currentContextPercentage, setCurrentContextPercentage] = (0, import_react137.useState)(0);
-  const currentContextPercentageRef = (0, import_react137.useRef)(0);
-  const [isExecutingTerminalCommand, setIsExecutingTerminalCommand] = (0, import_react137.useState)(false);
-  const [customCommandExecution, setCustomCommandExecution] = (0, import_react137.useState)(null);
-  (0, import_react137.useEffect)(() => {
+  const [messages, setMessages] = (0, import_react136.useState)([]);
+  const [isSaving] = (0, import_react136.useState)(false);
+  const [pendingMessages, setPendingMessages] = (0, import_react136.useState)([]);
+  const pendingMessagesRef = (0, import_react136.useRef)([]);
+  const hasAttemptedAutoVscodeConnect = (0, import_react136.useRef)(false);
+  const userInterruptedRef = (0, import_react136.useRef)(false);
+  const [remountKey, setRemountKey] = (0, import_react136.useState)(0);
+  const [currentContextPercentage, setCurrentContextPercentage] = (0, import_react136.useState)(0);
+  const currentContextPercentageRef = (0, import_react136.useRef)(0);
+  const [isExecutingTerminalCommand, setIsExecutingTerminalCommand] = (0, import_react136.useState)(false);
+  const [customCommandExecution, setCustomCommandExecution] = (0, import_react136.useState)(null);
+  (0, import_react136.useEffect)(() => {
     currentContextPercentageRef.current = currentContextPercentage;
   }, [currentContextPercentage]);
-  const [yoloMode, setYoloMode] = (0, import_react137.useState)(() => {
+  const [yoloMode, setYoloMode] = (0, import_react136.useState)(() => {
     if (enableYolo !== void 0) {
       return enableYolo;
     }
@@ -558942,7 +558790,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       return false;
     }
   });
-  const [planMode, setPlanMode] = (0, import_react137.useState)(() => {
+  const [planMode, setPlanMode] = (0, import_react136.useState)(() => {
     if (enablePlan !== void 0) {
       return enablePlan;
     }
@@ -558953,7 +558801,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       return false;
     }
   });
-  const [vulnerabilityHuntingMode, setVulnerabilityHuntingMode] = (0, import_react137.useState)(() => {
+  const [vulnerabilityHuntingMode, setVulnerabilityHuntingMode] = (0, import_react136.useState)(() => {
     try {
       const saved = localStorage.getItem("snow-vulnerability-hunting-mode");
       return saved === "true";
@@ -558961,33 +558809,33 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       return false;
     }
   });
-  const [simpleMode, setSimpleMode2] = (0, import_react137.useState)(() => {
+  const [simpleMode, setSimpleMode2] = (0, import_react136.useState)(() => {
     return getSimpleMode();
   });
-  const [showThinking, _setShowThinking] = (0, import_react137.useState)(() => {
+  const [showThinking, _setShowThinking] = (0, import_react136.useState)(() => {
     const config3 = getOpenAiConfig();
     return config3.showThinking !== false;
   });
-  const [isCompressing, setIsCompressing] = (0, import_react137.useState)(false);
-  const [compressionError, setCompressionError] = (0, import_react137.useState)(null);
-  const [showPermissionsPanel, setShowPermissionsPanel] = (0, import_react137.useState)(false);
-  const [restoreInputContent, setRestoreInputContent] = (0, import_react137.useState)(null);
-  const [bashSensitiveCommand, setBashSensitiveCommand] = (0, import_react137.useState)(null);
-  const [suppressLoadingIndicator, setSuppressLoadingIndicator] = (0, import_react137.useState)(false);
-  const hadBashSensitiveCommandRef = (0, import_react137.useRef)(false);
-  const [hookError, setHookError] = (0, import_react137.useState)(null);
+  const [isCompressing, setIsCompressing] = (0, import_react136.useState)(false);
+  const [compressionError, setCompressionError] = (0, import_react136.useState)(null);
+  const [showPermissionsPanel, setShowPermissionsPanel] = (0, import_react136.useState)(false);
+  const [restoreInputContent, setRestoreInputContent] = (0, import_react136.useState)(null);
+  const [bashSensitiveCommand, setBashSensitiveCommand] = (0, import_react136.useState)(null);
+  const [suppressLoadingIndicator, setSuppressLoadingIndicator] = (0, import_react136.useState)(false);
+  const hadBashSensitiveCommandRef = (0, import_react136.useRef)(false);
+  const [hookError, setHookError] = (0, import_react136.useState)(null);
   const { columns: terminalWidth, rows: terminalHeight } = useTerminalSize();
   const { stdout } = use_stdout_default();
   const workingDirectory = process.cwd();
-  const isInitialMount = (0, import_react137.useRef)(true);
-  const [codebaseIndexing, setCodebaseIndexing] = (0, import_react137.useState)(false);
-  const [codebaseProgress, setCodebaseProgress] = (0, import_react137.useState)(null);
-  const [watcherEnabled, setWatcherEnabled] = (0, import_react137.useState)(false);
-  const [fileUpdateNotification, setFileUpdateNotification] = (0, import_react137.useState)(null);
-  const codebaseAgentRef = (0, import_react137.useRef)(null);
+  const isInitialMount = (0, import_react136.useRef)(true);
+  const [codebaseIndexing, setCodebaseIndexing] = (0, import_react136.useState)(false);
+  const [codebaseProgress, setCodebaseProgress] = (0, import_react136.useState)(null);
+  const [watcherEnabled, setWatcherEnabled] = (0, import_react136.useState)(false);
+  const [fileUpdateNotification, setFileUpdateNotification] = (0, import_react136.useState)(null);
+  const codebaseAgentRef = (0, import_react136.useRef)(null);
   useCursorHide();
   const streamingState = useStreamingState();
-  (0, import_react137.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     const hasPanel = !!bashSensitiveCommand;
     const hadPanel = hadBashSensitiveCommandRef.current;
     hadBashSensitiveCommandRef.current = hasPanel;
@@ -559011,8 +558859,8 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
   const backgroundProcesses = useBackgroundProcesses();
   const panelState = usePanelState();
   const { hasFocus } = useTerminalFocus();
-  const [selectedProcessIndex, setSelectedProcessIndex] = (0, import_react137.useState)(0);
-  const sortedBackgroundProcesses = (0, import_react137.useMemo)(() => {
+  const [selectedProcessIndex, setSelectedProcessIndex] = (0, import_react136.useState)(0);
+  const sortedBackgroundProcesses = (0, import_react136.useMemo)(() => {
     return [...backgroundProcesses.processes].sort((a, b) => {
       if (a.status === "running" && b.status !== "running")
         return -1;
@@ -559021,17 +558869,17 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       return b.startedAt.getTime() - a.startedAt.getTime();
     });
   }, [backgroundProcesses.processes]);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     if (sortedBackgroundProcesses.length > 0 && selectedProcessIndex >= sortedBackgroundProcesses.length) {
       setSelectedProcessIndex(sortedBackgroundProcesses.length - 1);
     }
   }, [sortedBackgroundProcesses.length, selectedProcessIndex]);
   const { saveMessage, clearSavedMessages, initializeFromSession } = useSessionSave();
-  (0, import_react137.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     pendingMessagesRef.current = pendingMessages;
   }, [pendingMessages]);
-  const [commandsLoaded, setCommandsLoaded] = (0, import_react137.useState)(false);
-  (0, import_react137.useEffect)(() => {
+  const [commandsLoaded, setCommandsLoaded] = (0, import_react136.useState)(false);
+  (0, import_react136.useEffect)(() => {
     Promise.all([
       Promise.resolve().then(() => (init_clear(), clear_exports)),
       Promise.resolve().then(() => (init_profiles(), profiles_exports)),
@@ -559065,7 +558913,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       setCommandsLoaded(true);
     });
   }, []);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     const startCodebaseIndexing = async () => {
       try {
         const config3 = loadCodebaseConfig();
@@ -559204,7 +559052,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       }
     };
   }, []);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     global.__stopCodebaseIndexing = async () => {
       if (codebaseAgentRef.current) {
         await codebaseAgentRef.current.stop();
@@ -559215,25 +559063,25 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       delete global.__stopCodebaseIndexing;
     };
   }, []);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     try {
       localStorage.setItem("snow-yolo-mode", String(yoloMode));
     } catch {
     }
   }, [yoloMode]);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     try {
       localStorage.setItem("snow-plan-mode", String(planMode));
     } catch {
     }
   }, [planMode]);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     try {
       localStorage.setItem("snow-vulnerability-hunting-mode", String(vulnerabilityHuntingMode));
     } catch {
     }
   }, [vulnerabilityHuntingMode]);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     const interval = setInterval(() => {
       const currentSimpleMode = getSimpleMode();
       if (currentSimpleMode !== simpleMode) {
@@ -559242,7 +559090,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     }, 1e3);
     return () => clearInterval(interval);
   }, [simpleMode]);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     if (restoreInputContent !== null) {
       const timer2 = setTimeout(() => {
         setRestoreInputContent(null);
@@ -559251,7 +559099,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     }
     return void 0;
   }, [restoreInputContent]);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     if (!autoResume) {
       sessionManager.clearCurrentSession();
       return;
@@ -559276,7 +559124,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     };
     resumeSession();
   }, [autoResume, initializeFromSession]);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     if (isInitialMount.current) {
       isInitialMount.current = false;
       return;
@@ -559289,7 +559137,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       clearTimeout(handler);
     };
   }, [terminalWidth]);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     if (remountKey === 0)
       return;
     const reloadMessages = async () => {
@@ -559302,7 +559150,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     reloadMessages();
   }, [remountKey]);
   const { pendingToolConfirmation, alwaysApprovedTools, requestToolConfirmation, isToolAutoApproved, addMultipleToAlwaysApproved, removeFromAlwaysApproved, clearAllAlwaysApproved } = useToolConfirmation(workingDirectory);
-  const [pendingUserQuestion, setPendingUserQuestion] = (0, import_react137.useState)(null);
+  const [pendingUserQuestion, setPendingUserQuestion] = (0, import_react136.useState)(null);
   const requestUserQuestion = async (question, options3, toolCall) => {
     return new Promise((resolve12) => {
       setPendingUserQuestion({
@@ -559363,7 +559211,6 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     setShowSessionPanel: panelState.setShowSessionPanel,
     setShowMcpPanel: panelState.setShowMcpPanel,
     setShowUsagePanel: panelState.setShowUsagePanel,
-    setShowHelpPanel: panelState.setShowHelpPanel,
     setShowCustomCommandConfig: panelState.setShowCustomCommandConfig,
     setShowSkillsCreation: panelState.setShowSkillsCreation,
     setShowRoleCreation: panelState.setShowRoleCreation,
@@ -559379,6 +559226,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     setVulnerabilityHuntingMode,
     setContextUsage: streamingState.setContextUsage,
     setCurrentContextPercentage,
+    currentContextPercentageRef,
     setVscodeConnectionStatus: vscodeState.setVscodeConnectionStatus,
     setIsExecutingTerminalCommand,
     setCustomCommandExecution,
@@ -559386,7 +559234,7 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     onQuit: handleQuit,
     onReindexCodebase: handleReindexCodebase
   });
-  (0, import_react137.useEffect)(() => {
+  (0, import_react136.useEffect)(() => {
     if (!commandsLoaded) {
       return;
     }
@@ -559415,8 +559263,8 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     }, 0);
     return () => clearTimeout(timer2);
   }, [commandsLoaded]);
-  (0, import_react137.useEffect)(() => {
-    if (!streamingState.isStreaming && pendingMessages.length > 0) {
+  (0, import_react136.useEffect)(() => {
+    if (streamingState.streamStatus === "idle" && pendingMessages.length > 0) {
       const timer2 = setTimeout(() => {
         streamingState.setIsStreaming(true);
         processPendingMessages();
@@ -559424,8 +559272,8 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
       return () => clearTimeout(timer2);
     }
     return void 0;
-  }, [streamingState.isStreaming, pendingMessages.length]);
-  (0, import_react137.useEffect)(() => {
+  }, [streamingState.streamStatus, pendingMessages.length]);
+  (0, import_react136.useEffect)(() => {
     const handleSearchEvent = (event) => {
       if (event.type === "search-complete") {
         streamingState.setCodebaseSearchStatus({
@@ -559526,6 +559374,10 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     if (key.escape && panelState.handleEscapeKey()) {
       return;
     }
+    if (key.escape && streamingState.isStopping && !streamingState.isStreaming) {
+      streamingState.setIsStopping(false);
+      return;
+    }
     if (key.escape && streamingState.isStreaming && streamingState.abortController && hasFocus) {
       userInterruptedRef.current = true;
       streamingState.setIsStopping(true);
@@ -559559,71 +559411,71 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
   }
   const handleProfileSelect = panelState.handleProfileSelect;
   if (terminalHeight < MIN_TERMINAL_HEIGHT) {
-    return import_react137.default.createElement(
+    return import_react136.default.createElement(
       Box_default,
       { flexDirection: "column", padding: 2 },
-      import_react137.default.createElement(
+      import_react136.default.createElement(
         Box_default,
         { borderStyle: "round", borderColor: "red", padding: 1 },
-        import_react137.default.createElement(Text, { color: "red", bold: true }, t.chatScreen.terminalTooSmall)
+        import_react136.default.createElement(Text, { color: "red", bold: true }, t.chatScreen.terminalTooSmall)
       ),
-      import_react137.default.createElement(
+      import_react136.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react137.default.createElement(Text, { color: "yellow" }, t.chatScreen.terminalResizePrompt.replace("{current}", terminalHeight.toString()).replace("{required}", MIN_TERMINAL_HEIGHT.toString()))
+        import_react136.default.createElement(Text, { color: "yellow" }, t.chatScreen.terminalResizePrompt.replace("{current}", terminalHeight.toString()).replace("{required}", MIN_TERMINAL_HEIGHT.toString()))
       ),
-      import_react137.default.createElement(
+      import_react136.default.createElement(
         Box_default,
         { marginTop: 1 },
-        import_react137.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.chatScreen.terminalMinHeight)
+        import_react136.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.chatScreen.terminalMinHeight)
       )
     );
   }
-  return import_react137.default.createElement(
+  return import_react136.default.createElement(
     Box_default,
     { flexDirection: "column", height: "100%", width: terminalWidth },
-    import_react137.default.createElement(Static, { key: remountKey, items: [
-      import_react137.default.createElement(ChatHeader, { key: "header", terminalWidth, simpleMode, workingDirectory }),
+    import_react136.default.createElement(Static, { key: remountKey, items: [
+      import_react136.default.createElement(ChatHeader, { key: "header", terminalWidth, simpleMode, workingDirectory }),
       ...messages.filter((m) => !m.streaming).map((message, index, filteredMessages) => {
-        return import_react137.default.createElement(MessageRenderer, { key: `msg-${index}`, message, index, filteredMessages, terminalWidth, showThinking });
+        return import_react136.default.createElement(MessageRenderer, { key: `msg-${index}`, message, index, filteredMessages, terminalWidth, showThinking });
       })
     ] }, (item) => item),
-    import_react137.default.createElement(LoadingIndicator, { isStreaming: streamingState.isStreaming, isStopping: streamingState.isStopping || false, isSaving, hasPendingToolConfirmation: !!pendingToolConfirmation, hasPendingUserQuestion: !!pendingUserQuestion, hasBlockingOverlay: !!bashSensitiveCommand || suppressLoadingIndicator || bashMode.state.isExecuting && !!bashMode.state.currentCommand || terminalExecutionState.state.isExecuting && !terminalExecutionState.state.isBackgrounded && !!terminalExecutionState.state.command || ((customCommandExecution == null ? void 0 : customCommandExecution.isRunning) ?? false), terminalWidth, animationFrame: streamingState.animationFrame, retryStatus: streamingState.retryStatus, codebaseSearchStatus: streamingState.codebaseSearchStatus, isReasoning: streamingState.isReasoning, streamTokenCount: streamingState.streamTokenCount, elapsedSeconds: streamingState.elapsedSeconds, currentModel: streamingState.currentModel }),
-    import_react137.default.createElement(
+    import_react136.default.createElement(LoadingIndicator, { isStreaming: streamingState.isStreaming, isStopping: streamingState.isStopping, isSaving, hasPendingToolConfirmation: !!pendingToolConfirmation, hasPendingUserQuestion: !!pendingUserQuestion, hasBlockingOverlay: !!bashSensitiveCommand || suppressLoadingIndicator || bashMode.state.isExecuting && !!bashMode.state.currentCommand || terminalExecutionState.state.isExecuting && !terminalExecutionState.state.isBackgrounded && !!terminalExecutionState.state.command || ((customCommandExecution == null ? void 0 : customCommandExecution.isRunning) ?? false), terminalWidth, animationFrame: streamingState.animationFrame, retryStatus: streamingState.retryStatus, codebaseSearchStatus: streamingState.codebaseSearchStatus, isReasoning: streamingState.isReasoning, streamTokenCount: streamingState.streamTokenCount, elapsedSeconds: streamingState.elapsedSeconds, currentModel: streamingState.currentModel }),
+    import_react136.default.createElement(
       Box_default,
       { paddingX: 1, width: terminalWidth },
-      import_react137.default.createElement(PendingMessages, { pendingMessages })
+      import_react136.default.createElement(PendingMessages, { pendingMessages })
     ),
-    hookError && import_react137.default.createElement(
+    hookError && import_react136.default.createElement(
       Box_default,
       { paddingX: 1, width: terminalWidth, marginBottom: 1 },
-      import_react137.default.createElement(HookErrorDisplay, { details: hookError })
+      import_react136.default.createElement(HookErrorDisplay, { details: hookError })
     ),
-    pendingToolConfirmation && import_react137.default.createElement(ToolConfirmation, { toolName: pendingToolConfirmation.batchToolNames || pendingToolConfirmation.tool.function.name, toolArguments: !pendingToolConfirmation.allTools ? pendingToolConfirmation.tool.function.arguments : void 0, allTools: pendingToolConfirmation.allTools, onConfirm: pendingToolConfirmation.resolve, onHookError: (error) => {
+    pendingToolConfirmation && import_react136.default.createElement(ToolConfirmation, { toolName: pendingToolConfirmation.batchToolNames || pendingToolConfirmation.tool.function.name, toolArguments: !pendingToolConfirmation.allTools ? pendingToolConfirmation.tool.function.arguments : void 0, allTools: pendingToolConfirmation.allTools, onConfirm: pendingToolConfirmation.resolve, onHookError: (error) => {
       setHookError(error);
     } }),
-    bashSensitiveCommand && import_react137.default.createElement(
+    bashSensitiveCommand && import_react136.default.createElement(
       Box_default,
       { paddingX: 1, width: terminalWidth },
-      import_react137.default.createElement(BashCommandConfirmation, { command: bashSensitiveCommand.command, onConfirm: bashSensitiveCommand.resolve, terminalWidth })
+      import_react136.default.createElement(BashCommandConfirmation, { command: bashSensitiveCommand.command, onConfirm: bashSensitiveCommand.resolve, terminalWidth })
     ),
-    bashMode.state.isExecuting && bashMode.state.currentCommand && import_react137.default.createElement(
+    bashMode.state.isExecuting && bashMode.state.currentCommand && import_react136.default.createElement(
       Box_default,
       { paddingX: 1, width: terminalWidth },
-      import_react137.default.createElement(BashCommandExecutionStatus, { command: bashMode.state.currentCommand, timeout: bashMode.state.currentTimeout || 3e4, terminalWidth, output: bashMode.state.output })
+      import_react136.default.createElement(BashCommandExecutionStatus, { command: bashMode.state.currentCommand, timeout: bashMode.state.currentTimeout || 3e4, terminalWidth, output: bashMode.state.output })
     ),
-    customCommandExecution && import_react137.default.createElement(
+    customCommandExecution && import_react136.default.createElement(
       Box_default,
       { paddingX: 1, width: terminalWidth },
-      import_react137.default.createElement(CustomCommandExecutionDisplay, { command: customCommandExecution.command, commandName: customCommandExecution.commandName, isRunning: customCommandExecution.isRunning, output: customCommandExecution.output, exitCode: customCommandExecution.exitCode, error: customCommandExecution.error })
+      import_react136.default.createElement(CustomCommandExecutionDisplay, { command: customCommandExecution.command, commandName: customCommandExecution.commandName, isRunning: customCommandExecution.isRunning, output: customCommandExecution.output, exitCode: customCommandExecution.exitCode, error: customCommandExecution.error })
     ),
-    terminalExecutionState.state.isExecuting && !terminalExecutionState.state.isBackgrounded && terminalExecutionState.state.command && import_react137.default.createElement(
+    terminalExecutionState.state.isExecuting && !terminalExecutionState.state.isBackgrounded && terminalExecutionState.state.command && import_react136.default.createElement(
       Box_default,
       { paddingX: 1, width: terminalWidth },
-      import_react137.default.createElement(BashCommandExecutionStatus, { command: terminalExecutionState.state.command, timeout: terminalExecutionState.state.timeout || 3e4, terminalWidth, output: terminalExecutionState.state.output, needsInput: terminalExecutionState.state.needsInput, inputPrompt: terminalExecutionState.state.inputPrompt })
+      import_react136.default.createElement(BashCommandExecutionStatus, { command: terminalExecutionState.state.command, timeout: terminalExecutionState.state.timeout || 3e4, terminalWidth, output: terminalExecutionState.state.output, needsInput: terminalExecutionState.state.needsInput, inputPrompt: terminalExecutionState.state.inputPrompt })
     ),
-    pendingUserQuestion && import_react137.default.createElement(AskUserQuestion, { question: pendingUserQuestion.question, options: pendingUserQuestion.options, onAnswer: handleUserQuestionAnswer }),
-    import_react137.default.createElement(PanelsManager, { terminalWidth, workingDirectory, showSessionPanel: panelState.showSessionPanel, showMcpPanel: panelState.showMcpPanel, showUsagePanel: panelState.showUsagePanel, showHelpPanel: panelState.showHelpPanel, showCustomCommandConfig: panelState.showCustomCommandConfig, showSkillsCreation: panelState.showSkillsCreation, showRoleCreation: panelState.showRoleCreation, showRoleDeletion: panelState.showRoleDeletion, showRoleList: panelState.showRoleList, showWorkingDirPanel: panelState.showWorkingDirPanel, setShowSessionPanel: panelState.setShowSessionPanel, setShowCustomCommandConfig: panelState.setShowCustomCommandConfig, setShowSkillsCreation: panelState.setShowSkillsCreation, setShowRoleCreation: panelState.setShowRoleCreation, setShowRoleDeletion: panelState.setShowRoleDeletion, setShowRoleList: panelState.setShowRoleList, setShowWorkingDirPanel: panelState.setShowWorkingDirPanel, handleSessionPanelSelect, onCustomCommandSave: async (name, command, type, location, description) => {
+    pendingUserQuestion && import_react136.default.createElement(AskUserQuestion, { question: pendingUserQuestion.question, options: pendingUserQuestion.options, onAnswer: handleUserQuestionAnswer }),
+    import_react136.default.createElement(PanelsManager, { terminalWidth, workingDirectory, showSessionPanel: panelState.showSessionPanel, showMcpPanel: panelState.showMcpPanel, showUsagePanel: panelState.showUsagePanel, showCustomCommandConfig: panelState.showCustomCommandConfig, showSkillsCreation: panelState.showSkillsCreation, showRoleCreation: panelState.showRoleCreation, showRoleDeletion: panelState.showRoleDeletion, showRoleList: panelState.showRoleList, showWorkingDirPanel: panelState.showWorkingDirPanel, setShowSessionPanel: panelState.setShowSessionPanel, setShowCustomCommandConfig: panelState.setShowCustomCommandConfig, setShowSkillsCreation: panelState.setShowSkillsCreation, setShowRoleCreation: panelState.setShowRoleCreation, setShowRoleDeletion: panelState.setShowRoleDeletion, setShowRoleList: panelState.setShowRoleList, setShowWorkingDirPanel: panelState.setShowWorkingDirPanel, handleSessionPanelSelect, onCustomCommandSave: async (name, command, type, location, description) => {
       await saveCustomCommand(name, command, type, description, location, workingDirectory);
       await registerCustomCommands(workingDirectory);
       panelState.setShowCustomCommandConfig(false);
@@ -559706,26 +559558,26 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
         setMessages((prev) => [...prev, errorMessage]);
       }
     } }),
-    showPermissionsPanel && import_react137.default.createElement(
+    showPermissionsPanel && import_react136.default.createElement(
       Box_default,
       { paddingX: 1, flexDirection: "column", width: terminalWidth },
-      import_react137.default.createElement(
-        import_react137.Suspense,
-        { fallback: import_react137.default.createElement(
+      import_react136.default.createElement(
+        import_react136.Suspense,
+        { fallback: import_react136.default.createElement(
           Box_default,
           null,
-          import_react137.default.createElement(
+          import_react136.default.createElement(
             Text,
             null,
-            import_react137.default.createElement(build_default, { type: "dots" }),
+            import_react136.default.createElement(build_default, { type: "dots" }),
             " Loading..."
           )
         ) },
-        import_react137.default.createElement(PermissionsPanel2, { alwaysApprovedTools, onRemoveTool: removeFromAlwaysApproved, onClearAll: clearAllAlwaysApproved, onClose: () => setShowPermissionsPanel(false) })
+        import_react136.default.createElement(PermissionsPanel2, { alwaysApprovedTools, onRemoveTool: removeFromAlwaysApproved, onClearAll: clearAllAlwaysApproved, onClose: () => setShowPermissionsPanel(false) })
       )
     ),
-    snapshotState.pendingRollback && import_react137.default.createElement(FileRollbackConfirmation, { fileCount: snapshotState.pendingRollback.fileCount, filePaths: snapshotState.pendingRollback.filePaths || [], onConfirm: handleRollbackConfirm }),
-    !pendingToolConfirmation && !pendingUserQuestion && !bashSensitiveCommand && !terminalExecutionState.state.needsInput && !(panelState.showSessionPanel || panelState.showMcpPanel || panelState.showUsagePanel || panelState.showHelpPanel || panelState.showCustomCommandConfig || panelState.showSkillsCreation || panelState.showRoleCreation || panelState.showRoleDeletion || panelState.showRoleList || panelState.showWorkingDirPanel || showPermissionsPanel) && !snapshotState.pendingRollback && import_react137.default.createElement(ChatFooter, { onSubmit: handleMessageSubmit, onCommand: handleCommandExecution, onHistorySelect: handleHistorySelect, onSwitchProfile: handleSwitchProfile, handleProfileSelect, handleHistorySelect, showReviewCommitPanel: panelState.showReviewCommitPanel, setShowReviewCommitPanel: panelState.setShowReviewCommitPanel, onReviewCommitConfirm: handleReviewCommitConfirm, disabled: !!pendingToolConfirmation || !!bashSensitiveCommand || isExecutingTerminalCommand || isCompressing, isStopping: streamingState.isStopping || false, isProcessing: streamingState.isStreaming || isSaving || bashMode.state.isExecuting || isCompressing, chatHistory: messages, yoloMode, setYoloMode, planMode, setPlanMode, vulnerabilityHuntingMode, setVulnerabilityHuntingMode, contextUsage: streamingState.contextUsage ? {
+    snapshotState.pendingRollback && import_react136.default.createElement(FileRollbackConfirmation, { fileCount: snapshotState.pendingRollback.fileCount, filePaths: snapshotState.pendingRollback.filePaths || [], onConfirm: handleRollbackConfirm }),
+    !pendingToolConfirmation && !pendingUserQuestion && !bashSensitiveCommand && !terminalExecutionState.state.needsInput && !(panelState.showSessionPanel || panelState.showMcpPanel || panelState.showUsagePanel || panelState.showCustomCommandConfig || panelState.showSkillsCreation || panelState.showRoleCreation || panelState.showRoleDeletion || panelState.showRoleList || panelState.showWorkingDirPanel || showPermissionsPanel) && !snapshotState.pendingRollback && import_react136.default.createElement(ChatFooter, { onSubmit: handleMessageSubmit, onCommand: handleCommandExecution, onHistorySelect: handleHistorySelect, onSwitchProfile: handleSwitchProfile, handleProfileSelect, handleHistorySelect, showReviewCommitPanel: panelState.showReviewCommitPanel, setShowReviewCommitPanel: panelState.setShowReviewCommitPanel, onReviewCommitConfirm: handleReviewCommitConfirm, disabled: !!pendingToolConfirmation || !!bashSensitiveCommand || isExecutingTerminalCommand || isCompressing || streamingState.isStopping, isStopping: streamingState.isStopping, isProcessing: streamingState.isStreaming || isSaving || bashMode.state.isExecuting || isCompressing, chatHistory: messages, yoloMode, setYoloMode, planMode, setPlanMode, vulnerabilityHuntingMode, setVulnerabilityHuntingMode, contextUsage: streamingState.contextUsage ? {
       inputTokens: streamingState.contextUsage.prompt_tokens,
       maxContextTokens: getOpenAiConfig().maxContextTokens || 4e3,
       cacheCreationTokens: streamingState.contextUsage.cache_creation_input_tokens,
@@ -559740,11 +559592,11 @@ function ChatScreen({ autoResume, enableYolo, enablePlan }) {
     }, profileSearchQuery: panelState.profileSearchQuery, setProfileSearchQuery: panelState.setProfileSearchQuery, vscodeConnectionStatus: vscodeState.vscodeConnectionStatus, editorContext: vscodeState.editorContext, codebaseIndexing, codebaseProgress, watcherEnabled, fileUpdateNotification, currentProfileName: panelState.currentProfileName, isCompressing, compressionError, backgroundProcesses: backgroundProcesses.processes, showBackgroundPanel: backgroundProcesses.showPanel, selectedProcessIndex, terminalWidth })
   );
 }
-var import_react137, PermissionsPanel2;
+var import_react136, PermissionsPanel2;
 var init_ChatScreen = __esm({
   async "dist/ui/pages/ChatScreen.js"() {
     "use strict";
-    import_react137 = __toESM(require_react(), 1);
+    import_react136 = __toESM(require_react(), 1);
     await init_build2();
     await init_build3();
     init_ansi_escapes();
@@ -559789,7 +559641,7 @@ var init_ChatScreen = __esm({
     init_codebaseConfig();
     init_codebaseSearchEvents();
     init_logger();
-    PermissionsPanel2 = (0, import_react137.lazy)(() => init_PermissionsPanel().then(() => PermissionsPanel_exports));
+    PermissionsPanel2 = (0, import_react136.lazy)(() => init_PermissionsPanel().then(() => PermissionsPanel_exports));
   }
 });
 
@@ -560003,10 +559855,10 @@ ${warningColor}\u26A0 Tool Confirmation Required${resetColor} ${sensitiveCheck.i
   });
 }
 function HeadlessModeScreen({ prompt, sessionId, onComplete }) {
-  const [messages, setMessages] = (0, import_react138.useState)([]);
-  const [isComplete, setIsComplete] = (0, import_react138.useState)(false);
-  const [lastDisplayedIndex, setLastDisplayedIndex] = (0, import_react138.useState)(-1);
-  const [isWaitingForInput, setIsWaitingForInput] = (0, import_react138.useState)(false);
+  const [messages, setMessages] = (0, import_react137.useState)([]);
+  const [isComplete, setIsComplete] = (0, import_react137.useState)(false);
+  const [lastDisplayedIndex, setLastDisplayedIndex] = (0, import_react137.useState)(-1);
+  const [isWaitingForInput, setIsWaitingForInput] = (0, import_react137.useState)(false);
   const { stdout } = use_stdout_default();
   const workingDirectory = process.cwd();
   const { t } = useI18n();
@@ -560014,7 +559866,7 @@ function HeadlessModeScreen({ prompt, sessionId, onComplete }) {
   const vscodeState = useVSCodeState();
   const { saveMessage } = useSessionSave();
   const { isToolAutoApproved, addMultipleToAlwaysApproved } = useToolConfirmation(workingDirectory);
-  (0, import_react138.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     const lastMessage = messages[messages.length - 1];
     const currentIndex = messages.length - 1;
     if (!lastMessage || currentIndex <= lastDisplayedIndex)
@@ -560066,7 +559918,7 @@ function HeadlessModeScreen({ prompt, sessionId, onComplete }) {
       }
     }
   }, [messages, lastDisplayedIndex]);
-  (0, import_react138.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     if (isWaitingForInput)
       return;
     if (streamingState.isStreaming) {
@@ -560228,19 +560080,19 @@ function HeadlessModeScreen({ prompt, sessionId, onComplete }) {
       }, 1e3);
     }
   };
-  (0, import_react138.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     processMessage();
   }, []);
   if (isComplete) {
     return null;
   }
-  return import_react138.default.createElement(import_react138.default.Fragment, null);
+  return import_react137.default.createElement(import_react137.default.Fragment, null);
 }
-var import_react138, import_cli_highlight3, getTheme, getAnsiColor;
+var import_react137, import_cli_highlight3, getTheme, getAnsiColor;
 var init_HeadlessModeScreen = __esm({
   async "dist/ui/pages/HeadlessModeScreen.js"() {
     "use strict";
-    import_react138 = __toESM(require_react(), 1);
+    import_react137 = __toESM(require_react(), 1);
     await init_build2();
     init_ansi_escapes();
     import_cli_highlight3 = __toESM(require_dist14(), 1);
@@ -560513,18 +560365,18 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
   var _a21;
   const { theme: theme14 } = useTheme();
   const { t } = useI18n();
-  const [tasks, setTasks] = (0, import_react139.useState)([]);
-  const [selectedIndex, setSelectedIndex] = (0, import_react139.useState)(0);
-  const [scrollOffset, setScrollOffset] = (0, import_react139.useState)(0);
-  const [markedTasks, setMarkedTasks] = (0, import_react139.useState)(/* @__PURE__ */ new Set());
-  const [isLoading, setIsLoading] = (0, import_react139.useState)(true);
-  const [viewMode, setViewMode] = (0, import_react139.useState)("list");
-  const [detailTask, setDetailTask] = (0, import_react139.useState)(null);
-  const [pendingAction, setPendingAction] = (0, import_react139.useState)(null);
-  const [rejectInputMode, setRejectInputMode] = (0, import_react139.useState)(false);
-  const [rejectReason, setRejectReason] = (0, import_react139.useState)("");
+  const [tasks, setTasks] = (0, import_react138.useState)([]);
+  const [selectedIndex, setSelectedIndex] = (0, import_react138.useState)(0);
+  const [scrollOffset, setScrollOffset] = (0, import_react138.useState)(0);
+  const [markedTasks, setMarkedTasks] = (0, import_react138.useState)(/* @__PURE__ */ new Set());
+  const [isLoading, setIsLoading] = (0, import_react138.useState)(true);
+  const [viewMode, setViewMode] = (0, import_react138.useState)("list");
+  const [detailTask, setDetailTask] = (0, import_react138.useState)(null);
+  const [pendingAction, setPendingAction] = (0, import_react138.useState)(null);
+  const [rejectInputMode, setRejectInputMode] = (0, import_react138.useState)(false);
+  const [rejectReason, setRejectReason] = (0, import_react138.useState)("");
   const VISIBLE_ITEMS2 = 5;
-  const loadTasks = (0, import_react139.useCallback)(async () => {
+  const loadTasks = (0, import_react138.useCallback)(async () => {
     setIsLoading(true);
     try {
       const taskList = await taskManager.listTasks();
@@ -560536,10 +560388,10 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
       setIsLoading(false);
     }
   }, []);
-  (0, import_react139.useEffect)(() => {
+  (0, import_react138.useEffect)(() => {
     void loadTasks();
   }, [loadTasks]);
-  (0, import_react139.useEffect)(() => {
+  (0, import_react138.useEffect)(() => {
     if (pendingAction) {
       const timer2 = setTimeout(() => {
         setPendingAction(null);
@@ -560548,7 +560400,7 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
     }
     return void 0;
   }, [pendingAction]);
-  const handleDeleteTask = (0, import_react139.useCallback)(async (taskId) => {
+  const handleDeleteTask = (0, import_react138.useCallback)(async (taskId) => {
     if (!taskId)
       return;
     const success = await taskManager.deleteTask(taskId);
@@ -560743,7 +560595,7 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
       return;
     }
   });
-  const getStatusColor = (0, import_react139.useCallback)((status) => {
+  const getStatusColor = (0, import_react138.useCallback)((status) => {
     switch (status) {
       case "pending":
         return "yellow";
@@ -560759,7 +560611,7 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
         return "gray";
     }
   }, []);
-  const getStatusIcon = (0, import_react139.useCallback)((status) => {
+  const getStatusIcon = (0, import_react138.useCallback)((status) => {
     switch (status) {
       case "pending":
         return "\u25CB";
@@ -560775,7 +560627,7 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
         return "?";
     }
   }, []);
-  const formatDate2 = (0, import_react139.useCallback)((timestamp) => {
+  const formatDate2 = (0, import_react138.useCallback)((timestamp) => {
     const date = new Date(timestamp);
     const now = /* @__PURE__ */ new Date();
     const diffMs = now.getTime() - date.getTime();
@@ -560793,24 +560645,24 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
     return date.toLocaleDateString("en-US", { month: "short", day: "numeric" });
   }, []);
   if (isLoading) {
-    return import_react139.default.createElement(
+    return import_react138.default.createElement(
       Box_default,
       { flexDirection: "column", paddingX: 1 },
-      import_react139.default.createElement(
+      import_react138.default.createElement(
         Box_default,
         { borderStyle: "round", borderColor: theme14.colors.menuInfo, paddingX: 1 },
-        import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.loadingTasks)
+        import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.loadingTasks)
       )
     );
   }
   if (tasks.length === 0) {
-    return import_react139.default.createElement(
+    return import_react138.default.createElement(
       Box_default,
       { flexDirection: "column", paddingX: 1 },
-      import_react139.default.createElement(
+      import_react138.default.createElement(
         Box_default,
         { borderStyle: "round", borderColor: theme14.colors.warning, paddingX: 1 },
-        import_react139.default.createElement(
+        import_react138.default.createElement(
           Text,
           { color: theme14.colors.menuSecondary, dimColor: true },
           t.taskManager.noTasksFound,
@@ -560824,32 +560676,32 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
     );
   }
   if (viewMode === "detail" && detailTask) {
-    return import_react139.default.createElement(
+    return import_react138.default.createElement(
       Box_default,
       { flexDirection: "column", paddingX: 1 },
-      import_react139.default.createElement(
+      import_react138.default.createElement(
         Box_default,
         { borderStyle: "round", borderColor: theme14.colors.menuInfo, paddingX: 1, flexDirection: "column" },
-        import_react139.default.createElement(
+        import_react138.default.createElement(
           Box_default,
           { flexDirection: "column", marginBottom: 1 },
-          import_react139.default.createElement(Text, { color: theme14.colors.menuInfo, bold: true }, t.taskManager.taskDetailsTitle),
-          import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, detailTask.status === "paused" ? t.taskManager.backToList : `${t.taskManager.continueHint} \u2022 ${t.taskManager.backToList}`)
+          import_react138.default.createElement(Text, { color: theme14.colors.menuInfo, bold: true }, t.taskManager.taskDetailsTitle),
+          import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, detailTask.status === "paused" ? t.taskManager.backToList : `${t.taskManager.continueHint} \u2022 ${t.taskManager.backToList}`)
         ),
-        import_react139.default.createElement(
+        import_react138.default.createElement(
           Box_default,
           { flexDirection: "column", gap: 1 },
-          import_react139.default.createElement(
+          import_react138.default.createElement(
             Box_default,
             { flexDirection: "column" },
-            import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.titleLabel),
-            import_react139.default.createElement(Text, null, detailTask.title || t.taskManager.untitled)
+            import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.titleLabel),
+            import_react138.default.createElement(Text, null, detailTask.title || t.taskManager.untitled)
           ),
-          import_react139.default.createElement(
+          import_react138.default.createElement(
             Box_default,
             { flexDirection: "column" },
-            import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.statusLabel),
-            import_react139.default.createElement(
+            import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.statusLabel),
+            import_react138.default.createElement(
               Text,
               { color: getStatusColor(detailTask.status) },
               getStatusIcon(detailTask.status),
@@ -560857,64 +560709,64 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
               detailTask.status
             )
           ),
-          import_react139.default.createElement(
+          import_react138.default.createElement(
             Box_default,
             { flexDirection: "column" },
-            import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.createdLabel),
-            import_react139.default.createElement(Text, null, new Date(detailTask.createdAt).toLocaleString())
+            import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.createdLabel),
+            import_react138.default.createElement(Text, null, new Date(detailTask.createdAt).toLocaleString())
           ),
-          import_react139.default.createElement(
+          import_react138.default.createElement(
             Box_default,
             { flexDirection: "column" },
-            import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.updatedLabel),
-            import_react139.default.createElement(Text, null, new Date(detailTask.updatedAt).toLocaleString())
+            import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.updatedLabel),
+            import_react138.default.createElement(Text, null, new Date(detailTask.updatedAt).toLocaleString())
           ),
-          import_react139.default.createElement(
+          import_react138.default.createElement(
             Box_default,
             { flexDirection: "column" },
-            import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.messagesLabel.replace("{count}", String(detailTask.messages.length)))
+            import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary }, t.taskManager.messagesLabel.replace("{count}", String(detailTask.messages.length)))
           ),
-          detailTask.status === "paused" && ((_a21 = detailTask.pausedInfo) == null ? void 0 : _a21.sensitiveCommand) && import_react139.default.createElement(
+          detailTask.status === "paused" && ((_a21 = detailTask.pausedInfo) == null ? void 0 : _a21.sensitiveCommand) && import_react138.default.createElement(
             Box_default,
             { flexDirection: "column", marginTop: 1 },
-            import_react139.default.createElement(
+            import_react138.default.createElement(
               Box_default,
               { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, paddingY: 1 },
-              import_react139.default.createElement(Text, { color: "yellow", bold: true }, t.taskManager.sensitiveCommandDetected),
-              import_react139.default.createElement(
+              import_react138.default.createElement(Text, { color: "yellow", bold: true }, t.taskManager.sensitiveCommandDetected),
+              import_react138.default.createElement(
                 Box_default,
                 { marginTop: 1 },
-                import_react139.default.createElement(
+                import_react138.default.createElement(
                   Text,
                   null,
-                  import_react139.default.createElement(Text, { bold: true }, t.taskManager.commandLabel),
-                  import_react139.default.createElement(Text, { color: "yellow" }, detailTask.pausedInfo.sensitiveCommand.command)
+                  import_react138.default.createElement(Text, { bold: true }, t.taskManager.commandLabel),
+                  import_react138.default.createElement(Text, { color: "yellow" }, detailTask.pausedInfo.sensitiveCommand.command)
                 )
               ),
-              detailTask.pausedInfo.sensitiveCommand.description && import_react139.default.createElement(Text, { dimColor: true }, detailTask.pausedInfo.sensitiveCommand.description),
-              !rejectInputMode ? import_react139.default.createElement(
+              detailTask.pausedInfo.sensitiveCommand.description && import_react138.default.createElement(Text, { dimColor: true }, detailTask.pausedInfo.sensitiveCommand.description),
+              !rejectInputMode ? import_react138.default.createElement(
                 Box_default,
                 { marginTop: 1, paddingTop: 1, borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray", flexDirection: "column" },
-                import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.approveRejectHint)
-              ) : import_react139.default.createElement(
+                import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.approveRejectHint)
+              ) : import_react138.default.createElement(
                 Box_default,
                 { marginTop: 1, paddingTop: 1, borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray", flexDirection: "column" },
-                import_react139.default.createElement(Text, { color: "yellow", bold: true }, t.taskManager.enterRejectionReason),
-                import_react139.default.createElement(
+                import_react138.default.createElement(Text, { color: "yellow", bold: true }, t.taskManager.enterRejectionReason),
+                import_react138.default.createElement(
                   Text,
                   null,
                   rejectReason,
-                  import_react139.default.createElement(Text, { color: theme14.colors.menuInfo }, "\u2588")
+                  import_react138.default.createElement(Text, { color: theme14.colors.menuInfo }, "\u2588")
                 ),
-                import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.submitCancelHint)
+                import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.submitCancelHint)
               )
             )
           )
         ),
-        (pendingAction == null ? void 0 : pendingAction.type) === "continue" && pendingAction.taskId === detailTask.id && import_react139.default.createElement(
+        (pendingAction == null ? void 0 : pendingAction.type) === "continue" && pendingAction.taskId === detailTask.id && import_react138.default.createElement(
           Box_default,
           { marginTop: 1 },
-          import_react139.default.createElement(Alert, { variant: "warning" }, detailTask.status !== "completed" ? t.taskManager.taskNotCompleted : t.taskManager.confirmConvertToSession)
+          import_react138.default.createElement(Alert, { variant: "warning" }, detailTask.status !== "completed" ? t.taskManager.taskNotCompleted : t.taskManager.confirmConvertToSession)
         )
       )
     );
@@ -560923,21 +560775,21 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
   const hasMore = tasks.length > scrollOffset + VISIBLE_ITEMS2;
   const hasPrevious = scrollOffset > 0;
   const currentTask = tasks[selectedIndex];
-  return import_react139.default.createElement(
+  return import_react138.default.createElement(
     Box_default,
     { flexDirection: "column", paddingX: 1 },
-    import_react139.default.createElement(
+    import_react138.default.createElement(
       Box_default,
       { borderStyle: "round", borderColor: theme14.colors.menuInfo, paddingX: 1, flexDirection: "column" },
-      import_react139.default.createElement(
+      import_react138.default.createElement(
         Box_default,
         { flexDirection: "column" },
-        import_react139.default.createElement(
+        import_react138.default.createElement(
           Text,
           { color: theme14.colors.menuInfo, dimColor: true },
           t.taskManager.tasksCount.replace("{current}", String(selectedIndex + 1)).replace("{total}", String(tasks.length)),
           currentTask && ` \u2022 ${t.taskManager.messagesCount.replace("{count}", String(currentTask.messageCount))}`,
-          markedTasks.size > 0 && import_react139.default.createElement(
+          markedTasks.size > 0 && import_react138.default.createElement(
             Text,
             { color: theme14.colors.warning },
             " ",
@@ -560946,9 +560798,9 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
             t.taskManager.markedCount.replace("{count}", String(markedTasks.size))
           )
         ),
-        import_react139.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.navigationHint)
+        import_react138.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.taskManager.navigationHint)
       ),
-      hasPrevious && import_react139.default.createElement(
+      hasPrevious && import_react138.default.createElement(
         Text,
         { color: theme14.colors.menuSecondary, dimColor: true },
         " ",
@@ -560961,24 +560813,24 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
         const cleanTitle = (task.title || t.taskManager.untitled).replace(/[\r\n\t]+/g, " ");
         const timeStr = formatDate2(task.updatedAt);
         const truncatedTitle = cleanTitle.length > 50 ? cleanTitle.slice(0, 47) + "..." : cleanTitle;
-        return import_react139.default.createElement(
+        return import_react138.default.createElement(
           Text,
           { key: task.id },
-          import_react139.default.createElement(
+          import_react138.default.createElement(
             Text,
             { color: isSelected ? theme14.colors.menuSelected : "white" },
             isSelected ? "\u276F " : "  ",
-            isMarked && import_react139.default.createElement(
+            isMarked && import_react138.default.createElement(
               Text,
               { color: theme14.colors.warning, bold: true },
               "\u25CF",
               " "
             ),
-            import_react139.default.createElement(Text, { color: getStatusColor(task.status) }, getStatusIcon(task.status)),
+            import_react138.default.createElement(Text, { color: getStatusColor(task.status) }, getStatusIcon(task.status)),
             " ",
             truncatedTitle
           ),
-          import_react139.default.createElement(
+          import_react138.default.createElement(
             Text,
             { color: theme14.colors.menuSecondary, dimColor: true },
             " ",
@@ -560987,25 +560839,25 @@ function TaskManagerScreen({ onBack, onResumeTask }) {
           )
         );
       }),
-      hasMore && import_react139.default.createElement(
+      hasMore && import_react138.default.createElement(
         Text,
         { color: theme14.colors.menuSecondary, dimColor: true },
         " ",
         t.taskManager.moreBelow.replace("{count}", String(tasks.length - scrollOffset - VISIBLE_ITEMS2))
       )
     ),
-    (pendingAction == null ? void 0 : pendingAction.type) === "delete" && import_react139.default.createElement(
+    (pendingAction == null ? void 0 : pendingAction.type) === "delete" && import_react138.default.createElement(
       Box_default,
       { marginTop: 1 },
-      import_react139.default.createElement(Alert, { variant: "warning" }, pendingAction.taskId ? t.taskManager.deleteConfirm : t.taskManager.deleteMultipleConfirm.replace("{count}", String(markedTasks.size)))
+      import_react138.default.createElement(Alert, { variant: "warning" }, pendingAction.taskId ? t.taskManager.deleteConfirm : t.taskManager.deleteMultipleConfirm.replace("{count}", String(markedTasks.size)))
     )
   );
 }
-var import_react139;
+var import_react138;
 var init_TaskManagerScreen = __esm({
   async "dist/ui/pages/TaskManagerScreen.js"() {
     "use strict";
-    import_react139 = __toESM(require_react(), 1);
+    import_react138 = __toESM(require_react(), 1);
     await init_build2();
     await init_build4();
     init_ThemeContext();
@@ -561072,7 +560924,7 @@ function getSystemEditor2() {
   return null;
 }
 function MCPConfigScreen({ onBack }) {
-  (0, import_react140.useEffect)(() => {
+  (0, import_react139.useEffect)(() => {
     const openEditor = async () => {
       const config3 = getMCPConfig();
       writeFileSync14(MCP_CONFIG_FILE2, JSON.stringify(config3, null, 2), "utf8");
@@ -561142,26 +560994,274 @@ function MCPConfigScreen({ onBack }) {
   }, [onBack]);
   return null;
 }
-var import_react140, CONFIG_DIR9, MCP_CONFIG_FILE2;
+var import_react139, CONFIG_DIR9, MCP_CONFIG_FILE2;
 var init_MCPConfigScreen = __esm({
   "dist/ui/pages/MCPConfigScreen.js"() {
     "use strict";
-    import_react140 = __toESM(require_react(), 1);
+    import_react139 = __toESM(require_react(), 1);
     init_apiConfig();
     CONFIG_DIR9 = join29(homedir18(), ".snow");
     MCP_CONFIG_FILE2 = join29(CONFIG_DIR9, "mcp-config.json");
   }
 });
 
+// dist/ui/components/panels/HelpPanel.js
+function HelpPanel() {
+  const pasteKey = getPasteKey();
+  const { t } = useI18n();
+  return import_react140.default.createElement(
+    Box_default,
+    { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1 },
+    import_react140.default.createElement(
+      Box_default,
+      { marginBottom: 1 },
+      import_react140.default.createElement(Text, { bold: true, color: "cyan" }, t.helpPanel.title)
+    ),
+    import_react140.default.createElement(
+      Box_default,
+      { flexDirection: "column", marginBottom: 1 },
+      import_react140.default.createElement(Text, { bold: true, color: "yellow" }, t.helpPanel.textEditingTitle),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.deleteToStart
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.deleteToEnd
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " ",
+        "\u2022 ",
+        t.helpPanel.pasteImages.replace("{pasteKey}", pasteKey)
+      )
+    ),
+    import_react140.default.createElement(
+      Box_default,
+      { flexDirection: "column", marginBottom: 1 },
+      import_react140.default.createElement(Text, { bold: true, color: "cyan" }, t.helpPanel.readlineTitle),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.moveToLineStart
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.moveToLineEnd
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.forwardWord
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.backwardWord
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.deleteToLineEnd
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.deleteToLineStart
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.deleteWord
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.deleteChar
+      )
+    ),
+    import_react140.default.createElement(
+      Box_default,
+      { flexDirection: "column", marginBottom: 1 },
+      import_react140.default.createElement(Text, { bold: true, color: "green" }, t.helpPanel.quickAccessTitle),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.insertFiles
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.searchContent
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.selectAgent
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.showCommands
+      )
+    ),
+    import_react140.default.createElement(
+      Box_default,
+      { flexDirection: "column", marginBottom: 1 },
+      import_react140.default.createElement(Text, { bold: true, color: "yellow" }, t.helpPanel.bashModeTitle),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.bashModeTrigger
+      ),
+      import_react140.default.createElement(
+        Text,
+        { dimColor: true },
+        " ",
+        t.helpPanel.bashModeDesc
+      )
+    ),
+    import_react140.default.createElement(
+      Box_default,
+      { flexDirection: "column", marginBottom: 1 },
+      import_react140.default.createElement(Text, { bold: true, color: "blue" }, t.helpPanel.navigationTitle),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.navigateHistory
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.selectItem
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.cancelClose
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.toggleYolo
+      )
+    ),
+    import_react140.default.createElement(
+      Box_default,
+      { flexDirection: "column" },
+      import_react140.default.createElement(Text, { bold: true, color: "magenta" }, t.helpPanel.tipsTitle),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.tipUseHelp
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.tipShowCommands
+      ),
+      import_react140.default.createElement(
+        Text,
+        null,
+        " \u2022 ",
+        t.helpPanel.tipInterrupt
+      )
+    ),
+    import_react140.default.createElement(
+      Box_default,
+      { marginTop: 1 },
+      import_react140.default.createElement(Text, { dimColor: true, color: "gray" }, t.helpPanel.closeHint)
+    )
+  );
+}
+var import_react140, getPasteKey;
+var init_HelpPanel = __esm({
+  async "dist/ui/components/panels/HelpPanel.js"() {
+    "use strict";
+    import_react140 = __toESM(require_react(), 1);
+    await init_build2();
+    init_i18n();
+    getPasteKey = () => {
+      return process.platform === "darwin" ? "Ctrl+V" : "Alt+V";
+    };
+  }
+});
+
+// dist/ui/pages/HelpScreen.js
+var HelpScreen_exports = {};
+__export(HelpScreen_exports, {
+  default: () => HelpScreen
+});
+function HelpScreen({ onBackDestination = "chat" }) {
+  const { theme: theme14 } = useTheme();
+  const { t } = useI18n();
+  use_input_default((input2, key) => {
+    if (key.escape) {
+      navigateTo(onBackDestination);
+      return;
+    }
+    if (input2 === "q" || input2 === "Q") {
+      navigateTo(onBackDestination);
+    }
+  });
+  return import_react141.default.createElement(
+    Box_default,
+    { paddingX: 1, flexDirection: "column" },
+    import_react141.default.createElement(HelpPanel, null),
+    import_react141.default.createElement(
+      Box_default,
+      { marginTop: 1 },
+      import_react141.default.createElement(Text, { color: theme14.colors.menuSecondary, dimColor: true }, t.chatScreen.pressEscToClose)
+    )
+  );
+}
+var import_react141;
+var init_HelpScreen = __esm({
+  async "dist/ui/pages/HelpScreen.js"() {
+    "use strict";
+    import_react141 = __toESM(require_react(), 1);
+    await init_build2();
+    init_ThemeContext();
+    init_I18nContext();
+    await init_HelpPanel();
+    init_useGlobalNavigation();
+  }
+});
+
 // dist/app.js
 var app_exports = {};
 __export(app_exports, {
   default: () => App2
 });
 function ShowTaskListWrapper() {
-  const [currentView, setCurrentView] = (0, import_react141.useState)("tasks");
-  const [chatScreenKey, setChatScreenKey] = (0, import_react141.useState)(0);
-  const [exitNotification, setExitNotification] = (0, import_react141.useState)({
+  const [currentView, setCurrentView] = (0, import_react142.useState)("tasks");
+  const [chatScreenKey, setChatScreenKey] = (0, import_react142.useState)(0);
+  const [exitNotification, setExitNotification] = (0, import_react142.useState)({
     show: false,
     message: ""
   });
@@ -561171,45 +561271,45 @@ function ShowTaskListWrapper() {
   useGlobalExit(setExitNotification);
   const renderView = () => {
     if (currentView === "chat") {
-      return import_react141.default.createElement(
-        import_react141.Suspense,
+      return import_react142.default.createElement(
+        import_react142.Suspense,
         { fallback: loadingFallback },
-        import_react141.default.createElement(ChatScreen2, { key: chatScreenKey, autoResume: true, enableYolo: false })
+        import_react142.default.createElement(ChatScreen2, { key: chatScreenKey, autoResume: true, enableYolo: false })
       );
     }
-    return import_react141.default.createElement(
-      import_react141.Suspense,
+    return import_react142.default.createElement(
+      import_react142.Suspense,
       { fallback: loadingFallback },
-      import_react141.default.createElement(TaskManagerScreen2, { onBack: () => gracefulExit(), onResumeTask: () => {
+      import_react142.default.createElement(TaskManagerScreen2, { onBack: () => gracefulExit(), onResumeTask: () => {
         setCurrentView("chat");
         setChatScreenKey((prev) => prev + 1);
       } })
     );
   };
-  return import_react141.default.createElement(
+  return import_react142.default.createElement(
     Box_default,
     { flexDirection: "column", width: terminalWidth },
     renderView(),
-    exitNotification.show && import_react141.default.createElement(
+    exitNotification.show && import_react142.default.createElement(
       Box_default,
       { paddingX: 1, flexShrink: 0 },
-      import_react141.default.createElement(Alert, { variant: "warning" }, exitNotification.message)
+      import_react142.default.createElement(Alert, { variant: "warning" }, exitNotification.message)
     )
   );
 }
 function AppContent({ version: version3, skipWelcome, autoResume, enableYolo, enablePlan }) {
-  const [currentView, setCurrentView] = (0, import_react141.useState)(skipWelcome ? "chat" : "welcome");
-  const [chatScreenKey, setChatScreenKey] = (0, import_react141.useState)(0);
-  const [welcomeMenuIndex, setWelcomeMenuIndex] = (0, import_react141.useState)(0);
-  const [shouldAutoResume, setShouldAutoResume] = (0, import_react141.useState)(false);
-  const [exitNotification, setExitNotification] = (0, import_react141.useState)({
+  const [currentView, setCurrentView] = (0, import_react142.useState)(skipWelcome ? "chat" : "welcome");
+  const [chatScreenKey, setChatScreenKey] = (0, import_react142.useState)(0);
+  const [welcomeMenuIndex, setWelcomeMenuIndex] = (0, import_react142.useState)(0);
+  const [shouldAutoResume, setShouldAutoResume] = (0, import_react142.useState)(false);
+  const [exitNotification, setExitNotification] = (0, import_react142.useState)({
     show: false,
     message: ""
   });
   const { columns: terminalWidth } = useTerminalSize();
   useCursorHide();
   useGlobalExit(setExitNotification);
-  (0, import_react141.useEffect)(() => {
+  (0, import_react142.useEffect)(() => {
     const unsubscribe = onNavigate((event) => {
       if (event.destination === "welcome" && currentView === "chat") {
         setChatScreenKey((prev) => prev + 1);
@@ -561237,113 +561337,119 @@ function AppContent({ version: version3, skipWelcome, autoResume, enableYolo, en
     const loadingFallback = null;
     switch (currentView) {
       case "welcome":
-        return import_react141.default.createElement(
-          import_react141.Suspense,
+        return import_react142.default.createElement(
+          import_react142.Suspense,
           { fallback: loadingFallback },
-          import_react141.default.createElement(WelcomeScreen2, { version: version3, onMenuSelect: handleMenuSelect, defaultMenuIndex: welcomeMenuIndex, onMenuSelectionPersist: setWelcomeMenuIndex })
+          import_react142.default.createElement(WelcomeScreen2, { version: version3, onMenuSelect: handleMenuSelect, defaultMenuIndex: welcomeMenuIndex, onMenuSelectionPersist: setWelcomeMenuIndex })
         );
       case "chat":
-        return import_react141.default.createElement(
-          import_react141.Suspense,
+        return import_react142.default.createElement(
+          import_react142.Suspense,
           { fallback: loadingFallback },
-          import_react141.default.createElement(ChatScreen2, { key: chatScreenKey, autoResume: autoResume || shouldAutoResume, enableYolo, enablePlan })
+          import_react142.default.createElement(ChatScreen2, { key: chatScreenKey, autoResume: autoResume || shouldAutoResume, enableYolo, enablePlan })
         );
       case "settings":
-        return import_react141.default.createElement(
+        return import_react142.default.createElement(
           Box_default,
           { flexDirection: "column" },
-          import_react141.default.createElement(Text, { color: "blue" }, "Settings"),
-          import_react141.default.createElement(Text, { color: "gray" }, "Settings interface would be implemented here")
+          import_react142.default.createElement(Text, { color: "blue" }, "Settings"),
+          import_react142.default.createElement(Text, { color: "gray" }, "Settings interface would be implemented here")
         );
       case "mcp":
-        return import_react141.default.createElement(
-          import_react141.Suspense,
+        return import_react142.default.createElement(
+          import_react142.Suspense,
           { fallback: loadingFallback },
-          import_react141.default.createElement(MCPConfigScreen2, { onBack: () => setCurrentView("welcome"), onSave: () => setCurrentView("welcome") })
+          import_react142.default.createElement(MCPConfigScreen2, { onBack: () => setCurrentView("welcome"), onSave: () => setCurrentView("welcome") })
         );
       case "systemprompt":
-        return import_react141.default.createElement(
-          import_react141.Suspense,
+        return import_react142.default.createElement(
+          import_react142.Suspense,
+          { fallback: loadingFallback },
+          import_react142.default.createElement(SystemPromptConfigScreen3, { onBack: () => setCurrentView("welcome") })
+        );
+      case "help":
+        return import_react142.default.createElement(
+          import_react142.Suspense,
           { fallback: loadingFallback },
-          import_react141.default.createElement(SystemPromptConfigScreen3, { onBack: () => setCurrentView("welcome") })
+          import_react142.default.createElement(HelpScreen2, { onBackDestination: "chat" })
         );
       case "customheaders":
-        return import_react141.default.createElement(
-          import_react141.Suspense,
+        return import_react142.default.createElement(
+          import_react142.Suspense,
           { fallback: loadingFallback },
-          import_react141.default.createElement(CustomHeadersScreen3, { onBack: () => setCurrentView("welcome") })
+          import_react142.default.createElement(CustomHeadersScreen3, { onBack: () => setCurrentView("welcome") })
         );
       case "tasks":
-        return import_react141.default.createElement(
-          import_react141.Suspense,
+        return import_react142.default.createElement(
+          import_react142.Suspense,
           { fallback: loadingFallback },
-          import_react141.default.createElement(TaskManagerScreen2, { onBack: () => setCurrentView("welcome"), onResumeTask: () => {
+          import_react142.default.createElement(TaskManagerScreen2, { onBack: () => setCurrentView("welcome"), onResumeTask: () => {
             setCurrentView("chat");
             setChatScreenKey((prev) => prev + 1);
           } })
         );
       default:
-        return import_react141.default.createElement(
-          import_react141.Suspense,
+        return import_react142.default.createElement(
+          import_react142.Suspense,
           { fallback: loadingFallback },
-          import_react141.default.createElement(WelcomeScreen2, { version: version3, onMenuSelect: handleMenuSelect, defaultMenuIndex: welcomeMenuIndex, onMenuSelectionPersist: setWelcomeMenuIndex })
+          import_react142.default.createElement(WelcomeScreen2, { version: version3, onMenuSelect: handleMenuSelect, defaultMenuIndex: welcomeMenuIndex, onMenuSelectionPersist: setWelcomeMenuIndex })
         );
     }
   };
-  return import_react141.default.createElement(
+  return import_react142.default.createElement(
     Box_default,
     { flexDirection: "column", width: terminalWidth },
     renderView(),
-    exitNotification.show && import_react141.default.createElement(
+    exitNotification.show && import_react142.default.createElement(
       Box_default,
       { paddingX: 1, flexShrink: 0 },
-      import_react141.default.createElement(Alert, { variant: "warning" }, exitNotification.message)
+      import_react142.default.createElement(Alert, { variant: "warning" }, exitNotification.message)
     )
   );
 }
 function App2({ version: version3, skipWelcome, autoResume, headlessPrompt, headlessSessionId, showTaskList, enableYolo, enablePlan }) {
   if (headlessPrompt) {
     const loadingFallback = null;
-    return import_react141.default.createElement(
+    return import_react142.default.createElement(
       I18nProvider,
       null,
-      import_react141.default.createElement(
+      import_react142.default.createElement(
         ThemeProvider,
         null,
-        import_react141.default.createElement(
-          import_react141.Suspense,
+        import_react142.default.createElement(
+          import_react142.Suspense,
           { fallback: loadingFallback },
-          import_react141.default.createElement(HeadlessModeScreen2, { prompt: headlessPrompt, sessionId: headlessSessionId, onComplete: () => gracefulExit() })
+          import_react142.default.createElement(HeadlessModeScreen2, { prompt: headlessPrompt, sessionId: headlessSessionId, onComplete: () => gracefulExit() })
         )
       )
     );
   }
   if (showTaskList) {
-    return import_react141.default.createElement(
+    return import_react142.default.createElement(
       I18nProvider,
       null,
-      import_react141.default.createElement(
+      import_react142.default.createElement(
         ThemeProvider,
         null,
-        import_react141.default.createElement(ShowTaskListWrapper, null)
+        import_react142.default.createElement(ShowTaskListWrapper, null)
       )
     );
   }
-  return import_react141.default.createElement(
+  return import_react142.default.createElement(
     I18nProvider,
     null,
-    import_react141.default.createElement(
+    import_react142.default.createElement(
       ThemeProvider,
       null,
-      import_react141.default.createElement(AppContent, { version: version3, skipWelcome, autoResume, enableYolo, enablePlan })
+      import_react142.default.createElement(AppContent, { version: version3, skipWelcome, autoResume, enableYolo, enablePlan })
     )
   );
 }
-var import_react141, WelcomeScreen2, ChatScreen2, HeadlessModeScreen2, TaskManagerScreen2, MCPConfigScreen2, SystemPromptConfigScreen3, CustomHeadersScreen3;
+var import_react142, WelcomeScreen2, ChatScreen2, HeadlessModeScreen2, TaskManagerScreen2, MCPConfigScreen2, SystemPromptConfigScreen3, CustomHeadersScreen3, HelpScreen2;
 var init_app = __esm({
   async "dist/app.js"() {
     "use strict";
-    import_react141 = __toESM(require_react(), 1);
+    import_react142 = __toESM(require_react(), 1);
     await init_build2();
     await init_build4();
     await init_useCursorHide();
@@ -561354,13 +561460,14 @@ var init_app = __esm({
     init_ThemeContext();
     init_processManager();
     init_apiConfig();
-    WelcomeScreen2 = import_react141.default.lazy(() => init_WelcomeScreen().then(() => WelcomeScreen_exports));
-    ChatScreen2 = import_react141.default.lazy(() => init_ChatScreen().then(() => ChatScreen_exports));
-    HeadlessModeScreen2 = import_react141.default.lazy(() => init_HeadlessModeScreen().then(() => HeadlessModeScreen_exports));
-    TaskManagerScreen2 = import_react141.default.lazy(() => init_TaskManagerScreen().then(() => TaskManagerScreen_exports));
-    MCPConfigScreen2 = import_react141.default.lazy(() => Promise.resolve().then(() => (init_MCPConfigScreen(), MCPConfigScreen_exports)));
-    SystemPromptConfigScreen3 = import_react141.default.lazy(() => init_SystemPromptConfigScreen().then(() => SystemPromptConfigScreen_exports));
-    CustomHeadersScreen3 = import_react141.default.lazy(() => init_CustomHeadersScreen().then(() => CustomHeadersScreen_exports));
+    WelcomeScreen2 = import_react142.default.lazy(() => init_WelcomeScreen().then(() => WelcomeScreen_exports));
+    ChatScreen2 = import_react142.default.lazy(() => init_ChatScreen().then(() => ChatScreen_exports));
+    HeadlessModeScreen2 = import_react142.default.lazy(() => init_HeadlessModeScreen().then(() => HeadlessModeScreen_exports));
+    TaskManagerScreen2 = import_react142.default.lazy(() => init_TaskManagerScreen().then(() => TaskManagerScreen_exports));
+    MCPConfigScreen2 = import_react142.default.lazy(() => Promise.resolve().then(() => (init_MCPConfigScreen(), MCPConfigScreen_exports)));
+    SystemPromptConfigScreen3 = import_react142.default.lazy(() => init_SystemPromptConfigScreen().then(() => SystemPromptConfigScreen_exports));
+    CustomHeadersScreen3 = import_react142.default.lazy(() => init_CustomHeadersScreen().then(() => CustomHeadersScreen_exports));
+    HelpScreen2 = import_react142.default.lazy(() => init_HelpScreen().then(() => HelpScreen_exports));
   }
 });
 
@@ -562985,17 +563092,17 @@ var SSEServerStatus_exports = {};
 __export(SSEServerStatus_exports, {
   SSEServerStatus: () => SSEServerStatus
 });
-var import_react142, SSEServerStatus;
+var import_react143, SSEServerStatus;
 var init_SSEServerStatus = __esm({
   async "dist/ui/components/sse/SSEServerStatus.js"() {
     "use strict";
-    import_react142 = __toESM(require_react(), 1);
+    import_react143 = __toESM(require_react(), 1);
     await init_build2();
     init_I18nContext();
     SSEServerStatus = ({ port, workingDir, onLogUpdate }) => {
       const { t } = useI18n();
-      const [logs, setLogs] = (0, import_react142.useState)([]);
-      (0, import_react142.useEffect)(() => {
+      const [logs, setLogs] = (0, import_react143.useState)([]);
+      (0, import_react143.useEffect)(() => {
         if (onLogUpdate) {
           onLogUpdate((message, level = "info") => {
             const timestamp = (/* @__PURE__ */ new Date()).toLocaleTimeString("zh-CN", {
@@ -563015,89 +563122,89 @@ var init_SSEServerStatus = __esm({
             return "gray";
         }
       };
-      return import_react142.default.createElement(
+      return import_react143.default.createElement(
         Box_default,
         { flexDirection: "column" },
-        import_react142.default.createElement(
+        import_react143.default.createElement(
           Box_default,
           null,
-          import_react142.default.createElement(Text, { bold: true, color: "green" }, t.sseServer.started)
+          import_react143.default.createElement(Text, { bold: true, color: "green" }, t.sseServer.started)
         ),
-        import_react142.default.createElement(
+        import_react143.default.createElement(
           Box_default,
           null,
-          import_react142.default.createElement(
+          import_react143.default.createElement(
             Text,
             null,
             t.sseServer.port,
             ": "
           ),
-          import_react142.default.createElement(Text, { color: "cyan" }, port),
-          workingDir && import_react142.default.createElement(
-            import_react142.default.Fragment,
+          import_react143.default.createElement(Text, { color: "cyan" }, port),
+          workingDir && import_react143.default.createElement(
+            import_react143.default.Fragment,
             null,
-            import_react142.default.createElement(
+            import_react143.default.createElement(
               Text,
               null,
               " | ",
               t.sseServer.workingDir,
               ": "
             ),
-            import_react142.default.createElement(Text, { color: "yellow" }, workingDir)
+            import_react143.default.createElement(Text, { color: "yellow" }, workingDir)
           ),
-          import_react142.default.createElement(Text, null, " | "),
-          import_react142.default.createElement(
+          import_react143.default.createElement(Text, null, " | "),
+          import_react143.default.createElement(
             Text,
             { color: "green" },
             "\u25CF ",
             t.sseServer.running
           )
         ),
-        import_react142.default.createElement(
+        import_react143.default.createElement(
           Box_default,
           { flexDirection: "column" },
-          import_react142.default.createElement(
+          import_react143.default.createElement(
             Text,
             { dimColor: true },
             t.sseServer.endpoints,
             ":"
           ),
-          import_react142.default.createElement(
+          import_react143.default.createElement(
             Text,
             { color: "blue" },
             " http://localhost:",
             port,
             "/events"
           ),
-          import_react142.default.createElement(
+          import_react143.default.createElement(
             Text,
             { color: "blue" },
             " POST http://localhost:",
             port,
             "/message"
           ),
-          import_react142.default.createElement(
+          import_react143.default.createElement(
             Text,
             { color: "blue" },
             " POST http://localhost:",
             port,
             "/session/create"
           ),
-          import_react142.default.createElement(
+          import_react143.default.createElement(
             Text,
             { color: "blue" },
             " POST http://localhost:",
             port,
             "/session/load"
           ),
-          import_react142.default.createElement(
+          import_react143.default.createElement(
             Text,
             { color: "blue" },
             " GET http://localhost:",
             port,
             "/session/list"
           ),
-          import_react142.default.createElement(
+          import_react143.default.createElement(
             Text,
             { color: "blue" },
             " ",
@@ -563105,7 +563212,7 @@ var init_SSEServerStatus = __esm({
             port,
             "/session/rollback-points?sessionId=:sessionId"
           ),
-          import_react142.default.createElement(
+          import_react143.default.createElement(
             Text,
             { color: "blue" },
             " ",
@@ -563113,14 +563220,14 @@ var init_SSEServerStatus = __esm({
             port,
             "/session/:sessionId"
           ),
-          import_react142.default.createElement(
+          import_react143.default.createElement(
             Text,
             { color: "blue" },
             " POST http://localhost:",
             port,
             "/context/compress"
           ),
-          import_react142.default.createElement(
+          import_react143.default.createElement(
             Text,
             { color: "blue" },
             " GET http://localhost:",
@@ -563128,10 +563235,10 @@ var init_SSEServerStatus = __esm({
             "/health"
           )
         ),
-        import_react142.default.createElement(
+        import_react143.default.createElement(
           Box_default,
           { flexDirection: "column" },
-          import_react142.default.createElement(
+          import_react143.default.createElement(
             Text,
             { dimColor: true },
             t.sseServer.logs,
@@ -563139,23 +563246,23 @@ var init_SSEServerStatus = __esm({
             logs.length,
             "):"
           ),
-          import_react142.default.createElement(Box_default, { flexDirection: "column" }, logs.map((log, index) => import_react142.default.createElement(
+          import_react143.default.createElement(Box_default, { flexDirection: "column" }, logs.map((log, index) => import_react143.default.createElement(
             Box_default,
             { key: index },
-            import_react142.default.createElement(
+            import_react143.default.createElement(
               Text,
               { dimColor: true },
               "[",
               log.timestamp,
               "] "
             ),
-            import_react142.default.createElement(Text, { color: getLevelColor(log.level) }, log.message)
+            import_react143.default.createElement(Text, { color: getLevelColor(log.level) }, log.message)
           )))
         ),
-        import_react142.default.createElement(
+        import_react143.default.createElement(
           Box_default,
           null,
-          import_react142.default.createElement(Text, { dimColor: true }, t.sseServer.stopHint)
+          import_react143.default.createElement(Text, { dimColor: true }, t.sseServer.stopHint)
         )
       );
     };
@@ -563463,7 +563570,7 @@ var init_taskExecutor = __esm({
 });
 
 // dist/cli.js
-var import_react143 = __toESM(require_react(), 1);
+var import_react144 = __toESM(require_react(), 1);
 await init_build2();
 init_updateNotice();
 await init_build3();
@@ -564547,10 +564654,10 @@ if (cli.flags.sse) {
     const { SSEServerStatus: SSEServerStatus2 } = await init_SSEServerStatus().then(() => SSEServerStatus_exports);
     const { I18nProvider: I18nProvider2 } = await Promise.resolve().then(() => (init_I18nContext(), I18nContext_exports));
     let logUpdater;
-    const { unmount } = render_default(import_react143.default.createElement(
+    const { unmount } = render_default(import_react144.default.createElement(
       I18nProvider2,
       null,
-      import_react143.default.createElement(SSEServerStatus2, { port, workingDir: workDir || process.cwd(), onLogUpdate: (callback) => {
+      import_react144.default.createElement(SSEServerStatus2, { port, workingDir: workDir || process.cwd(), onLogUpdate: (callback) => {
         logUpdater = callback;
       } })
     ));
@@ -564596,9 +564703,9 @@ if (cli.flags.taskExecute) {
   process.exit(0);
 }
 var Startup = ({ version: version3, skipWelcome, autoResume, headlessPrompt, headlessSessionId, showTaskList, isDevMode: isDevMode2, enableYolo, enablePlan }) => {
-  const [appReady, setAppReady] = import_react143.default.useState(false);
-  const [AppComponent, setAppComponent] = import_react143.default.useState(null);
-  import_react143.default.useEffect(() => {
+  const [appReady, setAppReady] = import_react144.default.useState(false);
+  const [AppComponent, setAppComponent] = import_react144.default.useState(null);
+  import_react144.default.useEffect(() => {
     let mounted = true;
     const init = async () => {
       const deps = await loadDependencies();
@@ -564644,22 +564751,22 @@ var Startup = ({ version: version3, skipWelcome, autoResume, headlessPrompt, hea
     };
   }, [version3, isDevMode2]);
   if (!appReady || !AppComponent) {
-    return import_react143.default.createElement(
+    return import_react144.default.createElement(
       Box_default,
       { flexDirection: "column" },
-      import_react143.default.createElement(
+      import_react144.default.createElement(
         Box_default,
         null,
-        import_react143.default.createElement(
+        import_react144.default.createElement(
           Text,
           { color: "cyan" },
-          import_react143.default.createElement(build_default, { type: "dots" })
+          import_react144.default.createElement(build_default, { type: "dots" })
         ),
-        import_react143.default.createElement(Text, null, " Loading...")
+        import_react144.default.createElement(Text, null, " Loading...")
       )
     );
   }
-  return import_react143.default.createElement(AppComponent, { version: version3, skipWelcome, autoResume, headlessPrompt, headlessSessionId, showTaskList, enableYolo, enablePlan });
+  return import_react144.default.createElement(AppComponent, { version: version3, skipWelcome, autoResume, headlessPrompt, headlessSessionId, showTaskList, enableYolo, enablePlan });
 };
 process.stdout.write("\x1B[?2004l");
 process.stdout.write("\x1B[2K\r");
@@ -564707,7 +564814,7 @@ process.on("SIGTERM", async () => {
   await cleanupAsync();
   process.exit(0);
 });
-render_default(import_react143.default.createElement(Startup, { version: VERSION2, skipWelcome: Boolean(cli.flags.c || cli.flags.yolo || cli.flags.yoloP || cli.flags.cYolo), autoResume: Boolean(cli.flags.c || cli.flags.cYolo), headlessPrompt: typeof cli.flags["ask"] === "string" ? cli.flags["ask"] : void 0, headlessSessionId: cli.input[0], showTaskList: cli.flags.taskList, isDevMode: cli.flags.dev, enableYolo: Boolean(cli.flags.yolo || cli.flags.yoloP || cli.flags.cYolo), enablePlan: Boolean(cli.flags.yoloP) }), {
+render_default(import_react144.default.createElement(Startup, { version: VERSION2, skipWelcome: Boolean(cli.flags.c || cli.flags.yolo || cli.flags.yoloP || cli.flags.cYolo), autoResume: Boolean(cli.flags.c || cli.flags.cYolo), headlessPrompt: typeof cli.flags["ask"] === "string" ? cli.flags["ask"] : void 0, headlessSessionId: cli.input[0], showTaskList: cli.flags.taskList, isDevMode: cli.flags.dev, enableYolo: Boolean(cli.flags.yolo || cli.flags.yoloP || cli.flags.cYolo), enablePlan: Boolean(cli.flags.yoloP) }), {
   exitOnCtrlC: false,
   patchConsole: true
 });