@within-7/minto 0.1.6 → 0.2.0

package/dist/components/CollapsibleHint.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/CollapsibleHint.tsx"],
+  "sourcesContent": ["/**\n * Collapsible Hint Component\n *\n * Displays a keyboard shortcut hint for expandable content.\n * Shows \"(ctrl+o to expand)\" or similar hint when content can be expanded.\n */\n\nimport React from 'react'\nimport { Text } from 'ink'\n\ninterface Props {\n  /** Whether the content can be expanded */\n  canExpand: boolean\n  /** The keyboard shortcut text (default: \"ctrl+o\") */\n  shortcut?: string\n  /** The action text (default: \"expand\") */\n  action?: string\n}\n\nexport function CollapsibleHint({\n  canExpand,\n  shortcut = 'ctrl+o',\n  action = 'expand',\n}: Props): React.ReactNode {\n  if (!canExpand) return null\n\n  return (\n    <Text dimColor>\n      {' '}\n      ({shortcut} to {action})\n    </Text>\n  )\n}\n"],
+  "mappings": "AAOA,OAAO,WAAW;AAClB,SAAS,YAAY;AAWd,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,WAAW;AAAA,EACX,SAAS;AACX,GAA2B;AACzB,MAAI,CAAC,UAAW,QAAO;AAEvB,SACE,oCAAC,QAAK,UAAQ,QACX,KAAI,KACH,UAAS,QAAK,QAAO,GACzB;AAEJ;",
+  "names": []
+}

package/dist/components/FileEditToolUpdatedMessage.js

@@ -21,7 +21,7 @@ function FileEditToolUpdatedMessage({
     (count, hunk) => count + hunk.lines.filter((_) => _.startsWith("-")).length,
     0
   );
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, null, "  ", "\u23BF Updated", " ", /* @__PURE__ */ React.createElement(Text, { bold: true }, verbose ? filePath : relative(getCwd(), filePath)), numAdditions > 0 || numRemovals > 0 ? " with " : "", numAdditions > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, numAdditions), " ", numAdditions > 1 ? "additions" : "addition") : null, numAdditions > 0 && numRemovals > 0 ? " and " : null, numRemovals > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, numRemovals), " ", numRemovals > 1 ? "removals" : "removal") : null), patches.length > 0 && intersperse(
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, null, "  ", "\u23BF Updated", " ", /* @__PURE__ */ React.createElement(Text, { bold: true }, verbose ? filePath : relative(getCwd(), filePath)), numAdditions > 0 || numRemovals > 0 ? " with " : "", numAdditions > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, numAdditions), " ", numAdditions > 1 ? "additions" : "addition") : null, numAdditions > 0 && numRemovals > 0 ? " and " : null, numRemovals > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, numRemovals), " ", numRemovals > 1 ? "removals" : "removal") : null), verbose && patches.length > 0 && intersperse(
     patches.map((_) => /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingLeft: 5, key: _.newStart }, /* @__PURE__ */ React.createElement(StructuredDiff, { patch: _, dim: false, width: columns - 12 }))),
     (i) => /* @__PURE__ */ React.createElement(Box, { paddingLeft: 5, key: `ellipsis-${i}` }, /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText }, "..."))
   ));

package/dist/components/FileEditToolUpdatedMessage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/FileEditToolUpdatedMessage.tsx"],
-  "sourcesContent": ["import { Hunk } from 'diff'\nimport { Box, Text } from 'ink'\nimport * as React from 'react'\nimport { intersperse } from '@utils/array'\nimport { StructuredDiff } from './StructuredDiff'\nimport { getTheme } from '@utils/theme'\nimport { getCwd } from '@utils/state'\nimport { relative } from 'path'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\n\ntype Props = {\n  filePath: string\n  structuredPatch?: Hunk[]\n  verbose: boolean\n}\n\nexport function FileEditToolUpdatedMessage({\n  filePath,\n  structuredPatch,\n  verbose,\n}: Props): React.ReactNode {\n  const { columns } = useTerminalSize()\n  const patches = Array.isArray(structuredPatch) ? structuredPatch : []\n  const numAdditions = patches.reduce(\n    (count, hunk) => count + hunk.lines.filter(_ => _.startsWith('+')).length,\n    0,\n  )\n  const numRemovals = patches.reduce(\n    (count, hunk) => count + hunk.lines.filter(_ => _.startsWith('-')).length,\n    0,\n  )\n\n  return (\n    <Box flexDirection=\"column\">\n      <Text>\n        {'  '}\u23BF Updated{' '}\n        <Text bold>{verbose ? filePath : relative(getCwd(), filePath)}</Text>\n        {numAdditions > 0 || numRemovals > 0 ? ' with ' : ''}\n        {numAdditions > 0 ? (\n          <>\n            <Text bold>{numAdditions}</Text>{' '}\n            {numAdditions > 1 ? 'additions' : 'addition'}\n          </>\n        ) : null}\n        {numAdditions > 0 && numRemovals > 0 ? ' and ' : null}\n        {numRemovals > 0 ? (\n          <>\n            <Text bold>{numRemovals}</Text>{' '}\n            {numRemovals > 1 ? 'removals' : 'removal'}\n          </>\n        ) : null}\n      </Text>\n      {patches.length > 0 &&\n        intersperse(\n          patches.map(_ => (\n            <Box flexDirection=\"column\" paddingLeft={5} key={_.newStart}>\n              <StructuredDiff patch={_} dim={false} width={columns - 12} />\n            </Box>\n          )),\n          i => (\n            <Box paddingLeft={5} key={`ellipsis-${i}`}>\n              <Text color={getTheme().secondaryText}>...</Text>\n            </Box>\n          ),\n        )}\n    </Box>\n  )\n}\n"],
-  "mappings": "AACA,SAAS,KAAK,YAAY;AAC1B,YAAY,WAAW;AACvB,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAQzB,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,QAAM,UAAU,MAAM,QAAQ,eAAe,IAAI,kBAAkB,CAAC;AACpE,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,OAAO,SAAS,QAAQ,KAAK,MAAM,OAAO,OAAK,EAAE,WAAW,GAAG,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AACA,QAAM,cAAc,QAAQ;AAAA,IAC1B,CAAC,OAAO,SAAS,QAAQ,KAAK,MAAM,OAAO,OAAK,EAAE,WAAW,GAAG,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAEA,SACE,oCAAC,OAAI,eAAc,YACjB,oCAAC,YACE,MAAK,kBAAU,KAChB,oCAAC,QAAK,MAAI,QAAE,UAAU,WAAW,SAAS,OAAO,GAAG,QAAQ,CAAE,GAC7D,eAAe,KAAK,cAAc,IAAI,WAAW,IACjD,eAAe,IACd,0DACE,oCAAC,QAAK,MAAI,QAAE,YAAa,GAAQ,KAChC,eAAe,IAAI,cAAc,UACpC,IACE,MACH,eAAe,KAAK,cAAc,IAAI,UAAU,MAChD,cAAc,IACb,0DACE,oCAAC,QAAK,MAAI,QAAE,WAAY,GAAQ,KAC/B,cAAc,IAAI,aAAa,SAClC,IACE,IACN,GACC,QAAQ,SAAS,KAChB;AAAA,IACE,QAAQ,IAAI,OACV,oCAAC,OAAI,eAAc,UAAS,aAAa,GAAG,KAAK,EAAE,YACjD,oCAAC,kBAAe,OAAO,GAAG,KAAK,OAAO,OAAO,UAAU,IAAI,CAC7D,CACD;AAAA,IACD,OACE,oCAAC,OAAI,aAAa,GAAG,KAAK,YAAY,CAAC,MACrC,oCAAC,QAAK,OAAO,SAAS,EAAE,iBAAe,KAAG,CAC5C;AAAA,EAEJ,CACJ;AAEJ;",
+  "sourcesContent": ["import { Hunk } from 'diff'\nimport { Box, Text } from 'ink'\nimport * as React from 'react'\nimport { intersperse } from '@utils/array'\nimport { StructuredDiff } from './StructuredDiff'\nimport { getTheme } from '@utils/theme'\nimport { getCwd } from '@utils/state'\nimport { relative } from 'path'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\n\ntype Props = {\n  filePath: string\n  structuredPatch?: Hunk[]\n  verbose: boolean\n}\n\nexport function FileEditToolUpdatedMessage({\n  filePath,\n  structuredPatch,\n  verbose,\n}: Props): React.ReactNode {\n  const { columns } = useTerminalSize()\n  const patches = Array.isArray(structuredPatch) ? structuredPatch : []\n  const numAdditions = patches.reduce(\n    (count, hunk) => count + hunk.lines.filter(_ => _.startsWith('+')).length,\n    0,\n  )\n  const numRemovals = patches.reduce(\n    (count, hunk) => count + hunk.lines.filter(_ => _.startsWith('-')).length,\n    0,\n  )\n\n  return (\n    <Box flexDirection=\"column\">\n      <Text>\n        {'  '}\u23BF Updated{' '}\n        <Text bold>{verbose ? filePath : relative(getCwd(), filePath)}</Text>\n        {numAdditions > 0 || numRemovals > 0 ? ' with ' : ''}\n        {numAdditions > 0 ? (\n          <>\n            <Text bold>{numAdditions}</Text>{' '}\n            {numAdditions > 1 ? 'additions' : 'addition'}\n          </>\n        ) : null}\n        {numAdditions > 0 && numRemovals > 0 ? ' and ' : null}\n        {numRemovals > 0 ? (\n          <>\n            <Text bold>{numRemovals}</Text>{' '}\n            {numRemovals > 1 ? 'removals' : 'removal'}\n          </>\n        ) : null}\n      </Text>\n      {/* Only show full diff in verbose mode - otherwise just the summary line above is enough */}\n      {verbose &&\n        patches.length > 0 &&\n        intersperse(\n          patches.map(_ => (\n            <Box flexDirection=\"column\" paddingLeft={5} key={_.newStart}>\n              <StructuredDiff patch={_} dim={false} width={columns - 12} />\n            </Box>\n          )),\n          i => (\n            <Box paddingLeft={5} key={`ellipsis-${i}`}>\n              <Text color={getTheme().secondaryText}>...</Text>\n            </Box>\n          ),\n        )}\n    </Box>\n  )\n}\n"],
+  "mappings": "AACA,SAAS,KAAK,YAAY;AAC1B,YAAY,WAAW;AACvB,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAQzB,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,QAAM,UAAU,MAAM,QAAQ,eAAe,IAAI,kBAAkB,CAAC;AACpE,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,OAAO,SAAS,QAAQ,KAAK,MAAM,OAAO,OAAK,EAAE,WAAW,GAAG,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AACA,QAAM,cAAc,QAAQ;AAAA,IAC1B,CAAC,OAAO,SAAS,QAAQ,KAAK,MAAM,OAAO,OAAK,EAAE,WAAW,GAAG,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAEA,SACE,oCAAC,OAAI,eAAc,YACjB,oCAAC,YACE,MAAK,kBAAU,KAChB,oCAAC,QAAK,MAAI,QAAE,UAAU,WAAW,SAAS,OAAO,GAAG,QAAQ,CAAE,GAC7D,eAAe,KAAK,cAAc,IAAI,WAAW,IACjD,eAAe,IACd,0DACE,oCAAC,QAAK,MAAI,QAAE,YAAa,GAAQ,KAChC,eAAe,IAAI,cAAc,UACpC,IACE,MACH,eAAe,KAAK,cAAc,IAAI,UAAU,MAChD,cAAc,IACb,0DACE,oCAAC,QAAK,MAAI,QAAE,WAAY,GAAQ,KAC/B,cAAc,IAAI,aAAa,SAClC,IACE,IACN,GAEC,WACC,QAAQ,SAAS,KACjB;AAAA,IACE,QAAQ,IAAI,OACV,oCAAC,OAAI,eAAc,UAAS,aAAa,GAAG,KAAK,EAAE,YACjD,oCAAC,kBAAe,OAAO,GAAG,KAAK,OAAO,OAAO,UAAU,IAAI,CAC7D,CACD;AAAA,IACD,OACE,oCAAC,OAAI,aAAa,GAAG,KAAK,YAAY,CAAC,MACrC,oCAAC,QAAK,OAAO,SAAS,EAAE,iBAAe,KAAG,CAC5C;AAAA,EAEJ,CACJ;AAEJ;",
   "names": []
 }

package/dist/components/HotkeyHelpPanel.js

@@ -0,0 +1,137 @@
+import { Box, Text, useInput } from "ink";
+import * as React from "react";
+import { getTheme } from "../utils/theme.js";
+import { t } from "../i18n/index.js";
+const HOTKEY_GROUPS = [
+  {
+    title: "Navigation",
+    hotkeys: [
+      { keys: "\u2191/\u2193", description: "Browse command history" },
+      { keys: "Ctrl+R", description: "Search command history" },
+      { keys: "Tab", description: "Autocomplete commands/paths" },
+      { keys: "Esc Esc", description: "Rollback last response" }
+    ]
+  },
+  {
+    title: "Control",
+    hotkeys: [
+      { keys: "Ctrl+C", description: "Cancel current operation" },
+      { keys: "Ctrl+D", description: "Exit (press twice)" },
+      { keys: "Ctrl+L", description: "Clear screen" },
+      { keys: "Enter", description: "Submit prompt" }
+    ]
+  },
+  {
+    title: "Features",
+    hotkeys: [
+      { keys: "Ctrl+T", description: "Toggle todo panel" },
+      { keys: "Ctrl+O", description: "Cycle display mode" },
+      { keys: "Ctrl+B", description: "Execute as bash command" },
+      { keys: "Ctrl+?", description: "Show/hide this help" }
+    ]
+  },
+  {
+    title: "Input Modes",
+    hotkeys: [
+      { keys: "/", description: "Start a slash command" },
+      { keys: "!", description: "Execute bash command" },
+      { keys: "#", description: "Add note to KODING.md" }
+    ]
+  }
+];
+function HotkeyHelpPanel({
+  onClose,
+  isVisible
+}) {
+  const theme = getTheme();
+  useInput(
+    (input, key) => {
+      if (key.escape || key.ctrl && (input === "?" || input === "/")) {
+        onClose();
+      }
+    },
+    { isActive: isVisible }
+  );
+  if (!isVisible) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: theme.minto,
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.minto }, "\u2328\uFE0F ", t("ui.hints.shortcuts")), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " (", t("ui.hints.pressEsc"), ")")),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", gap: 4 }, HOTKEY_GROUPS.map((group, groupIndex) => /* @__PURE__ */ React.createElement(Box, { key: groupIndex, flexDirection: "column", minWidth: 28 }, /* @__PURE__ */ React.createElement(Text, { bold: true, underline: true, color: theme.primary }, group.title), group.hotkeys.map((hotkey, hotkeyIndex) => /* @__PURE__ */ React.createElement(Box, { key: hotkeyIndex }, /* @__PURE__ */ React.createElement(Box, { width: 12 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.warning }, hotkey.keys)), /* @__PURE__ */ React.createElement(Text, { color: theme.text }, hotkey.description)))))),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("ui.hints.tip")))
+  );
+}
+function HotkeyHint() {
+  const theme = getTheme();
+  return /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Ctrl+? for shortcuts");
+}
+function getContextHints(context) {
+  switch (context) {
+    case "idle":
+      return [
+        { keys: "!", description: "for bash mode" },
+        { keys: "#", description: "for MINTO.md" },
+        { keys: "/", description: "for commands" },
+        { keys: "ctrl+c", description: "cancel" },
+        { keys: "ctrl+l", description: "clear" }
+      ];
+    case "typing":
+      return [
+        { keys: "Enter", description: t("ui.hints.send") },
+        { keys: "Tab", description: t("ui.hints.complete") },
+        { keys: "Ctrl+B", description: t("ui.hints.bash") },
+        { keys: "Esc", description: t("common.clear") }
+      ];
+    case "loading":
+      return [
+        { keys: "Ctrl+C", description: t("common.cancel") },
+        { keys: "Esc Esc", description: t("ui.hints.rollback") }
+      ];
+    case "completion":
+      return [
+        { keys: "\u2191/\u2193", description: t("ui.hints.select") },
+        { keys: "Tab", description: t("ui.hints.confirm") },
+        { keys: "Esc", description: t("ui.hints.close") }
+      ];
+    case "history_search":
+      return [
+        { keys: "\u2191/\u2193", description: t("ui.hints.browse") },
+        { keys: "Enter", description: t("ui.hints.select") },
+        { keys: "Esc", description: t("common.cancel") }
+      ];
+    case "slash_command":
+      return [
+        { keys: "Tab", description: t("ui.hints.completeCommand") },
+        { keys: "Enter", description: t("ui.hints.execute") },
+        { keys: "Esc", description: t("common.cancel") }
+      ];
+    default:
+      return [{ keys: "Ctrl+?", description: t("common.help") }];
+  }
+}
+function ContextAwareHints({
+  context,
+  compact = true
+}) {
+  const theme = getTheme();
+  const hints = getContextHints(context);
+  if (compact) {
+    return /* @__PURE__ */ React.createElement(Box, null, hints.map((hint, i) => /* @__PURE__ */ React.createElement(React.Fragment, { key: i }, i > 0 && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, hint.keys, " ", hint.description))));
+  }
+  return /* @__PURE__ */ React.createElement(Box, { gap: 2 }, hints.map((hint, i) => /* @__PURE__ */ React.createElement(Box, { key: i }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.warning }, hint.keys), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " ", hint.description))));
+}
+export {
+  ContextAwareHints,
+  HotkeyHelpPanel,
+  HotkeyHint
+};
+//# sourceMappingURL=HotkeyHelpPanel.js.map

package/dist/components/HotkeyHelpPanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/HotkeyHelpPanel.tsx"],
+  "sourcesContent": ["/**\n * Hotkey Help Panel Component\n *\n * Displays a compact overlay showing available keyboard shortcuts.\n * Toggled with Ctrl+? or Ctrl+/ for quick reference.\n */\n\nimport { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { getTheme } from '@utils/theme'\nimport { t } from '@i18n'\n\ninterface HotkeyGroup {\n  title: string\n  hotkeys: Array<{\n    keys: string\n    description: string\n  }>\n}\n\nconst HOTKEY_GROUPS: HotkeyGroup[] = [\n  {\n    title: 'Navigation',\n    hotkeys: [\n      { keys: '\u2191/\u2193', description: 'Browse command history' },\n      { keys: 'Ctrl+R', description: 'Search command history' },\n      { keys: 'Tab', description: 'Autocomplete commands/paths' },\n      { keys: 'Esc Esc', description: 'Rollback last response' },\n    ],\n  },\n  {\n    title: 'Control',\n    hotkeys: [\n      { keys: 'Ctrl+C', description: 'Cancel current operation' },\n      { keys: 'Ctrl+D', description: 'Exit (press twice)' },\n      { keys: 'Ctrl+L', description: 'Clear screen' },\n      { keys: 'Enter', description: 'Submit prompt' },\n    ],\n  },\n  {\n    title: 'Features',\n    hotkeys: [\n      { keys: 'Ctrl+T', description: 'Toggle todo panel' },\n      { keys: 'Ctrl+O', description: 'Cycle display mode' },\n      { keys: 'Ctrl+B', description: 'Execute as bash command' },\n      { keys: 'Ctrl+?', description: 'Show/hide this help' },\n    ],\n  },\n  {\n    title: 'Input Modes',\n    hotkeys: [\n      { keys: '/', description: 'Start a slash command' },\n      { keys: '!', description: 'Execute bash command' },\n      { keys: '#', description: 'Add note to KODING.md' },\n    ],\n  },\n]\n\ninterface Props {\n  onClose: () => void\n  isVisible: boolean\n}\n\nexport function HotkeyHelpPanel({\n  onClose,\n  isVisible,\n}: Props): React.ReactNode {\n  const theme = getTheme()\n\n  // Handle Escape or Ctrl+? to close\n  useInput(\n    (input, key) => {\n      if (key.escape || (key.ctrl && (input === '?' || input === '/'))) {\n        onClose()\n      }\n    },\n    { isActive: isVisible },\n  )\n\n  if (!isVisible) {\n    return null\n  }\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      borderColor={theme.minto}\n      paddingX={2}\n      paddingY={1}\n      marginBottom={1}\n    >\n      <Box marginBottom={1}>\n        <Text bold color={theme.minto}>\n          \u2328\uFE0F {t('ui.hints.shortcuts')}\n        </Text>\n        <Text color={theme.secondaryText}> ({t('ui.hints.pressEsc')})</Text>\n      </Box>\n\n      <Box flexDirection=\"row\" gap={4}>\n        {HOTKEY_GROUPS.map((group, groupIndex) => (\n          <Box key={groupIndex} flexDirection=\"column\" minWidth={28}>\n            <Text bold underline color={theme.primary}>\n              {group.title}\n            </Text>\n            {group.hotkeys.map((hotkey, hotkeyIndex) => (\n              <Box key={hotkeyIndex}>\n                <Box width={12}>\n                  <Text bold color={theme.warning}>\n                    {hotkey.keys}\n                  </Text>\n                </Box>\n                <Text color={theme.text}>{hotkey.description}</Text>\n              </Box>\n            ))}\n          </Box>\n        ))}\n      </Box>\n\n      <Box marginTop={1}>\n        <Text color={theme.secondaryText}>{t('ui.hints.tip')}</Text>\n      </Box>\n    </Box>\n  )\n}\n\n/**\n * Compact inline hotkey hint shown in the prompt area\n */\nexport function HotkeyHint(): React.ReactNode {\n  const theme = getTheme()\n\n  return <Text color={theme.secondaryText}>Ctrl+? for shortcuts</Text>\n}\n\n/**\n * Context state for determining which hints to show\n */\nexport type InputContext =\n  | 'idle' // Empty input, ready for new command\n  | 'typing' // User is typing a prompt\n  | 'loading' // Request is being processed\n  | 'completion' // Autocomplete suggestions visible\n  | 'history_search' // Ctrl+R history search active\n  | 'slash_command' // Typing a slash command\n\ninterface ContextHint {\n  keys: string\n  description: string\n}\n\n/**\n * Get context-specific hotkey hints based on current input state\n */\nfunction getContextHints(context: InputContext): ContextHint[] {\n  switch (context) {\n    case 'idle':\n      return [\n        { keys: '!', description: 'for bash mode' },\n        { keys: '#', description: 'for MINTO.md' },\n        { keys: '/', description: 'for commands' },\n        { keys: 'ctrl+c', description: 'cancel' },\n        { keys: 'ctrl+l', description: 'clear' },\n      ]\n    case 'typing':\n      return [\n        { keys: 'Enter', description: t('ui.hints.send') },\n        { keys: 'Tab', description: t('ui.hints.complete') },\n        { keys: 'Ctrl+B', description: t('ui.hints.bash') },\n        { keys: 'Esc', description: t('common.clear') },\n      ]\n    case 'loading':\n      return [\n        { keys: 'Ctrl+C', description: t('common.cancel') },\n        { keys: 'Esc Esc', description: t('ui.hints.rollback') },\n      ]\n    case 'completion':\n      return [\n        { keys: '\u2191/\u2193', description: t('ui.hints.select') },\n        { keys: 'Tab', description: t('ui.hints.confirm') },\n        { keys: 'Esc', description: t('ui.hints.close') },\n      ]\n    case 'history_search':\n      return [\n        { keys: '\u2191/\u2193', description: t('ui.hints.browse') },\n        { keys: 'Enter', description: t('ui.hints.select') },\n        { keys: 'Esc', description: t('common.cancel') },\n      ]\n    case 'slash_command':\n      return [\n        { keys: 'Tab', description: t('ui.hints.completeCommand') },\n        { keys: 'Enter', description: t('ui.hints.execute') },\n        { keys: 'Esc', description: t('common.cancel') },\n      ]\n    default:\n      return [{ keys: 'Ctrl+?', description: t('common.help') }]\n  }\n}\n\ninterface ContextAwareHintsProps {\n  context: InputContext\n  compact?: boolean // When true, show minimal hints\n}\n\n/**\n * Context-aware hotkey hints that adapt based on user's current activity\n * Shows relevant shortcuts for the current state without overwhelming the user\n */\nexport function ContextAwareHints({\n  context,\n  compact = true,\n}: ContextAwareHintsProps): React.ReactNode {\n  const theme = getTheme()\n  const hints = getContextHints(context)\n\n  if (compact) {\n    // Single line, condensed format (0.1.7 style with \u00B7 separator)\n    return (\n      <Box>\n        {hints.map((hint, i) => (\n          <React.Fragment key={i}>\n            {i > 0 && <Text dimColor> \u00B7 </Text>}\n            <Text dimColor>\n              {hint.keys} {hint.description}\n            </Text>\n          </React.Fragment>\n        ))}\n      </Box>\n    )\n  }\n\n  // Expanded format with more padding\n  return (\n    <Box gap={2}>\n      {hints.map((hint, i) => (\n        <Box key={i}>\n          <Text bold color={theme.warning}>\n            {hint.keys}\n          </Text>\n          <Text color={theme.secondaryText}> {hint.description}</Text>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/Logo.js

@@ -1,12 +1,12 @@
 import { Box, Text } from "ink";
 import * as React from "react";
 import { getTheme } from "../utils/theme.js";
-import { PRODUCT_NAME } from "../constants/product.js";
 import { getAnthropicApiKey, getGlobalConfig } from "../utils/config.js";
 import { getCwd } from "../utils/state.js";
 import { AsciiLogo } from "./AsciiLogo.js";
 import { getModelManager } from "../utils/model.js";
 import { MACRO } from "../constants/macros.js";
+import { t } from "../i18n/index.js";
 const MIN_LOGO_WIDTH = 50;
 const DEFAULT_UPDATE_COMMANDS = [
   "bun add -g @within-7/minto@latest",
@@ -41,8 +41,8 @@ function Logo({
     },
     updateBannerVersion ? /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "New version available: ", updateBannerVersion, " (current:", " ", MACRO.VERSION, ")"), /* @__PURE__ */ React.createElement(Text, null, "Run the following command to update:"), /* @__PURE__ */ React.createElement(Text, null, "  ", updateBannerCommands?.[1] ?? DEFAULT_UPDATE_COMMANDS[1]), process.platform !== "win32" && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, 'Note: you may need to prefix with "sudo" on macOS/Linux.')) : null,
     /* @__PURE__ */ React.createElement(AsciiLogo, null),
-    /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.minto }, "\u273B"), " Welcome to", " ", /* @__PURE__ */ React.createElement(Text, { bold: true }, PRODUCT_NAME), " ", /* @__PURE__ */ React.createElement(Text, null, "research preview!")),
-    /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { paddingLeft: 0, flexDirection: "column", gap: 0, marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Tips for getting started:"), /* @__PURE__ */ React.createElement(Text, null, "1. Ask questions, edit files, or run commands."), /* @__PURE__ */ React.createElement(Text, null, "2. Be specific for the best results."), /* @__PURE__ */ React.createElement(Text, null, "3. Create MINTO.md to customize your project's AI interactions."), /* @__PURE__ */ React.createElement(Text, null, "4. Use /help for more information.")), /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2, flexDirection: "column", gap: 1, marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "cwd: ", getCwd())), hasOverrides && /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.minto }, "\u273B"), " ", t("ui.welcome.title")),
+    /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { paddingLeft: 0, flexDirection: "column", gap: 0, marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Tips for getting started:"), /* @__PURE__ */ React.createElement(Text, null, "1. ", t("ui.welcome.tip1")), /* @__PURE__ */ React.createElement(Text, null, "2. ", t("ui.welcome.tip2")), /* @__PURE__ */ React.createElement(Text, null, "3. ", t("ui.welcome.tip3")), /* @__PURE__ */ React.createElement(Text, null, "4. ", t("ui.welcome.tip4"))), /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2, flexDirection: "column", gap: 1, marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("ui.welcome.cwd"), ": ", getCwd())), hasOverrides && /* @__PURE__ */ React.createElement(
       Box,
       {
         borderColor: theme.secondaryBorder,
@@ -77,14 +77,14 @@ function Logo({
         marginRight: 1,
         paddingTop: 1
       },
-      /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "MCP Servers:")),
+      /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("ui.welcome.mcpServers"), ":")),
       mcpClients.map((client, idx) => /* @__PURE__ */ React.createElement(Box, { key: idx, width: width - 6 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u2022 ", client.name), /* @__PURE__ */ React.createElement(Box, { flexGrow: 1 }), /* @__PURE__ */ React.createElement(
         Text,
         {
           bold: true,
           color: client.type === "connected" ? theme.success : theme.error
         },
-        client.type === "connected" ? "connected" : "failed"
+        client.type === "connected" ? t("common.connected") : t("common.failed")
       )))
     ) : null
   ));

package/dist/components/Logo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/Logo.tsx"],
-  "sourcesContent": ["import { Box, Text, Newline } from 'ink'\nimport * as React from 'react'\nimport { getTheme } from '@utils/theme'\nimport { PRODUCT_NAME } from '@constants/product'\nimport { getAnthropicApiKey, getGlobalConfig } from '@utils/config'\nimport { getCwd } from '@utils/state'\nimport { AsciiLogo } from './AsciiLogo'\nimport type { WrappedClient } from '@services/mcpClient'\nimport { getModelManager } from '@utils/model'\nimport { MACRO } from '@constants/macros'\n\nexport const MIN_LOGO_WIDTH = 50\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 width = Math.max(MIN_LOGO_WIDTH, getCwd().length + 12)\n  const theme = getTheme()\n  const config = getGlobalConfig()\n\n  const modelManager = getModelManager()\n  const mainModelName = modelManager.getModelName('main')\n  const currentModel = mainModelName || 'No model configured'\n  const apiKey = getAnthropicApiKey()\n  const hasOverrides = Boolean(\n    process.env.ANTHROPIC_API_KEY ||\n      process.env.DISABLE_PROMPT_CACHING ||\n      process.env.API_TIMEOUT_MS ||\n      process.env.MAX_THINKING_TOKENS,\n  )\n\n  return (\n    <Box flexDirection=\"column\">\n      <Box\n        borderColor={theme.minto}\n        borderStyle=\"round\"\n        flexDirection=\"column\"\n        gap={1}\n        paddingLeft={1}\n        marginRight={2}\n        width={width}\n      >\n        {updateBannerVersion ? (\n          <Box flexDirection=\"column\">\n            <Text color=\"yellow\">\n              New version available: {updateBannerVersion} (current:{' '}\n              {MACRO.VERSION})\n            </Text>\n            <Text>Run the following command to update:</Text>\n            <Text>\n              {'  '}\n              {updateBannerCommands?.[1] ?? DEFAULT_UPDATE_COMMANDS[1]}\n            </Text>\n            {process.platform !== 'win32' && (\n              <Text dimColor>\n                Note: you may need to prefix with \"sudo\" on macOS/Linux.\n              </Text>\n            )}\n          </Box>\n        ) : null}\n        <AsciiLogo />\n        <Text>\n          <Text color={theme.minto}>\u273B</Text> Welcome to{' '}\n          <Text bold>{PRODUCT_NAME}</Text> <Text>research preview!</Text>\n        </Text>\n\n        <>\n          <Box paddingLeft={0} flexDirection=\"column\" gap={0} marginTop={1}>\n            <Text bold>Tips for getting started:</Text>\n            <Text>1. Ask questions, edit files, or run commands.</Text>\n            <Text>2. Be specific for the best results.</Text>\n            <Text>\n              3. Create MINTO.md to customize your project's AI interactions.\n            </Text>\n            <Text>4. Use /help for more information.</Text>\n          </Box>\n\n          <Box paddingLeft={2} flexDirection=\"column\" gap={1} marginTop={1}>\n            <Text color={theme.secondaryText}>cwd: {getCwd()}</Text>\n          </Box>\n\n          {hasOverrides && (\n            <Box\n              borderColor={theme.secondaryBorder}\n              borderStyle=\"single\"\n              borderBottom={false}\n              borderLeft={false}\n              borderRight={false}\n              borderTop={true}\n              flexDirection=\"column\"\n              marginLeft={2}\n              marginRight={1}\n              paddingTop={1}\n            >\n              <Box marginBottom={1}>\n                <Text color={theme.secondaryText}>Overrides (via env):</Text>\n              </Box>\n              {process.env.ANTHROPIC_API_KEY && apiKey ? (\n                <Text color={theme.secondaryText}>\n                  \u2022 API Key:{' '}\n                  <Text bold>sk-ant-\u2026{apiKey!.slice(-width + 25)}</Text>\n                </Text>\n              ) : null}\n              {process.env.DISABLE_PROMPT_CACHING ? (\n                <Text color={theme.secondaryText}>\n                  \u2022 Prompt caching:{' '}\n                  <Text color={theme.error} bold>\n                    off\n                  </Text>\n                </Text>\n              ) : null}\n              {process.env.API_TIMEOUT_MS ? (\n                <Text color={theme.secondaryText}>\n                  \u2022 API timeout:{' '}\n                  <Text bold>{process.env.API_TIMEOUT_MS}ms</Text>\n                </Text>\n              ) : null}\n              {process.env.MAX_THINKING_TOKENS ? (\n                <Text color={theme.secondaryText}>\n                  \u2022 Max thinking tokens:{' '}\n                  <Text bold>{process.env.MAX_THINKING_TOKENS}</Text>\n                </Text>\n              ) : null}\n              {process.env.ANTHROPIC_BASE_URL ? (\n                <Text color={theme.secondaryText}>\n                  \u2022 API Base URL:{' '}\n                  <Text bold>{process.env.ANTHROPIC_BASE_URL}</Text>\n                </Text>\n              ) : null}\n            </Box>\n          )}\n        </>\n        {mcpClients.length ? (\n          <Box\n            borderColor={theme.secondaryBorder}\n            borderStyle=\"single\"\n            borderBottom={false}\n            borderLeft={false}\n            borderRight={false}\n            borderTop={true}\n            flexDirection=\"column\"\n            marginLeft={2}\n            marginRight={1}\n            paddingTop={1}\n          >\n            <Box marginBottom={1}>\n              <Text color={theme.secondaryText}>MCP Servers:</Text>\n            </Box>\n            {mcpClients.map((client, idx) => (\n              <Box key={idx} width={width - 6}>\n                <Text color={theme.secondaryText}>\u2022 {client.name}</Text>\n                <Box flexGrow={1} />\n                <Text\n                  bold\n                  color={\n                    client.type === 'connected' ? theme.success : theme.error\n                  }\n                >\n                  {client.type === 'connected' ? 'connected' : 'failed'}\n                </Text>\n              </Box>\n            ))}\n          </Box>\n        ) : null}\n      </Box>\n    </Box>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Box, Text, Newline } from 'ink'\nimport * as React from 'react'\nimport { getTheme } from '@utils/theme'\nimport { PRODUCT_NAME } from '@constants/product'\nimport { getAnthropicApiKey, getGlobalConfig } from '@utils/config'\nimport { getCwd } from '@utils/state'\nimport { AsciiLogo } from './AsciiLogo'\nimport type { WrappedClient } from '@services/mcpClient'\nimport { getModelManager } from '@utils/model'\nimport { MACRO } from '@constants/macros'\nimport { t } from '@i18n'\n\nexport const MIN_LOGO_WIDTH = 50\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 width = Math.max(MIN_LOGO_WIDTH, getCwd().length + 12)\n  const theme = getTheme()\n  const config = getGlobalConfig()\n\n  const modelManager = getModelManager()\n  const mainModelName = modelManager.getModelName('main')\n  const currentModel = mainModelName || 'No model configured'\n  const apiKey = getAnthropicApiKey()\n  const hasOverrides = Boolean(\n    process.env.ANTHROPIC_API_KEY ||\n      process.env.DISABLE_PROMPT_CACHING ||\n      process.env.API_TIMEOUT_MS ||\n      process.env.MAX_THINKING_TOKENS,\n  )\n\n  return (\n    <Box flexDirection=\"column\">\n      <Box\n        borderColor={theme.minto}\n        borderStyle=\"round\"\n        flexDirection=\"column\"\n        gap={1}\n        paddingLeft={1}\n        marginRight={2}\n        width={width}\n      >\n        {updateBannerVersion ? (\n          <Box flexDirection=\"column\">\n            <Text color=\"yellow\">\n              New version available: {updateBannerVersion} (current:{' '}\n              {MACRO.VERSION})\n            </Text>\n            <Text>Run the following command to update:</Text>\n            <Text>\n              {'  '}\n              {updateBannerCommands?.[1] ?? DEFAULT_UPDATE_COMMANDS[1]}\n            </Text>\n            {process.platform !== 'win32' && (\n              <Text dimColor>\n                Note: you may need to prefix with \"sudo\" on macOS/Linux.\n              </Text>\n            )}\n          </Box>\n        ) : null}\n        <AsciiLogo />\n        <Text>\n          <Text color={theme.minto}>\u273B</Text> {t('ui.welcome.title')}\n        </Text>\n\n        <>\n          <Box paddingLeft={0} flexDirection=\"column\" gap={0} marginTop={1}>\n            <Text bold>Tips for getting started:</Text>\n            <Text>1. {t('ui.welcome.tip1')}</Text>\n            <Text>2. {t('ui.welcome.tip2')}</Text>\n            <Text>3. {t('ui.welcome.tip3')}</Text>\n            <Text>4. {t('ui.welcome.tip4')}</Text>\n          </Box>\n\n          <Box paddingLeft={2} flexDirection=\"column\" gap={1} marginTop={1}>\n            <Text color={theme.secondaryText}>\n              {t('ui.welcome.cwd')}: {getCwd()}\n            </Text>\n          </Box>\n\n          {hasOverrides && (\n            <Box\n              borderColor={theme.secondaryBorder}\n              borderStyle=\"single\"\n              borderBottom={false}\n              borderLeft={false}\n              borderRight={false}\n              borderTop={true}\n              flexDirection=\"column\"\n              marginLeft={2}\n              marginRight={1}\n              paddingTop={1}\n            >\n              <Box marginBottom={1}>\n                <Text color={theme.secondaryText}>Overrides (via env):</Text>\n              </Box>\n              {process.env.ANTHROPIC_API_KEY && apiKey ? (\n                <Text color={theme.secondaryText}>\n                  \u2022 API Key:{' '}\n                  <Text bold>sk-ant-\u2026{apiKey!.slice(-width + 25)}</Text>\n                </Text>\n              ) : null}\n              {process.env.DISABLE_PROMPT_CACHING ? (\n                <Text color={theme.secondaryText}>\n                  \u2022 Prompt caching:{' '}\n                  <Text color={theme.error} bold>\n                    off\n                  </Text>\n                </Text>\n              ) : null}\n              {process.env.API_TIMEOUT_MS ? (\n                <Text color={theme.secondaryText}>\n                  \u2022 API timeout:{' '}\n                  <Text bold>{process.env.API_TIMEOUT_MS}ms</Text>\n                </Text>\n              ) : null}\n              {process.env.MAX_THINKING_TOKENS ? (\n                <Text color={theme.secondaryText}>\n                  \u2022 Max thinking tokens:{' '}\n                  <Text bold>{process.env.MAX_THINKING_TOKENS}</Text>\n                </Text>\n              ) : null}\n              {process.env.ANTHROPIC_BASE_URL ? (\n                <Text color={theme.secondaryText}>\n                  \u2022 API Base URL:{' '}\n                  <Text bold>{process.env.ANTHROPIC_BASE_URL}</Text>\n                </Text>\n              ) : null}\n            </Box>\n          )}\n        </>\n        {mcpClients.length ? (\n          <Box\n            borderColor={theme.secondaryBorder}\n            borderStyle=\"single\"\n            borderBottom={false}\n            borderLeft={false}\n            borderRight={false}\n            borderTop={true}\n            flexDirection=\"column\"\n            marginLeft={2}\n            marginRight={1}\n            paddingTop={1}\n          >\n            <Box marginBottom={1}>\n              <Text color={theme.secondaryText}>\n                {t('ui.welcome.mcpServers')}:\n              </Text>\n            </Box>\n            {mcpClients.map((client, idx) => (\n              <Box key={idx} width={width - 6}>\n                <Text color={theme.secondaryText}>\u2022 {client.name}</Text>\n                <Box flexGrow={1} />\n                <Text\n                  bold\n                  color={\n                    client.type === 'connected' ? theme.success : theme.error\n                  }\n                >\n                  {client.type === 'connected'\n                    ? t('common.connected')\n                    : t('common.failed')}\n                </Text>\n              </Box>\n            ))}\n          </Box>\n        ) : null}\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/Message.js

@@ -1,5 +1,6 @@
 import { Box } from "ink";
 import * as React from "react";
+import { memo } from "react";
 import { logError } from "../utils/log.js";
 import { UserToolResultMessage } from "./messages/UserToolResultMessage/UserToolResultMessage.js";
 import { AssistantToolUseMessage } from "./messages/AssistantToolUseMessage.js";
@@ -8,7 +9,7 @@ import { UserTextMessage } from "./messages/UserTextMessage.js";
 import { AssistantThinkingMessage } from "./messages/AssistantThinkingMessage.js";
 import { AssistantRedactedThinkingMessage } from "./messages/AssistantRedactedThinkingMessage.js";
 import { useTerminalSize } from "../hooks/useTerminalSize.js";
-function Message({
+const Message = memo(function Message2({
   message,
   messages,
   addMargin,
@@ -39,7 +40,9 @@ function Message({
         unresolvedToolUseIDs,
         shouldAnimate,
         shouldShowDot,
-        width
+        width,
+        modelId: message.message.model,
+        thinkingMetadata: message.thinkingMetadata
       }
     )));
   }
@@ -56,7 +59,7 @@ function Message({
       options: { verbose }
     }
   )));
-}
+});
 function UserMessage({
   message,
   messages,
@@ -96,7 +99,9 @@ function AssistantMessage({
   unresolvedToolUseIDs,
   shouldAnimate,
   shouldShowDot,
-  width
+  width,
+  modelId,
+  thinkingMetadata
 }) {
   switch (param.type) {
     case "tool_use":
@@ -114,7 +119,8 @@ function AssistantMessage({
           inProgressToolUseIDs,
           unresolvedToolUseIDs,
           shouldAnimate,
-          shouldShowDot
+          shouldShowDot,
+          modelId
         }
       );
     case "text":
@@ -128,13 +134,23 @@ function AssistantMessage({
           addMargin,
           shouldShowDot,
           verbose,
-          width
+          width,
+          timestamp: Date.now(),
+          modelId
         }
       );
     case "redacted_thinking":
       return /* @__PURE__ */ React.createElement(AssistantRedactedThinkingMessage, { addMargin });
     case "thinking":
-      return /* @__PURE__ */ React.createElement(AssistantThinkingMessage, { addMargin, param });
+      return /* @__PURE__ */ React.createElement(
+        AssistantThinkingMessage,
+        {
+          addMargin,
+          param,
+          metadata: thinkingMetadata,
+          showMetaInfo: verbose
+        }
+      );
     default:
       logError(`Unable to render message type: ${param.type}`);
       return null;

package/dist/components/Message.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/Message.tsx"],
-  "sourcesContent": ["import { Box } from 'ink'\nimport * as React from 'react'\nimport type { AssistantMessage, Message, UserMessage } from '@query'\nimport type {\n  ContentBlock,\n  DocumentBlockParam,\n  ImageBlockParam,\n  TextBlockParam,\n  ThinkingBlockParam,\n  ToolResultBlockParam,\n  ToolUseBlockParam,\n} from '@anthropic-ai/sdk/resources/index.mjs'\nimport { Tool } from '@tool'\nimport { logError } from '@utils/log'\nimport { UserToolResultMessage } from './messages/UserToolResultMessage/UserToolResultMessage'\nimport { AssistantToolUseMessage } from './messages/AssistantToolUseMessage'\nimport { AssistantTextMessage } from './messages/AssistantTextMessage'\nimport { UserTextMessage } from './messages/UserTextMessage'\nimport { NormalizedMessage } from '@utils/messages'\nimport { AssistantThinkingMessage } from './messages/AssistantThinkingMessage'\nimport { AssistantRedactedThinkingMessage } from './messages/AssistantRedactedThinkingMessage'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\n\ntype Props = {\n  message: UserMessage | AssistantMessage\n  messages: NormalizedMessage[]\n  // TODO: Find a way to remove this, and leave spacing to the consumer\n  addMargin: boolean\n  tools: Tool[]\n  verbose: boolean\n  debug: boolean\n  erroredToolUseIDs: Set<string>\n  inProgressToolUseIDs: Set<string>\n  unresolvedToolUseIDs: Set<string>\n  shouldAnimate: boolean\n  shouldShowDot: boolean\n  width?: number | string\n}\n\nexport function Message({\n  message,\n  messages,\n  addMargin,\n  tools,\n  verbose,\n  debug,\n  erroredToolUseIDs,\n  inProgressToolUseIDs,\n  unresolvedToolUseIDs,\n  shouldAnimate,\n  shouldShowDot,\n  width,\n}: Props): React.ReactNode {\n  // Assistant message\n  if (message.type === 'assistant') {\n    return (\n      <Box flexDirection=\"column\" width=\"100%\">\n        {message.message.content.map((_, index) => (\n          <AssistantMessage\n            key={index}\n            param={_}\n            costUSD={message.costUSD}\n            durationMs={message.durationMs}\n            addMargin={addMargin}\n            tools={tools}\n            debug={debug}\n            options={{ verbose }}\n            erroredToolUseIDs={erroredToolUseIDs}\n            inProgressToolUseIDs={inProgressToolUseIDs}\n            unresolvedToolUseIDs={unresolvedToolUseIDs}\n            shouldAnimate={shouldAnimate}\n            shouldShowDot={shouldShowDot}\n            width={width}\n          />\n        ))}\n      </Box>\n    )\n  }\n\n  // User message\n  // TODO: normalize upstream\n  const content =\n    typeof message.message.content === 'string'\n      ? [{ type: 'text', text: message.message.content } as TextBlockParam]\n      : message.message.content\n  return (\n    <Box flexDirection=\"column\" width=\"100%\">\n      {content.map((_, index) => (\n        <UserMessage\n          key={index}\n          message={message}\n          messages={messages}\n          addMargin={addMargin}\n          tools={tools}\n          param={_ as TextBlockParam}\n          options={{ verbose }}\n        />\n      ))}\n    </Box>\n  )\n}\n\nfunction UserMessage({\n  message,\n  messages,\n  addMargin,\n  tools,\n  param,\n  options: { verbose },\n}: {\n  message: UserMessage\n  messages: Message[]\n  addMargin: boolean\n  tools: Tool[]\n  param:\n    | TextBlockParam\n    | DocumentBlockParam\n    | ImageBlockParam\n    | ToolUseBlockParam\n    | ToolResultBlockParam\n  options: {\n    verbose: boolean\n  }\n  key?: React.Key\n}): React.ReactNode {\n  const { columns } = useTerminalSize()\n  switch (param.type) {\n    case 'text':\n      return <UserTextMessage addMargin={addMargin} param={param} />\n    case 'tool_result':\n      return (\n        <UserToolResultMessage\n          param={param}\n          message={message}\n          messages={messages}\n          tools={tools}\n          verbose={verbose}\n          width={columns - 5}\n        />\n      )\n  }\n}\n\nfunction AssistantMessage({\n  param,\n  costUSD,\n  durationMs,\n  addMargin,\n  tools,\n  debug,\n  options: { verbose },\n  erroredToolUseIDs,\n  inProgressToolUseIDs,\n  unresolvedToolUseIDs,\n  shouldAnimate,\n  shouldShowDot,\n  width,\n}: {\n  param:\n    | ContentBlock\n    | TextBlockParam\n    | ImageBlockParam\n    | ThinkingBlockParam\n    | ToolUseBlockParam\n    | ToolResultBlockParam\n  costUSD: number\n  durationMs: number\n  addMargin: boolean\n  tools: Tool[]\n  debug: boolean\n  options: {\n    verbose: boolean\n  }\n  erroredToolUseIDs: Set<string>\n  inProgressToolUseIDs: Set<string>\n  unresolvedToolUseIDs: Set<string>\n  shouldAnimate: boolean\n  shouldShowDot: boolean\n  width?: number | string\n  key?: React.Key\n}): React.ReactNode {\n  switch (param.type) {\n    case 'tool_use':\n      return (\n        <AssistantToolUseMessage\n          param={param}\n          costUSD={costUSD}\n          durationMs={durationMs}\n          addMargin={addMargin}\n          tools={tools}\n          debug={debug}\n          verbose={verbose}\n          erroredToolUseIDs={erroredToolUseIDs}\n          inProgressToolUseIDs={inProgressToolUseIDs}\n          unresolvedToolUseIDs={unresolvedToolUseIDs}\n          shouldAnimate={shouldAnimate}\n          shouldShowDot={shouldShowDot}\n        />\n      )\n    case 'text':\n      return (\n        <AssistantTextMessage\n          param={param}\n          costUSD={costUSD}\n          durationMs={durationMs}\n          debug={debug}\n          addMargin={addMargin}\n          shouldShowDot={shouldShowDot}\n          verbose={verbose}\n          width={width}\n        />\n      )\n    case 'redacted_thinking':\n      return <AssistantRedactedThinkingMessage addMargin={addMargin} />\n    case 'thinking':\n      return <AssistantThinkingMessage addMargin={addMargin} param={param} />\n    default:\n      logError(`Unable to render message type: ${param.type}`)\n      return null\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,WAAW;AACpB,YAAY,WAAW;AAYvB,SAAS,gBAAgB;AACzB,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAEhC,SAAS,gCAAgC;AACzC,SAAS,wCAAwC;AACjD,SAAS,uBAAuB;AAkBzB,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AAEzB,MAAI,QAAQ,SAAS,aAAa;AAChC,WACE,oCAAC,OAAI,eAAc,UAAS,OAAM,UAC/B,QAAQ,QAAQ,QAAQ,IAAI,CAAC,GAAG,UAC/B;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,SAAS,QAAQ;AAAA,QACjB,YAAY,QAAQ;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS,EAAE,QAAQ;AAAA,QACnB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,CACD,CACH;AAAA,EAEJ;AAIA,QAAM,UACJ,OAAO,QAAQ,QAAQ,YAAY,WAC/B,CAAC,EAAE,MAAM,QAAQ,MAAM,QAAQ,QAAQ,QAAQ,CAAmB,IAClE,QAAQ,QAAQ;AACtB,SACE,oCAAC,OAAI,eAAc,UAAS,OAAM,UAC/B,QAAQ,IAAI,CAAC,GAAG,UACf;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,SAAS,EAAE,QAAQ;AAAA;AAAA,EACrB,CACD,CACH;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,EAAE,QAAQ;AACrB,GAeoB;AAClB,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,UAAQ,MAAM,MAAM;AAAA,IAClB,KAAK;AACH,aAAO,oCAAC,mBAAgB,WAAsB,OAAc;AAAA,IAC9D,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,UAAU;AAAA;AAAA,MACnB;AAAA,EAEN;AACF;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,EAAE,QAAQ;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAuBoB;AAClB,UAAQ,MAAM,MAAM;AAAA,IAClB,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,IAEJ,KAAK;AACH,aAAO,oCAAC,oCAAiC,WAAsB;AAAA,IACjE,KAAK;AACH,aAAO,oCAAC,4BAAyB,WAAsB,OAAc;AAAA,IACvE;AACE,eAAS,kCAAkC,MAAM,IAAI,EAAE;AACvD,aAAO;AAAA,EACX;AACF;",
-  "names": []
+  "sourcesContent": ["import { Box } from 'ink'\nimport * as React from 'react'\nimport { memo } from 'react'\nimport type {\n  AssistantMessage,\n  Message as QueryMessage,\n  UserMessage,\n} from '@query'\nimport type {\n  ContentBlock,\n  DocumentBlockParam,\n  ImageBlockParam,\n  TextBlockParam,\n  ThinkingBlockParam,\n  ToolResultBlockParam,\n  ToolUseBlockParam,\n} from '@anthropic-ai/sdk/resources/index.mjs'\nimport { Tool } from '@tool'\nimport type { ThinkingMetadata } from '@minto-types/thinking'\nimport { logError } from '@utils/log'\nimport { UserToolResultMessage } from './messages/UserToolResultMessage/UserToolResultMessage'\nimport { AssistantToolUseMessage } from './messages/AssistantToolUseMessage'\nimport { AssistantTextMessage } from './messages/AssistantTextMessage'\nimport { UserTextMessage } from './messages/UserTextMessage'\nimport { NormalizedMessage } from '@utils/messages'\nimport { AssistantThinkingMessage } from './messages/AssistantThinkingMessage'\nimport { AssistantRedactedThinkingMessage } from './messages/AssistantRedactedThinkingMessage'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\n\ntype Props = {\n  message: UserMessage | AssistantMessage\n  messages: NormalizedMessage[]\n  // TODO: Find a way to remove this, and leave spacing to the consumer\n  addMargin: boolean\n  tools: Tool[]\n  verbose: boolean\n  debug: boolean\n  erroredToolUseIDs: Set<string>\n  inProgressToolUseIDs: Set<string>\n  unresolvedToolUseIDs: Set<string>\n  shouldAnimate: boolean\n  shouldShowDot: boolean\n  width?: number | string\n}\n\n/**\n * Message component with React.memo for performance optimization.\n * Only re-renders when props actually change.\n */\nexport const Message = memo(function Message({\n  message,\n  messages,\n  addMargin,\n  tools,\n  verbose,\n  debug,\n  erroredToolUseIDs,\n  inProgressToolUseIDs,\n  unresolvedToolUseIDs,\n  shouldAnimate,\n  shouldShowDot,\n  width,\n}: Props): React.ReactNode {\n  // Assistant message\n  if (message.type === 'assistant') {\n    return (\n      <Box flexDirection=\"column\" width=\"100%\">\n        {message.message.content.map((_, index) => (\n          <AssistantMessage\n            key={index}\n            param={_}\n            costUSD={message.costUSD}\n            durationMs={message.durationMs}\n            addMargin={addMargin}\n            tools={tools}\n            debug={debug}\n            options={{ verbose }}\n            erroredToolUseIDs={erroredToolUseIDs}\n            inProgressToolUseIDs={inProgressToolUseIDs}\n            unresolvedToolUseIDs={unresolvedToolUseIDs}\n            shouldAnimate={shouldAnimate}\n            shouldShowDot={shouldShowDot}\n            width={width}\n            modelId={message.message.model}\n            thinkingMetadata={message.thinkingMetadata}\n          />\n        ))}\n      </Box>\n    )\n  }\n\n  // User message\n  // TODO: normalize upstream\n  const content =\n    typeof message.message.content === 'string'\n      ? [{ type: 'text', text: message.message.content } as TextBlockParam]\n      : message.message.content\n  return (\n    <Box flexDirection=\"column\" width=\"100%\">\n      {content.map((_, index) => (\n        <UserMessage\n          key={index}\n          message={message}\n          messages={messages}\n          addMargin={addMargin}\n          tools={tools}\n          param={_ as TextBlockParam}\n          options={{ verbose }}\n        />\n      ))}\n    </Box>\n  )\n})\n\nfunction UserMessage({\n  message,\n  messages,\n  addMargin,\n  tools,\n  param,\n  options: { verbose },\n}: {\n  message: UserMessage\n  messages: QueryMessage[]\n  addMargin: boolean\n  tools: Tool[]\n  param:\n    | TextBlockParam\n    | DocumentBlockParam\n    | ImageBlockParam\n    | ToolUseBlockParam\n    | ToolResultBlockParam\n  options: {\n    verbose: boolean\n  }\n  key?: React.Key\n}): React.ReactNode {\n  const { columns } = useTerminalSize()\n  switch (param.type) {\n    case 'text':\n      return <UserTextMessage addMargin={addMargin} param={param} />\n    case 'tool_result':\n      return (\n        <UserToolResultMessage\n          param={param}\n          message={message}\n          messages={messages}\n          tools={tools}\n          verbose={verbose}\n          width={columns - 5}\n        />\n      )\n  }\n}\n\nfunction AssistantMessage({\n  param,\n  costUSD,\n  durationMs,\n  addMargin,\n  tools,\n  debug,\n  options: { verbose },\n  erroredToolUseIDs,\n  inProgressToolUseIDs,\n  unresolvedToolUseIDs,\n  shouldAnimate,\n  shouldShowDot,\n  width,\n  modelId,\n  thinkingMetadata,\n}: {\n  param:\n    | ContentBlock\n    | TextBlockParam\n    | ImageBlockParam\n    | ThinkingBlockParam\n    | ToolUseBlockParam\n    | ToolResultBlockParam\n  costUSD: number\n  durationMs: number\n  addMargin: boolean\n  tools: Tool[]\n  debug: boolean\n  options: {\n    verbose: boolean\n  }\n  erroredToolUseIDs: Set<string>\n  inProgressToolUseIDs: Set<string>\n  unresolvedToolUseIDs: Set<string>\n  shouldAnimate: boolean\n  shouldShowDot: boolean\n  width?: number | string\n  key?: React.Key\n  modelId?: string\n  thinkingMetadata?: ThinkingMetadata\n}): React.ReactNode {\n  switch (param.type) {\n    case 'tool_use':\n      return (\n        <AssistantToolUseMessage\n          param={param}\n          costUSD={costUSD}\n          durationMs={durationMs}\n          addMargin={addMargin}\n          tools={tools}\n          debug={debug}\n          verbose={verbose}\n          erroredToolUseIDs={erroredToolUseIDs}\n          inProgressToolUseIDs={inProgressToolUseIDs}\n          unresolvedToolUseIDs={unresolvedToolUseIDs}\n          shouldAnimate={shouldAnimate}\n          shouldShowDot={shouldShowDot}\n          modelId={modelId}\n        />\n      )\n    case 'text':\n      return (\n        <AssistantTextMessage\n          param={param}\n          costUSD={costUSD}\n          durationMs={durationMs}\n          debug={debug}\n          addMargin={addMargin}\n          shouldShowDot={shouldShowDot}\n          verbose={verbose}\n          width={width}\n          timestamp={Date.now()}\n          modelId={modelId}\n        />\n      )\n    case 'redacted_thinking':\n      return <AssistantRedactedThinkingMessage addMargin={addMargin} />\n    case 'thinking':\n      return (\n        <AssistantThinkingMessage\n          addMargin={addMargin}\n          param={param}\n          metadata={thinkingMetadata}\n          showMetaInfo={verbose}\n        />\n      )\n    default:\n      logError(`Unable to render message type: ${param.type}`)\n      return null\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["Message"]
 }

package/dist/components/ModelConfig.js

@@ -9,7 +9,7 @@ import {
 } from "../utils/config.js";
 import { getModelManager } from "../utils/model.js";
 import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
-import { ModelSelector } from "./ModelSelector.js";
+import { ModelSelector } from "./ModelSelector/index.js";
 import { ModelListManager } from "./ModelListManager.js";
 function ModelConfig({ onClose }) {
   const config = getGlobalConfig();
@@ -23,7 +23,9 @@ function ModelConfig({ onClose }) {
   const [refreshKey, setRefreshKey] = useState(0);
   const [isDeleteMode, setIsDeleteMode] = useState(false);
   const selectedIndexRef = useRef(selectedIndex);
-  const exitState = useExitOnCtrlCD(() => process.exit(0));
+  const exitState = useExitOnCtrlCD(() => process.exit(0), {
+    isActive: !showModelSelector && !showModelListManager
+  });
   const modelManager = getModelManager();
   useEffect(() => {
     selectedIndexRef.current = selectedIndex;
@@ -69,6 +71,15 @@ function ModelConfig({ onClose }) {
         options: availableModels,
         type: "modelPointer",
         onChange: (value) => handleModelPointerChange("quick", value)
+      },
+      {
+        id: "compact",
+        label: "Compact Model",
+        description: "Model for context compression and summarization",
+        value: config.modelPointers?.compact || "",
+        options: availableModels,
+        type: "modelPointer",
+        onChange: (value) => handleModelPointerChange("compact", value)
       }
     ];
     return [
@@ -141,7 +152,9 @@ function ModelConfig({ onClose }) {
     },
     [selectedIndex, menuItems, onClose, isDeleteMode, modelManager]
   );
-  useInput(handleInput);
+  useInput(handleInput, {
+    isActive: !showModelSelector && !showModelListManager
+  });
   if (showModelListManager) {
     return /* @__PURE__ */ React.createElement(ModelListManager, { onClose: handleModelConfigurationComplete });
   }

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'\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  const exitState = useExitOnCtrlCD(() => process.exit(0))\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\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  useInput(handleInput)\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 dimColor>\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 && <Text color=\"blue\">{actionText}</Text>}\n              </Box>\n            </Box>\n            {isSelected && (\n              <Box paddingLeft={2} marginBottom={1}>\n                <Text dimColor>{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 dimColor>\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'\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 dimColor>\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 && <Text color=\"blue\">{actionText}</Text>}\n              </Box>\n            </Box>\n            {isSelected && (\n              <Box paddingLeft={2} marginBottom={1}>\n                <Text dimColor>{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 dimColor>\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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",
   "names": []
 }