@within-7/minto 0.4.0 → 0.4.2

package/dist/components/PromptInput.js

@@ -24,11 +24,6 @@ import { useTerminalSize } from "../hooks/useTerminalSize.js";
 import { getTheme } from "../utils/theme.js";
 import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../constants/colors.js";
 import { getModelManager } from "../utils/model.js";
-import {
-  getGlobalConfig,
-  saveGlobalConfig,
-  getVerboseLabel
-} from "../utils/config.js";
 import { setTerminalTitle, clearScreen } from "../utils/terminal.js";
 import terminalSetup, {
   isShiftEnterKeyBindingInstalled,
@@ -38,6 +33,7 @@ import { usePermissionContext } from "../context/PermissionContext.js";
 import { getHookManager } from "../utils/hookManager.js";
 import { debug as debugLogger } from "../utils/debugLogger.js";
 import { PROJECT_FILE } from "../constants/product.js";
+import { openInExternalEditor, resolveEditor } from "../utils/externalEditor.js";
 import { t } from "../i18n/index.js";
 async function interpretHashCommand(input) {
   try {
@@ -69,7 +65,7 @@ _Added on ${(/* @__PURE__ */ new Date()).toLocaleString()}_`;
 }
 function getPastedTextPrompt(text) {
   const newlineCount = (text.match(/\r\n|\r|\n/g) || []).length;
-  return `[Pasted text +${newlineCount} lines] `;
+  return `[Pasted text #1 +${newlineCount} lines]`;
 }
 function PromptInput({
   commands,
@@ -80,7 +76,6 @@ function PromptInput({
   onQuery,
   debug,
   verbose,
-  verboseToggleMessage,
   messages,
   setToolJSX,
   tools,
@@ -98,19 +93,30 @@ function PromptInput({
   setForkConvoWithMessagesOnTheNextRender,
   readFileTimestamps,
   onToggleTodoPanel,
-  onToggleVerbose,
+  onToggleThinkingSelector,
+  onToggleScreen,
+  onToggleShowAllInTranscript,
+  screen = "prompt",
   onModelChange,
-  onRollbackConversation,
+  onShowRewindPanel,
   onToggleBackgroundPanel,
+  onToggleTeamPanel,
+  onCycleTeammate,
+  onToggleAgentView,
+  onKillAllAgents,
   backgroundShellCount = 0,
   isBackgroundPanelOpen = false,
-  queuedPrompts = [],
-  onQueuePrompt,
-  onPopQueuedPrompt,
+  onInjectMessage,
+  onRemoveQueuedMessage,
+  injectionPending = false,
+  getQueuedUserMessages,
   onInterrupt,
   isOverlayActive = false,
   unmount,
-  startupItems
+  startupItems,
+  teamMembers = [],
+  hasActiveTeam = false,
+  focusedAgentName
 }) {
   const [exitMessage, setExitMessage] = useState({ show: false });
   const [message, setMessage] = useState({
@@ -123,19 +129,25 @@ function PromptInput({
   const [placeholder, setPlaceholder] = useState("");
   const [cursorOffset, setCursorOffset] = useState(input.length);
   const [pastedText, setPastedText] = useState(null);
+  const pastedPlaceholderRef = useRef(null);
   const [ctrlDCount, setCtrlDCount] = useState(0);
   const [ctrlDTimer, setCtrlDTimer] = useState(null);
   const [escCount, setEscCount] = useState(0);
   const [escTimer, setEscTimer] = useState(null);
   const ESC_DOUBLE_TAP_WINDOW = 500;
-  const [hotkeyMessage, setHotkeyMessage] = useState({ show: false });
+  const [ctrlFCount, setCtrlFCount] = useState(0);
+  const [ctrlFTimer, setCtrlFTimer] = useState(null);
   useEffect(() => {
-    if (verboseToggleMessage) {
-      setHotkeyMessage({ show: true, text: verboseToggleMessage });
-    }
-  }, [verboseToggleMessage]);
+    return () => {
+      if (ctrlDTimer) clearTimeout(ctrlDTimer);
+      if (escTimer) clearTimeout(escTimer);
+      if (ctrlFTimer) clearTimeout(ctrlFTimer);
+    };
+  }, [ctrlDTimer, escTimer, ctrlFTimer]);
+  const [hotkeyMessage, setHotkeyMessage] = useState({ show: false });
   const [showHotkeyHelp, setShowHotkeyHelp] = useState(false);
   const [backgroundIndicatorFocused, setBackgroundIndicatorFocused] = useState(false);
+  const queuedMessages = getQueuedUserMessages?.() ?? [];
   const { cycleMode, currentMode, getModeConfig } = usePermissionContext();
   const prevModeRef = useRef(currentMode);
   useEffect(() => {
@@ -279,17 +291,15 @@ function PromptInput({
     input
   );
   const handleHistoryUp = () => {
-    if (!completionActive) {
-      if (input.trim() === "" && queuedPrompts.length > 0 && onPopQueuedPrompt) {
-        const poppedPrompt = onPopQueuedPrompt();
-        if (poppedPrompt) {
-          onInputChange(poppedPrompt);
-          setCursorOffset(poppedPrompt.length);
-          return;
-        }
+    if (completionActive) return;
+    if (isLoading && queuedMessages.length > 0 && !input.trim()) {
+      const removed = onRemoveQueuedMessage?.();
+      if (removed) {
+        onInputChange(removed);
       }
-      onHistoryUp();
+      return;
     }
+    onHistoryUp();
   };
   const handleHistoryDown = () => {
     if (!completionActive) {
@@ -303,12 +313,11 @@ function PromptInput({
         const decision = await hookManager.executeUserPromptSubmit(input2);
         if (!decision.shouldContinue) {
           if (decision.shouldAskUser) {
-            const confirmed = confirm(
-              decision.reason || "Hook requested approval. Continue?"
+            process.stderr.write(
+              `
+\u26A0 Hook: ${decision.reason || "Hook requested pause."}
+`
             );
-            if (!confirmed) {
-              return;
-            }
           } else {
             setMessage({
               show: true,
@@ -388,21 +397,6 @@ function PromptInput({
     if (isDisabled) {
       return;
     }
-    if (isLoading) {
-      if (onQueuePrompt && input2.trim()) {
-        onQueuePrompt(input2.trim());
-        onInputChange("");
-        setMessage({
-          show: true,
-          text: `Queued: "${input2.slice(0, 30)}${input2.length > 30 ? "..." : ""}" (${queuedPrompts.length + 1} in queue)`
-        });
-        setTimeout(() => setMessage({ show: false }), 2e3);
-      }
-      return;
-    }
-    if (suggestions.length > 0 && completionActive) {
-      return;
-    }
     const exitCommands = [
       "exit",
       "quit",
@@ -416,18 +410,35 @@ function PromptInput({
     ];
     if (exitCommands.includes(input2.trim())) {
       exit();
+      return;
+    }
+    if (isLoading) {
+      if (onInjectMessage && input2.trim()) {
+        onInjectMessage(input2.trim());
+        onInputChange("");
+      }
+      return;
+    }
+    if (suggestions.length > 0 && completionActive) {
+      return;
     }
     let finalInput = input2;
     if (pastedText) {
-      const pastedPrompt = getPastedTextPrompt(pastedText);
-      if (finalInput.includes(pastedPrompt)) {
-        finalInput = finalInput.replace(pastedPrompt, pastedText);
+      const storedPlaceholder = pastedPlaceholderRef.current;
+      if (storedPlaceholder && finalInput.includes(storedPlaceholder)) {
+        finalInput = finalInput.replace(storedPlaceholder, pastedText);
+      } else {
+        const pastedPrompt = getPastedTextPrompt(pastedText);
+        if (finalInput.includes(pastedPrompt)) {
+          finalInput = finalInput.replace(pastedPrompt, pastedText);
+        }
       }
     }
     onInputChange("");
     onModeChange("prompt");
     setPastedImage(null);
     setPastedText(null);
+    pastedPlaceholderRef.current = null;
     onSubmitCountChange((_) => _ + 1);
     setIsLoading(true);
     const newAbortController = new AbortController();
@@ -486,6 +497,7 @@ function PromptInput({
     } else {
       pastedPrompt = getPastedTextPrompt(text);
     }
+    pastedPlaceholderRef.current = pastedPrompt;
     const newInput = input.slice(0, cursorOffset) + pastedPrompt + input.slice(cursorOffset);
     onInputChange(newInput);
     setCursorOffset(cursorOffset + pastedPrompt.length);
@@ -554,20 +566,11 @@ function PromptInput({
         return true;
       }
       if (key.ctrl && inputChar === "o") {
-        const newVerbose = !verbose;
-        const config = getGlobalConfig();
-        saveGlobalConfig({
-          ...config,
-          verbose: newVerbose
-        });
-        setHotkeyMessage({
-          show: true,
-          text: `${getVerboseLabel(newVerbose)} (Ctrl+O)`
-        });
-        setTimeout(() => setHotkeyMessage({ show: false }), 2e3);
-        if (onToggleVerbose) {
-          onToggleVerbose(newVerbose);
-        }
+        onToggleScreen?.();
+        return true;
+      }
+      if (key.ctrl && inputChar === "e" && screen === "transcript") {
+        onToggleShowAllInTranscript?.();
         return true;
       }
       if (key.ctrl && inputChar === "t") {
@@ -608,6 +611,39 @@ function PromptInput({
         onSubmit(bashCommand);
         return true;
       }
+      if (key.ctrl && inputChar === "g") {
+        if (isLoading) return true;
+        const { name: editorName } = resolveEditor();
+        setHotkeyMessage({
+          show: true,
+          text: t("prompts.openingEditor", { editor: editorName })
+        });
+        setTimeout(() => {
+          try {
+            const result = openInExternalEditor(input);
+            if (result !== null) {
+              onInputChange(result);
+              setCursorOffset(result.length);
+              setHotkeyMessage({
+                show: true,
+                text: t("prompts.editorDone")
+              });
+            } else {
+              setHotkeyMessage({
+                show: true,
+                text: t("prompts.editorNoChange")
+              });
+            }
+          } catch {
+            setHotkeyMessage({
+              show: true,
+              text: t("prompts.editorFailed", { editor: editorName })
+            });
+          }
+          setTimeout(() => setHotkeyMessage({ show: false }), 2e3);
+        }, 0);
+        return true;
+      }
       if (key.ctrl && (inputChar === "?" || inputChar === "/")) {
         setShowHotkeyHelp((prev) => !prev);
         return true;
@@ -692,18 +728,8 @@ function PromptInput({
       if (inputChar === "" && (key.escape || key.backspace || key.delete)) {
         onModeChange("prompt");
       }
-      if (key.tab && !key.shift && !completionActive) {
-        const config = getGlobalConfig();
-        const newThinking = !config.thinking;
-        saveGlobalConfig({
-          ...config,
-          thinking: newThinking
-        });
-        setMessage({
-          show: true,
-          text: newThinking ? t("prompts.thinkingModeEnabled") : t("prompts.thinkingModeDisabled")
-        });
-        setTimeout(() => setMessage({ show: false }), 2e3);
+      if (key.meta && inputChar === "t") {
+        onToggleThinkingSelector?.();
         return true;
       }
       if (key.shift && key.tab) {
@@ -716,11 +742,53 @@ function PromptInput({
   );
   const handleSpecialKey = useCallback(
     (inputChar, key) => {
+      if (key.downArrow && key.shift && !key.ctrl && !key.meta) {
+        onToggleTeamPanel?.();
+        return true;
+      }
+      if (key.upArrow && key.shift && !key.ctrl && !key.meta) {
+        onToggleTeamPanel?.();
+        return true;
+      }
+      if (key.ctrl && inputChar === "j") {
+        if (hasActiveTeam && onToggleAgentView) {
+          onToggleAgentView();
+        }
+        return true;
+      }
+      if (key.ctrl && inputChar === "f") {
+        if (hasActiveTeam && onKillAllAgents) {
+          setCtrlFCount((prev) => prev + 1);
+          if (ctrlFTimer) clearTimeout(ctrlFTimer);
+          const timer = setTimeout(() => setCtrlFCount(0), 2e3);
+          setCtrlFTimer(timer);
+          if (ctrlFCount >= 1) {
+            setCtrlFCount(0);
+            onKillAllAgents();
+            setHotkeyMessage({
+              show: true,
+              text: t("prompts.allAgentsKilled")
+            });
+            setTimeout(() => setHotkeyMessage({ show: false }), 2e3);
+          } else {
+            setHotkeyMessage({
+              show: true,
+              text: t("prompts.pressCtrlFAgain")
+            });
+            setTimeout(() => setHotkeyMessage({ show: false }), 2e3);
+          }
+          return true;
+        }
+        return false;
+      }
       if (key.shift && (inputChar === "M" || inputChar === "m") && input.length === 0) {
         handleQuickModelSwitch();
         return true;
       }
       if (key.escape) {
+        if (completionActive) {
+          return false;
+        }
         const newEscCount = escCount + 1;
         setEscCount(newEscCount);
         if (escTimer) clearTimeout(escTimer);
@@ -728,38 +796,31 @@ function PromptInput({
         setEscTimer(timer);
         if (newEscCount >= 2) {
           setEscCount(0);
-          if (input.length > 0) {
-            onInputChange("");
-            setHotkeyMessage({
-              show: true,
-              text: t("prompts.inputClearedEscEsc")
-            });
-            setTimeout(() => setHotkeyMessage({ show: false }), 1e3);
-            return true;
-          } else if (isLoading && onInterrupt) {
-            onInterrupt();
-            setHotkeyMessage({
-              show: true,
-              text: t("prompts.interruptedEscEsc")
-            });
-            setTimeout(() => setHotkeyMessage({ show: false }), 2e3);
-            return true;
-          }
+          onShowRewindPanel?.();
+          return true;
+        }
+        if (input.length > 0) {
+          onInputChange("");
+          setHotkeyMessage({
+            show: true,
+            text: t("prompts.inputClearedEsc")
+          });
+          setTimeout(() => setHotkeyMessage({ show: false }), 1e3);
+        } else if (isLoading && onInterrupt) {
+          onInterrupt();
+          setHotkeyMessage({
+            show: true,
+            text: t("prompts.interruptedEsc")
+          });
+          setTimeout(() => setHotkeyMessage({ show: false }), 2e3);
         } else {
-          if (input.length > 0) {
-            setHotkeyMessage({
-              show: true,
-              text: t("prompts.pressEscAgainClear")
-            });
-          } else if (isLoading) {
-            setHotkeyMessage({
-              show: true,
-              text: t("prompts.pressEscAgainInterrupt")
-            });
-          }
+          setHotkeyMessage({
+            show: true,
+            text: t("prompts.escEscToRollback")
+          });
           setTimeout(() => setHotkeyMessage({ show: false }), 1500);
-          return true;
         }
+        return true;
       }
       return false;
     },
@@ -769,8 +830,17 @@ function PromptInput({
       input.length,
       onInputChange,
       onInterrupt,
+      onShowRewindPanel,
+      onToggleTeamPanel,
+      onCycleTeammate,
+      onToggleAgentView,
+      onKillAllAgents,
+      hasActiveTeam,
+      completionActive,
       escCount,
-      escTimer
+      escTimer,
+      ctrlFCount,
+      ctrlFTimer
     ]
   );
   const tokenUsage = useMemo(() => countTokens(messages), [messages]);
@@ -797,7 +867,8 @@ function PromptInput({
     HotkeyHelpPanel,
     {
       isVisible: showHotkeyHelp,
-      onClose: () => setShowHotkeyHelp(false)
+      onClose: () => setShowHotkeyHelp(false),
+      hasActiveTeam
     }
   ), historySearch.isActive && /* @__PURE__ */ React.createElement(
     HistorySearchOverlay,
@@ -806,7 +877,7 @@ function PromptInput({
       results: historySearch.filteredResults,
       selectedIndex: historySearch.selectedIndex
     }
-  ), modelInfo && /* @__PURE__ */ React.createElement(Box, { justifyContent: "flex-end", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u25C6"), " ", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, modelInfo.name), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", "\xB7 ", Math.round(modelInfo.currentTokens / 1e3), "k /", " ", Math.round(modelInfo.contextLength / 1e3), "k"))), queuedPrompts.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.MIDDLE }, "\u2500\u2500 ", t("ui.hints.queued"), " (", queuedPrompts.length, ")"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", "\xB7 ", t("ui.hints.willRunAfter"), " \xB7", " ", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, "\u2191"), " ", t("ui.hints.toEdit"), " \u2500\u2500")), queuedPrompts.map((prompt, index) => /* @__PURE__ */ React.createElement(Box, { key: index, paddingLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u25C7 "), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, prompt.length > 60 ? prompt.slice(0, 60) + "..." : prompt)))), /* @__PURE__ */ React.createElement(
+  ), modelInfo && /* @__PURE__ */ React.createElement(Box, { justifyContent: "flex-end", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u25C6"), " ", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, modelInfo.name), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", "\xB7 ", Math.round(modelInfo.currentTokens / 1e3), "k /", " ", Math.round(modelInfo.contextLength / 1e3), "k"))), isLoading && queuedMessages.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingLeft: 2, marginTop: 0 }, queuedMessages.map((msg, i) => /* @__PURE__ */ React.createElement(Box, { key: i }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u276F"), " ", msg)))), /* @__PURE__ */ React.createElement(
     Box,
     {
       alignItems: "flex-start",
@@ -818,7 +889,7 @@ function PromptInput({
       borderColor: isOverlayActive ? SEMANTIC_COLORS.muted : mode === "bash" ? SEMANTIC_COLORS.running : mode === "koding" ? SEMANTIC_COLORS.info : BRAND_GRADIENT.START,
       borderDimColor: false,
       borderStyle: "single",
-      marginTop: queuedPrompts.length > 0 ? 0 : 1,
+      marginTop: 1,
       width: "100%"
     },
     /* @__PURE__ */ React.createElement(
@@ -843,20 +914,20 @@ function PromptInput({
       TextInput,
       {
         multiline: true,
-        focus: !isBackgroundPanelOpen && !isOverlayActive && (!isLoading || !!onQueuePrompt),
+        focus: !isBackgroundPanelOpen && !isOverlayActive && (!isLoading || !!onInjectMessage),
         onSubmit,
         onChange,
         value: input,
         onHistoryUp: handleHistoryUp,
         onHistoryDown: handleHistoryDown,
         onHistoryReset: () => resetHistory(),
-        placeholder: submitCount > 0 ? void 0 : placeholder,
+        placeholder: isLoading && queuedMessages.length > 0 ? t("ui.hints.pressUpToEditQueue") : focusedAgentName ? `Message @${focusedAgentName}...` : submitCount > 0 ? void 0 : placeholder,
         onExit: () => process.exit(0),
         onExitMessage: (show, key) => setExitMessage({ show, key }),
         onMessage: (show, text) => setMessage({ show, text }),
         onImagePaste,
         columns: textInputColumns,
-        isDimmed: isDisabled || isLoading && !onQueuePrompt,
+        isDimmed: isDisabled || isLoading && !onInjectMessage,
         disableCursorMovementForUpDownKeys: completionActive,
         cursorOffset,
         onChangeCursorOffset: setCursorOffset,
@@ -915,7 +986,7 @@ function PromptInput({
         t("ui.hints.backgroundTasks", {
           count: backgroundShellCount
         })
-      ), queuedPrompts.length > 0 && /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.MIDDLE }, "\xB7 \u{1F4CB} ", queuedPrompts.length, " ", t("ui.hints.queued")))
+      ), injectionPending && /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.MIDDLE }, "\xB7 ", t("ui.hints.injectionPending")), hasActiveTeam && teamMembers.filter((m) => m.status !== "stopped").length > 0 && /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.MIDDLE }, "\xB7", " ", teamMembers.filter((m) => m.status !== "stopped").map((m) => `@${m.name}`).join(" "), "\xB7 ", teamMembers.filter((m) => m.status === "working").length, " ", "active \xB7 shift+\u2193 to expand"))
     ) : (
       // Normal mode: context-aware hints with 0.1.7 style
       /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContextAwareHints, { context: inputContext, compact: true }), backgroundShellCount > 0 && /* @__PURE__ */ React.createElement(
@@ -929,7 +1000,7 @@ function PromptInput({
         t("ui.hints.backgroundTasks", {
           count: backgroundShellCount
         })
-      ), queuedPrompts.length > 0 && /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.MIDDLE }, "\u2502 \u{1F4CB} ", queuedPrompts.length, " ", t("ui.hints.queued")), isLoading && onQueuePrompt && queuedPrompts.length === 0 && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "\u2502 ", t("ui.hints.typeToQueue")))
+      ), injectionPending && /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.MIDDLE }, "\u2502 ", t("ui.hints.injectionPending")), hasActiveTeam && teamMembers.filter((m) => m.status !== "stopped").length > 0 && /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.MIDDLE }, "\u2502", " ", teamMembers.filter((m) => m.status !== "stopped").map((m) => `@${m.name}`).join(" "), "\xB7 ", teamMembers.filter((m) => m.status === "working").length, " ", "active \xB7 shift+\u2193 to expand"))
     )),
     /* @__PURE__ */ React.createElement(
       SentryErrorBoundary,
@@ -988,7 +1059,7 @@ function PromptInput({
 var PromptInput_default = memo(PromptInput);
 function exit() {
   setTerminalTitle("");
-  process.exit(0);
+  import("../utils/exit.js").then(({ gracefulExit }) => gracefulExit(0));
 }
 export {
   PromptInput_default as default