@within-7/minto 0.3.6 → 0.3.10

package/dist/components/MCPServerApprovalDialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/MCPServerApprovalDialog.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { Select } from './CustomSelect/select'\nimport {\n  saveCurrentProjectConfig,\n  getCurrentProjectConfig,\n} from '@utils/config'\nimport { MCPServerDialogCopy } from './MCPServerDialogCopy'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { SEMANTIC_COLORS } from '@constants/colors'\n\ntype Props = {\n  serverName: string\n  onDone(): void\n}\n\nexport function MCPServerApprovalDialog({\n  serverName,\n  onDone,\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  function onChange(value: 'yes' | 'no') {\n    const config = getCurrentProjectConfig()\n    switch (value) {\n      case 'yes': {\n        if (!config.approvedMcprcServers) {\n          config.approvedMcprcServers = []\n        }\n        if (!config.approvedMcprcServers.includes(serverName)) {\n          config.approvedMcprcServers.push(serverName)\n        }\n        saveCurrentProjectConfig(config)\n        onDone()\n        break\n      }\n      case 'no': {\n        if (!config.rejectedMcprcServers) {\n          config.rejectedMcprcServers = []\n        }\n        if (!config.rejectedMcprcServers.includes(serverName)) {\n          config.rejectedMcprcServers.push(serverName)\n        }\n        saveCurrentProjectConfig(config)\n        onDone()\n        break\n      }\n    }\n  }\n\n  const exitState = useExitOnCtrlCD(() => process.exit(0))\n\n  useInput((_input, key) => {\n    if (key.escape) {\n      onDone()\n      return\n    }\n  })\n\n  return (\n    <>\n      <Box\n        flexDirection=\"column\"\n        gap={1}\n        padding={1}\n        borderStyle=\"round\"\n        borderColor={theme.warning}\n      >\n        <Text bold color={theme.warning}>\n          New MCP Server Detected\n        </Text>\n        <Text>\n          This project contains a .mcprc file with an MCP server that requires\n          your approval:\n        </Text>\n        <Text bold>{serverName}</Text>\n\n        <MCPServerDialogCopy />\n\n        <Text>Do you want to approve this MCP server?</Text>\n\n        <Select\n          options={[\n            { label: 'Yes, approve this server', value: 'yes' },\n            { label: 'No, reject this server', value: 'no' },\n          ]}\n          onChange={value => onChange(value as 'yes' | 'no')}\n        />\n      </Box>\n      <Box marginLeft={3}>\n        <Text color={SEMANTIC_COLORS.dim}>\n          {exitState.pending ? (\n            <>Press {exitState.keyName} again to exit</>\n          ) : (\n            <>Enter to confirm \u00B7 Esc to reject</>\n          )}\n        </Text>\n      </Box>\n    </>\n  )\n}\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,MAAM,gBAAgB;AACpC,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAOzB,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,QAAQ,SAAS;AACvB,WAAS,SAAS,OAAqB;AACrC,UAAM,SAAS,wBAAwB;AACvC,YAAQ,OAAO;AAAA,MACb,KAAK,OAAO;AACV,YAAI,CAAC,OAAO,sBAAsB;AAChC,iBAAO,uBAAuB,CAAC;AAAA,QACjC;AACA,YAAI,CAAC,OAAO,qBAAqB,SAAS,UAAU,GAAG;AACrD,iBAAO,qBAAqB,KAAK,UAAU;AAAA,QAC7C;AACA,iCAAyB,MAAM;AAC/B,eAAO;AACP;AAAA,MACF;AAAA,MACA,KAAK,MAAM;AACT,YAAI,CAAC,OAAO,sBAAsB;AAChC,iBAAO,uBAAuB,CAAC;AAAA,QACjC;AACA,YAAI,CAAC,OAAO,qBAAqB,SAAS,UAAU,GAAG;AACrD,iBAAO,qBAAqB,KAAK,UAAU;AAAA,QAC7C;AACA,iCAAyB,MAAM;AAC/B,eAAO;AACP;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,YAAY,gBAAgB,MAAM,QAAQ,KAAK,CAAC,CAAC;AAEvD,WAAS,CAAC,QAAQ,QAAQ;AACxB,QAAI,IAAI,QAAQ;AACd,aAAO;AACP;AAAA,IACF;AAAA,EACF,CAAC;AAED,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,KAAK;AAAA,MACL,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,aAAa,MAAM;AAAA;AAAA,IAEnB,oCAAC,QAAK,MAAI,MAAC,OAAO,MAAM,WAAS,yBAEjC;AAAA,IACA,oCAAC,YAAK,qFAGN;AAAA,IACA,oCAAC,QAAK,MAAI,QAAE,UAAW;AAAA,IAEvB,oCAAC,yBAAoB;AAAA,IAErB,oCAAC,YAAK,yCAAuC;AAAA,IAE7C;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,UACP,EAAE,OAAO,4BAA4B,OAAO,MAAM;AAAA,UAClD,EAAE,OAAO,0BAA0B,OAAO,KAAK;AAAA,QACjD;AAAA,QACA,UAAU,WAAS,SAAS,KAAqB;AAAA;AAAA,IACnD;AAAA,EACF,GACA,oCAAC,OAAI,YAAY,KACf,oCAAC,QAAK,OAAO,gBAAgB,OAC1B,UAAU,UACT,0DAAE,UAAO,UAAU,SAAQ,gBAAc,IAEzC,0DAAE,qCAAgC,CAEtC,CACF,CACF;AAEJ;",
+  "sourcesContent": ["import React from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { Select } from './CustomSelect/select'\nimport {\n  saveCurrentProjectConfig,\n  getCurrentProjectConfig,\n} from '@utils/config'\nimport { MCPServerDialogCopy } from './MCPServerDialogCopy'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { SEMANTIC_COLORS } from '@constants/colors'\nimport { t } from '@i18n'\n\ntype Props = {\n  serverName: string\n  onDone(): void\n}\n\nexport function MCPServerApprovalDialog({\n  serverName,\n  onDone,\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  function onChange(value: 'yes' | 'no') {\n    const config = getCurrentProjectConfig()\n    switch (value) {\n      case 'yes': {\n        if (!config.approvedMcprcServers) {\n          config.approvedMcprcServers = []\n        }\n        if (!config.approvedMcprcServers.includes(serverName)) {\n          config.approvedMcprcServers.push(serverName)\n        }\n        saveCurrentProjectConfig(config)\n        onDone()\n        break\n      }\n      case 'no': {\n        if (!config.rejectedMcprcServers) {\n          config.rejectedMcprcServers = []\n        }\n        if (!config.rejectedMcprcServers.includes(serverName)) {\n          config.rejectedMcprcServers.push(serverName)\n        }\n        saveCurrentProjectConfig(config)\n        onDone()\n        break\n      }\n    }\n  }\n\n  const exitState = useExitOnCtrlCD(() => process.exit(0))\n\n  useInput((_input, key) => {\n    if (key.escape) {\n      onDone()\n      return\n    }\n  })\n\n  return (\n    <>\n      <Box\n        flexDirection=\"column\"\n        gap={1}\n        padding={1}\n        borderStyle=\"round\"\n        borderColor={theme.warning}\n      >\n        <Text bold color={theme.warning}>\n          {t('dialog.mcpServerDetected')}\n        </Text>\n        <Text>{t('dialog.mcpApprovalRequired')}</Text>\n        <Text bold>{serverName}</Text>\n\n        <MCPServerDialogCopy />\n\n        <Text>Do you want to approve this MCP server?</Text>\n\n        <Select\n          options={[\n            { label: t('dialog.approveServer'), value: 'yes' },\n            { label: t('dialog.rejectServer'), value: 'no' },\n          ]}\n          onChange={value => onChange(value as 'yes' | 'no')}\n        />\n      </Box>\n      <Box marginLeft={3}>\n        <Text color={SEMANTIC_COLORS.dim}>\n          {exitState.pending ? (\n            <>{t('prompts.pressCtrlDAgain')}</>\n          ) : (\n            <>{t('dialog.confirmRejectPrompt')}</>\n          )}\n        </Text>\n      </Box>\n    </>\n  )\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,MAAM,gBAAgB;AACpC,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,SAAS;AAOX,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,QAAQ,SAAS;AACvB,WAAS,SAAS,OAAqB;AACrC,UAAM,SAAS,wBAAwB;AACvC,YAAQ,OAAO;AAAA,MACb,KAAK,OAAO;AACV,YAAI,CAAC,OAAO,sBAAsB;AAChC,iBAAO,uBAAuB,CAAC;AAAA,QACjC;AACA,YAAI,CAAC,OAAO,qBAAqB,SAAS,UAAU,GAAG;AACrD,iBAAO,qBAAqB,KAAK,UAAU;AAAA,QAC7C;AACA,iCAAyB,MAAM;AAC/B,eAAO;AACP;AAAA,MACF;AAAA,MACA,KAAK,MAAM;AACT,YAAI,CAAC,OAAO,sBAAsB;AAChC,iBAAO,uBAAuB,CAAC;AAAA,QACjC;AACA,YAAI,CAAC,OAAO,qBAAqB,SAAS,UAAU,GAAG;AACrD,iBAAO,qBAAqB,KAAK,UAAU;AAAA,QAC7C;AACA,iCAAyB,MAAM;AAC/B,eAAO;AACP;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,YAAY,gBAAgB,MAAM,QAAQ,KAAK,CAAC,CAAC;AAEvD,WAAS,CAAC,QAAQ,QAAQ;AACxB,QAAI,IAAI,QAAQ;AACd,aAAO;AACP;AAAA,IACF;AAAA,EACF,CAAC;AAED,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,KAAK;AAAA,MACL,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,aAAa,MAAM;AAAA;AAAA,IAEnB,oCAAC,QAAK,MAAI,MAAC,OAAO,MAAM,WACrB,EAAE,0BAA0B,CAC/B;AAAA,IACA,oCAAC,YAAM,EAAE,4BAA4B,CAAE;AAAA,IACvC,oCAAC,QAAK,MAAI,QAAE,UAAW;AAAA,IAEvB,oCAAC,yBAAoB;AAAA,IAErB,oCAAC,YAAK,yCAAuC;AAAA,IAE7C;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,UACP,EAAE,OAAO,EAAE,sBAAsB,GAAG,OAAO,MAAM;AAAA,UACjD,EAAE,OAAO,EAAE,qBAAqB,GAAG,OAAO,KAAK;AAAA,QACjD;AAAA,QACA,UAAU,WAAS,SAAS,KAAqB;AAAA;AAAA,IACnD;AAAA,EACF,GACA,oCAAC,OAAI,YAAY,KACf,oCAAC,QAAK,OAAO,gBAAgB,OAC1B,UAAU,UACT,0DAAG,EAAE,yBAAyB,CAAE,IAEhC,0DAAG,EAAE,4BAA4B,CAAE,CAEvC,CACF,CACF;AAEJ;",
   "names": []
 }

package/dist/components/MCPServerMultiselectDialog.js

@@ -10,6 +10,7 @@ import { partition } from "lodash-es";
 import { MCPServerDialogCopy } from "./MCPServerDialogCopy.js";
 import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
 import { SEMANTIC_COLORS } from "../constants/colors.js";
+import { t } from "../i18n/index.js";
 function MCPServerMultiselectDialog({
   serverNames,
   onDone
@@ -58,10 +59,10 @@ function MCPServerMultiselectDialog({
       borderStyle: "round",
       borderColor: theme.warning
     },
-    /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.warning }, "New MCP Servers Detected"),
-    /* @__PURE__ */ React.createElement(Text, null, "This project contains a .mcprc file with ", serverNames.length, " MCP servers that require your approval."),
+    /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.warning }, t("dialog.mcpServersDetected")),
+    /* @__PURE__ */ React.createElement(Text, null, t("dialog.mcpApprovalRequired")),
     /* @__PURE__ */ React.createElement(MCPServerDialogCopy, null),
-    /* @__PURE__ */ React.createElement(Text, null, "Please select the servers you want to enable:"),
+    /* @__PURE__ */ React.createElement(Text, null, t("dialog.mcpSelectServers")),
     /* @__PURE__ */ React.createElement(
       MultiSelect,
       {
@@ -73,7 +74,7 @@ function MCPServerMultiselectDialog({
         onSubmit
       }
     )
-  ), /* @__PURE__ */ React.createElement(Box, { marginLeft: 3 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, exitState.pending ? /* @__PURE__ */ React.createElement(React.Fragment, null, "Press ", exitState.keyName, " again to exit") : /* @__PURE__ */ React.createElement(React.Fragment, null, "Space to select \xB7 Enter to confirm \xB7 Esc to reject all"))));
+  ), /* @__PURE__ */ React.createElement(Box, { marginLeft: 3 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, exitState.pending ? /* @__PURE__ */ React.createElement(React.Fragment, null, t("prompts.pressCtrlDAgain")) : /* @__PURE__ */ React.createElement(React.Fragment, null, t("dialog.selectConfirmRejectAllPrompt")))));
 }
 export {
   MCPServerMultiselectDialog

package/dist/components/MCPServerMultiselectDialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/MCPServerMultiselectDialog.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { MultiSelect } from '@inkjs/ui'\nimport {\n  saveCurrentProjectConfig,\n  getCurrentProjectConfig,\n} from '@utils/config'\nimport { partition } from 'lodash-es'\nimport { MCPServerDialogCopy } from './MCPServerDialogCopy'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { SEMANTIC_COLORS } from '@constants/colors'\n\ntype Props = {\n  serverNames: string[]\n  onDone(): void\n}\n\nexport function MCPServerMultiselectDialog({\n  serverNames,\n  onDone,\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  function onSubmit(selectedServers: string[]) {\n    const config = getCurrentProjectConfig()\n\n    // Initialize arrays if they don't exist\n    if (!config.approvedMcprcServers) {\n      config.approvedMcprcServers = []\n    }\n    if (!config.rejectedMcprcServers) {\n      config.rejectedMcprcServers = []\n    }\n\n    // Use partition to separate approved and rejected servers\n    const [approvedServers, rejectedServers] = partition(serverNames, server =>\n      selectedServers.includes(server),\n    )\n\n    // Add new servers directly to the respective lists\n    config.approvedMcprcServers.push(...approvedServers)\n    config.rejectedMcprcServers.push(...rejectedServers)\n\n    saveCurrentProjectConfig(config)\n    onDone()\n  }\n\n  const exitState = useExitOnCtrlCD(() => process.exit())\n\n  useInput((_input, key) => {\n    if (key.escape) {\n      // On escape, treat all servers as rejected\n      const config = getCurrentProjectConfig()\n      if (!config.rejectedMcprcServers) {\n        config.rejectedMcprcServers = []\n      }\n\n      for (const server of serverNames) {\n        if (!config.rejectedMcprcServers.includes(server)) {\n          config.rejectedMcprcServers.push(server)\n        }\n      }\n\n      saveCurrentProjectConfig(config)\n      onDone()\n      return\n    }\n  })\n\n  return (\n    <>\n      <Box\n        flexDirection=\"column\"\n        gap={1}\n        padding={1}\n        borderStyle=\"round\"\n        borderColor={theme.warning}\n      >\n        <Text bold color={theme.warning}>\n          New MCP Servers Detected\n        </Text>\n        <Text>\n          This project contains a .mcprc file with {serverNames.length} MCP\n          servers that require your approval.\n        </Text>\n        <MCPServerDialogCopy />\n\n        <Text>Please select the servers you want to enable:</Text>\n\n        <MultiSelect\n          options={serverNames.map(server => ({\n            label: server,\n            value: server,\n          }))}\n          defaultValue={serverNames}\n          onSubmit={onSubmit}\n        />\n      </Box>\n      <Box marginLeft={3}>\n        <Text color={SEMANTIC_COLORS.dim}>\n          {exitState.pending ? (\n            <>Press {exitState.keyName} again to exit</>\n          ) : (\n            <>Space to select \u00B7 Enter to confirm \u00B7 Esc to reject all</>\n          )}\n        </Text>\n      </Box>\n    </>\n  )\n}\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,MAAM,gBAAgB;AACpC,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAOzB,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,QAAQ,SAAS;AACvB,WAAS,SAAS,iBAA2B;AAC3C,UAAM,SAAS,wBAAwB;AAGvC,QAAI,CAAC,OAAO,sBAAsB;AAChC,aAAO,uBAAuB,CAAC;AAAA,IACjC;AACA,QAAI,CAAC,OAAO,sBAAsB;AAChC,aAAO,uBAAuB,CAAC;AAAA,IACjC;AAGA,UAAM,CAAC,iBAAiB,eAAe,IAAI;AAAA,MAAU;AAAA,MAAa,YAChE,gBAAgB,SAAS,MAAM;AAAA,IACjC;AAGA,WAAO,qBAAqB,KAAK,GAAG,eAAe;AACnD,WAAO,qBAAqB,KAAK,GAAG,eAAe;AAEnD,6BAAyB,MAAM;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,gBAAgB,MAAM,QAAQ,KAAK,CAAC;AAEtD,WAAS,CAAC,QAAQ,QAAQ;AACxB,QAAI,IAAI,QAAQ;AAEd,YAAM,SAAS,wBAAwB;AACvC,UAAI,CAAC,OAAO,sBAAsB;AAChC,eAAO,uBAAuB,CAAC;AAAA,MACjC;AAEA,iBAAW,UAAU,aAAa;AAChC,YAAI,CAAC,OAAO,qBAAqB,SAAS,MAAM,GAAG;AACjD,iBAAO,qBAAqB,KAAK,MAAM;AAAA,QACzC;AAAA,MACF;AAEA,+BAAyB,MAAM;AAC/B,aAAO;AACP;AAAA,IACF;AAAA,EACF,CAAC;AAED,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,KAAK;AAAA,MACL,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,aAAa,MAAM;AAAA;AAAA,IAEnB,oCAAC,QAAK,MAAI,MAAC,OAAO,MAAM,WAAS,0BAEjC;AAAA,IACA,oCAAC,YAAK,6CACsC,YAAY,QAAO,0CAE/D;AAAA,IACA,oCAAC,yBAAoB;AAAA,IAErB,oCAAC,YAAK,+CAA6C;AAAA,IAEnD;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,YAAY,IAAI,aAAW;AAAA,UAClC,OAAO;AAAA,UACP,OAAO;AAAA,QACT,EAAE;AAAA,QACF,cAAc;AAAA,QACd;AAAA;AAAA,IACF;AAAA,EACF,GACA,oCAAC,OAAI,YAAY,KACf,oCAAC,QAAK,OAAO,gBAAgB,OAC1B,UAAU,UACT,0DAAE,UAAO,UAAU,SAAQ,gBAAc,IAEzC,0DAAE,8DAAsD,CAE5D,CACF,CACF;AAEJ;",
+  "sourcesContent": ["import React from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { MultiSelect } from '@inkjs/ui'\nimport {\n  saveCurrentProjectConfig,\n  getCurrentProjectConfig,\n} from '@utils/config'\nimport { partition } from 'lodash-es'\nimport { MCPServerDialogCopy } from './MCPServerDialogCopy'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { SEMANTIC_COLORS } from '@constants/colors'\nimport { t } from '@i18n'\n\ntype Props = {\n  serverNames: string[]\n  onDone(): void\n}\n\nexport function MCPServerMultiselectDialog({\n  serverNames,\n  onDone,\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  function onSubmit(selectedServers: string[]) {\n    const config = getCurrentProjectConfig()\n\n    // Initialize arrays if they don't exist\n    if (!config.approvedMcprcServers) {\n      config.approvedMcprcServers = []\n    }\n    if (!config.rejectedMcprcServers) {\n      config.rejectedMcprcServers = []\n    }\n\n    // Use partition to separate approved and rejected servers\n    const [approvedServers, rejectedServers] = partition(serverNames, server =>\n      selectedServers.includes(server),\n    )\n\n    // Add new servers directly to the respective lists\n    config.approvedMcprcServers.push(...approvedServers)\n    config.rejectedMcprcServers.push(...rejectedServers)\n\n    saveCurrentProjectConfig(config)\n    onDone()\n  }\n\n  const exitState = useExitOnCtrlCD(() => process.exit())\n\n  useInput((_input, key) => {\n    if (key.escape) {\n      // On escape, treat all servers as rejected\n      const config = getCurrentProjectConfig()\n      if (!config.rejectedMcprcServers) {\n        config.rejectedMcprcServers = []\n      }\n\n      for (const server of serverNames) {\n        if (!config.rejectedMcprcServers.includes(server)) {\n          config.rejectedMcprcServers.push(server)\n        }\n      }\n\n      saveCurrentProjectConfig(config)\n      onDone()\n      return\n    }\n  })\n\n  return (\n    <>\n      <Box\n        flexDirection=\"column\"\n        gap={1}\n        padding={1}\n        borderStyle=\"round\"\n        borderColor={theme.warning}\n      >\n        <Text bold color={theme.warning}>\n          {t('dialog.mcpServersDetected')}\n        </Text>\n        <Text>{t('dialog.mcpApprovalRequired')}</Text>\n        <MCPServerDialogCopy />\n\n        <Text>{t('dialog.mcpSelectServers')}</Text>\n\n        <MultiSelect\n          options={serverNames.map(server => ({\n            label: server,\n            value: server,\n          }))}\n          defaultValue={serverNames}\n          onSubmit={onSubmit}\n        />\n      </Box>\n      <Box marginLeft={3}>\n        <Text color={SEMANTIC_COLORS.dim}>\n          {exitState.pending ? (\n            <>{t('prompts.pressCtrlDAgain')}</>\n          ) : (\n            <>{t('dialog.selectConfirmRejectAllPrompt')}</>\n          )}\n        </Text>\n      </Box>\n    </>\n  )\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,MAAM,gBAAgB;AACpC,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,SAAS;AAOX,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,QAAQ,SAAS;AACvB,WAAS,SAAS,iBAA2B;AAC3C,UAAM,SAAS,wBAAwB;AAGvC,QAAI,CAAC,OAAO,sBAAsB;AAChC,aAAO,uBAAuB,CAAC;AAAA,IACjC;AACA,QAAI,CAAC,OAAO,sBAAsB;AAChC,aAAO,uBAAuB,CAAC;AAAA,IACjC;AAGA,UAAM,CAAC,iBAAiB,eAAe,IAAI;AAAA,MAAU;AAAA,MAAa,YAChE,gBAAgB,SAAS,MAAM;AAAA,IACjC;AAGA,WAAO,qBAAqB,KAAK,GAAG,eAAe;AACnD,WAAO,qBAAqB,KAAK,GAAG,eAAe;AAEnD,6BAAyB,MAAM;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,gBAAgB,MAAM,QAAQ,KAAK,CAAC;AAEtD,WAAS,CAAC,QAAQ,QAAQ;AACxB,QAAI,IAAI,QAAQ;AAEd,YAAM,SAAS,wBAAwB;AACvC,UAAI,CAAC,OAAO,sBAAsB;AAChC,eAAO,uBAAuB,CAAC;AAAA,MACjC;AAEA,iBAAW,UAAU,aAAa;AAChC,YAAI,CAAC,OAAO,qBAAqB,SAAS,MAAM,GAAG;AACjD,iBAAO,qBAAqB,KAAK,MAAM;AAAA,QACzC;AAAA,MACF;AAEA,+BAAyB,MAAM;AAC/B,aAAO;AACP;AAAA,IACF;AAAA,EACF,CAAC;AAED,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,KAAK;AAAA,MACL,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,aAAa,MAAM;AAAA;AAAA,IAEnB,oCAAC,QAAK,MAAI,MAAC,OAAO,MAAM,WACrB,EAAE,2BAA2B,CAChC;AAAA,IACA,oCAAC,YAAM,EAAE,4BAA4B,CAAE;AAAA,IACvC,oCAAC,yBAAoB;AAAA,IAErB,oCAAC,YAAM,EAAE,yBAAyB,CAAE;AAAA,IAEpC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,YAAY,IAAI,aAAW;AAAA,UAClC,OAAO;AAAA,UACP,OAAO;AAAA,QACT,EAAE;AAAA,QACF,cAAc;AAAA,QACd;AAAA;AAAA,IACF;AAAA,EACF,GACA,oCAAC,OAAI,YAAY,KACf,oCAAC,QAAK,OAAO,gBAAgB,OAC1B,UAAU,UACT,0DAAG,EAAE,yBAAyB,CAAE,IAEhC,0DAAG,EAAE,qCAAqC,CAAE,CAEhD,CACF,CACF;AAEJ;",
   "names": []
 }

package/dist/components/MessageSelector.js

@@ -13,6 +13,7 @@ import {
 } from "../utils/messages.js";
 import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
 import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../constants/colors.js";
+import { t } from "../i18n/index.js";
 const MAX_VISIBLE_MESSAGES = 7;
 function MessageSelector({
   erroredToolUseIDs,
@@ -96,12 +97,12 @@ function MessageSelector({
       paddingX: 1,
       marginTop: 1
     },
-    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", minHeight: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Jump to a previous message"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "This will fork the conversation")),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", minHeight: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, t("dialog.jumpToPreviousMessage")), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, t("dialog.forkConversation"))),
     allItems.slice(firstVisibleIndex, firstVisibleIndex + MAX_VISIBLE_MESSAGES).map((msg, index) => {
       const actualIndex = firstVisibleIndex + index;
       const isSelected = actualIndex === selectedIndex;
       const isCurrent = msg.uuid === currentUUID;
-      return /* @__PURE__ */ React.createElement(Box, { key: msg.uuid, flexDirection: "row", height: 2, minHeight: 2 }, /* @__PURE__ */ React.createElement(Box, { width: 7 }, isSelected ? /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START, bold: true }, figures.pointer, " ", firstVisibleIndex + index + 1, " ") : /* @__PURE__ */ React.createElement(Text, null, "  ", firstVisibleIndex + index + 1, " ")), /* @__PURE__ */ React.createElement(Box, { height: 1, overflow: "hidden", width: 100 }, isCurrent ? /* @__PURE__ */ React.createElement(Box, { width: "100%" }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim, italic: true }, "(current)")) : Array.isArray(msg.message.content) && msg.message.content[0]?.type === "text" && isEmptyMessageText(msg.message.content[0].text) ? /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim, italic: true }, "(empty message)") : /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement(Box, { key: msg.uuid, flexDirection: "row", height: 2, minHeight: 2 }, /* @__PURE__ */ React.createElement(Box, { width: 7 }, isSelected ? /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START, bold: true }, figures.pointer, " ", firstVisibleIndex + index + 1, " ") : /* @__PURE__ */ React.createElement(Text, null, "  ", firstVisibleIndex + index + 1, " ")), /* @__PURE__ */ React.createElement(Box, { height: 1, overflow: "hidden", width: 100 }, isCurrent ? /* @__PURE__ */ React.createElement(Box, { width: "100%" }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim, italic: true }, t("dialog.current"))) : Array.isArray(msg.message.content) && msg.message.content[0]?.type === "text" && isEmptyMessageText(msg.message.content[0].text) ? /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim, italic: true }, t("dialog.emptyMessage")) : /* @__PURE__ */ React.createElement(
         MessageComponent,
         {
           message: msg,
@@ -118,7 +119,7 @@ function MessageSelector({
         }
       )));
     })
-  ), /* @__PURE__ */ React.createElement(Box, { marginLeft: 3 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, exitState.pending ? /* @__PURE__ */ React.createElement(React.Fragment, null, "Press ", exitState.keyName, " again to exit") : /* @__PURE__ */ React.createElement(React.Fragment, null, "\u2191/\u2193 to select \xB7 Enter to confirm \xB7 Tab/Esc to cancel"))));
+  ), /* @__PURE__ */ React.createElement(Box, { marginLeft: 3 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, exitState.pending ? /* @__PURE__ */ React.createElement(React.Fragment, null, t("prompts.pressCtrlDAgain")) : /* @__PURE__ */ React.createElement(React.Fragment, null, t("dialog.selectConfirmCancelPrompt")))));
 }
 export {
   MessageSelector

package/dist/components/MessageSelector.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/MessageSelector.tsx"],
-  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { useMemo, useState, useEffect } from 'react'\nimport figures from 'figures'\nimport { getTheme } from '@utils/theme'\nimport { Message as MessageComponent } from './Message'\nimport { randomUUID } from 'crypto'\nimport { type Tool } from '@tool'\nimport {\n  createUserMessage,\n  isEmptyMessageText,\n  isNotEmptyMessage,\n  normalizeMessages,\n} from '@utils/messages'\nimport type { AssistantMessage, UserMessage } from '@query'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\n\ntype Props = {\n  erroredToolUseIDs: Set<string>\n  messages: (UserMessage | AssistantMessage)[]\n  onSelect: (message: UserMessage) => void\n  onEscape: () => void\n  tools: Tool[]\n  unresolvedToolUseIDs: Set<string>\n}\n\nconst MAX_VISIBLE_MESSAGES = 7\n\nexport function MessageSelector({\n  erroredToolUseIDs,\n  messages,\n  onSelect,\n  onEscape,\n  tools,\n  unresolvedToolUseIDs,\n}: Props): React.ReactNode {\n  const currentUUID = useMemo(randomUUID, [])\n\n  useEffect(() => {}, [])\n\n  function handleSelect(message: UserMessage) {\n    const indexFromEnd = messages.length - 1 - messages.indexOf(message)\n    onSelect(message)\n  }\n\n  function handleEscape() {\n    onEscape()\n  }\n\n  // Add current prompt as a virtual message\n  const allItems = useMemo(\n    () => [\n      // Filter out tool results\n      ...messages\n        .filter(\n          _ =>\n            !(\n              _.type === 'user' &&\n              Array.isArray(_.message.content) &&\n              _.message.content[0]?.type === 'tool_result'\n            ),\n        )\n        // Filter out assistant messages, until we have a way to kick off the tool use loop from REPL\n        .filter(_ => _.type !== 'assistant'),\n      { ...createUserMessage(''), uuid: currentUUID } as UserMessage,\n    ],\n    [messages, currentUUID],\n  )\n  const [selectedIndex, setSelectedIndex] = useState(allItems.length - 1)\n\n  const exitState = useExitOnCtrlCD(() => process.exit(0))\n\n  useInput((input, key) => {\n    if (key.tab || key.escape) {\n      handleEscape()\n      return\n    }\n    if (key.return) {\n      handleSelect(allItems[selectedIndex]!)\n      return\n    }\n    if (key.upArrow) {\n      if (key.ctrl || key.shift || key.meta) {\n        // Jump to top with any modifier key\n        setSelectedIndex(0)\n      } else {\n        setSelectedIndex(prev => Math.max(0, prev - 1))\n      }\n    }\n    if (key.downArrow) {\n      if (key.ctrl || key.shift || key.meta) {\n        // Jump to bottom with any modifier key\n        setSelectedIndex(allItems.length - 1)\n      } else {\n        setSelectedIndex(prev => Math.min(allItems.length - 1, prev + 1))\n      }\n    }\n\n    // Handle number keys (1-9)\n    const num = Number(input)\n    if (!isNaN(num) && num >= 1 && num <= Math.min(9, allItems.length)) {\n      if (!allItems[num - 1]) {\n        return\n      }\n      handleSelect(allItems[num - 1]!)\n    }\n  })\n\n  const firstVisibleIndex = Math.max(\n    0,\n    Math.min(\n      selectedIndex - Math.floor(MAX_VISIBLE_MESSAGES / 2),\n      allItems.length - MAX_VISIBLE_MESSAGES,\n    ),\n  )\n\n  const normalizedMessages = useMemo(\n    () => normalizeMessages(messages).filter(isNotEmptyMessage),\n    [messages],\n  )\n\n  return (\n    <>\n      <Box\n        flexDirection=\"column\"\n        borderStyle=\"round\"\n        borderColor={getTheme().secondaryBorder}\n        height={4 + Math.min(MAX_VISIBLE_MESSAGES, allItems.length) * 2}\n        paddingX={1}\n        marginTop={1}\n      >\n        <Box flexDirection=\"column\" minHeight={2} marginBottom={1}>\n          <Text bold>Jump to a previous message</Text>\n          <Text color={SEMANTIC_COLORS.dim}>\n            This will fork the conversation\n          </Text>\n        </Box>\n        {allItems\n          .slice(firstVisibleIndex, firstVisibleIndex + MAX_VISIBLE_MESSAGES)\n          .map((msg, index) => {\n            const actualIndex = firstVisibleIndex + index\n            const isSelected = actualIndex === selectedIndex\n            const isCurrent = msg.uuid === currentUUID\n\n            return (\n              <Box key={msg.uuid} flexDirection=\"row\" height={2} minHeight={2}>\n                <Box width={7}>\n                  {isSelected ? (\n                    <Text color={BRAND_GRADIENT.START} bold>\n                      {figures.pointer} {firstVisibleIndex + index + 1}{' '}\n                    </Text>\n                  ) : (\n                    <Text>\n                      {'  '}\n                      {firstVisibleIndex + index + 1}{' '}\n                    </Text>\n                  )}\n                </Box>\n                <Box height={1} overflow=\"hidden\" width={100}>\n                  {isCurrent ? (\n                    <Box width=\"100%\">\n                      <Text color={SEMANTIC_COLORS.dim} italic>\n                        {'(current)'}\n                      </Text>\n                    </Box>\n                  ) : Array.isArray(msg.message.content) &&\n                    msg.message.content[0]?.type === 'text' &&\n                    isEmptyMessageText(msg.message.content[0].text) ? (\n                    <Text color={SEMANTIC_COLORS.dim} italic>\n                      (empty message)\n                    </Text>\n                  ) : (\n                    <MessageComponent\n                      message={msg}\n                      messages={normalizedMessages}\n                      addMargin={false}\n                      tools={tools}\n                      verbose={false}\n                      debug={false}\n                      erroredToolUseIDs={erroredToolUseIDs}\n                      inProgressToolUseIDs={new Set()}\n                      unresolvedToolUseIDs={unresolvedToolUseIDs}\n                      shouldAnimate={false}\n                      shouldShowDot={false}\n                    />\n                  )}\n                </Box>\n              </Box>\n            )\n          })}\n      </Box>\n      <Box marginLeft={3}>\n        <Text color={SEMANTIC_COLORS.dim}>\n          {exitState.pending ? (\n            <>Press {exitState.keyName} again to exit</>\n          ) : (\n            <>\u2191/\u2193 to select \u00B7 Enter to confirm \u00B7 Tab/Esc to cancel</>\n          )}\n        </Text>\n      </Box>\n    </>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { useMemo, useState, useEffect } from 'react'\nimport figures from 'figures'\nimport { getTheme } from '@utils/theme'\nimport { Message as MessageComponent } from './Message'\nimport { randomUUID } from 'crypto'\nimport { type Tool } from '@tool'\nimport {\n  createUserMessage,\n  isEmptyMessageText,\n  isNotEmptyMessage,\n  normalizeMessages,\n} from '@utils/messages'\nimport type { AssistantMessage, UserMessage } from '@query'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\nimport { t } from '@i18n'\n\ntype Props = {\n  erroredToolUseIDs: Set<string>\n  messages: (UserMessage | AssistantMessage)[]\n  onSelect: (message: UserMessage) => void\n  onEscape: () => void\n  tools: Tool[]\n  unresolvedToolUseIDs: Set<string>\n}\n\nconst MAX_VISIBLE_MESSAGES = 7\n\nexport function MessageSelector({\n  erroredToolUseIDs,\n  messages,\n  onSelect,\n  onEscape,\n  tools,\n  unresolvedToolUseIDs,\n}: Props): React.ReactNode {\n  const currentUUID = useMemo(randomUUID, [])\n\n  useEffect(() => {}, [])\n\n  function handleSelect(message: UserMessage) {\n    const indexFromEnd = messages.length - 1 - messages.indexOf(message)\n    onSelect(message)\n  }\n\n  function handleEscape() {\n    onEscape()\n  }\n\n  // Add current prompt as a virtual message\n  const allItems = useMemo(\n    () => [\n      // Filter out tool results\n      ...messages\n        .filter(\n          _ =>\n            !(\n              _.type === 'user' &&\n              Array.isArray(_.message.content) &&\n              _.message.content[0]?.type === 'tool_result'\n            ),\n        )\n        // Filter out assistant messages, until we have a way to kick off the tool use loop from REPL\n        .filter(_ => _.type !== 'assistant'),\n      { ...createUserMessage(''), uuid: currentUUID } as UserMessage,\n    ],\n    [messages, currentUUID],\n  )\n  const [selectedIndex, setSelectedIndex] = useState(allItems.length - 1)\n\n  const exitState = useExitOnCtrlCD(() => process.exit(0))\n\n  useInput((input, key) => {\n    if (key.tab || key.escape) {\n      handleEscape()\n      return\n    }\n    if (key.return) {\n      handleSelect(allItems[selectedIndex]!)\n      return\n    }\n    if (key.upArrow) {\n      if (key.ctrl || key.shift || key.meta) {\n        // Jump to top with any modifier key\n        setSelectedIndex(0)\n      } else {\n        setSelectedIndex(prev => Math.max(0, prev - 1))\n      }\n    }\n    if (key.downArrow) {\n      if (key.ctrl || key.shift || key.meta) {\n        // Jump to bottom with any modifier key\n        setSelectedIndex(allItems.length - 1)\n      } else {\n        setSelectedIndex(prev => Math.min(allItems.length - 1, prev + 1))\n      }\n    }\n\n    // Handle number keys (1-9)\n    const num = Number(input)\n    if (!isNaN(num) && num >= 1 && num <= Math.min(9, allItems.length)) {\n      if (!allItems[num - 1]) {\n        return\n      }\n      handleSelect(allItems[num - 1]!)\n    }\n  })\n\n  const firstVisibleIndex = Math.max(\n    0,\n    Math.min(\n      selectedIndex - Math.floor(MAX_VISIBLE_MESSAGES / 2),\n      allItems.length - MAX_VISIBLE_MESSAGES,\n    ),\n  )\n\n  const normalizedMessages = useMemo(\n    () => normalizeMessages(messages).filter(isNotEmptyMessage),\n    [messages],\n  )\n\n  return (\n    <>\n      <Box\n        flexDirection=\"column\"\n        borderStyle=\"round\"\n        borderColor={getTheme().secondaryBorder}\n        height={4 + Math.min(MAX_VISIBLE_MESSAGES, allItems.length) * 2}\n        paddingX={1}\n        marginTop={1}\n      >\n        <Box flexDirection=\"column\" minHeight={2} marginBottom={1}>\n          <Text bold>{t('dialog.jumpToPreviousMessage')}</Text>\n          <Text color={SEMANTIC_COLORS.dim}>\n            {t('dialog.forkConversation')}\n          </Text>\n        </Box>\n        {allItems\n          .slice(firstVisibleIndex, firstVisibleIndex + MAX_VISIBLE_MESSAGES)\n          .map((msg, index) => {\n            const actualIndex = firstVisibleIndex + index\n            const isSelected = actualIndex === selectedIndex\n            const isCurrent = msg.uuid === currentUUID\n\n            return (\n              <Box key={msg.uuid} flexDirection=\"row\" height={2} minHeight={2}>\n                <Box width={7}>\n                  {isSelected ? (\n                    <Text color={BRAND_GRADIENT.START} bold>\n                      {figures.pointer} {firstVisibleIndex + index + 1}{' '}\n                    </Text>\n                  ) : (\n                    <Text>\n                      {'  '}\n                      {firstVisibleIndex + index + 1}{' '}\n                    </Text>\n                  )}\n                </Box>\n                <Box height={1} overflow=\"hidden\" width={100}>\n                  {isCurrent ? (\n                    <Box width=\"100%\">\n                      <Text color={SEMANTIC_COLORS.dim} italic>\n                        {t('dialog.current')}\n                      </Text>\n                    </Box>\n                  ) : Array.isArray(msg.message.content) &&\n                    msg.message.content[0]?.type === 'text' &&\n                    isEmptyMessageText(msg.message.content[0].text) ? (\n                    <Text color={SEMANTIC_COLORS.dim} italic>\n                      {t('dialog.emptyMessage')}\n                    </Text>\n                  ) : (\n                    <MessageComponent\n                      message={msg}\n                      messages={normalizedMessages}\n                      addMargin={false}\n                      tools={tools}\n                      verbose={false}\n                      debug={false}\n                      erroredToolUseIDs={erroredToolUseIDs}\n                      inProgressToolUseIDs={new Set()}\n                      unresolvedToolUseIDs={unresolvedToolUseIDs}\n                      shouldAnimate={false}\n                      shouldShowDot={false}\n                    />\n                  )}\n                </Box>\n              </Box>\n            )\n          })}\n      </Box>\n      <Box marginLeft={3}>\n        <Text color={SEMANTIC_COLORS.dim}>\n          {exitState.pending ? (\n            <>{t('prompts.pressCtrlDAgain')}</>\n          ) : (\n            <>{t('dialog.selectConfirmCancelPrompt')}</>\n          )}\n        </Text>\n      </Box>\n    </>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/ModelConfig.js

@@ -12,6 +12,7 @@ import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
 import { ModelSelector } from "./ModelSelector/index.js";
 import { ModelListManager } from "./ModelListManager.js";
 import { SEMANTIC_COLORS } from "../constants/colors.js";
+import { t } from "../i18n/index.js";
 function ModelConfig({ onClose }) {
   const config = getGlobalConfig();
   const theme = getTheme();
@@ -40,7 +41,7 @@ function ModelConfig({ onClose }) {
       {
         id: "main",
         label: "Main Model",
-        description: "Primary model for general tasks and conversations",
+        description: t("ui.modelConfig.mainDescription"),
         value: config.modelPointers?.main || "",
         options: availableModels,
         type: "modelPointer",
@@ -49,7 +50,7 @@ function ModelConfig({ onClose }) {
       {
         id: "task",
         label: "Task Model",
-        description: "Model for TaskTool sub-agents and automation",
+        description: t("ui.modelConfig.taskDescription"),
         value: config.modelPointers?.task || "",
         options: availableModels,
         type: "modelPointer",
@@ -58,7 +59,7 @@ function ModelConfig({ onClose }) {
       {
         id: "reasoning",
         label: "Reasoning Model",
-        description: "Model optimized for complex reasoning tasks",
+        description: t("ui.modelConfig.reasoningDescription"),
         value: config.modelPointers?.reasoning || "",
         options: availableModels,
         type: "modelPointer",
@@ -67,7 +68,7 @@ function ModelConfig({ onClose }) {
       {
         id: "quick",
         label: "Quick Model",
-        description: "Fast model for simple operations and utilities",
+        description: t("ui.modelConfig.quickDescription"),
         value: config.modelPointers?.quick || "",
         options: availableModels,
         type: "modelPointer",
@@ -76,7 +77,7 @@ function ModelConfig({ onClose }) {
       {
         id: "compact",
         label: "Compact Model",
-        description: "Model for context compression and summarization",
+        description: t("ui.modelConfig.compactDescription"),
         value: config.modelPointers?.compact || "",
         options: availableModels,
         type: "modelPointer",
@@ -87,8 +88,8 @@ function ModelConfig({ onClose }) {
       ...modelSettings,
       {
         id: "manage-models",
-        label: "Manage Model List",
-        description: "View, add, and delete model configurations",
+        label: t("ui.model.manageList"),
+        description: t("ui.modelConfig.manageModelsDescription"),
         value: "",
         options: [],
         type: "action",
@@ -181,7 +182,7 @@ function ModelConfig({ onClose }) {
       paddingX: 1,
       marginTop: 1
     },
-    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", minHeight: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Model Configuration", isDeleteMode ? " - CLEAR MODE" : ""), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, isDeleteMode ? "Press Enter/Space to clear selected pointer assignment, Esc to cancel" : availableModels.length === 0 ? 'No models configured. Use "Configure New Model" to add your first model.' : "Configure which models to use for different tasks. Space to cycle, Enter to configure.")),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", minHeight: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, t("ui.modelConfig.title"), isDeleteMode ? ` - ${t("ui.modelConfig.clearMode")}` : ""), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, isDeleteMode ? t("ui.modelConfig.clearAssignmentPrompt") : availableModels.length === 0 ? t("ui.modelConfig.noModelsConfigured") : t("ui.modelConfig.configureHint"))),
     menuItems.map((setting, i) => {
       const isSelected = i === selectedIndex;
       let displayValue = "";
@@ -190,11 +191,11 @@ function ModelConfig({ onClose }) {
         const currentModel = setting.options.find(
           (opt) => opt.id === setting.value
         );
-        displayValue = currentModel?.name || "(not configured)";
-        actionText = isSelected ? " [Space to cycle]" : "";
+        displayValue = currentModel?.name || t("ui.model.notConfigured");
+        actionText = isSelected ? ` [${t("ui.model.spaceToCycle")}]` : "";
       } else if (setting.type === "action") {
         displayValue = "";
-        actionText = isSelected ? " [Enter to configure]" : "";
+        actionText = isSelected ? ` [${t("ui.model.enterToConfigure")}]` : "";
       }
       return /* @__PURE__ */ React.createElement(Box, { key: setting.id, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Box, { width: 44 }, /* @__PURE__ */ React.createElement(Text, { color: isSelected ? "blue" : void 0 }, isSelected ? figures.pointer : " ", " ", setting.label)), /* @__PURE__ */ React.createElement(Box, null, setting.type === "modelPointer" && /* @__PURE__ */ React.createElement(
         Text,
@@ -212,7 +213,7 @@ function ModelConfig({ onClose }) {
         borderTopColor: theme.secondaryBorder,
         borderTopStyle: "single"
       },
-      /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, isDeleteMode ? "CLEAR MODE: Press Enter/Space to clear assignment, Esc to cancel" : availableModels.length === 0 ? "Use \u2191/\u2193 to navigate, Enter to configure new model, Esc to exit" : "Use \u2191/\u2193 to navigate, Space to cycle models, Enter to configure, d to clear, Esc to exit")
+      /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, isDeleteMode ? t("ui.modelConfig.clearModePrompt") : t("ui.modelConfig.navigateHint"))
     )
   );
 }

package/dist/components/ModelConfig.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/ModelConfig.tsx"],
-  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { useState, useCallback, useEffect, useRef } from 'react'\nimport figures from 'figures'\nimport { getTheme } from '@utils/theme'\nimport {\n  getGlobalConfig,\n  saveGlobalConfig,\n  ModelPointerType,\n  setModelPointer,\n} from '@utils/config'\nimport { getModelManager } from '@utils/model'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { ModelSelector } from './ModelSelector'\nimport { ModelListManager } from './ModelListManager'\nimport { SEMANTIC_COLORS } from '@constants/colors'\n\ntype Props = {\n  onClose: () => void\n}\n\ntype ModelPointerSetting = {\n  id: ModelPointerType | 'add-new'\n  label: string\n  description: string\n  value: string\n  options: Array<{ id: string; name: string }>\n  type: 'modelPointer' | 'action'\n  onChange(value?: string): void\n}\n\nexport function ModelConfig({ onClose }: Props): React.ReactNode {\n  const config = getGlobalConfig()\n  const theme = getTheme()\n  const [selectedIndex, setSelectedIndex] = useState(0)\n  const [showModelSelector, setShowModelSelector] = useState(false)\n  const [showModelListManager, setShowModelListManager] = useState(false)\n  const [currentPointer, setCurrentPointer] = useState<ModelPointerType | null>(\n    null,\n  )\n  const [refreshKey, setRefreshKey] = useState(0) // \u6DFB\u52A0\u5237\u65B0\u952E\u6765\u5F3A\u5236\u66F4\u65B0\n  const [isDeleteMode, setIsDeleteMode] = useState(false) // \u4FDD\u7559\u7528\u4E8E\u6E05\u7A7A\u6307\u9488\u7684\u5220\u9664\u6A21\u5F0F\n  const selectedIndexRef = useRef(selectedIndex) // \u7528ref\u4FDD\u6301\u7126\u70B9\u72B6\u6001\n  // Disable exit handler when showing child components to prevent listener accumulation\n  const exitState = useExitOnCtrlCD(() => process.exit(0), {\n    isActive: !showModelSelector && !showModelListManager,\n  })\n\n  const modelManager = getModelManager()\n\n  // \u540C\u6B65 selectedIndex \u5230 ref\n  useEffect(() => {\n    selectedIndexRef.current = selectedIndex\n  }, [selectedIndex])\n\n  // Get available models for cycling (memoized) - without \"Add New Model\" option\n  const availableModels = React.useMemo((): Array<{\n    id: string\n    name: string\n  }> => {\n    const profiles = modelManager.getAvailableModels()\n    return profiles.map(p => ({ id: p.modelName, name: p.name }))\n  }, [modelManager, refreshKey]) // \u4F9D\u8D56refreshKey\u6765\u5F3A\u5236\u66F4\u65B0\n\n  // Create menu items: model pointers + \"Add New Model\" as separate item\n  const menuItems = React.useMemo(() => {\n    const modelSettings: ModelPointerSetting[] = [\n      {\n        id: 'main',\n        label: 'Main Model',\n        description: 'Primary model for general tasks and conversations',\n        value: config.modelPointers?.main || '',\n        options: availableModels,\n        type: 'modelPointer' as const,\n        onChange: (value: string) => handleModelPointerChange('main', value),\n      },\n      {\n        id: 'task',\n        label: 'Task Model',\n        description: 'Model for TaskTool sub-agents and automation',\n        value: config.modelPointers?.task || '',\n        options: availableModels,\n        type: 'modelPointer' as const,\n        onChange: (value: string) => handleModelPointerChange('task', value),\n      },\n      {\n        id: 'reasoning',\n        label: 'Reasoning Model',\n        description: 'Model optimized for complex reasoning tasks',\n        value: config.modelPointers?.reasoning || '',\n        options: availableModels,\n        type: 'modelPointer' as const,\n        onChange: (value: string) =>\n          handleModelPointerChange('reasoning', value),\n      },\n      {\n        id: 'quick',\n        label: 'Quick Model',\n        description: 'Fast model for simple operations and utilities',\n        value: config.modelPointers?.quick || '',\n        options: availableModels,\n        type: 'modelPointer' as const,\n        onChange: (value: string) => handleModelPointerChange('quick', value),\n      },\n      {\n        id: 'compact',\n        label: 'Compact Model',\n        description: 'Model for context compression and summarization',\n        value: config.modelPointers?.compact || '',\n        options: availableModels,\n        type: 'modelPointer' as const,\n        onChange: (value: string) => handleModelPointerChange('compact', value),\n      },\n    ]\n\n    // Add menu actions as separate menu items\n    return [\n      ...modelSettings,\n      {\n        id: 'manage-models',\n        label: 'Manage Model List',\n        description: 'View, add, and delete model configurations',\n        value: '',\n        options: [],\n        type: 'action' as const,\n        onChange: () => handleManageModels(),\n      },\n    ]\n  }, [config.modelPointers, availableModels, refreshKey])\n\n  const handleModelPointerChange = (\n    pointer: ModelPointerType,\n    modelId: string,\n  ) => {\n    // Direct model assignment\n    setModelPointer(pointer, modelId)\n    // Force re-render to show updated assignment\n    setRefreshKey(prev => prev + 1)\n  }\n\n  const handleManageModels = () => {\n    // Launch ModelListManager for model library management\n    setShowModelListManager(true)\n  }\n\n  const handleModelConfigurationComplete = () => {\n    // Model configuration is complete, return to model config screen\n    setShowModelSelector(false)\n    setShowModelListManager(false)\n    setCurrentPointer(null)\n    // \u89E6\u53D1\u7EC4\u4EF6\u5237\u65B0\uFF0C\u91CD\u65B0\u52A0\u8F7D\u53EF\u7528\u6A21\u578B\u5217\u8868\n    setRefreshKey(prev => prev + 1)\n    // \u5C06\u7126\u70B9\u91CD\u7F6E\u5230 \"Manage Model Library\" \u9009\u9879\n    const manageIndex = menuItems.findIndex(item => item.id === 'manage-models')\n    if (manageIndex !== -1) {\n      setSelectedIndex(manageIndex)\n    }\n  }\n\n  // Handle keyboard input - completely following Config component pattern\n  const handleInput = useCallback(\n    (input: string, key: any) => {\n      if (key.escape) {\n        if (isDeleteMode) {\n          setIsDeleteMode(false) // Exit delete mode\n        } else {\n          onClose()\n        }\n      } else if (input === 'd' && !isDeleteMode) {\n        setIsDeleteMode(true) // Enter delete mode\n      } else if (key.upArrow) {\n        setSelectedIndex(prev => Math.max(0, prev - 1))\n      } else if (key.downArrow) {\n        setSelectedIndex(prev => Math.min(menuItems.length - 1, prev + 1))\n      } else if (key.return || input === ' ') {\n        const setting = menuItems[selectedIndex]\n\n        if (isDeleteMode && setting.type === 'modelPointer' && setting.value) {\n          // Delete mode: clear the pointer assignment (not delete the model config)\n          setModelPointer(setting.id as ModelPointerType, '')\n          setRefreshKey(prev => prev + 1)\n          setIsDeleteMode(false) // Exit delete mode after clearing assignment\n        } else if (setting.type === 'modelPointer') {\n          // Normal mode: cycle through available models\n          if (setting.options.length === 0) {\n            // No models available, redirect to model library management\n            handleManageModels()\n            return\n          }\n          const currentIndex = setting.options.findIndex(\n            opt => opt.id === setting.value,\n          )\n          const nextIndex = (currentIndex + 1) % setting.options.length\n          const nextOption = setting.options[nextIndex]\n          if (nextOption) {\n            setting.onChange(nextOption.id)\n          }\n        } else if (setting.type === 'action') {\n          // Execute action (like \"Add New Model\")\n          setting.onChange()\n        }\n      }\n    },\n    [selectedIndex, menuItems, onClose, isDeleteMode, modelManager],\n  )\n\n  // Only listen for input when not showing child components\n  // This prevents multiple useInput hooks from accumulating listeners\n  useInput(handleInput, {\n    isActive: !showModelSelector && !showModelListManager,\n  })\n\n  // If showing ModelListManager, render it directly\n  if (showModelListManager) {\n    return <ModelListManager onClose={handleModelConfigurationComplete} />\n  }\n\n  // If showing ModelSelector, render it directly\n  if (showModelSelector) {\n    return (\n      <ModelSelector\n        onDone={handleModelConfigurationComplete}\n        onCancel={handleModelConfigurationComplete} // Same as onDone - return to ModelConfig\n        skipModelType={true}\n        targetPointer={currentPointer || undefined}\n        isOnboarding={false}\n        abortController={new AbortController()}\n      />\n    )\n  }\n\n  // Main configuration screen - completely following Config component layout\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      borderColor={theme.secondaryBorder}\n      paddingX={1}\n      marginTop={1}\n    >\n      <Box flexDirection=\"column\" minHeight={2} marginBottom={1}>\n        <Text bold>\n          Model Configuration{isDeleteMode ? ' - CLEAR MODE' : ''}\n        </Text>\n        <Text color={SEMANTIC_COLORS.dim}>\n          {isDeleteMode\n            ? 'Press Enter/Space to clear selected pointer assignment, Esc to cancel'\n            : availableModels.length === 0\n              ? 'No models configured. Use \"Configure New Model\" to add your first model.'\n              : 'Configure which models to use for different tasks. Space to cycle, Enter to configure.'}\n        </Text>\n      </Box>\n\n      {menuItems.map((setting, i) => {\n        const isSelected = i === selectedIndex\n        let displayValue = ''\n        let actionText = ''\n\n        if (setting.type === 'modelPointer') {\n          const currentModel = setting.options.find(\n            opt => opt.id === setting.value,\n          )\n          displayValue = currentModel?.name || '(not configured)'\n          actionText = isSelected ? ' [Space to cycle]' : ''\n        } else if (setting.type === 'action') {\n          displayValue = ''\n          actionText = isSelected ? ' [Enter to configure]' : ''\n        }\n\n        return (\n          <Box key={setting.id} flexDirection=\"column\">\n            <Box>\n              <Box width={44}>\n                <Text color={isSelected ? 'blue' : undefined}>\n                  {isSelected ? figures.pointer : ' '} {setting.label}\n                </Text>\n              </Box>\n              <Box>\n                {setting.type === 'modelPointer' && (\n                  <Text\n                    color={\n                      displayValue !== '(not configured)'\n                        ? theme.success\n                        : theme.warning\n                    }\n                  >\n                    {displayValue}\n                  </Text>\n                )}\n                {actionText && (\n                  <Text color={SEMANTIC_COLORS.info}>{actionText}</Text>\n                )}\n              </Box>\n            </Box>\n            {isSelected && (\n              <Box paddingLeft={2} marginBottom={1}>\n                <Text color={SEMANTIC_COLORS.dim}>{setting.description}</Text>\n              </Box>\n            )}\n          </Box>\n        )\n      })}\n\n      <Box\n        marginTop={1}\n        paddingTop={1}\n        borderTopColor={theme.secondaryBorder}\n        borderTopStyle=\"single\"\n      >\n        <Text color={SEMANTIC_COLORS.dim}>\n          {isDeleteMode\n            ? 'CLEAR MODE: Press Enter/Space to clear assignment, Esc to cancel'\n            : availableModels.length === 0\n              ? 'Use \u2191/\u2193 to navigate, Enter to configure new model, Esc to exit'\n              : 'Use \u2191/\u2193 to navigate, Space to cycle models, Enter to configure, d to clear, Esc to exit'}\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { useState, useCallback, useEffect, useRef } from 'react'\nimport figures from 'figures'\nimport { getTheme } from '@utils/theme'\nimport {\n  getGlobalConfig,\n  saveGlobalConfig,\n  ModelPointerType,\n  setModelPointer,\n} from '@utils/config'\nimport { getModelManager } from '@utils/model'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { ModelSelector } from './ModelSelector'\nimport { ModelListManager } from './ModelListManager'\nimport { SEMANTIC_COLORS } from '@constants/colors'\nimport { t } from '@i18n'\n\ntype Props = {\n  onClose: () => void\n}\n\ntype ModelPointerSetting = {\n  id: ModelPointerType | 'add-new'\n  label: string\n  description: string\n  value: string\n  options: Array<{ id: string; name: string }>\n  type: 'modelPointer' | 'action'\n  onChange(value?: string): void\n}\n\nexport function ModelConfig({ onClose }: Props): React.ReactNode {\n  const config = getGlobalConfig()\n  const theme = getTheme()\n  const [selectedIndex, setSelectedIndex] = useState(0)\n  const [showModelSelector, setShowModelSelector] = useState(false)\n  const [showModelListManager, setShowModelListManager] = useState(false)\n  const [currentPointer, setCurrentPointer] = useState<ModelPointerType | null>(\n    null,\n  )\n  const [refreshKey, setRefreshKey] = useState(0) // \u6DFB\u52A0\u5237\u65B0\u952E\u6765\u5F3A\u5236\u66F4\u65B0\n  const [isDeleteMode, setIsDeleteMode] = useState(false) // \u4FDD\u7559\u7528\u4E8E\u6E05\u7A7A\u6307\u9488\u7684\u5220\u9664\u6A21\u5F0F\n  const selectedIndexRef = useRef(selectedIndex) // \u7528ref\u4FDD\u6301\u7126\u70B9\u72B6\u6001\n  // Disable exit handler when showing child components to prevent listener accumulation\n  const exitState = useExitOnCtrlCD(() => process.exit(0), {\n    isActive: !showModelSelector && !showModelListManager,\n  })\n\n  const modelManager = getModelManager()\n\n  // \u540C\u6B65 selectedIndex \u5230 ref\n  useEffect(() => {\n    selectedIndexRef.current = selectedIndex\n  }, [selectedIndex])\n\n  // Get available models for cycling (memoized) - without \"Add New Model\" option\n  const availableModels = React.useMemo((): Array<{\n    id: string\n    name: string\n  }> => {\n    const profiles = modelManager.getAvailableModels()\n    return profiles.map(p => ({ id: p.modelName, name: p.name }))\n  }, [modelManager, refreshKey]) // \u4F9D\u8D56refreshKey\u6765\u5F3A\u5236\u66F4\u65B0\n\n  // Create menu items: model pointers + \"Add New Model\" as separate item\n  const menuItems = React.useMemo(() => {\n    const modelSettings: ModelPointerSetting[] = [\n      {\n        id: 'main',\n        label: 'Main Model',\n        description: t('ui.modelConfig.mainDescription'),\n        value: config.modelPointers?.main || '',\n        options: availableModels,\n        type: 'modelPointer' as const,\n        onChange: (value: string) => handleModelPointerChange('main', value),\n      },\n      {\n        id: 'task',\n        label: 'Task Model',\n        description: t('ui.modelConfig.taskDescription'),\n        value: config.modelPointers?.task || '',\n        options: availableModels,\n        type: 'modelPointer' as const,\n        onChange: (value: string) => handleModelPointerChange('task', value),\n      },\n      {\n        id: 'reasoning',\n        label: 'Reasoning Model',\n        description: t('ui.modelConfig.reasoningDescription'),\n        value: config.modelPointers?.reasoning || '',\n        options: availableModels,\n        type: 'modelPointer' as const,\n        onChange: (value: string) =>\n          handleModelPointerChange('reasoning', value),\n      },\n      {\n        id: 'quick',\n        label: 'Quick Model',\n        description: t('ui.modelConfig.quickDescription'),\n        value: config.modelPointers?.quick || '',\n        options: availableModels,\n        type: 'modelPointer' as const,\n        onChange: (value: string) => handleModelPointerChange('quick', value),\n      },\n      {\n        id: 'compact',\n        label: 'Compact Model',\n        description: t('ui.modelConfig.compactDescription'),\n        value: config.modelPointers?.compact || '',\n        options: availableModels,\n        type: 'modelPointer' as const,\n        onChange: (value: string) => handleModelPointerChange('compact', value),\n      },\n    ]\n\n    // Add menu actions as separate menu items\n    return [\n      ...modelSettings,\n      {\n        id: 'manage-models',\n        label: t('ui.model.manageList'),\n        description: t('ui.modelConfig.manageModelsDescription'),\n        value: '',\n        options: [],\n        type: 'action' as const,\n        onChange: () => handleManageModels(),\n      },\n    ]\n  }, [config.modelPointers, availableModels, refreshKey])\n\n  const handleModelPointerChange = (\n    pointer: ModelPointerType,\n    modelId: string,\n  ) => {\n    // Direct model assignment\n    setModelPointer(pointer, modelId)\n    // Force re-render to show updated assignment\n    setRefreshKey(prev => prev + 1)\n  }\n\n  const handleManageModels = () => {\n    // Launch ModelListManager for model library management\n    setShowModelListManager(true)\n  }\n\n  const handleModelConfigurationComplete = () => {\n    // Model configuration is complete, return to model config screen\n    setShowModelSelector(false)\n    setShowModelListManager(false)\n    setCurrentPointer(null)\n    // \u89E6\u53D1\u7EC4\u4EF6\u5237\u65B0\uFF0C\u91CD\u65B0\u52A0\u8F7D\u53EF\u7528\u6A21\u578B\u5217\u8868\n    setRefreshKey(prev => prev + 1)\n    // \u5C06\u7126\u70B9\u91CD\u7F6E\u5230 \"Manage Model Library\" \u9009\u9879\n    const manageIndex = menuItems.findIndex(item => item.id === 'manage-models')\n    if (manageIndex !== -1) {\n      setSelectedIndex(manageIndex)\n    }\n  }\n\n  // Handle keyboard input - completely following Config component pattern\n  const handleInput = useCallback(\n    (input: string, key: any) => {\n      if (key.escape) {\n        if (isDeleteMode) {\n          setIsDeleteMode(false) // Exit delete mode\n        } else {\n          onClose()\n        }\n      } else if (input === 'd' && !isDeleteMode) {\n        setIsDeleteMode(true) // Enter delete mode\n      } else if (key.upArrow) {\n        setSelectedIndex(prev => Math.max(0, prev - 1))\n      } else if (key.downArrow) {\n        setSelectedIndex(prev => Math.min(menuItems.length - 1, prev + 1))\n      } else if (key.return || input === ' ') {\n        const setting = menuItems[selectedIndex]\n\n        if (isDeleteMode && setting.type === 'modelPointer' && setting.value) {\n          // Delete mode: clear the pointer assignment (not delete the model config)\n          setModelPointer(setting.id as ModelPointerType, '')\n          setRefreshKey(prev => prev + 1)\n          setIsDeleteMode(false) // Exit delete mode after clearing assignment\n        } else if (setting.type === 'modelPointer') {\n          // Normal mode: cycle through available models\n          if (setting.options.length === 0) {\n            // No models available, redirect to model library management\n            handleManageModels()\n            return\n          }\n          const currentIndex = setting.options.findIndex(\n            opt => opt.id === setting.value,\n          )\n          const nextIndex = (currentIndex + 1) % setting.options.length\n          const nextOption = setting.options[nextIndex]\n          if (nextOption) {\n            setting.onChange(nextOption.id)\n          }\n        } else if (setting.type === 'action') {\n          // Execute action (like \"Add New Model\")\n          setting.onChange()\n        }\n      }\n    },\n    [selectedIndex, menuItems, onClose, isDeleteMode, modelManager],\n  )\n\n  // Only listen for input when not showing child components\n  // This prevents multiple useInput hooks from accumulating listeners\n  useInput(handleInput, {\n    isActive: !showModelSelector && !showModelListManager,\n  })\n\n  // If showing ModelListManager, render it directly\n  if (showModelListManager) {\n    return <ModelListManager onClose={handleModelConfigurationComplete} />\n  }\n\n  // If showing ModelSelector, render it directly\n  if (showModelSelector) {\n    return (\n      <ModelSelector\n        onDone={handleModelConfigurationComplete}\n        onCancel={handleModelConfigurationComplete} // Same as onDone - return to ModelConfig\n        skipModelType={true}\n        targetPointer={currentPointer || undefined}\n        isOnboarding={false}\n        abortController={new AbortController()}\n      />\n    )\n  }\n\n  // Main configuration screen - completely following Config component layout\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      borderColor={theme.secondaryBorder}\n      paddingX={1}\n      marginTop={1}\n    >\n      <Box flexDirection=\"column\" minHeight={2} marginBottom={1}>\n        <Text bold>\n          {t('ui.modelConfig.title')}\n          {isDeleteMode ? ` - ${t('ui.modelConfig.clearMode')}` : ''}\n        </Text>\n        <Text color={SEMANTIC_COLORS.dim}>\n          {isDeleteMode\n            ? t('ui.modelConfig.clearAssignmentPrompt')\n            : availableModels.length === 0\n              ? t('ui.modelConfig.noModelsConfigured')\n              : t('ui.modelConfig.configureHint')}\n        </Text>\n      </Box>\n\n      {menuItems.map((setting, i) => {\n        const isSelected = i === selectedIndex\n        let displayValue = ''\n        let actionText = ''\n\n        if (setting.type === 'modelPointer') {\n          const currentModel = setting.options.find(\n            opt => opt.id === setting.value,\n          )\n          displayValue = currentModel?.name || t('ui.model.notConfigured')\n          actionText = isSelected ? ` [${t('ui.model.spaceToCycle')}]` : ''\n        } else if (setting.type === 'action') {\n          displayValue = ''\n          actionText = isSelected ? ` [${t('ui.model.enterToConfigure')}]` : ''\n        }\n\n        return (\n          <Box key={setting.id} flexDirection=\"column\">\n            <Box>\n              <Box width={44}>\n                <Text color={isSelected ? 'blue' : undefined}>\n                  {isSelected ? figures.pointer : ' '} {setting.label}\n                </Text>\n              </Box>\n              <Box>\n                {setting.type === 'modelPointer' && (\n                  <Text\n                    color={\n                      displayValue !== '(not configured)'\n                        ? theme.success\n                        : theme.warning\n                    }\n                  >\n                    {displayValue}\n                  </Text>\n                )}\n                {actionText && (\n                  <Text color={SEMANTIC_COLORS.info}>{actionText}</Text>\n                )}\n              </Box>\n            </Box>\n            {isSelected && (\n              <Box paddingLeft={2} marginBottom={1}>\n                <Text color={SEMANTIC_COLORS.dim}>{setting.description}</Text>\n              </Box>\n            )}\n          </Box>\n        )\n      })}\n\n      <Box\n        marginTop={1}\n        paddingTop={1}\n        borderTopColor={theme.secondaryBorder}\n        borderTopStyle=\"single\"\n      >\n        <Text color={SEMANTIC_COLORS.dim}>\n          {isDeleteMode\n            ? t('ui.modelConfig.clearModePrompt')\n            : t('ui.modelConfig.navigateHint')}\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/ModelListManager.js

@@ -8,6 +8,7 @@ import { getModelManager } from "../utils/model.js";
 import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
 import { ModelSelector } from "./ModelSelector/index.js";
 import { SEMANTIC_COLORS } from "../constants/colors.js";
+import { t } from "../i18n/index.js";
 function ModelListManager({ onClose }) {
   const config = getGlobalConfig();
   const theme = getTheme();
@@ -110,7 +111,7 @@ function ModelListManager({ onClose }) {
       paddingX: 1,
       marginTop: 1
     },
-    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", minHeight: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: isDeleteMode ? "red" : void 0 }, "Manage Model List", isDeleteMode ? " - DELETE MODE" : "", exitState.pending ? ` (press ${exitState.keyName} again to exit)` : ""), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, isDeleteMode ? availableModels.length <= 1 ? "Cannot delete the last model, Esc to cancel" : "Press Enter/Space to DELETE selected model, Esc to cancel" : "Navigate: \u2191\u2193 | Select: Enter | Delete: d | Exit: Esc")),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", minHeight: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: isDeleteMode ? "red" : void 0 }, isDeleteMode ? t("ui.model.manageListDeleteMode") : t("ui.model.manageList"), exitState.pending ? ` (press ${exitState.keyName} again to exit)` : ""), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, isDeleteMode ? availableModels.length <= 1 ? t("ui.model.cannotDeleteLast") : t("ui.model.deleteConfirmPrompt") : t("ui.model.navigateHint"))),
     menuItems.map((item, i) => {
       const isSelected = i === selectedIndex;
       return /* @__PURE__ */ React.createElement(Box, { key: item.id, flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Box, { width: 50 }, /* @__PURE__ */ React.createElement(
@@ -121,7 +122,7 @@ function ModelListManager({ onClose }) {
         isSelected ? figures.pointer : " ",
         " ",
         item.name
-      )), /* @__PURE__ */ React.createElement(Box, null, item.type === "model" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "(", item.provider, ")"), item.usedBy.length > 0 && /* @__PURE__ */ React.createElement(Box, { marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "[Active: ", item.usedBy.join(", "), "]")), item.usedBy.length === 0 && /* @__PURE__ */ React.createElement(Box, { marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "[Available]"))), item.type === "action" && /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, isSelected ? "[Press Enter to add new model]" : ""))), isSelected && item.type === "action" && /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2, marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Configure a new model and add it to your library")));
+      )), /* @__PURE__ */ React.createElement(Box, null, item.type === "model" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "(", item.provider, ")"), item.usedBy.length > 0 && /* @__PURE__ */ React.createElement(Box, { marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "[", t("ui.model.activeLabel"), ": ", item.usedBy.join(", "), "]")), item.usedBy.length === 0 && /* @__PURE__ */ React.createElement(Box, { marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "[", t("ui.model.availableLabel"), "]"))), item.type === "action" && /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, isSelected ? `[${t("ui.model.addNewModelPrompt")}]` : ""))), isSelected && item.type === "action" && /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2, marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, t("ui.model.configureNewModel"))));
     }),
     /* @__PURE__ */ React.createElement(
       Box,
@@ -131,7 +132,7 @@ function ModelListManager({ onClose }) {
         borderTopColor: theme.secondaryBorder,
         borderTopStyle: "single"
       },
-      /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, isDeleteMode ? availableModels.length <= 1 ? "Cannot delete the last model - press Esc to cancel" : "DELETE MODE: Press Enter/Space to delete model, Esc to cancel" : availableModels.length <= 1 ? "Use \u2191/\u2193 to navigate, Enter to add new, Esc to exit (cannot delete last model)" : "Use \u2191/\u2193 to navigate, d to delete model, Enter to add new, Esc to exit")
+      /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, isDeleteMode ? availableModels.length <= 1 ? t("ui.model.cannotDeleteLast") : t("ui.modelConfig.clearModePrompt") : t("ui.model.deleteHint"))
     )
   );
 }

package/dist/components/ModelListManager.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/ModelListManager.tsx"],
-  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { useState, useCallback } from 'react'\nimport figures from 'figures'\nimport { getTheme } from '@utils/theme'\nimport { getGlobalConfig, ModelPointerType } from '@utils/config'\nimport { getModelManager } from '@utils/model'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { ModelSelector } from './ModelSelector'\nimport { SEMANTIC_COLORS } from '@constants/colors'\n\ntype Props = {\n  onClose: () => void\n}\n\nexport function ModelListManager({ onClose }: Props): React.ReactNode {\n  const config = getGlobalConfig()\n  const theme = getTheme()\n  const [selectedIndex, setSelectedIndex] = useState(0)\n  const [showModelSelector, setShowModelSelector] = useState(false)\n  const [isDeleteMode, setIsDeleteMode] = useState(false)\n  const [refreshKey, setRefreshKey] = useState(0)\n  // Disable exit handler when showing child components to prevent listener accumulation\n  const exitState = useExitOnCtrlCD(onClose, { isActive: !showModelSelector })\n\n  const modelManager = getModelManager()\n  const availableModels = modelManager.getAvailableModels()\n\n  // Create menu items: existing models + \"Add New Model\"\n  const menuItems = React.useMemo(() => {\n    const modelItems = availableModels.map(model => ({\n      id: model.modelName,\n      name: model.name,\n      provider: model.provider,\n      usedBy: getModelUsage(model.modelName),\n      type: 'model' as const,\n    }))\n\n    return [\n      ...modelItems,\n      {\n        id: 'add-new',\n        name: '+ Add New Model',\n        provider: '',\n        usedBy: [],\n        type: 'action' as const,\n      },\n    ]\n  }, [availableModels, config.modelPointers, refreshKey])\n\n  // Check which pointers are using this model\n  function getModelUsage(modelName: string): ModelPointerType[] {\n    const usage: ModelPointerType[] = []\n    const pointers: ModelPointerType[] = ['main', 'task', 'reasoning', 'quick']\n\n    pointers.forEach(pointer => {\n      if (config.modelPointers?.[pointer] === modelName) {\n        usage.push(pointer)\n      }\n    })\n\n    return usage\n  }\n\n  const handleDeleteModel = (modelName: string) => {\n    // Remove the model\n    modelManager.removeModel(modelName)\n\n    // The removeModel function should already clear the pointers,\n    // but let's ensure UI refreshes\n    setRefreshKey(prev => prev + 1)\n    setIsDeleteMode(false)\n  }\n\n  const handleAddNewModel = () => {\n    setShowModelSelector(true)\n  }\n\n  const handleModelConfigurationComplete = () => {\n    setShowModelSelector(false)\n    setRefreshKey(prev => prev + 1)\n  }\n\n  // Handle keyboard input\n  const handleInput = useCallback(\n    (input: string, key: any) => {\n      if (key.escape) {\n        if (isDeleteMode) {\n          setIsDeleteMode(false)\n        } else {\n          onClose()\n        }\n      } else if (input === 'd' && !isDeleteMode && availableModels.length > 1) {\n        setIsDeleteMode(true)\n      } else if (key.upArrow) {\n        setSelectedIndex(prev => Math.max(0, prev - 1))\n      } else if (key.downArrow) {\n        setSelectedIndex(prev => Math.min(menuItems.length - 1, prev + 1))\n      } else if (key.return || input === ' ') {\n        const item = menuItems[selectedIndex]\n\n        if (isDeleteMode && item.type === 'model') {\n          // Prevent deleting the last model\n          if (availableModels.length <= 1) {\n            setIsDeleteMode(false) // Exit delete mode\n            return\n          }\n          handleDeleteModel(item.id)\n        } else if (item.type === 'action') {\n          handleAddNewModel()\n        }\n        // Note: Remove any pointer switching functionality here\n      }\n    },\n    [selectedIndex, menuItems, onClose, isDeleteMode, availableModels.length],\n  )\n\n  // Only listen for input when not showing child components\n  // This prevents multiple useInput hooks from accumulating listeners\n  useInput(handleInput, { isActive: !showModelSelector })\n\n  // If showing ModelSelector, render it directly\n  if (showModelSelector) {\n    return (\n      <ModelSelector\n        onDone={handleModelConfigurationComplete}\n        onCancel={handleModelConfigurationComplete}\n        skipModelType={true}\n        isOnboarding={false}\n        abortController={new AbortController()}\n      />\n    )\n  }\n\n  // Main model list screen\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      borderColor={isDeleteMode ? 'red' : theme.secondaryBorder}\n      paddingX={1}\n      marginTop={1}\n    >\n      <Box flexDirection=\"column\" minHeight={2} marginBottom={1}>\n        <Text bold color={isDeleteMode ? 'red' : undefined}>\n          Manage Model List{isDeleteMode ? ' - DELETE MODE' : ''}\n          {exitState.pending\n            ? ` (press ${exitState.keyName} again to exit)`\n            : ''}\n        </Text>\n        <Text color={SEMANTIC_COLORS.dim}>\n          {isDeleteMode\n            ? availableModels.length <= 1\n              ? 'Cannot delete the last model, Esc to cancel'\n              : 'Press Enter/Space to DELETE selected model, Esc to cancel'\n            : 'Navigate: \u2191\u2193 | Select: Enter | Delete: d | Exit: Esc'}\n        </Text>\n      </Box>\n\n      {menuItems.map((item, i) => {\n        const isSelected = i === selectedIndex\n\n        return (\n          <Box key={item.id} flexDirection=\"column\" marginBottom={1}>\n            <Box>\n              <Box width={50}>\n                <Text\n                  color={\n                    isSelected ? (isDeleteMode ? 'red' : 'blue') : undefined\n                  }\n                >\n                  {isSelected ? figures.pointer : ' '} {item.name}\n                </Text>\n              </Box>\n              <Box>\n                {item.type === 'model' && (\n                  <>\n                    <Text color={theme.secondaryText}>({item.provider})</Text>\n                    {item.usedBy.length > 0 && (\n                      <Box marginLeft={1}>\n                        <Text color={theme.success}>\n                          [Active: {item.usedBy.join(', ')}]\n                        </Text>\n                      </Box>\n                    )}\n                    {item.usedBy.length === 0 && (\n                      <Box marginLeft={1}>\n                        <Text color={theme.secondaryText}>[Available]</Text>\n                      </Box>\n                    )}\n                  </>\n                )}\n                {item.type === 'action' && (\n                  <Text color={theme.suggestion}>\n                    {isSelected ? '[Press Enter to add new model]' : ''}\n                  </Text>\n                )}\n              </Box>\n            </Box>\n            {isSelected && item.type === 'action' && (\n              <Box paddingLeft={2} marginTop={1}>\n                <Text color={SEMANTIC_COLORS.dim}>\n                  Configure a new model and add it to your library\n                </Text>\n              </Box>\n            )}\n          </Box>\n        )\n      })}\n\n      <Box\n        marginTop={1}\n        paddingTop={1}\n        borderTopColor={theme.secondaryBorder}\n        borderTopStyle=\"single\"\n      >\n        <Text color={SEMANTIC_COLORS.dim}>\n          {isDeleteMode\n            ? availableModels.length <= 1\n              ? 'Cannot delete the last model - press Esc to cancel'\n              : 'DELETE MODE: Press Enter/Space to delete model, Esc to cancel'\n            : availableModels.length <= 1\n              ? 'Use \u2191/\u2193 to navigate, Enter to add new, Esc to exit (cannot delete last model)'\n              : 'Use \u2191/\u2193 to navigate, d to delete model, Enter to add new, Esc to exit'}\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { useState, useCallback } from 'react'\nimport figures from 'figures'\nimport { getTheme } from '@utils/theme'\nimport { getGlobalConfig, ModelPointerType } from '@utils/config'\nimport { getModelManager } from '@utils/model'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { ModelSelector } from './ModelSelector'\nimport { SEMANTIC_COLORS } from '@constants/colors'\nimport { t } from '@i18n'\n\ntype Props = {\n  onClose: () => void\n}\n\nexport function ModelListManager({ onClose }: Props): React.ReactNode {\n  const config = getGlobalConfig()\n  const theme = getTheme()\n  const [selectedIndex, setSelectedIndex] = useState(0)\n  const [showModelSelector, setShowModelSelector] = useState(false)\n  const [isDeleteMode, setIsDeleteMode] = useState(false)\n  const [refreshKey, setRefreshKey] = useState(0)\n  // Disable exit handler when showing child components to prevent listener accumulation\n  const exitState = useExitOnCtrlCD(onClose, { isActive: !showModelSelector })\n\n  const modelManager = getModelManager()\n  const availableModels = modelManager.getAvailableModels()\n\n  // Create menu items: existing models + \"Add New Model\"\n  const menuItems = React.useMemo(() => {\n    const modelItems = availableModels.map(model => ({\n      id: model.modelName,\n      name: model.name,\n      provider: model.provider,\n      usedBy: getModelUsage(model.modelName),\n      type: 'model' as const,\n    }))\n\n    return [\n      ...modelItems,\n      {\n        id: 'add-new',\n        name: '+ Add New Model',\n        provider: '',\n        usedBy: [],\n        type: 'action' as const,\n      },\n    ]\n  }, [availableModels, config.modelPointers, refreshKey])\n\n  // Check which pointers are using this model\n  function getModelUsage(modelName: string): ModelPointerType[] {\n    const usage: ModelPointerType[] = []\n    const pointers: ModelPointerType[] = ['main', 'task', 'reasoning', 'quick']\n\n    pointers.forEach(pointer => {\n      if (config.modelPointers?.[pointer] === modelName) {\n        usage.push(pointer)\n      }\n    })\n\n    return usage\n  }\n\n  const handleDeleteModel = (modelName: string) => {\n    // Remove the model\n    modelManager.removeModel(modelName)\n\n    // The removeModel function should already clear the pointers,\n    // but let's ensure UI refreshes\n    setRefreshKey(prev => prev + 1)\n    setIsDeleteMode(false)\n  }\n\n  const handleAddNewModel = () => {\n    setShowModelSelector(true)\n  }\n\n  const handleModelConfigurationComplete = () => {\n    setShowModelSelector(false)\n    setRefreshKey(prev => prev + 1)\n  }\n\n  // Handle keyboard input\n  const handleInput = useCallback(\n    (input: string, key: any) => {\n      if (key.escape) {\n        if (isDeleteMode) {\n          setIsDeleteMode(false)\n        } else {\n          onClose()\n        }\n      } else if (input === 'd' && !isDeleteMode && availableModels.length > 1) {\n        setIsDeleteMode(true)\n      } else if (key.upArrow) {\n        setSelectedIndex(prev => Math.max(0, prev - 1))\n      } else if (key.downArrow) {\n        setSelectedIndex(prev => Math.min(menuItems.length - 1, prev + 1))\n      } else if (key.return || input === ' ') {\n        const item = menuItems[selectedIndex]\n\n        if (isDeleteMode && item.type === 'model') {\n          // Prevent deleting the last model\n          if (availableModels.length <= 1) {\n            setIsDeleteMode(false) // Exit delete mode\n            return\n          }\n          handleDeleteModel(item.id)\n        } else if (item.type === 'action') {\n          handleAddNewModel()\n        }\n        // Note: Remove any pointer switching functionality here\n      }\n    },\n    [selectedIndex, menuItems, onClose, isDeleteMode, availableModels.length],\n  )\n\n  // Only listen for input when not showing child components\n  // This prevents multiple useInput hooks from accumulating listeners\n  useInput(handleInput, { isActive: !showModelSelector })\n\n  // If showing ModelSelector, render it directly\n  if (showModelSelector) {\n    return (\n      <ModelSelector\n        onDone={handleModelConfigurationComplete}\n        onCancel={handleModelConfigurationComplete}\n        skipModelType={true}\n        isOnboarding={false}\n        abortController={new AbortController()}\n      />\n    )\n  }\n\n  // Main model list screen\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      borderColor={isDeleteMode ? 'red' : theme.secondaryBorder}\n      paddingX={1}\n      marginTop={1}\n    >\n      <Box flexDirection=\"column\" minHeight={2} marginBottom={1}>\n        <Text bold color={isDeleteMode ? 'red' : undefined}>\n          {isDeleteMode\n            ? t('ui.model.manageListDeleteMode')\n            : t('ui.model.manageList')}\n          {exitState.pending\n            ? ` (press ${exitState.keyName} again to exit)`\n            : ''}\n        </Text>\n        <Text color={SEMANTIC_COLORS.dim}>\n          {isDeleteMode\n            ? availableModels.length <= 1\n              ? t('ui.model.cannotDeleteLast')\n              : t('ui.model.deleteConfirmPrompt')\n            : t('ui.model.navigateHint')}\n        </Text>\n      </Box>\n\n      {menuItems.map((item, i) => {\n        const isSelected = i === selectedIndex\n\n        return (\n          <Box key={item.id} flexDirection=\"column\" marginBottom={1}>\n            <Box>\n              <Box width={50}>\n                <Text\n                  color={\n                    isSelected ? (isDeleteMode ? 'red' : 'blue') : undefined\n                  }\n                >\n                  {isSelected ? figures.pointer : ' '} {item.name}\n                </Text>\n              </Box>\n              <Box>\n                {item.type === 'model' && (\n                  <>\n                    <Text color={theme.secondaryText}>({item.provider})</Text>\n                    {item.usedBy.length > 0 && (\n                      <Box marginLeft={1}>\n                        <Text color={theme.success}>\n                          [{t('ui.model.activeLabel')}: {item.usedBy.join(', ')}\n                          ]\n                        </Text>\n                      </Box>\n                    )}\n                    {item.usedBy.length === 0 && (\n                      <Box marginLeft={1}>\n                        <Text color={theme.secondaryText}>\n                          [{t('ui.model.availableLabel')}]\n                        </Text>\n                      </Box>\n                    )}\n                  </>\n                )}\n                {item.type === 'action' && (\n                  <Text color={theme.suggestion}>\n                    {isSelected ? `[${t('ui.model.addNewModelPrompt')}]` : ''}\n                  </Text>\n                )}\n              </Box>\n            </Box>\n            {isSelected && item.type === 'action' && (\n              <Box paddingLeft={2} marginTop={1}>\n                <Text color={SEMANTIC_COLORS.dim}>\n                  {t('ui.model.configureNewModel')}\n                </Text>\n              </Box>\n            )}\n          </Box>\n        )\n      })}\n\n      <Box\n        marginTop={1}\n        paddingTop={1}\n        borderTopColor={theme.secondaryBorder}\n        borderTopStyle=\"single\"\n      >\n        <Text color={SEMANTIC_COLORS.dim}>\n          {isDeleteMode\n            ? availableModels.length <= 1\n              ? t('ui.model.cannotDeleteLast')\n              : t('ui.modelConfig.clearModePrompt')\n            : t('ui.model.deleteHint')}\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/ModelSelector/BrandTextInput.js

@@ -0,0 +1,43 @@
+import React from "react";
+import { Box, Text } from "ink";
+import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../../constants/colors.js";
+import { SimpleSpinner } from "../Spinner.js";
+import TextInput from "../TextInput.js";
+import { WizardContainer } from "./WizardContainer.js";
+function BrandTextInput({
+  title,
+  description,
+  placeholder,
+  value,
+  onChange,
+  onSubmit,
+  mask,
+  error,
+  isLoading,
+  loadingText,
+  hint,
+  footerHint,
+  cursorOffset,
+  onChangeCursorOffset
+}) {
+  const footer = footerHint ? /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, footerHint) : void 0;
+  return /* @__PURE__ */ React.createElement(WizardContainer, { title, footer }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, description)), hint && /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, hint), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u25B8", " "), /* @__PURE__ */ React.createElement(
+    TextInput,
+    {
+      placeholder,
+      value,
+      onChange,
+      onSubmit,
+      mask,
+      columns: 500,
+      cursorOffset,
+      onChangeCursorOffset,
+      showCursor: !isLoading,
+      focus: !isLoading
+    }
+  )), isLoading && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(SimpleSpinner, null), /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.MIDDLE }, " ", loadingText || "Loading...")), error && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.error }, error)));
+}
+export {
+  BrandTextInput
+};
+//# sourceMappingURL=BrandTextInput.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ModelSelector/BrandTextInput.tsx"],
+  "sourcesContent": ["/**\n * BrandTextInput Component\n *\n * Standardized text input wrapper using WizardContainer.\n * Provides consistent layout for all wizard text input screens:\n * title, description, input field, action hints, error/loading display.\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\nimport { SimpleSpinner } from '@components/Spinner'\nimport TextInput from '../TextInput'\nimport { WizardContainer } from './WizardContainer'\n\ntype BrandTextInputProps = {\n  title: string\n  description: string\n  placeholder: string\n  value: string\n  onChange: (value: string) => void\n  onSubmit: (value: string) => void\n  mask?: string\n  error?: string | null\n  isLoading?: boolean\n  loadingText?: string\n  hint?: React.ReactNode\n  footerHint?: string\n  cursorOffset?: number\n  onChangeCursorOffset?: (offset: number) => void\n}\n\nexport function BrandTextInput({\n  title,\n  description,\n  placeholder,\n  value,\n  onChange,\n  onSubmit,\n  mask,\n  error,\n  isLoading,\n  loadingText,\n  hint,\n  footerHint,\n  cursorOffset,\n  onChangeCursorOffset,\n}: BrandTextInputProps) {\n  const footer = footerHint ? (\n    <Text color={SEMANTIC_COLORS.muted}>{footerHint}</Text>\n  ) : undefined\n\n  return (\n    <WizardContainer title={title} footer={footer}>\n      {/* Description */}\n      <Box flexDirection=\"column\" marginBottom={1}>\n        <Text color={SEMANTIC_COLORS.secondary}>{description}</Text>\n      </Box>\n\n      {/* Provider-specific hints */}\n      {hint && <Box marginBottom={1}>{hint}</Box>}\n\n      {/* Input field */}\n      <Box>\n        <Text color={BRAND_GRADIENT.START}>{'\\u25B8'} </Text>\n        <TextInput\n          placeholder={placeholder}\n          value={value}\n          onChange={onChange}\n          onSubmit={onSubmit}\n          mask={mask}\n          columns={500}\n          cursorOffset={cursorOffset}\n          onChangeCursorOffset={onChangeCursorOffset}\n          showCursor={!isLoading}\n          focus={!isLoading}\n        />\n      </Box>\n\n      {/* Loading state */}\n      {isLoading && (\n        <Box marginTop={1}>\n          <SimpleSpinner />\n          <Text color={BRAND_GRADIENT.MIDDLE}>\n            {' '}\n            {loadingText || 'Loading...'}\n          </Text>\n        </Box>\n      )}\n\n      {/* Error state */}\n      {error && (\n        <Box marginTop={1}>\n          <Text color={SEMANTIC_COLORS.error}>{error}</Text>\n        </Box>\n      )}\n    </WizardContainer>\n  )\n}\n"],
+  "mappings": "AAQA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,qBAAqB;AAC9B,OAAO,eAAe;AACtB,SAAS,uBAAuB;AAmBzB,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,SAAS,aACb,oCAAC,QAAK,OAAO,gBAAgB,SAAQ,UAAW,IAC9C;AAEJ,SACE,oCAAC,mBAAgB,OAAc,UAE7B,oCAAC,OAAI,eAAc,UAAS,cAAc,KACxC,oCAAC,QAAK,OAAO,gBAAgB,aAAY,WAAY,CACvD,GAGC,QAAQ,oCAAC,OAAI,cAAc,KAAI,IAAK,GAGrC,oCAAC,WACC,oCAAC,QAAK,OAAO,eAAe,SAAQ,UAAS,GAAC,GAC9C;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,YAAY,CAAC;AAAA,MACb,OAAO,CAAC;AAAA;AAAA,EACV,CACF,GAGC,aACC,oCAAC,OAAI,WAAW,KACd,oCAAC,mBAAc,GACf,oCAAC,QAAK,OAAO,eAAe,UACzB,KACA,eAAe,YAClB,CACF,GAID,SACC,oCAAC,OAAI,WAAW,KACd,oCAAC,QAAK,OAAO,gBAAgB,SAAQ,KAAM,CAC7C,CAEJ;AAEJ;",
+  "names": []
+}