@within-7/minto 0.3.5 → 0.3.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{cli.js → cli.cjs} +25 -23
- package/dist/commands/language.js +137 -0
- package/dist/commands/language.js.map +7 -0
- package/dist/commands/new.js +56 -0
- package/dist/commands/new.js.map +7 -0
- package/dist/commands/resume.js +251 -16
- package/dist/commands/resume.js.map +2 -2
- package/dist/commands/sessions.js +224 -0
- package/dist/commands/sessions.js.map +7 -0
- package/dist/commands/setup.js +3 -2
- package/dist/commands/setup.js.map +2 -2
- package/dist/commands/stats.js +235 -0
- package/dist/commands/stats.js.map +7 -0
- package/dist/commands/status.js +11 -5
- package/dist/commands/status.js.map +2 -2
- package/dist/commands/undo.js +26 -16
- package/dist/commands/undo.js.map +2 -2
- package/dist/commands.js +6 -0
- package/dist/commands.js.map +2 -2
- package/dist/components/AskUserQuestionDialog/AskUserQuestionDialog.js +3 -2
- package/dist/components/AskUserQuestionDialog/AskUserQuestionDialog.js.map +2 -2
- package/dist/components/Config.js +9 -8
- package/dist/components/Config.js.map +2 -2
- package/dist/components/HeaderBar.js +2 -1
- package/dist/components/HeaderBar.js.map +2 -2
- package/dist/components/Help.js +2 -1
- package/dist/components/Help.js.map +2 -2
- package/dist/components/HotkeyHelpPanel.js +46 -44
- package/dist/components/HotkeyHelpPanel.js.map +2 -2
- package/dist/components/Logo.js +5 -2
- package/dist/components/Logo.js.map +2 -2
- package/dist/components/MCPServerApprovalDialog.js +6 -5
- package/dist/components/MCPServerApprovalDialog.js.map +2 -2
- package/dist/components/MCPServerMultiselectDialog.js +5 -4
- package/dist/components/MCPServerMultiselectDialog.js.map +2 -2
- package/dist/components/MessageSelector.js +4 -3
- package/dist/components/MessageSelector.js.map +2 -2
- package/dist/components/ModelConfig.js +13 -12
- package/dist/components/ModelConfig.js.map +2 -2
- package/dist/components/ModelListManager.js +4 -3
- package/dist/components/ModelListManager.js.map +2 -2
- package/dist/components/PromptInput.js +72 -39
- package/dist/components/PromptInput.js.map +2 -2
- package/dist/components/SensitiveFileWarning.js +12 -8
- package/dist/components/SensitiveFileWarning.js.map +2 -2
- package/dist/components/TabbedListView/ScrollableList.js +91 -0
- package/dist/components/TabbedListView/ScrollableList.js.map +7 -0
- package/dist/components/TabbedListView/SearchInput.js +23 -0
- package/dist/components/TabbedListView/SearchInput.js.map +7 -0
- package/dist/components/TabbedListView/TabBar.js +20 -0
- package/dist/components/TabbedListView/TabBar.js.map +7 -0
- package/dist/components/TabbedListView/TabbedListView.js +171 -0
- package/dist/components/TabbedListView/TabbedListView.js.map +7 -0
- package/dist/components/TabbedListView/index.js +11 -0
- package/dist/components/TabbedListView/index.js.map +7 -0
- package/dist/components/TabbedListView/types.js +1 -0
- package/dist/components/TabbedListView/types.js.map +7 -0
- package/dist/components/TodoChangeBlock.js +6 -5
- package/dist/components/TodoChangeBlock.js.map +3 -3
- package/dist/components/TodoPanel.js +6 -3
- package/dist/components/TodoPanel.js.map +3 -3
- package/dist/components/TrustDialog.js +6 -5
- package/dist/components/TrustDialog.js.map +2 -2
- package/dist/components/messages/UserToolResultMessage/UserToolCanceledMessage.js +2 -1
- package/dist/components/messages/UserToolResultMessage/UserToolCanceledMessage.js.map +2 -2
- package/dist/constants/macros.js +1 -1
- package/dist/constants/macros.js.map +1 -1
- package/dist/constants/product.js +2 -2
- package/dist/constants/product.js.map +1 -1
- package/dist/constants/prompts.js +17 -0
- package/dist/constants/prompts.js.map +2 -2
- package/dist/constants/toolInputExamples.js +5 -1
- package/dist/constants/toolInputExamples.js.map +2 -2
- package/dist/core/tokenStatsManager.js +5 -0
- package/dist/core/tokenStatsManager.js.map +2 -2
- package/dist/entrypoints/bootstrap.js +54 -0
- package/dist/entrypoints/bootstrap.js.map +7 -0
- package/dist/entrypoints/cli.js +132 -23
- package/dist/entrypoints/cli.js.map +3 -3
- package/dist/history.js +75 -15
- package/dist/history.js.map +2 -2
- package/dist/i18n/index.js +2 -2
- package/dist/i18n/index.js.map +2 -2
- package/dist/i18n/locales/en.js +283 -1
- package/dist/i18n/locales/en.js.map +2 -2
- package/dist/i18n/locales/zh-CN.js +283 -1
- package/dist/i18n/locales/zh-CN.js.map +2 -2
- package/dist/i18n/types.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +2 -2
- package/dist/messages.js +11 -0
- package/dist/messages.js.map +2 -2
- package/dist/permissions.js.map +2 -2
- package/dist/query.js +9 -0
- package/dist/query.js.map +2 -2
- package/dist/screens/REPL.js +45 -7
- package/dist/screens/REPL.js.map +2 -2
- package/dist/services/customCommands.js +14 -8
- package/dist/services/customCommands.js.map +2 -2
- package/dist/tools/TaskTool/TaskTool.js +176 -1
- package/dist/tools/TaskTool/TaskTool.js.map +2 -2
- package/dist/tools/TodoWriteTool/prompt.js +21 -0
- package/dist/tools/TodoWriteTool/prompt.js.map +2 -2
- package/dist/tools/URLFetcherTool/prompt.js +14 -9
- package/dist/tools/URLFetcherTool/prompt.js.map +2 -2
- package/dist/tools/WebSearchTool/prompt.js +12 -6
- package/dist/tools/WebSearchTool/prompt.js.map +2 -2
- package/dist/types/PermissionMode.js +30 -1
- package/dist/types/PermissionMode.js.map +2 -2
- package/dist/types/plugin.js.map +2 -2
- package/dist/utils/agentHookExecutor.js +106 -0
- package/dist/utils/agentHookExecutor.js.map +7 -0
- package/dist/utils/agentLoader.js +212 -26
- package/dist/utils/agentLoader.js.map +2 -2
- package/dist/utils/agentMemory.js +134 -0
- package/dist/utils/agentMemory.js.map +7 -0
- package/dist/utils/config.js +51 -1
- package/dist/utils/config.js.map +2 -2
- package/dist/utils/configPaths.js +199 -0
- package/dist/utils/configPaths.js.map +7 -0
- package/dist/utils/historyManager.js +234 -0
- package/dist/utils/historyManager.js.map +7 -0
- package/dist/utils/messages.js +13 -8
- package/dist/utils/messages.js.map +2 -2
- package/dist/utils/migration/index.js +37 -0
- package/dist/utils/migration/index.js.map +7 -0
- package/dist/utils/migration/migrateHistory.js +273 -0
- package/dist/utils/migration/migrateHistory.js.map +7 -0
- package/dist/utils/migration/migrateTodos.js +323 -0
- package/dist/utils/migration/migrateTodos.js.map +7 -0
- package/dist/utils/pasteCache.js +309 -0
- package/dist/utils/pasteCache.js.map +7 -0
- package/dist/utils/pluginLoader.js +6 -3
- package/dist/utils/pluginLoader.js.map +2 -2
- package/dist/utils/sessionIndex.js +192 -0
- package/dist/utils/sessionIndex.js.map +7 -0
- package/dist/utils/sessionTracker.js +170 -0
- package/dist/utils/sessionTracker.js.map +7 -0
- package/dist/utils/skillLoader.js +91 -5
- package/dist/utils/skillLoader.js.map +2 -2
- package/dist/utils/stats.js +417 -0
- package/dist/utils/stats.js.map +7 -0
- package/dist/utils/stringSubstitution.js +107 -0
- package/dist/utils/stringSubstitution.js.map +7 -0
- package/dist/utils/teamConfig.js +3 -1
- package/dist/utils/teamConfig.js.map +2 -2
- package/dist/utils/todoStorage.js +51 -19
- package/dist/utils/todoStorage.js.map +2 -2
- package/dist/utils/tooling/safeRender.js.map +2 -2
- package/dist/version.js +2 -2
- package/dist/version.js.map +1 -1
- package/package.json +71 -28
- package/scripts/{postinstall.js → postinstall.cjs} +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/Logo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Box, Text } from 'ink'\nimport * as React from 'react'\nimport { getTheme } from '@utils/theme'\nimport { getCwd } from '@utils/state'\nimport type { WrappedClient } from '@services/mcpClient'\nimport { MACRO } from '@constants/macros'\nimport { t } from '@i18n'\nimport path from 'path'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\n\nexport const MIN_LOGO_WIDTH = 50\n\n/**\n * Get terminal width directly from stdout.\n * This is critical for Static component re-renders after clearTerminal,\n * as Ink's yoga-layout may not correctly infer the terminal width.\n */\nfunction getTerminalWidth(): number {\n return process.stdout.columns || 80\n}\n\nconst DEFAULT_UPDATE_COMMANDS = [\n 'bun add -g @within-7/minto@latest',\n 'npm install -g @within-7/minto@latest',\n] as const\n\nexport function Logo({\n mcpClients,\n isDefaultModel = false,\n updateBannerVersion,\n updateBannerCommands,\n}: {\n mcpClients: WrappedClient[]\n isDefaultModel?: boolean\n updateBannerVersion?: string | null\n updateBannerCommands?: string[] | null\n}): React.ReactNode {\n const theme = getTheme()\n const cwd = getCwd()\n const projectName = path.basename(cwd)\n const logoLines = ['\u2588\u2580\u2584\u2580\u2588 \u2588 \u2588\u2584 \u2588 \u2580\u2588\u2580 \u2588\u2580\u2588', '\u2588 \u2580 \u2588 \u2588 \u2588 \u2580\u2588 \u2588 \u2588\u2584\u2588']\n\n // Use explicit terminal width to ensure full-width rendering\n // This is critical after clearTerminal() when Ink's Static re-renders\n const terminalWidth = getTerminalWidth()\n\n return (\n <Box flexDirection=\"column\" width={terminalWidth}>\n {/* Update banner - outside the bordered area */}\n {updateBannerVersion ? (\n <Box flexDirection=\"column\" paddingX={1} marginBottom={1}>\n <Text color={SEMANTIC_COLORS.running}>\n
|
|
5
|
-
"mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB,SAAS,aAAa;AACtB,SAAS,SAAS;AAClB,OAAO,UAAU;AACjB,SAAS,gBAAgB,uBAAuB;AAEzC,MAAM,iBAAiB;AAO9B,SAAS,mBAA2B;AAClC,SAAO,QAAQ,OAAO,WAAW;AACnC;AAEA,MAAM,0BAA0B;AAAA,EAC9B;AAAA,EACA;AACF;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AACF,GAKoB;AAClB,QAAM,QAAQ,SAAS;AACvB,QAAM,MAAM,OAAO;AACnB,QAAM,cAAc,KAAK,SAAS,GAAG;AACrC,QAAM,YAAY,CAAC,mGAAwB,6EAAsB;AAIjE,QAAM,gBAAgB,iBAAiB;AAEvC,SACE,oCAAC,OAAI,eAAc,UAAS,OAAO,iBAEhC,sBACC,oCAAC,OAAI,eAAc,UAAS,UAAU,GAAG,cAAc,KACrD,oCAAC,QAAK,OAAO,gBAAgB,
|
|
4
|
+
"sourcesContent": ["import { Box, Text } from 'ink'\nimport * as React from 'react'\nimport { getTheme } from '@utils/theme'\nimport { getCwd } from '@utils/state'\nimport type { WrappedClient } from '@services/mcpClient'\nimport { MACRO } from '@constants/macros'\nimport { t } from '@i18n'\nimport path from 'path'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\n\nexport const MIN_LOGO_WIDTH = 50\n\n/**\n * Get terminal width directly from stdout.\n * This is critical for Static component re-renders after clearTerminal,\n * as Ink's yoga-layout may not correctly infer the terminal width.\n */\nfunction getTerminalWidth(): number {\n return process.stdout.columns || 80\n}\n\nconst DEFAULT_UPDATE_COMMANDS = [\n 'bun add -g @within-7/minto@latest',\n 'npm install -g @within-7/minto@latest',\n] as const\n\nexport function Logo({\n mcpClients,\n isDefaultModel = false,\n updateBannerVersion,\n updateBannerCommands,\n}: {\n mcpClients: WrappedClient[]\n isDefaultModel?: boolean\n updateBannerVersion?: string | null\n updateBannerCommands?: string[] | null\n}): React.ReactNode {\n const theme = getTheme()\n const cwd = getCwd()\n const projectName = path.basename(cwd)\n const logoLines = ['\u2588\u2580\u2584\u2580\u2588 \u2588 \u2588\u2584 \u2588 \u2580\u2588\u2580 \u2588\u2580\u2588', '\u2588 \u2580 \u2588 \u2588 \u2588 \u2580\u2588 \u2588 \u2588\u2584\u2588']\n\n // Use explicit terminal width to ensure full-width rendering\n // This is critical after clearTerminal() when Ink's Static re-renders\n const terminalWidth = getTerminalWidth()\n\n return (\n <Box flexDirection=\"column\" width={terminalWidth}>\n {/* Update banner - outside the bordered area */}\n {updateBannerVersion ? (\n <Box flexDirection=\"column\" paddingX={1} marginBottom={1}>\n <Text color={SEMANTIC_COLORS.running}>\n {t('ui.update.newVersionAvailable', {\n version: updateBannerVersion,\n current: MACRO.VERSION,\n })}\n </Text>\n <Text>{t('ui.update.runCommand')}</Text>\n <Text>\n {' '}\n {updateBannerCommands?.[1] ?? DEFAULT_UPDATE_COMMANDS[1]}\n </Text>\n {process.platform !== 'win32' && (\n <Text color={SEMANTIC_COLORS.dim}>{t('ui.update.sudoNote')}</Text>\n )}\n </Box>\n ) : null}\n\n {/* Main header with top/bottom borders */}\n <Box\n flexDirection=\"column\"\n borderTop={true}\n borderBottom={true}\n borderLeft={false}\n borderRight={false}\n borderColor={BRAND_GRADIENT.START}\n borderStyle=\"single\"\n width={terminalWidth}\n paddingX={1}\n paddingY={1}\n >\n {/* Logo section - centered */}\n <Box flexDirection=\"column\" alignItems=\"center\">\n <Text color={BRAND_GRADIENT.START}>\u25C6</Text>\n <Box flexDirection=\"column\" alignItems=\"center\" marginY={1}>\n <Text color={BRAND_GRADIENT.START} bold>\n {logoLines[0]}\n </Text>\n <Text color={BRAND_GRADIENT.END} bold>\n {logoLines[1]}\n </Text>\n </Box>\n <Text>\n <Text color={BRAND_GRADIENT.START}>\n {t('ui.welcome.taglinePart1')}\n </Text>\n <Text color={theme.secondaryText}> \u00B7 </Text>\n <Text color={BRAND_GRADIENT.END}>\n {t('ui.welcome.taglinePart2')}\n </Text>\n <Text color={SEMANTIC_COLORS.dim}> \u00B7 v{MACRO.VERSION}</Text>\n </Text>\n </Box>\n\n {/* Welcome message */}\n <Box marginTop={1}>\n <Text>\n <Text color={BRAND_GRADIENT.START}>\u273B</Text> {t('ui.welcome.title')}\n </Text>\n </Box>\n\n {/* Quick start tips */}\n <Box flexDirection=\"column\" marginTop={1}>\n <Text bold>{t('ui.welcome.quickStart')}:</Text>\n <Text>\u2022 {t('ui.welcome.tip1')}</Text>\n <Text>\u2022 {t('ui.welcome.tip2')}</Text>\n <Text>\u2022 {t('ui.welcome.tip3')}</Text>\n </Box>\n\n {/* Project folder */}\n <Box marginTop={1}>\n <Text color={theme.secondaryText}>\uD83D\uDCC2 {projectName}</Text>\n </Box>\n </Box>\n </Box>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB,SAAS,aAAa;AACtB,SAAS,SAAS;AAClB,OAAO,UAAU;AACjB,SAAS,gBAAgB,uBAAuB;AAEzC,MAAM,iBAAiB;AAO9B,SAAS,mBAA2B;AAClC,SAAO,QAAQ,OAAO,WAAW;AACnC;AAEA,MAAM,0BAA0B;AAAA,EAC9B;AAAA,EACA;AACF;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AACF,GAKoB;AAClB,QAAM,QAAQ,SAAS;AACvB,QAAM,MAAM,OAAO;AACnB,QAAM,cAAc,KAAK,SAAS,GAAG;AACrC,QAAM,YAAY,CAAC,mGAAwB,6EAAsB;AAIjE,QAAM,gBAAgB,iBAAiB;AAEvC,SACE,oCAAC,OAAI,eAAc,UAAS,OAAO,iBAEhC,sBACC,oCAAC,OAAI,eAAc,UAAS,UAAU,GAAG,cAAc,KACrD,oCAAC,QAAK,OAAO,gBAAgB,WAC1B,EAAE,iCAAiC;AAAA,IAClC,SAAS;AAAA,IACT,SAAS,MAAM;AAAA,EACjB,CAAC,CACH,GACA,oCAAC,YAAM,EAAE,sBAAsB,CAAE,GACjC,oCAAC,YACE,MACA,uBAAuB,CAAC,KAAK,wBAAwB,CAAC,CACzD,GACC,QAAQ,aAAa,WACpB,oCAAC,QAAK,OAAO,gBAAgB,OAAM,EAAE,oBAAoB,CAAE,CAE/D,IACE,MAGJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,WAAW;AAAA,MACX,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa,eAAe;AAAA,MAC5B,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA;AAAA,IAGV,oCAAC,OAAI,eAAc,UAAS,YAAW,YACrC,oCAAC,QAAK,OAAO,eAAe,SAAO,QAAC,GACpC,oCAAC,OAAI,eAAc,UAAS,YAAW,UAAS,SAAS,KACvD,oCAAC,QAAK,OAAO,eAAe,OAAO,MAAI,QACpC,UAAU,CAAC,CACd,GACA,oCAAC,QAAK,OAAO,eAAe,KAAK,MAAI,QAClC,UAAU,CAAC,CACd,CACF,GACA,oCAAC,YACC,oCAAC,QAAK,OAAO,eAAe,SACzB,EAAE,yBAAyB,CAC9B,GACA,oCAAC,QAAK,OAAO,MAAM,iBAAe,QAAG,GACrC,oCAAC,QAAK,OAAO,eAAe,OACzB,EAAE,yBAAyB,CAC9B,GACA,oCAAC,QAAK,OAAO,gBAAgB,OAAK,WAAK,MAAM,OAAQ,CACvD,CACF;AAAA,IAGA,oCAAC,OAAI,WAAW,KACd,oCAAC,YACC,oCAAC,QAAK,OAAO,eAAe,SAAO,QAAC,GAAO,KAAE,EAAE,kBAAkB,CACnE,CACF;AAAA,IAGA,oCAAC,OAAI,eAAc,UAAS,WAAW,KACrC,oCAAC,QAAK,MAAI,QAAE,EAAE,uBAAuB,GAAE,GAAC,GACxC,oCAAC,YAAK,WAAG,EAAE,iBAAiB,CAAE,GAC9B,oCAAC,YAAK,WAAG,EAAE,iBAAiB,CAAE,GAC9B,oCAAC,YAAK,WAAG,EAAE,iBAAiB,CAAE,CAChC;AAAA,IAGA,oCAAC,OAAI,WAAW,KACd,oCAAC,QAAK,OAAO,MAAM,iBAAe,cAAI,WAAY,CACpD;AAAA,EACF,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -9,6 +9,7 @@ import {
|
|
|
9
9
|
import { MCPServerDialogCopy } from "./MCPServerDialogCopy.js";
|
|
10
10
|
import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
|
|
11
11
|
import { SEMANTIC_COLORS } from "../constants/colors.js";
|
|
12
|
+
import { t } from "../i18n/index.js";
|
|
12
13
|
function MCPServerApprovalDialog({
|
|
13
14
|
serverName,
|
|
14
15
|
onDone
|
|
@@ -57,8 +58,8 @@ function MCPServerApprovalDialog({
|
|
|
57
58
|
borderStyle: "round",
|
|
58
59
|
borderColor: theme.warning
|
|
59
60
|
},
|
|
60
|
-
/* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.warning }, "
|
|
61
|
-
/* @__PURE__ */ React.createElement(Text, null, "
|
|
61
|
+
/* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.warning }, t("dialog.mcpServerDetected")),
|
|
62
|
+
/* @__PURE__ */ React.createElement(Text, null, t("dialog.mcpApprovalRequired")),
|
|
62
63
|
/* @__PURE__ */ React.createElement(Text, { bold: true }, serverName),
|
|
63
64
|
/* @__PURE__ */ React.createElement(MCPServerDialogCopy, null),
|
|
64
65
|
/* @__PURE__ */ React.createElement(Text, null, "Do you want to approve this MCP server?"),
|
|
@@ -66,13 +67,13 @@ function MCPServerApprovalDialog({
|
|
|
66
67
|
Select,
|
|
67
68
|
{
|
|
68
69
|
options: [
|
|
69
|
-
{ label: "
|
|
70
|
-
{ label: "
|
|
70
|
+
{ label: t("dialog.approveServer"), value: "yes" },
|
|
71
|
+
{ label: t("dialog.rejectServer"), value: "no" }
|
|
71
72
|
],
|
|
72
73
|
onChange: (value) => onChange(value)
|
|
73
74
|
}
|
|
74
75
|
)
|
|
75
|
-
), /* @__PURE__ */ React.createElement(Box, { marginLeft: 3 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, exitState.pending ? /* @__PURE__ */ React.createElement(React.Fragment, null, "
|
|
76
|
+
), /* @__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.confirmRejectPrompt")))));
|
|
76
77
|
}
|
|
77
78
|
export {
|
|
78
79
|
MCPServerApprovalDialog
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/MCPServerApprovalDialog.tsx"],
|
|
4
|
-
"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
|
|
5
|
-
"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;
|
|
4
|
+
"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"],
|
|
5
|
+
"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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -10,6 +10,7 @@ import { partition } from "lodash-es";
|
|
|
10
10
|
import { MCPServerDialogCopy } from "./MCPServerDialogCopy.js";
|
|
11
11
|
import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
|
|
12
12
|
import { SEMANTIC_COLORS } from "../constants/colors.js";
|
|
13
|
+
import { t } from "../i18n/index.js";
|
|
13
14
|
function MCPServerMultiselectDialog({
|
|
14
15
|
serverNames,
|
|
15
16
|
onDone
|
|
@@ -58,10 +59,10 @@ function MCPServerMultiselectDialog({
|
|
|
58
59
|
borderStyle: "round",
|
|
59
60
|
borderColor: theme.warning
|
|
60
61
|
},
|
|
61
|
-
/* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.warning }, "
|
|
62
|
-
/* @__PURE__ */ React.createElement(Text, null, "
|
|
62
|
+
/* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.warning }, t("dialog.mcpServersDetected")),
|
|
63
|
+
/* @__PURE__ */ React.createElement(Text, null, t("dialog.mcpApprovalRequired")),
|
|
63
64
|
/* @__PURE__ */ React.createElement(MCPServerDialogCopy, null),
|
|
64
|
-
/* @__PURE__ */ React.createElement(Text, null, "
|
|
65
|
+
/* @__PURE__ */ React.createElement(Text, null, t("dialog.mcpSelectServers")),
|
|
65
66
|
/* @__PURE__ */ React.createElement(
|
|
66
67
|
MultiSelect,
|
|
67
68
|
{
|
|
@@ -73,7 +74,7 @@ function MCPServerMultiselectDialog({
|
|
|
73
74
|
onSubmit
|
|
74
75
|
}
|
|
75
76
|
)
|
|
76
|
-
), /* @__PURE__ */ React.createElement(Box, { marginLeft: 3 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, exitState.pending ? /* @__PURE__ */ React.createElement(React.Fragment, null, "
|
|
77
|
+
), /* @__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")))));
|
|
77
78
|
}
|
|
78
79
|
export {
|
|
79
80
|
MCPServerMultiselectDialog
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/MCPServerMultiselectDialog.tsx"],
|
|
4
|
-
"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
|
|
5
|
-
"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;
|
|
4
|
+
"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"],
|
|
5
|
+
"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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -13,6 +13,7 @@ import {
|
|
|
13
13
|
} from "../utils/messages.js";
|
|
14
14
|
import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
|
|
15
15
|
import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../constants/colors.js";
|
|
16
|
+
import { t } from "../i18n/index.js";
|
|
16
17
|
const MAX_VISIBLE_MESSAGES = 7;
|
|
17
18
|
function MessageSelector({
|
|
18
19
|
erroredToolUseIDs,
|
|
@@ -96,12 +97,12 @@ function MessageSelector({
|
|
|
96
97
|
paddingX: 1,
|
|
97
98
|
marginTop: 1
|
|
98
99
|
},
|
|
99
|
-
/* @__PURE__ */ React.createElement(Box, { flexDirection: "column", minHeight: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "
|
|
100
|
+
/* @__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"))),
|
|
100
101
|
allItems.slice(firstVisibleIndex, firstVisibleIndex + MAX_VISIBLE_MESSAGES).map((msg, index) => {
|
|
101
102
|
const actualIndex = firstVisibleIndex + index;
|
|
102
103
|
const isSelected = actualIndex === selectedIndex;
|
|
103
104
|
const isCurrent = msg.uuid === currentUUID;
|
|
104
|
-
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 }, "
|
|
105
|
+
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(
|
|
105
106
|
MessageComponent,
|
|
106
107
|
{
|
|
107
108
|
message: msg,
|
|
@@ -118,7 +119,7 @@ function MessageSelector({
|
|
|
118
119
|
}
|
|
119
120
|
)));
|
|
120
121
|
})
|
|
121
|
-
), /* @__PURE__ */ React.createElement(Box, { marginLeft: 3 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, exitState.pending ? /* @__PURE__ */ React.createElement(React.Fragment, null, "
|
|
122
|
+
), /* @__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")))));
|
|
122
123
|
}
|
|
123
124
|
export {
|
|
124
125
|
MessageSelector
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/MessageSelector.tsx"],
|
|
4
|
-
"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>
|
|
5
|
-
"mappings": "AAAA,SAAS,KAAK,MAAM,gBAAgB;AACpC,YAAY,WAAW;AACvB,SAAS,SAAS,UAAU,iBAAiB;AAC7C,OAAO,aAAa;AACpB,SAAS,gBAAgB;AACzB,SAAS,WAAW,wBAAwB;AAC5C,SAAS,kBAAkB;AAE3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,uBAAuB;AAChC,SAAS,gBAAgB,uBAAuB;
|
|
4
|
+
"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"],
|
|
5
|
+
"mappings": "AAAA,SAAS,KAAK,MAAM,gBAAgB;AACpC,YAAY,WAAW;AACvB,SAAS,SAAS,UAAU,iBAAiB;AAC7C,OAAO,aAAa;AACpB,SAAS,gBAAgB;AACzB,SAAS,WAAW,wBAAwB;AAC5C,SAAS,kBAAkB;AAE3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,uBAAuB;AAChC,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,SAAS;AAWlB,MAAM,uBAAuB;AAEtB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,cAAc,QAAQ,YAAY,CAAC,CAAC;AAE1C,YAAU,MAAM;AAAA,EAAC,GAAG,CAAC,CAAC;AAEtB,WAAS,aAAa,SAAsB;AAC1C,UAAM,eAAe,SAAS,SAAS,IAAI,SAAS,QAAQ,OAAO;AACnE,aAAS,OAAO;AAAA,EAClB;AAEA,WAAS,eAAe;AACtB,aAAS;AAAA,EACX;AAGA,QAAM,WAAW;AAAA,IACf,MAAM;AAAA;AAAA,MAEJ,GAAG,SACA;AAAA,QACC,OACE,EACE,EAAE,SAAS,UACX,MAAM,QAAQ,EAAE,QAAQ,OAAO,KAC/B,EAAE,QAAQ,QAAQ,CAAC,GAAG,SAAS;AAAA,MAErC,EAEC,OAAO,OAAK,EAAE,SAAS,WAAW;AAAA,MACrC,EAAE,GAAG,kBAAkB,EAAE,GAAG,MAAM,YAAY;AAAA,IAChD;AAAA,IACA,CAAC,UAAU,WAAW;AAAA,EACxB;AACA,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,SAAS,SAAS,CAAC;AAEtE,QAAM,YAAY,gBAAgB,MAAM,QAAQ,KAAK,CAAC,CAAC;AAEvD,WAAS,CAAC,OAAO,QAAQ;AACvB,QAAI,IAAI,OAAO,IAAI,QAAQ;AACzB,mBAAa;AACb;AAAA,IACF;AACA,QAAI,IAAI,QAAQ;AACd,mBAAa,SAAS,aAAa,CAAE;AACrC;AAAA,IACF;AACA,QAAI,IAAI,SAAS;AACf,UAAI,IAAI,QAAQ,IAAI,SAAS,IAAI,MAAM;AAErC,yBAAiB,CAAC;AAAA,MACpB,OAAO;AACL,yBAAiB,UAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AAAA,MAChD;AAAA,IACF;AACA,QAAI,IAAI,WAAW;AACjB,UAAI,IAAI,QAAQ,IAAI,SAAS,IAAI,MAAM;AAErC,yBAAiB,SAAS,SAAS,CAAC;AAAA,MACtC,OAAO;AACL,yBAAiB,UAAQ,KAAK,IAAI,SAAS,SAAS,GAAG,OAAO,CAAC,CAAC;AAAA,MAClE;AAAA,IACF;AAGA,UAAM,MAAM,OAAO,KAAK;AACxB,QAAI,CAAC,MAAM,GAAG,KAAK,OAAO,KAAK,OAAO,KAAK,IAAI,GAAG,SAAS,MAAM,GAAG;AAClE,UAAI,CAAC,SAAS,MAAM,CAAC,GAAG;AACtB;AAAA,MACF;AACA,mBAAa,SAAS,MAAM,CAAC,CAAE;AAAA,IACjC;AAAA,EACF,CAAC;AAED,QAAM,oBAAoB,KAAK;AAAA,IAC7B;AAAA,IACA,KAAK;AAAA,MACH,gBAAgB,KAAK,MAAM,uBAAuB,CAAC;AAAA,MACnD,SAAS,SAAS;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,qBAAqB;AAAA,IACzB,MAAM,kBAAkB,QAAQ,EAAE,OAAO,iBAAiB;AAAA,IAC1D,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,aAAa,SAAS,EAAE;AAAA,MACxB,QAAQ,IAAI,KAAK,IAAI,sBAAsB,SAAS,MAAM,IAAI;AAAA,MAC9D,UAAU;AAAA,MACV,WAAW;AAAA;AAAA,IAEX,oCAAC,OAAI,eAAc,UAAS,WAAW,GAAG,cAAc,KACtD,oCAAC,QAAK,MAAI,QAAE,EAAE,8BAA8B,CAAE,GAC9C,oCAAC,QAAK,OAAO,gBAAgB,OAC1B,EAAE,yBAAyB,CAC9B,CACF;AAAA,IACC,SACE,MAAM,mBAAmB,oBAAoB,oBAAoB,EACjE,IAAI,CAAC,KAAK,UAAU;AACnB,YAAM,cAAc,oBAAoB;AACxC,YAAM,aAAa,gBAAgB;AACnC,YAAM,YAAY,IAAI,SAAS;AAE/B,aACE,oCAAC,OAAI,KAAK,IAAI,MAAM,eAAc,OAAM,QAAQ,GAAG,WAAW,KAC5D,oCAAC,OAAI,OAAO,KACT,aACC,oCAAC,QAAK,OAAO,eAAe,OAAO,MAAI,QACpC,QAAQ,SAAQ,KAAE,oBAAoB,QAAQ,GAAG,GACpD,IAEA,oCAAC,YACE,MACA,oBAAoB,QAAQ,GAAG,GAClC,CAEJ,GACA,oCAAC,OAAI,QAAQ,GAAG,UAAS,UAAS,OAAO,OACtC,YACC,oCAAC,OAAI,OAAM,UACT,oCAAC,QAAK,OAAO,gBAAgB,KAAK,QAAM,QACrC,EAAE,gBAAgB,CACrB,CACF,IACE,MAAM,QAAQ,IAAI,QAAQ,OAAO,KACnC,IAAI,QAAQ,QAAQ,CAAC,GAAG,SAAS,UACjC,mBAAmB,IAAI,QAAQ,QAAQ,CAAC,EAAE,IAAI,IAC9C,oCAAC,QAAK,OAAO,gBAAgB,KAAK,QAAM,QACrC,EAAE,qBAAqB,CAC1B,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAU;AAAA,UACV,WAAW;AAAA,UACX;AAAA,UACA,SAAS;AAAA,UACT,OAAO;AAAA,UACP;AAAA,UACA,sBAAsB,oBAAI,IAAI;AAAA,UAC9B;AAAA,UACA,eAAe;AAAA,UACf,eAAe;AAAA;AAAA,MACjB,CAEJ,CACF;AAAA,IAEJ,CAAC;AAAA,EACL,GACA,oCAAC,OAAI,YAAY,KACf,oCAAC,QAAK,OAAO,gBAAgB,OAC1B,UAAU,UACT,0DAAG,EAAE,yBAAyB,CAAE,IAEhC,0DAAG,EAAE,kCAAkC,CAAE,CAE7C,CACF,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -12,6 +12,7 @@ import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
|
|
|
12
12
|
import { ModelSelector } from "./ModelSelector/index.js";
|
|
13
13
|
import { ModelListManager } from "./ModelListManager.js";
|
|
14
14
|
import { SEMANTIC_COLORS } from "../constants/colors.js";
|
|
15
|
+
import { t } from "../i18n/index.js";
|
|
15
16
|
function ModelConfig({ onClose }) {
|
|
16
17
|
const config = getGlobalConfig();
|
|
17
18
|
const theme = getTheme();
|
|
@@ -40,7 +41,7 @@ function ModelConfig({ onClose }) {
|
|
|
40
41
|
{
|
|
41
42
|
id: "main",
|
|
42
43
|
label: "Main Model",
|
|
43
|
-
description: "
|
|
44
|
+
description: t("ui.modelConfig.mainDescription"),
|
|
44
45
|
value: config.modelPointers?.main || "",
|
|
45
46
|
options: availableModels,
|
|
46
47
|
type: "modelPointer",
|
|
@@ -49,7 +50,7 @@ function ModelConfig({ onClose }) {
|
|
|
49
50
|
{
|
|
50
51
|
id: "task",
|
|
51
52
|
label: "Task Model",
|
|
52
|
-
description: "
|
|
53
|
+
description: t("ui.modelConfig.taskDescription"),
|
|
53
54
|
value: config.modelPointers?.task || "",
|
|
54
55
|
options: availableModels,
|
|
55
56
|
type: "modelPointer",
|
|
@@ -58,7 +59,7 @@ function ModelConfig({ onClose }) {
|
|
|
58
59
|
{
|
|
59
60
|
id: "reasoning",
|
|
60
61
|
label: "Reasoning Model",
|
|
61
|
-
description: "
|
|
62
|
+
description: t("ui.modelConfig.reasoningDescription"),
|
|
62
63
|
value: config.modelPointers?.reasoning || "",
|
|
63
64
|
options: availableModels,
|
|
64
65
|
type: "modelPointer",
|
|
@@ -67,7 +68,7 @@ function ModelConfig({ onClose }) {
|
|
|
67
68
|
{
|
|
68
69
|
id: "quick",
|
|
69
70
|
label: "Quick Model",
|
|
70
|
-
description: "
|
|
71
|
+
description: t("ui.modelConfig.quickDescription"),
|
|
71
72
|
value: config.modelPointers?.quick || "",
|
|
72
73
|
options: availableModels,
|
|
73
74
|
type: "modelPointer",
|
|
@@ -76,7 +77,7 @@ function ModelConfig({ onClose }) {
|
|
|
76
77
|
{
|
|
77
78
|
id: "compact",
|
|
78
79
|
label: "Compact Model",
|
|
79
|
-
description: "
|
|
80
|
+
description: t("ui.modelConfig.compactDescription"),
|
|
80
81
|
value: config.modelPointers?.compact || "",
|
|
81
82
|
options: availableModels,
|
|
82
83
|
type: "modelPointer",
|
|
@@ -87,8 +88,8 @@ function ModelConfig({ onClose }) {
|
|
|
87
88
|
...modelSettings,
|
|
88
89
|
{
|
|
89
90
|
id: "manage-models",
|
|
90
|
-
label: "
|
|
91
|
-
description: "
|
|
91
|
+
label: t("ui.model.manageList"),
|
|
92
|
+
description: t("ui.modelConfig.manageModelsDescription"),
|
|
92
93
|
value: "",
|
|
93
94
|
options: [],
|
|
94
95
|
type: "action",
|
|
@@ -181,7 +182,7 @@ function ModelConfig({ onClose }) {
|
|
|
181
182
|
paddingX: 1,
|
|
182
183
|
marginTop: 1
|
|
183
184
|
},
|
|
184
|
-
/* @__PURE__ */ React.createElement(Box, { flexDirection: "column", minHeight: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "
|
|
185
|
+
/* @__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"))),
|
|
185
186
|
menuItems.map((setting, i) => {
|
|
186
187
|
const isSelected = i === selectedIndex;
|
|
187
188
|
let displayValue = "";
|
|
@@ -190,11 +191,11 @@ function ModelConfig({ onClose }) {
|
|
|
190
191
|
const currentModel = setting.options.find(
|
|
191
192
|
(opt) => opt.id === setting.value
|
|
192
193
|
);
|
|
193
|
-
displayValue = currentModel?.name || "
|
|
194
|
-
actionText = isSelected ?
|
|
194
|
+
displayValue = currentModel?.name || t("ui.model.notConfigured");
|
|
195
|
+
actionText = isSelected ? ` [${t("ui.model.spaceToCycle")}]` : "";
|
|
195
196
|
} else if (setting.type === "action") {
|
|
196
197
|
displayValue = "";
|
|
197
|
-
actionText = isSelected ?
|
|
198
|
+
actionText = isSelected ? ` [${t("ui.model.enterToConfigure")}]` : "";
|
|
198
199
|
}
|
|
199
200
|
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(
|
|
200
201
|
Text,
|
|
@@ -212,7 +213,7 @@ function ModelConfig({ onClose }) {
|
|
|
212
213
|
borderTopColor: theme.secondaryBorder,
|
|
213
214
|
borderTopStyle: "single"
|
|
214
215
|
},
|
|
215
|
-
/* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, isDeleteMode ? "
|
|
216
|
+
/* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, isDeleteMode ? t("ui.modelConfig.clearModePrompt") : t("ui.modelConfig.navigateHint"))
|
|
216
217
|
)
|
|
217
218
|
);
|
|
218
219
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/ModelConfig.tsx"],
|
|
4
|
-
"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"],
|
|
5
|
-
"mappings": "AAAA,SAAS,KAAK,MAAM,gBAAgB;AACpC,YAAY,WAAW;AACvB,SAAS,UAAU,aAAa,WAAW,cAAc;AACzD,OAAO,aAAa;AACpB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EAGA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;
|
|
4
|
+
"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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -8,6 +8,7 @@ import { getModelManager } from "../utils/model.js";
|
|
|
8
8
|
import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
|
|
9
9
|
import { ModelSelector } from "./ModelSelector/index.js";
|
|
10
10
|
import { SEMANTIC_COLORS } from "../constants/colors.js";
|
|
11
|
+
import { t } from "../i18n/index.js";
|
|
11
12
|
function ModelListManager({ onClose }) {
|
|
12
13
|
const config = getGlobalConfig();
|
|
13
14
|
const theme = getTheme();
|
|
@@ -110,7 +111,7 @@ function ModelListManager({ onClose }) {
|
|
|
110
111
|
paddingX: 1,
|
|
111
112
|
marginTop: 1
|
|
112
113
|
},
|
|
113
|
-
/* @__PURE__ */ React.createElement(Box, { flexDirection: "column", minHeight: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: isDeleteMode ? "red" : void 0 },
|
|
114
|
+
/* @__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"))),
|
|
114
115
|
menuItems.map((item, i) => {
|
|
115
116
|
const isSelected = i === selectedIndex;
|
|
116
117
|
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 }) {
|
|
|
121
122
|
isSelected ? figures.pointer : " ",
|
|
122
123
|
" ",
|
|
123
124
|
item.name
|
|
124
|
-
)), /* @__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 }, "[
|
|
125
|
+
)), /* @__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"))));
|
|
125
126
|
}),
|
|
126
127
|
/* @__PURE__ */ React.createElement(
|
|
127
128
|
Box,
|
|
@@ -131,7 +132,7 @@ function ModelListManager({ onClose }) {
|
|
|
131
132
|
borderTopColor: theme.secondaryBorder,
|
|
132
133
|
borderTopStyle: "single"
|
|
133
134
|
},
|
|
134
|
-
/* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, isDeleteMode ? availableModels.length <= 1 ? "
|
|
135
|
+
/* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, isDeleteMode ? availableModels.length <= 1 ? t("ui.model.cannotDeleteLast") : t("ui.modelConfig.clearModePrompt") : t("ui.model.deleteHint"))
|
|
135
136
|
)
|
|
136
137
|
);
|
|
137
138
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/ModelListManager.tsx"],
|
|
4
|
-
"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
|
|
5
|
-
"mappings": "AAAA,SAAS,KAAK,MAAM,gBAAgB;AACpC,YAAY,WAAW;AACvB,SAAS,UAAU,mBAAmB;AACtC,OAAO,aAAa;AACpB,SAAS,gBAAgB;AACzB,SAAS,uBAAyC;AAClD,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;
|
|
4
|
+
"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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|