@within-7/minto 0.3.6 → 0.3.10

package/dist/components/ModelSelector/WizardContainer.js

@@ -0,0 +1,45 @@
+import React from "react";
+import { Box, Text } from "ink";
+import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../../constants/colors.js";
+function WizardContainer({
+  title,
+  subtitle,
+  children,
+  footer
+}) {
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: "100%" }, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      borderTop: true,
+      borderBottom: false,
+      borderLeft: false,
+      borderRight: false,
+      borderColor: BRAND_GRADIENT.START,
+      borderStyle: "single",
+      width: "100%",
+      paddingX: 1,
+      flexDirection: "column"
+    },
+    /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u25C6"), /* @__PURE__ */ React.createElement(Text, { bold: true, color: SEMANTIC_COLORS.secondary }, " ", title), subtitle && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "  ", subtitle))
+  ), /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderTop: false,
+      borderBottom: true,
+      borderLeft: false,
+      borderRight: false,
+      borderColor: BRAND_GRADIENT.START,
+      borderStyle: "single",
+      width: "100%",
+      paddingX: 1,
+      paddingY: 1
+    },
+    children,
+    footer && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, typeof footer === "string" ? /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, footer) : footer)
+  ));
+}
+export {
+  WizardContainer
+};
+//# sourceMappingURL=WizardContainer.js.map

package/dist/components/ModelSelector/WizardContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ModelSelector/WizardContainer.tsx"],
+  "sourcesContent": ["/**\n * WizardContainer Component\n *\n * Brand-consistent wizard frame replacing the old ScreenContainer.\n * Uses BRAND_GRADIENT.START top/bottom single borders with \u25C6 diamond title.\n * Matches the visual pattern from SimpleSelector and InfoPanel.\n *\n * Visual pattern:\n * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 (BRAND_GRADIENT.START border)\n *  \u25C6 Title  subtitle\n *\n *  [children content]\n *\n *  Footer hint text\n * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 (BRAND_GRADIENT.START border)\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\n\ntype WizardContainerProps = React.PropsWithChildren<{\n  title: string\n  subtitle?: string\n  footer?: React.ReactNode\n}>\n\nexport function WizardContainer({\n  title,\n  subtitle,\n  children,\n  footer,\n}: WizardContainerProps) {\n  return (\n    <Box flexDirection=\"column\" width=\"100%\">\n      {/* Header bar with top border */}\n      <Box\n        borderTop={true}\n        borderBottom={false}\n        borderLeft={false}\n        borderRight={false}\n        borderColor={BRAND_GRADIENT.START}\n        borderStyle=\"single\"\n        width=\"100%\"\n        paddingX={1}\n        flexDirection=\"column\"\n      >\n        {/* Title with brand color */}\n        <Box>\n          <Text color={BRAND_GRADIENT.START}>{'\\u25C6'}</Text>\n          <Text bold color={SEMANTIC_COLORS.secondary}>\n            {' '}\n            {title}\n          </Text>\n          {subtitle && (\n            <Text color={SEMANTIC_COLORS.dim}>\n              {'  '}\n              {subtitle}\n            </Text>\n          )}\n        </Box>\n      </Box>\n\n      {/* Content container with bottom border */}\n      <Box\n        flexDirection=\"column\"\n        borderTop={false}\n        borderBottom={true}\n        borderLeft={false}\n        borderRight={false}\n        borderColor={BRAND_GRADIENT.START}\n        borderStyle=\"single\"\n        width=\"100%\"\n        paddingX={1}\n        paddingY={1}\n      >\n        {children}\n\n        {/* Footer Hint */}\n        {footer && (\n          <Box marginTop={1}>\n            {typeof footer === 'string' ? (\n              <Text color={SEMANTIC_COLORS.muted}>{footer}</Text>\n            ) : (\n              footer\n            )}\n          </Box>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAiBA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB,uBAAuB;AAQzC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,SACE,oCAAC,OAAI,eAAc,UAAS,OAAM,UAEhC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa,eAAe;AAAA,MAC5B,aAAY;AAAA,MACZ,OAAM;AAAA,MACN,UAAU;AAAA,MACV,eAAc;AAAA;AAAA,IAGd,oCAAC,WACC,oCAAC,QAAK,OAAO,eAAe,SAAQ,QAAS,GAC7C,oCAAC,QAAK,MAAI,MAAC,OAAO,gBAAgB,aAC/B,KACA,KACH,GACC,YACC,oCAAC,QAAK,OAAO,gBAAgB,OAC1B,MACA,QACH,CAEJ;AAAA,EACF,GAGA;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,WAAW;AAAA,MACX,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa,eAAe;AAAA,MAC5B,aAAY;AAAA,MACZ,OAAM;AAAA,MACN,UAAU;AAAA,MACV,UAAU;AAAA;AAAA,IAET;AAAA,IAGA,UACC,oCAAC,OAAI,WAAW,KACb,OAAO,WAAW,WACjB,oCAAC,QAAK,OAAO,gBAAgB,SAAQ,MAAO,IAE5C,MAEJ;AAAA,EAEJ,CACF;AAEJ;",
+  "names": []
+}

package/dist/components/ModelSelector/index.js

@@ -5,13 +5,11 @@ import {
   MAX_TOKENS_OPTIONS,
   DEFAULT_MAX_TOKENS
 } from "./constants.js";
-import { ScreenContainer } from "./ScreenContainer.js";
 export {
   CONTEXT_LENGTH_OPTIONS,
   DEFAULT_CONTEXT_LENGTH,
   DEFAULT_MAX_TOKENS,
   MAX_TOKENS_OPTIONS,
-  ModelSelector,
-  ScreenContainer
+  ModelSelector
 };
 //# sourceMappingURL=index.js.map

package/dist/components/ModelSelector/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ModelSelector/index.tsx"],
-  "sourcesContent": ["/**\n * ModelSelector Component\n *\n * This module provides a comprehensive model configuration interface.\n * The component is being incrementally refactored into smaller, focused modules.\n *\n * Structure:\n * - ModelSelector.tsx - Main component (being refactored)\n * - ScreenContainer.tsx - Shared screen container\n * - types.ts - Type definitions\n * - constants.ts - Configuration constants\n * - hooks/ - Custom hooks\n */\n\n// Re-export the main component for backward compatibility\nexport { ModelSelector } from './ModelSelector'\n\n// Export types for external use\nexport type {\n  ModelSelectorProps,\n  ModelInfo,\n  ScreenType,\n  ReasoningEffortOption,\n  ContextLengthOption,\n  MaxTokensOption,\n  ExitState,\n} from './types'\n\n// Export constants for external use\nexport {\n  CONTEXT_LENGTH_OPTIONS,\n  DEFAULT_CONTEXT_LENGTH,\n  MAX_TOKENS_OPTIONS,\n  DEFAULT_MAX_TOKENS,\n} from './constants'\n\n// Export shared components\nexport { ScreenContainer } from './ScreenContainer'\n"],
-  "mappings": "AAeA,SAAS,qBAAqB;AAc9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,uBAAuB;",
+  "sourcesContent": ["/**\n * ModelSelector Component\n *\n * Comprehensive model configuration wizard with brand-consistent UI.\n *\n * Structure:\n * - ModelSelector.tsx - Main component with business logic and screen routing\n * - WizardContainer.tsx - Brand-consistent wizard frame\n * - BrandTextInput.tsx - Standardized text input wrapper\n * - types.ts - Type definitions\n * - constants.ts - Configuration constants\n */\n\nexport { ModelSelector } from './ModelSelector'\n\nexport type {\n  ModelSelectorProps,\n  ModelInfo,\n  ScreenType,\n  ReasoningEffortOption,\n  ContextLengthOption,\n  MaxTokensOption,\n  ExitState,\n} from './types'\n\nexport {\n  CONTEXT_LENGTH_OPTIONS,\n  DEFAULT_CONTEXT_LENGTH,\n  MAX_TOKENS_OPTIONS,\n  DEFAULT_MAX_TOKENS,\n} from './constants'\n"],
+  "mappings": "AAaA,SAAS,qBAAqB;AAY9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
   "names": []
 }

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;
@@ -670,11 +700,11 @@ function PromptInput({
       }
       return false;
     },
-    { isActive: !isBackgroundPanelOpen && !fallbackMode }
+    { isActive: !isBackgroundPanelOpen && !fallbackMode && !isOverlayActive }
   );
   const handleSpecialKey = useCallback(
     (inputChar, key) => {
-      if (key.shift && (inputChar === "M" || inputChar === "m")) {
+      if (key.shift && (inputChar === "M" || inputChar === "m") && input.length === 0) {
         handleQuickModelSwitch();
         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",
@@ -770,7 +803,7 @@ function PromptInput({
       borderBottom: true,
       borderLeft: false,
       borderRight: false,
-      borderColor: mode === "bash" ? SEMANTIC_COLORS.running : mode === "koding" ? SEMANTIC_COLORS.info : BRAND_GRADIENT.START,
+      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,
@@ -788,8 +821,8 @@ function PromptInput({
       mode === "bash" ? /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.running }, "\xA0!\xA0") : mode === "koding" ? /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.info }, "\xA0#\xA0") : /* @__PURE__ */ React.createElement(
         Text,
         {
-          color: isLoading ? SEMANTIC_COLORS.dim : BRAND_GRADIENT.START,
-          bold: true
+          color: isOverlayActive ? SEMANTIC_COLORS.muted : isLoading ? SEMANTIC_COLORS.dim : BRAND_GRADIENT.START,
+          bold: !isOverlayActive
         },
         "\xA0\u276F\xA0"
       )
@@ -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")}`;
           }
         })()
       )