@within-7/minto 0.3.6 → 0.3.9

package/dist/components/PromptInput.js

@@ -5,6 +5,10 @@ import { useArrowKeyHistory } from "../hooks/useArrowKeyHistory.js";
 import { useUnifiedCompletion } from "../hooks/useUnifiedCompletion.js";
 import { useHistorySearch } from "../hooks/useHistorySearch.js";
 import { addToHistory, getHistory } from "../history.js";
+import {
+  cachePaste,
+  createPlaceholder
+} from "../utils/pasteCache.js";
 import TextInput from "./TextInput.js";
 import { HistorySearchOverlay } from "./HistorySearchOverlay.js";
 import {
@@ -33,6 +37,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 { t } from "../i18n/index.js";
 async function interpretHashCommand(input) {
   try {
     const { queryQuick } = await import("../services/claude.js");
@@ -101,7 +106,9 @@ function PromptInput({
   queuedPrompts = [],
   onQueuePrompt,
   onPopQueuedPrompt,
-  onInterrupt
+  onInterrupt,
+  isOverlayActive = false,
+  unmount
 }) {
   const [exitMessage, setExitMessage] = useState({ show: false });
   const [message, setMessage] = useState({
@@ -338,7 +345,9 @@ function PromptInput({
             abortController: abortController || new AbortController(),
             // Temporary controller, actual one created in onQuery
             readFileTimestamps,
-            setForkConvoWithMessagesOnTheNextRender
+            setForkConvoWithMessagesOnTheNextRender,
+            unmount: unmount || (() => {
+            })
           },
           pastedImage ?? null
         );
@@ -427,7 +436,9 @@ function PromptInput({
         messageId: void 0,
         abortController: newAbortController,
         readFileTimestamps,
-        setForkConvoWithMessagesOnTheNextRender
+        setForkConvoWithMessagesOnTheNextRender,
+        unmount: unmount || (() => {
+        })
       },
       pastedImage ?? null
     );
@@ -452,7 +463,17 @@ function PromptInput({
   }
   function onTextPaste(rawText) {
     const text = rawText.replace(/\r/g, "\n");
-    const pastedPrompt = getPastedTextPrompt(text);
+    const cacheEntry = cachePaste(text);
+    let pastedPrompt;
+    if (cacheEntry) {
+      pastedPrompt = createPlaceholder(cacheEntry);
+      debugLogger.trace("PASTE_CACHED", {
+        length: text.length,
+        hash: cacheEntry.hash.slice(0, 8)
+      });
+    } else {
+      pastedPrompt = getPastedTextPrompt(text);
+    }
     const newInput = input.slice(0, cursorOffset) + pastedPrompt + input.slice(cursorOffset);
     onInputChange(newInput);
     setCursorOffset(cursorOffset + pastedPrompt.length);
@@ -469,15 +490,18 @@ function PromptInput({
           setIsLoading(false);
           setHotkeyMessage({
             show: true,
-            text: "Interrupted by user (Ctrl-C)"
+            text: t("prompts.interruptedCtrlC")
           });
           setTimeout(() => setHotkeyMessage({ show: false }), 2e3);
         } else if (input.length > 0) {
           onInputChange("");
-          setHotkeyMessage({ show: true, text: "Input cleared" });
+          setHotkeyMessage({ show: true, text: t("prompts.inputCleared") });
           setTimeout(() => setHotkeyMessage({ show: false }), 1e3);
         } else {
-          setHotkeyMessage({ show: true, text: "Press Ctrl-D to exit" });
+          setHotkeyMessage({
+            show: true,
+            text: t("prompts.pressCtrlDToExit")
+          });
           setTimeout(() => setHotkeyMessage({ show: false }), 2e3);
         }
         return true;
@@ -485,7 +509,10 @@ function PromptInput({
       if (key.ctrl && inputChar === "d") {
         if (input.length > 0) {
           onInputChange("");
-          setHotkeyMessage({ show: true, text: "Input cleared (Ctrl-D)" });
+          setHotkeyMessage({
+            show: true,
+            text: t("prompts.inputClearedCtrlD")
+          });
           setTimeout(() => setHotkeyMessage({ show: false }), 1e3);
           return true;
         }
@@ -494,12 +521,15 @@ function PromptInput({
         const timer = setTimeout(() => setCtrlDCount(0), 1e3);
         setCtrlDTimer(timer);
         if (ctrlDCount >= 1) {
-          setHotkeyMessage({ show: true, text: "Exiting gracefully..." });
+          setHotkeyMessage({
+            show: true,
+            text: t("prompts.exitingGracefully")
+          });
           setTimeout(() => exit(), 500);
         } else {
           setHotkeyMessage({
             show: true,
-            text: "Press Ctrl-D again to exit"
+            text: t("prompts.pressCtrlDAgain")
           });
           setTimeout(() => setHotkeyMessage({ show: false }), 2e3);
         }
@@ -507,7 +537,7 @@ function PromptInput({
       }
       if (key.ctrl && inputChar === "l") {
         clearScreen();
-        setHotkeyMessage({ show: true, text: "Screen cleared (Ctrl-L)" });
+        setHotkeyMessage({ show: true, text: t("prompts.screenCleared") });
         setTimeout(() => setHotkeyMessage({ show: false }), 1e3);
         return true;
       }
@@ -533,7 +563,7 @@ function PromptInput({
           onToggleTodoPanel();
           setHotkeyMessage({
             show: true,
-            text: "TodoPanel toggled (Ctrl-T)"
+            text: t("prompts.todoPanelToggled")
           });
           setTimeout(() => setHotkeyMessage({ show: false }), 2e3);
         }
@@ -543,7 +573,7 @@ function PromptInput({
         if (!input || input.trim().length === 0) {
           setHotkeyMessage({
             show: true,
-            text: "Type a command first, then press Ctrl-B"
+            text: t("prompts.typeCommandFirst")
           });
           setTimeout(() => setHotkeyMessage({ show: false }), 2e3);
           return true;
@@ -551,7 +581,7 @@ function PromptInput({
         if (mode === "bash") {
           setHotkeyMessage({
             show: true,
-            text: "Executing bash command... (Ctrl-B)"
+            text: t("prompts.executingBash")
           });
           setTimeout(() => setHotkeyMessage({ show: false }), 1e3);
           onSubmit(input);
@@ -659,7 +689,7 @@ function PromptInput({
         });
         setMessage({
           show: true,
-          text: `Thinking mode ${newThinking ? "enabled" : "disabled"} (Tab)`
+          text: newThinking ? t("prompts.thinkingModeEnabled") : t("prompts.thinkingModeDisabled")
         });
         setTimeout(() => setMessage({ show: false }), 2e3);
         return true;
@@ -688,14 +718,17 @@ function PromptInput({
           setEscCount(0);
           if (input.length > 0) {
             onInputChange("");
-            setHotkeyMessage({ show: true, text: "Input cleared (Esc Esc)" });
+            setHotkeyMessage({
+              show: true,
+              text: t("prompts.inputClearedEscEsc")
+            });
             setTimeout(() => setHotkeyMessage({ show: false }), 1e3);
             return true;
           } else if (isLoading && onInterrupt) {
             onInterrupt();
             setHotkeyMessage({
               show: true,
-              text: "Interrupted by user (Esc Esc)"
+              text: t("prompts.interruptedEscEsc")
             });
             setTimeout(() => setHotkeyMessage({ show: false }), 2e3);
             return true;
@@ -704,12 +737,12 @@ function PromptInput({
           if (input.length > 0) {
             setHotkeyMessage({
               show: true,
-              text: "Press Esc again to clear input"
+              text: t("prompts.pressEscAgainClear")
             });
           } else if (isLoading) {
             setHotkeyMessage({
               show: true,
-              text: "Press Esc again to interrupt"
+              text: t("prompts.pressEscAgainInterrupt")
             });
           }
           setTimeout(() => setHotkeyMessage({ show: false }), 1500);
@@ -748,7 +781,7 @@ function PromptInput({
       currentTokens: tokenUsage
     };
   }, [tokenUsage, modelSwitchMessage.show, submitCount, currentModelId]);
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, fallbackMode && /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.running }, "\u26A0\uFE0F Limited input mode"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", "(Advanced keyboard shortcuts unavailable - raw mode not supported)")), showHotkeyHelp && /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, fallbackMode && /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.running }, t("prompts.limitedInputMode")), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", "(", t("prompts.limitedInputModeDetail"), ")")), showHotkeyHelp && /* @__PURE__ */ React.createElement(
     HotkeyHelpPanel,
     {
       isVisible: showHotkeyHelp,
@@ -761,7 +794,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 Queued (", queuedPrompts.length, ")"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", "\xB7 will run after current task \xB7", " ", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, "\u2191"), " to edit \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"))), 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(
     Box,
     {
       alignItems: "flex-start",
@@ -798,7 +831,7 @@ function PromptInput({
       TextInput,
       {
         multiline: true,
-        focus: !isBackgroundPanelOpen && (!isLoading || !!onQueuePrompt),
+        focus: !isBackgroundPanelOpen && !isOverlayActive && (!isLoading || !!onQueuePrompt),
         onSubmit,
         onChange,
         value: input,
@@ -827,7 +860,7 @@ function PromptInput({
       paddingX: 2,
       paddingY: 0
     },
-    /* @__PURE__ */ React.createElement(Box, { justifyContent: "flex-start", gap: 1 }, exitMessage.show ? /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Press", " ", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, exitMessage.key), " ", "again to exit") : message.show ? /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, message.text) : hotkeyMessage.show ? /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, hotkeyMessage.text) : modelSwitchMessage.show ? /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, modelSwitchMessage.text) : verbose ? (
+    /* @__PURE__ */ React.createElement(Box, { justifyContent: "flex-start", gap: 1 }, exitMessage.show ? /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, t("prompts.pressCtrlDAgain")) : message.show ? /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, message.text) : hotkeyMessage.show ? /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, hotkeyMessage.text) : modelSwitchMessage.show ? /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, modelSwitchMessage.text) : verbose ? (
       // Verbose mode: full static hints (商务用户友好) - 使用品牌配色
       /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
         Text,
@@ -842,7 +875,7 @@ function PromptInput({
           "!"
         ),
         " ",
-        "\u6267\u884C\u547D\u4EE4"
+        t("ui.hints.executeCommand")
       ), /* @__PURE__ */ React.createElement(
         Text,
         {
@@ -858,8 +891,8 @@ function PromptInput({
           "#"
         ),
         " ",
-        "\u8BB0\u5F55\u7B14\u8BB0"
-      ), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "\xB7 ", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, "/"), " \u529F\u80FD\u83DC\u5355 \xB7", " ", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, "ctrl+?"), " \u5E2E\u52A9"), backgroundShellCount > 0 && /* @__PURE__ */ React.createElement(
+        t("ui.hints.recordNote")
+      ), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "\xB7 ", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, "/"), " ", t("ui.hints.featureMenu"), " \xB7", " ", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, "ctrl+?"), " ", t("common.help")), backgroundShellCount > 0 && /* @__PURE__ */ React.createElement(
         Text,
         {
           color: backgroundIndicatorFocused ? BRAND_GRADIENT.START : BRAND_GRADIENT.MIDDLE,
@@ -867,10 +900,10 @@ function PromptInput({
         },
         "\xB7 ",
         backgroundIndicatorFocused ? "\u25BA " : "",
-        backgroundShellCount,
-        " background task",
-        backgroundShellCount > 1 ? "s" : ""
-      ), queuedPrompts.length > 0 && /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.MIDDLE }, "\xB7 \u{1F4CB} ", queuedPrompts.length, " queued"))
+        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")))
     ) : (
       // 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(
@@ -881,15 +914,15 @@ function PromptInput({
         },
         "\u2502 ",
         backgroundIndicatorFocused ? "\u25BA " : "",
-        backgroundShellCount,
-        " task",
-        backgroundShellCount > 1 ? "s" : ""
-      ), queuedPrompts.length > 0 && /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.MIDDLE }, "\u2502 \u{1F4CB} ", queuedPrompts.length, " queued"), isLoading && onQueuePrompt && queuedPrompts.length === 0 && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "\u2502 Type to queue next prompt"))
+        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")))
     )),
     /* @__PURE__ */ React.createElement(
       SentryErrorBoundary,
       {
-        children: /* @__PURE__ */ React.createElement(Box, { justifyContent: "flex-end", gap: 1 }, !debug && tokenUsage < WARNING_THRESHOLD && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, terminalSetup.isEnabled && isShiftEnterKeyBindingInstalled() ? "shift + \u23CE" : "\\\u23CE"), " ", "for newline"), /* @__PURE__ */ React.createElement(TokenWarning, { tokenUsage }))
+        children: /* @__PURE__ */ React.createElement(Box, { justifyContent: "flex-end", gap: 1 }, !debug && tokenUsage < WARNING_THRESHOLD && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, terminalSetup.isEnabled && isShiftEnterKeyBindingInstalled() ? "shift + \u23CE" : "\\\u23CE"), " ", t("ui.hints.forNewline")), /* @__PURE__ */ React.createElement(TokenWarning, { tokenUsage }))
       }
     )
   ), suggestions.length > 0 && /* @__PURE__ */ React.createElement(
@@ -917,14 +950,14 @@ function PromptInput({
           const selected = suggestions[selectedIndex];
           const positionInfo = suggestions.length > 1 ? `[${selectedIndex + 1}/${suggestions.length}] ` : "";
           if (!selected) {
-            return `${positionInfo}\u2191\u2193 navigate \u2022 \u2192 accept \u2022 Tab cycle \u2022 Esc close`;
+            return `${positionInfo}${t("ui.hints.completion.navigate")}`;
           }
           if (selected?.value.endsWith("/")) {
-            return `${positionInfo}\u2192 enter directory \u2022 \u2191\u2193 navigate \u2022 Tab cycle \u2022 Esc close`;
+            return `${positionInfo}${t("ui.hints.completion.enterDirectory")}`;
           } else if (selected?.type === "agent") {
-            return `${positionInfo}\u2192 select agent \u2022 \u2191\u2193 navigate \u2022 Tab cycle \u2022 Esc close`;
+            return `${positionInfo}${t("ui.hints.completion.selectAgent")}`;
           } else {
-            return `${positionInfo}\u2192 insert reference \u2022 \u2191\u2193 navigate \u2022 Tab cycle \u2022 Esc close`;
+            return `${positionInfo}${t("ui.hints.completion.insertReference")}`;
           }
         })()
       )