@within-7/minto 0.1.7 → 0.3.0

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/HeaderBar.js

@@ -3,6 +3,7 @@ import { Box, Text } from "ink";
 import { getTheme } from "../utils/theme.js";
 import { getCwd } from "../utils/state.js";
 import { getModelManager } from "../utils/model.js";
+import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../constants/colors.js";
 function HeaderBar({
   tokenUsage = 0,
   mcpClients = [],
@@ -14,41 +15,45 @@ function HeaderBar({
   const cwd = getCwd();
   const contextPercentage = currentModel ? Math.round(tokenUsage / currentModel.contextLength * 100) : 0;
   const formatTokens = (tokens) => `${Math.round(tokens / 1e3)}k`;
+  const getDisplayModelName = (modelName) => {
+    if (!modelName) return "AI \u52A9\u624B";
+    const simplified = modelName.replace(/^(claude-|gpt-|glm-)/, "").replace(/-\d+.*$/, "").replace(/-latest$/, "");
+    return simplified.charAt(0).toUpperCase() + simplified.slice(1);
+  };
   return /* @__PURE__ */ React.createElement(
     Box,
     {
       flexDirection: "column",
-      borderColor: theme.brand,
+      borderColor: BRAND_GRADIENT.START,
       borderStyle: "round",
       paddingX: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.brand, bold: true }, "minto"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryTextNew }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryTextNew }, cwd)), /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, currentModel?.modelName || "No model"), currentModel && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " \xB7 "), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u25C6"), /* @__PURE__ */ React.createElement(Text, null, " "), /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START, bold: true }, "Min"), /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.END, bold: true }, "to"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, cwd)), /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, getDisplayModelName(currentModel?.modelName)), currentModel && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, " \xB7 "), /* @__PURE__ */ React.createElement(
       Text,
       {
-        color: contextPercentage > 80 ? theme.warning : contextPercentage > 60 ? theme.dimmedText : theme.mutedText
+        color: contextPercentage > 80 ? SEMANTIC_COLORS.error : contextPercentage > 60 ? SEMANTIC_COLORS.running : SEMANTIC_COLORS.muted
       },
       formatTokens(tokenUsage),
       "/",
       formatTokens(currentModel.contextLength)
     )))),
-    mcpClients.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginTop: 0 }, /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, "MCP: "), mcpClients.map((client, idx) => /* @__PURE__ */ React.createElement(React.Fragment, { key: idx }, /* @__PURE__ */ React.createElement(
+    mcpClients.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginTop: 0 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, "MCP: "), mcpClients.map((client, idx) => /* @__PURE__ */ React.createElement(React.Fragment, { key: idx }, /* @__PURE__ */ React.createElement(
       Text,
       {
-        color: client.type === "connected" ? theme.success : theme.error
+        color: client.type === "connected" ? SEMANTIC_COLORS.success : SEMANTIC_COLORS.error
       },
       client.name
-    ), idx < mcpClients.length - 1 && /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, ", "))))
+    ), idx < mcpClients.length - 1 && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, ", "))))
   );
 }
 function MinimalHeaderBar({
   tokenUsage = 0
 }) {
-  const theme = getTheme();
   const modelManager = getModelManager();
   const currentModel = modelManager.getModel("main");
   const cwd = getCwd();
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", justifyContent: "space-between", paddingX: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryTextNew }, /* @__PURE__ */ React.createElement(Text, { color: theme.brand, bold: true }, "minto"), " ", "\xB7 ", cwd), currentModel && /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, currentModel.modelName, " \xB7 ", Math.round(tokenUsage / 1e3), "k/", Math.round(currentModel.contextLength / 1e3), "k"));
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", justifyContent: "space-between", paddingX: 2 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u25C6"), /* @__PURE__ */ React.createElement(Text, null, " "), /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START, bold: true }, "Min"), /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.END, bold: true }, "to"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, cwd)), currentModel && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, Math.round(tokenUsage / 1e3), "k/", Math.round(currentModel.contextLength / 1e3), "k"));
 }
 export {
   HeaderBar,

package/dist/components/HeaderBar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/HeaderBar.tsx"],
-  "sourcesContent": ["/**\n * HeaderBar - Claude Code CLI \u98CE\u683C\u7684\u9875\u7709\u7EC4\u4EF6\n *\n * \u8BBE\u8BA1\u539F\u5219\uFF1A\n * 1. **\u56FA\u5B9A\u9876\u90E8** - \u59CB\u7EC8\u53EF\u89C1\uFF0C\u4E0D\u968F\u5185\u5BB9\u6EDA\u52A8\n * 2. **\u4FE1\u606F\u5BC6\u96C6** - \u663E\u793A\u5173\u952E\u4E0A\u4E0B\u6587\uFF08\u5DE5\u4F5C\u76EE\u5F55\u3001\u6A21\u578B\u3001\u4E0A\u4E0B\u6587\u4F7F\u7528\uFF09\n * 3. **\u89C6\u89C9\u7CBE\u7B80** - \u4E0D\u5360\u7528\u8FC7\u591A\u5782\u76F4\u7A7A\u95F4\n * 4. **\u72B6\u6001\u6E05\u6670** - \u4E00\u773C\u4E86\u89E3\u5F53\u524D\u73AF\u5883\n *\n * \u8FD9\u66FF\u4EE3\u4E86\u539F\u6709\u7684 Logo \u7EC4\u4EF6\uFF0C\u66F4\u7B26\u5408 Claude Code CLI \u7684\u8BBE\u8BA1\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { getCwd } from '@utils/state'\nimport { getModelManager } from '@utils/model'\nimport type { WrappedClient } from '@services/mcpClient'\n\ninterface Props {\n  /** \u5F53\u524D Token \u4F7F\u7528\u91CF */\n  tokenUsage?: number\n\n  /** MCP \u5BA2\u6237\u7AEF (\u53EF\u9009) */\n  mcpClients?: WrappedClient[]\n\n  /** \u662F\u5426\u662F\u9ED8\u8BA4\u6A21\u578B */\n  isDefaultModel?: boolean\n}\n\n/**\n * HeaderBar - \u8F7B\u91CF\u7EA7\u9875\u7709\u72B6\u6001\u680F\n *\n * \u5E03\u5C40\uFF1A\n * ```\n * \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n * \u2502 minto \u00B7 /path/to/project \u00B7 claude-sonnet-4 \u00B7 50k/200k\u2502\n * \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n * ```\n */\nexport function HeaderBar({\n  tokenUsage = 0,\n  mcpClients = [],\n  isDefaultModel = true,\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  const modelManager = getModelManager()\n  const currentModel = modelManager.getModel('main')\n  const cwd = getCwd()\n\n  // \u8BA1\u7B97\u4E0A\u4E0B\u6587\u4F7F\u7528\u767E\u5206\u6BD4\n  const contextPercentage = currentModel\n    ? Math.round((tokenUsage / currentModel.contextLength) * 100)\n    : 0\n\n  // \u683C\u5F0F\u5316 Token \u6570\u91CF (k \u4E3A\u5355\u4F4D)\n  const formatTokens = (tokens: number) => `${Math.round(tokens / 1000)}k`\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderColor={theme.brand}\n      borderStyle=\"round\"\n      paddingX={1}\n      marginBottom={1}\n    >\n      {/* \u4E3B\u4FE1\u606F\u884C */}\n      <Box flexDirection=\"row\" justifyContent=\"space-between\">\n        {/* \u5DE6\u4FA7\uFF1A\u4EA7\u54C1\u540D\u79F0 + \u5DE5\u4F5C\u76EE\u5F55 */}\n        <Box flexDirection=\"row\">\n          <Text color={theme.brand} bold>\n            minto\n          </Text>\n          <Text color={theme.secondaryTextNew}> \u00B7 </Text>\n          <Text color={theme.secondaryTextNew}>{cwd}</Text>\n        </Box>\n\n        {/* \u53F3\u4FA7\uFF1A\u6A21\u578B\u4FE1\u606F + \u4E0A\u4E0B\u6587\u4F7F\u7528 */}\n        <Box flexDirection=\"row\">\n          <Text color={theme.dimmedText}>\n            {currentModel?.modelName || 'No model'}\n          </Text>\n          {currentModel && (\n            <>\n              <Text color={theme.mutedText}> \u00B7 </Text>\n              <Text\n                color={\n                  contextPercentage > 80\n                    ? theme.warning\n                    : contextPercentage > 60\n                      ? theme.dimmedText\n                      : theme.mutedText\n                }\n              >\n                {formatTokens(tokenUsage)}/\n                {formatTokens(currentModel.contextLength)}\n              </Text>\n            </>\n          )}\n        </Box>\n      </Box>\n\n      {/* MCP \u670D\u52A1\u5668\u72B6\u6001 (\u5982\u679C\u6709) */}\n      {mcpClients.length > 0 && (\n        <Box flexDirection=\"row\" marginTop={0}>\n          <Text color={theme.mutedText}>MCP: </Text>\n          {mcpClients.map((client, idx) => (\n            <React.Fragment key={idx}>\n              <Text\n                color={\n                  client.type === 'connected' ? theme.success : theme.error\n                }\n              >\n                {client.name}\n              </Text>\n              {idx < mcpClients.length - 1 && (\n                <Text color={theme.mutedText}>, </Text>\n              )}\n            </React.Fragment>\n          ))}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\n/**\n * \u6781\u7B80\u7248\u9875\u7709 (\u53EA\u663E\u793A\u57FA\u672C\u4FE1\u606F)\n */\nexport function MinimalHeaderBar({\n  tokenUsage = 0,\n}: {\n  tokenUsage?: number\n}): React.ReactNode {\n  const theme = getTheme()\n  const modelManager = getModelManager()\n  const currentModel = modelManager.getModel('main')\n  const cwd = getCwd()\n\n  return (\n    <Box flexDirection=\"row\" justifyContent=\"space-between\" paddingX={2}>\n      {/* \u5DE5\u4F5C\u76EE\u5F55 */}\n      <Text color={theme.secondaryTextNew}>\n        <Text color={theme.brand} bold>\n          minto\n        </Text>{' '}\n        \u00B7 {cwd}\n      </Text>\n\n      {/* \u6A21\u578B + Token */}\n      {currentModel && (\n        <Text color={theme.dimmedText}>\n          {currentModel.modelName} \u00B7 {Math.round(tokenUsage / 1000)}k/\n          {Math.round(currentModel.contextLength / 1000)}k\n        </Text>\n      )}\n    </Box>\n  )\n}\n"],
-  "mappings": "AAYA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAwBzB,SAAS,UAAU;AAAA,EACxB,aAAa;AAAA,EACb,aAAa,CAAC;AAAA,EACd,iBAAiB;AACnB,GAA2B;AACzB,QAAM,QAAQ,SAAS;AACvB,QAAM,eAAe,gBAAgB;AACrC,QAAM,eAAe,aAAa,SAAS,MAAM;AACjD,QAAM,MAAM,OAAO;AAGnB,QAAM,oBAAoB,eACtB,KAAK,MAAO,aAAa,aAAa,gBAAiB,GAAG,IAC1D;AAGJ,QAAM,eAAe,CAAC,WAAmB,GAAG,KAAK,MAAM,SAAS,GAAI,CAAC;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,aAAa,MAAM;AAAA,MACnB,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,cAAc;AAAA;AAAA,IAGd,oCAAC,OAAI,eAAc,OAAM,gBAAe,mBAEtC,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,MAAM,OAAO,MAAI,QAAC,OAE/B,GACA,oCAAC,QAAK,OAAO,MAAM,oBAAkB,QAAG,GACxC,oCAAC,QAAK,OAAO,MAAM,oBAAmB,GAAI,CAC5C,GAGA,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,MAAM,cAChB,cAAc,aAAa,UAC9B,GACC,gBACC,0DACE,oCAAC,QAAK,OAAO,MAAM,aAAW,QAAG,GACjC;AAAA,MAAC;AAAA;AAAA,QACC,OACE,oBAAoB,KAChB,MAAM,UACN,oBAAoB,KAClB,MAAM,aACN,MAAM;AAAA;AAAA,MAGb,aAAa,UAAU;AAAA,MAAE;AAAA,MACzB,aAAa,aAAa,aAAa;AAAA,IAC1C,CACF,CAEJ,CACF;AAAA,IAGC,WAAW,SAAS,KACnB,oCAAC,OAAI,eAAc,OAAM,WAAW,KAClC,oCAAC,QAAK,OAAO,MAAM,aAAW,OAAK,GAClC,WAAW,IAAI,CAAC,QAAQ,QACvB,oCAAC,MAAM,UAAN,EAAe,KAAK,OACnB;AAAA,MAAC;AAAA;AAAA,QACC,OACE,OAAO,SAAS,cAAc,MAAM,UAAU,MAAM;AAAA;AAAA,MAGrD,OAAO;AAAA,IACV,GACC,MAAM,WAAW,SAAS,KACzB,oCAAC,QAAK,OAAO,MAAM,aAAW,IAAE,CAEpC,CACD,CACH;AAAA,EAEJ;AAEJ;AAKO,SAAS,iBAAiB;AAAA,EAC/B,aAAa;AACf,GAEoB;AAClB,QAAM,QAAQ,SAAS;AACvB,QAAM,eAAe,gBAAgB;AACrC,QAAM,eAAe,aAAa,SAAS,MAAM;AACjD,QAAM,MAAM,OAAO;AAEnB,SACE,oCAAC,OAAI,eAAc,OAAM,gBAAe,iBAAgB,UAAU,KAEhE,oCAAC,QAAK,OAAO,MAAM,oBACjB,oCAAC,QAAK,OAAO,MAAM,OAAO,MAAI,QAAC,OAE/B,GAAQ,KAAI,SACT,GACL,GAGC,gBACC,oCAAC,QAAK,OAAO,MAAM,cAChB,aAAa,WAAU,UAAI,KAAK,MAAM,aAAa,GAAI,GAAE,MACzD,KAAK,MAAM,aAAa,gBAAgB,GAAI,GAAE,GACjD,CAEJ;AAEJ;",
+  "sourcesContent": ["/**\n * HeaderBar - Minto \u54C1\u724C\u9875\u7709\u7EC4\u4EF6\n *\n * \u8BBE\u8BA1\u539F\u5219\uFF1A\n * 1. **\u54C1\u724C\u8BC6\u522B** - \u7D2B\u84DD\u2192\u73CA\u745A\u6E10\u53D8\uFF0C\u4F20\u9012\u4E13\u4E1A\u4E0E\u70ED\u60C5\n * 2. **\u4FE1\u606F\u6E05\u6670** - \u663E\u793A\u5173\u952E\u4FE1\u606F\uFF08\u9879\u76EE\u4F4D\u7F6E\u3001AI \u6A21\u578B\u3001\u4F7F\u7528\u91CF\uFF09\n * 3. **\u5546\u52A1\u53CB\u597D** - \u6E29\u6696\u3001\u4E13\u4E1A\u3001\u6613\u4E8E\u7406\u89E3\n * 4. **\u89C6\u89C9\u7CBE\u7B80** - \u4E0D\u5360\u7528\u8FC7\u591A\u5782\u76F4\u7A7A\u95F4\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { getCwd } from '@utils/state'\nimport { getModelManager } from '@utils/model'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\nimport type { WrappedClient } from '@services/mcpClient'\n\ninterface Props {\n  /** \u5F53\u524D Token \u4F7F\u7528\u91CF */\n  tokenUsage?: number\n\n  /** MCP \u5BA2\u6237\u7AEF (\u53EF\u9009) */\n  mcpClients?: WrappedClient[]\n\n  /** \u662F\u5426\u662F\u9ED8\u8BA4\u6A21\u578B */\n  isDefaultModel?: boolean\n}\n\n/**\n * HeaderBar - \u54C1\u724C\u9875\u7709\u72B6\u6001\u680F\n *\n * \u5E03\u5C40\uFF1A\n * ```\n * \u256D\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256E\n * \u2502 \u25C6 Minto \u00B7 /path/to/project        AI Model \u00B7 50k/200k\u2502\n * \u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256F\n * ```\n */\nexport function HeaderBar({\n  tokenUsage = 0,\n  mcpClients = [],\n  isDefaultModel = true,\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  const modelManager = getModelManager()\n  const currentModel = modelManager.getModel('main')\n  const cwd = getCwd()\n\n  // \u8BA1\u7B97\u4E0A\u4E0B\u6587\u4F7F\u7528\u767E\u5206\u6BD4\n  const contextPercentage = currentModel\n    ? Math.round((tokenUsage / currentModel.contextLength) * 100)\n    : 0\n\n  // \u683C\u5F0F\u5316 Token \u6570\u91CF (k \u4E3A\u5355\u4F4D)\n  const formatTokens = (tokens: number) => `${Math.round(tokens / 1000)}k`\n\n  // \u83B7\u53D6\u7B80\u5316\u7684\u6A21\u578B\u663E\u793A\u540D\u79F0\uFF08\u5BF9\u975E\u6280\u672F\u7528\u6237\u66F4\u53CB\u597D\uFF09\n  const getDisplayModelName = (modelName: string | undefined) => {\n    if (!modelName) return 'AI \u52A9\u624B'\n    // \u63D0\u53D6\u6A21\u578B\u7B80\u79F0\uFF0C\u79FB\u9664\u7248\u672C\u53F7\u7B49\u6280\u672F\u7EC6\u8282\n    const simplified = modelName\n      .replace(/^(claude-|gpt-|glm-)/, '')\n      .replace(/-\\d+.*$/, '')\n      .replace(/-latest$/, '')\n    return simplified.charAt(0).toUpperCase() + simplified.slice(1)\n  }\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderColor={BRAND_GRADIENT.START}\n      borderStyle=\"round\"\n      paddingX={1}\n      marginBottom={1}\n    >\n      {/* \u4E3B\u4FE1\u606F\u884C */}\n      <Box flexDirection=\"row\" justifyContent=\"space-between\">\n        {/* \u5DE6\u4FA7\uFF1A\u54C1\u724C\u6807\u8BC6 + \u9879\u76EE\u4F4D\u7F6E */}\n        <Box flexDirection=\"row\">\n          <Text color={BRAND_GRADIENT.START}>\u25C6</Text>\n          <Text> </Text>\n          <Text color={BRAND_GRADIENT.START} bold>\n            Min\n          </Text>\n          <Text color={BRAND_GRADIENT.END} bold>\n            to\n          </Text>\n          <Text color={SEMANTIC_COLORS.dim}> \u00B7 </Text>\n          <Text color={SEMANTIC_COLORS.secondary}>{cwd}</Text>\n        </Box>\n\n        {/* \u53F3\u4FA7\uFF1AAI \u6A21\u578B + \u4F7F\u7528\u91CF */}\n        <Box flexDirection=\"row\">\n          <Text color={SEMANTIC_COLORS.dim}>\n            {getDisplayModelName(currentModel?.modelName)}\n          </Text>\n          {currentModel && (\n            <>\n              <Text color={SEMANTIC_COLORS.muted}> \u00B7 </Text>\n              <Text\n                color={\n                  contextPercentage > 80\n                    ? SEMANTIC_COLORS.error\n                    : contextPercentage > 60\n                      ? SEMANTIC_COLORS.running\n                      : SEMANTIC_COLORS.muted\n                }\n              >\n                {formatTokens(tokenUsage)}/\n                {formatTokens(currentModel.contextLength)}\n              </Text>\n            </>\n          )}\n        </Box>\n      </Box>\n\n      {/* \u6269\u5C55\u670D\u52A1\u72B6\u6001 (\u5982\u679C\u6709) */}\n      {mcpClients.length > 0 && (\n        <Box flexDirection=\"row\" marginTop={0}>\n          <Text color={SEMANTIC_COLORS.muted}>MCP: </Text>\n          {mcpClients.map((client, idx) => (\n            <React.Fragment key={idx}>\n              <Text\n                color={\n                  client.type === 'connected'\n                    ? SEMANTIC_COLORS.success\n                    : SEMANTIC_COLORS.error\n                }\n              >\n                {client.name}\n              </Text>\n              {idx < mcpClients.length - 1 && (\n                <Text color={SEMANTIC_COLORS.muted}>, </Text>\n              )}\n            </React.Fragment>\n          ))}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\n/**\n * \u6781\u7B80\u7248\u9875\u7709 (\u53EA\u663E\u793A\u57FA\u672C\u4FE1\u606F)\n */\nexport function MinimalHeaderBar({\n  tokenUsage = 0,\n}: {\n  tokenUsage?: number\n}): React.ReactNode {\n  const modelManager = getModelManager()\n  const currentModel = modelManager.getModel('main')\n  const cwd = getCwd()\n\n  return (\n    <Box flexDirection=\"row\" justifyContent=\"space-between\" paddingX={2}>\n      {/* \u54C1\u724C + \u9879\u76EE\u4F4D\u7F6E */}\n      <Box flexDirection=\"row\">\n        <Text color={BRAND_GRADIENT.START}>\u25C6</Text>\n        <Text> </Text>\n        <Text color={BRAND_GRADIENT.START} bold>\n          Min\n        </Text>\n        <Text color={BRAND_GRADIENT.END} bold>\n          to\n        </Text>\n        <Text color={SEMANTIC_COLORS.dim}> \u00B7 </Text>\n        <Text color={SEMANTIC_COLORS.secondary}>{cwd}</Text>\n      </Box>\n\n      {/* AI \u6A21\u578B + \u4F7F\u7528\u91CF */}\n      {currentModel && (\n        <Text color={SEMANTIC_COLORS.dim}>\n          {Math.round(tokenUsage / 1000)}k/\n          {Math.round(currentModel.contextLength / 1000)}k\n        </Text>\n      )}\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/HistorySearchOverlay.js

@@ -1,6 +1,7 @@
 import { Box, Text } from "ink";
 import * as React from "react";
 import { getTheme } from "../utils/theme.js";
+import { SEMANTIC_COLORS } from "../constants/colors.js";
 function HistorySearchOverlay({
   searchTerm,
   results,
@@ -24,9 +25,9 @@ function HistorySearchOverlay({
       paddingX: 1,
       marginBottom: 1
     },
-    /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.minto }, "Ctrl-R History Search"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " (\u2191/\u2193: navigate, Enter: select, Esc: cancel)")),
-    /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Search: "), /* @__PURE__ */ React.createElement(Text, { color: theme.success }, searchTerm || /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "(type to search)"))),
-    results.length === 0 ? /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, searchTerm ? "No matches found" : "No history available")) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, results.length, " ", results.length === 1 ? "match" : "matches", results.length > maxVisible && ` (showing ${maxVisible})`)), visibleResults.map((result, displayIndex) => {
+    /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.minto }, "Ctrl-R History Search"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", "(\u2191/\u2193: navigate, Enter: select, Esc: cancel)")),
+    /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Search: "), /* @__PURE__ */ React.createElement(Text, { color: theme.success }, searchTerm || /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "(type to search)"))),
+    results.length === 0 ? /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, searchTerm ? "No matches found" : "No history available")) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, results.length, " ", results.length === 1 ? "match" : "matches", results.length > maxVisible && ` (showing ${maxVisible})`)), visibleResults.map((result, displayIndex) => {
       const isSelected = displayIndex === adjustedSelectedIndex;
       const actualIndex = startIndex + displayIndex;
       return /* @__PURE__ */ React.createElement(Box, { key: actualIndex, paddingLeft: 1 }, /* @__PURE__ */ React.createElement(

package/dist/components/HistorySearchOverlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/HistorySearchOverlay.tsx"],
-  "sourcesContent": ["import { Box, Text } from 'ink'\nimport * as React from 'react'\nimport { getTheme } from '@utils/theme'\nimport type { HistorySearchResult } from '@hooks/useHistorySearch'\n\ntype Props = {\n  searchTerm: string\n  results: HistorySearchResult[]\n  selectedIndex: number\n  maxVisible?: number\n}\n\nexport function HistorySearchOverlay({\n  searchTerm,\n  results,\n  selectedIndex,\n  maxVisible = 10,\n}: Props) {\n  const theme = getTheme()\n\n  // Calculate visible range (show selected item in the middle when possible)\n  const halfVisible = Math.floor(maxVisible / 2)\n  const startIndex = Math.max(\n    0,\n    Math.min(selectedIndex - halfVisible, results.length - maxVisible),\n  )\n  const visibleResults = results.slice(startIndex, startIndex + maxVisible)\n  const adjustedSelectedIndex = selectedIndex - startIndex\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      borderColor={theme.secondaryBorder}\n      paddingX={1}\n      marginBottom={1}\n    >\n      {/* Header */}\n      <Box marginBottom={1}>\n        <Text bold color={theme.minto}>\n          Ctrl-R History Search\n        </Text>\n        <Text dimColor> (\u2191/\u2193: navigate, Enter: select, Esc: cancel)</Text>\n      </Box>\n\n      {/* Search input display */}\n      <Box marginBottom={1}>\n        <Text>Search: </Text>\n        <Text color={theme.success}>\n          {searchTerm || <Text dimColor>(type to search)</Text>}\n        </Text>\n      </Box>\n\n      {/* Results */}\n      {results.length === 0 ? (\n        <Box>\n          <Text dimColor>\n            {searchTerm ? 'No matches found' : 'No history available'}\n          </Text>\n        </Box>\n      ) : (\n        <>\n          {/* Results count */}\n          <Box marginBottom={1}>\n            <Text dimColor>\n              {results.length} {results.length === 1 ? 'match' : 'matches'}\n              {results.length > maxVisible && ` (showing ${maxVisible})`}\n            </Text>\n          </Box>\n\n          {/* Result list */}\n          {visibleResults.map((result, displayIndex) => {\n            const isSelected = displayIndex === adjustedSelectedIndex\n            const actualIndex = startIndex + displayIndex\n\n            return (\n              <Box key={actualIndex} paddingLeft={1}>\n                <Text\n                  bold={isSelected}\n                  color={isSelected ? theme.minto : theme.text}\n                  backgroundColor={isSelected ? theme.suggestion : undefined}\n                >\n                  {isSelected ? '\u25BA ' : '  '}\n                  {result.item.length > 80\n                    ? result.item.substring(0, 77) + '...'\n                    : result.item}\n                </Text>\n              </Box>\n            )\n          })}\n        </>\n      )}\n    </Box>\n  )\n}\n"],
-  "mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,YAAY,WAAW;AACvB,SAAS,gBAAgB;AAUlB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,GAAU;AACR,QAAM,QAAQ,SAAS;AAGvB,QAAM,cAAc,KAAK,MAAM,aAAa,CAAC;AAC7C,QAAM,aAAa,KAAK;AAAA,IACtB;AAAA,IACA,KAAK,IAAI,gBAAgB,aAAa,QAAQ,SAAS,UAAU;AAAA,EACnE;AACA,QAAM,iBAAiB,QAAQ,MAAM,YAAY,aAAa,UAAU;AACxE,QAAM,wBAAwB,gBAAgB;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,aAAa,MAAM;AAAA,MACnB,UAAU;AAAA,MACV,cAAc;AAAA;AAAA,IAGd,oCAAC,OAAI,cAAc,KACjB,oCAAC,QAAK,MAAI,MAAC,OAAO,MAAM,SAAO,uBAE/B,GACA,oCAAC,QAAK,UAAQ,QAAC,wDAA4C,CAC7D;AAAA,IAGA,oCAAC,OAAI,cAAc,KACjB,oCAAC,YAAK,UAAQ,GACd,oCAAC,QAAK,OAAO,MAAM,WAChB,cAAc,oCAAC,QAAK,UAAQ,QAAC,kBAAgB,CAChD,CACF;AAAA,IAGC,QAAQ,WAAW,IAClB,oCAAC,WACC,oCAAC,QAAK,UAAQ,QACX,aAAa,qBAAqB,sBACrC,CACF,IAEA,0DAEE,oCAAC,OAAI,cAAc,KACjB,oCAAC,QAAK,UAAQ,QACX,QAAQ,QAAO,KAAE,QAAQ,WAAW,IAAI,UAAU,WAClD,QAAQ,SAAS,cAAc,aAAa,UAAU,GACzD,CACF,GAGC,eAAe,IAAI,CAAC,QAAQ,iBAAiB;AAC5C,YAAM,aAAa,iBAAiB;AACpC,YAAM,cAAc,aAAa;AAEjC,aACE,oCAAC,OAAI,KAAK,aAAa,aAAa,KAClC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,OAAO,aAAa,MAAM,QAAQ,MAAM;AAAA,UACxC,iBAAiB,aAAa,MAAM,aAAa;AAAA;AAAA,QAEhD,aAAa,YAAO;AAAA,QACpB,OAAO,KAAK,SAAS,KAClB,OAAO,KAAK,UAAU,GAAG,EAAE,IAAI,QAC/B,OAAO;AAAA,MACb,CACF;AAAA,IAEJ,CAAC,CACH;AAAA,EAEJ;AAEJ;",
+  "sourcesContent": ["import { Box, Text } from 'ink'\nimport * as React from 'react'\nimport { getTheme } from '@utils/theme'\nimport type { HistorySearchResult } from '@hooks/useHistorySearch'\nimport { SEMANTIC_COLORS } from '@constants/colors'\n\ntype Props = {\n  searchTerm: string\n  results: HistorySearchResult[]\n  selectedIndex: number\n  maxVisible?: number\n}\n\nexport function HistorySearchOverlay({\n  searchTerm,\n  results,\n  selectedIndex,\n  maxVisible = 10,\n}: Props) {\n  const theme = getTheme()\n\n  // Calculate visible range (show selected item in the middle when possible)\n  const halfVisible = Math.floor(maxVisible / 2)\n  const startIndex = Math.max(\n    0,\n    Math.min(selectedIndex - halfVisible, results.length - maxVisible),\n  )\n  const visibleResults = results.slice(startIndex, startIndex + maxVisible)\n  const adjustedSelectedIndex = selectedIndex - startIndex\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      borderColor={theme.secondaryBorder}\n      paddingX={1}\n      marginBottom={1}\n    >\n      {/* Header */}\n      <Box marginBottom={1}>\n        <Text bold color={theme.minto}>\n          Ctrl-R History Search\n        </Text>\n        <Text color={SEMANTIC_COLORS.dim}>\n          {' '}\n          (\u2191/\u2193: navigate, Enter: select, Esc: cancel)\n        </Text>\n      </Box>\n\n      {/* Search input display */}\n      <Box marginBottom={1}>\n        <Text>Search: </Text>\n        <Text color={theme.success}>\n          {searchTerm || (\n            <Text color={SEMANTIC_COLORS.dim}>(type to search)</Text>\n          )}\n        </Text>\n      </Box>\n\n      {/* Results */}\n      {results.length === 0 ? (\n        <Box>\n          <Text color={SEMANTIC_COLORS.dim}>\n            {searchTerm ? 'No matches found' : 'No history available'}\n          </Text>\n        </Box>\n      ) : (\n        <>\n          {/* Results count */}\n          <Box marginBottom={1}>\n            <Text color={SEMANTIC_COLORS.dim}>\n              {results.length} {results.length === 1 ? 'match' : 'matches'}\n              {results.length > maxVisible && ` (showing ${maxVisible})`}\n            </Text>\n          </Box>\n\n          {/* Result list */}\n          {visibleResults.map((result, displayIndex) => {\n            const isSelected = displayIndex === adjustedSelectedIndex\n            const actualIndex = startIndex + displayIndex\n\n            return (\n              <Box key={actualIndex} paddingLeft={1}>\n                <Text\n                  bold={isSelected}\n                  color={isSelected ? theme.minto : theme.text}\n                  backgroundColor={isSelected ? theme.suggestion : undefined}\n                >\n                  {isSelected ? '\u25BA ' : '  '}\n                  {result.item.length > 80\n                    ? result.item.substring(0, 77) + '...'\n                    : result.item}\n                </Text>\n              </Box>\n            )\n          })}\n        </>\n      )}\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,YAAY,WAAW;AACvB,SAAS,gBAAgB;AAEzB,SAAS,uBAAuB;AASzB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,GAAU;AACR,QAAM,QAAQ,SAAS;AAGvB,QAAM,cAAc,KAAK,MAAM,aAAa,CAAC;AAC7C,QAAM,aAAa,KAAK;AAAA,IACtB;AAAA,IACA,KAAK,IAAI,gBAAgB,aAAa,QAAQ,SAAS,UAAU;AAAA,EACnE;AACA,QAAM,iBAAiB,QAAQ,MAAM,YAAY,aAAa,UAAU;AACxE,QAAM,wBAAwB,gBAAgB;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,aAAa,MAAM;AAAA,MACnB,UAAU;AAAA,MACV,cAAc;AAAA;AAAA,IAGd,oCAAC,OAAI,cAAc,KACjB,oCAAC,QAAK,MAAI,MAAC,OAAO,MAAM,SAAO,uBAE/B,GACA,oCAAC,QAAK,OAAO,gBAAgB,OAC1B,KAAI,uDAEP,CACF;AAAA,IAGA,oCAAC,OAAI,cAAc,KACjB,oCAAC,YAAK,UAAQ,GACd,oCAAC,QAAK,OAAO,MAAM,WAChB,cACC,oCAAC,QAAK,OAAO,gBAAgB,OAAK,kBAAgB,CAEtD,CACF;AAAA,IAGC,QAAQ,WAAW,IAClB,oCAAC,WACC,oCAAC,QAAK,OAAO,gBAAgB,OAC1B,aAAa,qBAAqB,sBACrC,CACF,IAEA,0DAEE,oCAAC,OAAI,cAAc,KACjB,oCAAC,QAAK,OAAO,gBAAgB,OAC1B,QAAQ,QAAO,KAAE,QAAQ,WAAW,IAAI,UAAU,WAClD,QAAQ,SAAS,cAAc,aAAa,UAAU,GACzD,CACF,GAGC,eAAe,IAAI,CAAC,QAAQ,iBAAiB;AAC5C,YAAM,aAAa,iBAAiB;AACpC,YAAM,cAAc,aAAa;AAEjC,aACE,oCAAC,OAAI,KAAK,aAAa,aAAa,KAClC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,OAAO,aAAa,MAAM,QAAQ,MAAM;AAAA,UACxC,iBAAiB,aAAa,MAAM,aAAa;AAAA;AAAA,QAEhD,aAAa,YAAO;AAAA,QACpB,OAAO,KAAK,SAAS,KAClB,OAAO,KAAK,UAAU,GAAG,EAAE,IAAI,QAC/B,OAAO;AAAA,MACb,CACF;AAAA,IAEJ,CAAC,CACH;AAAA,EAEJ;AAEJ;",
   "names": []
 }

package/dist/components/HotkeyHelpPanel.js

@@ -0,0 +1,134 @@
+import { Box, Text, useInput } from "ink";
+import * as React from "react";
+import { t } from "../i18n/index.js";
+import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../constants/colors.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
+}) {
+  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: BRAND_GRADIENT.START,
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: BRAND_GRADIENT.START }, "\u2328\uFE0F ", t("ui.hints.shortcuts")), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, " ", "(", 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: SEMANTIC_COLORS.secondary }, 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: BRAND_GRADIENT.MIDDLE }, hotkey.keys)), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.primary }, hotkey.description)))))),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, t("ui.hints.tip")))
+  );
+}
+function HotkeyHint() {
+  return /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "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 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, { color: SEMANTIC_COLORS.dim }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, 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: BRAND_GRADIENT.MIDDLE }, hint.keys), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, " ", 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 { t } from '@i18n'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\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  // 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={BRAND_GRADIENT.START}\n      paddingX={2}\n      paddingY={1}\n      marginBottom={1}\n    >\n      <Box marginBottom={1}>\n        <Text bold color={BRAND_GRADIENT.START}>\n          \u2328\uFE0F {t('ui.hints.shortcuts')}\n        </Text>\n        <Text color={SEMANTIC_COLORS.secondary}>\n          {' '}\n          ({t('ui.hints.pressEsc')})\n        </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={SEMANTIC_COLORS.secondary}>\n              {group.title}\n            </Text>\n            {group.hotkeys.map((hotkey, hotkeyIndex) => (\n              <Box key={hotkeyIndex}>\n                <Box width={12}>\n                  <Text bold color={BRAND_GRADIENT.MIDDLE}>\n                    {hotkey.keys}\n                  </Text>\n                </Box>\n                <Text color={SEMANTIC_COLORS.primary}>\n                  {hotkey.description}\n                </Text>\n              </Box>\n            ))}\n          </Box>\n        ))}\n      </Box>\n\n      <Box marginTop={1}>\n        <Text color={SEMANTIC_COLORS.dim}>{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  return <Text color={SEMANTIC_COLORS.dim}>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 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 color={SEMANTIC_COLORS.dim}> \u00B7 </Text>}\n            <Text color={SEMANTIC_COLORS.dim}>\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={BRAND_GRADIENT.MIDDLE}>\n            {hint.keys}\n          </Text>\n          <Text color={SEMANTIC_COLORS.secondary}> {hint.description}</Text>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/InvalidConfigDialog.js

@@ -5,6 +5,7 @@ import { Select } from "./CustomSelect/select.js";
 import { render } from "ink";
 import { writeFileSync } from "fs";
 import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
+import { SEMANTIC_COLORS } from "../constants/colors.js";
 function InvalidConfigDialog({
   filePath,
   errorDescription,
@@ -47,7 +48,7 @@ function InvalidConfigDialog({
         onChange: handleSelect
       }
     ))
-  ), exitState.pending ? /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", exitState.keyName, " again to exit") : /* @__PURE__ */ React.createElement(Newline, null));
+  ), exitState.pending ? /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Press ", exitState.keyName, " again to exit") : /* @__PURE__ */ React.createElement(Newline, null));
 }
 function showInvalidConfigDialog({
   error

package/dist/components/InvalidConfigDialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/InvalidConfigDialog.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Box, Newline, Text, useInput } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { Select } from './CustomSelect/select'\nimport { render } from 'ink'\nimport { writeFileSync } from 'fs'\nimport { ConfigParseError } from '@utils/errors'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\ninterface InvalidConfigHandlerProps {\n  error: ConfigParseError\n}\n\ninterface InvalidConfigDialogProps {\n  filePath: string\n  errorDescription: string\n  onExit: () => void\n  onReset: () => void\n}\n\n/**\n * Dialog shown when the Minto config file contains invalid JSON\n */\nfunction InvalidConfigDialog({\n  filePath,\n  errorDescription,\n  onExit,\n  onReset,\n}: InvalidConfigDialogProps): React.ReactNode {\n  const theme = getTheme()\n\n  // Handle escape key\n  useInput((_, key) => {\n    if (key.escape) {\n      onExit()\n    }\n  })\n\n  const exitState = useExitOnCtrlCD(() => process.exit(0))\n\n  // Handler for Select onChange\n  const handleSelect = (value: string) => {\n    if (value === 'exit') {\n      onExit()\n    } else {\n      onReset()\n    }\n  }\n\n  return (\n    <>\n      <Box\n        flexDirection=\"column\"\n        borderColor={theme.error}\n        borderStyle=\"round\"\n        padding={1}\n        width={70}\n        gap={1}\n      >\n        <Text bold>Configuration Error</Text>\n\n        <Box flexDirection=\"column\" gap={1}>\n          <Text>\n            The configuration file at <Text bold>{filePath}</Text> contains\n            invalid JSON.\n          </Text>\n          <Text>{errorDescription}</Text>\n        </Box>\n\n        <Box flexDirection=\"column\">\n          <Text bold>Choose an option:</Text>\n          <Select\n            options={[\n              { label: 'Exit and fix manually', value: 'exit' },\n              { label: 'Reset with default configuration', value: 'reset' },\n            ]}\n            onChange={handleSelect}\n          />\n        </Box>\n      </Box>\n      {exitState.pending ? (\n        <Text dimColor>Press {exitState.keyName} again to exit</Text>\n      ) : (\n        <Newline />\n      )}\n    </>\n  )\n}\n\nexport function showInvalidConfigDialog({\n  error,\n}: InvalidConfigHandlerProps): Promise<void> {\n  return new Promise(resolve => {\n    render(\n      <InvalidConfigDialog\n        filePath={error.filePath}\n        errorDescription={error.message}\n        onExit={() => {\n          resolve()\n          process.exit(1)\n        }}\n        onReset={() => {\n          writeFileSync(\n            error.filePath,\n            JSON.stringify(error.defaultConfig, null, 2),\n          )\n          resolve()\n          process.exit(0)\n        }}\n      />,\n      { exitOnCtrlC: false },\n    )\n  })\n}\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,SAAS,MAAM,gBAAgB;AAC7C,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAE9B,SAAS,uBAAuB;AAehC,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8C;AAC5C,QAAM,QAAQ,SAAS;AAGvB,WAAS,CAAC,GAAG,QAAQ;AACnB,QAAI,IAAI,QAAQ;AACd,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AAED,QAAM,YAAY,gBAAgB,MAAM,QAAQ,KAAK,CAAC,CAAC;AAGvD,QAAM,eAAe,CAAC,UAAkB;AACtC,QAAI,UAAU,QAAQ;AACpB,aAAO;AAAA,IACT,OAAO;AACL,cAAQ;AAAA,IACV;AAAA,EACF;AAEA,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,aAAa,MAAM;AAAA,MACnB,aAAY;AAAA,MACZ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA;AAAA,IAEL,oCAAC,QAAK,MAAI,QAAC,qBAAmB;AAAA,IAE9B,oCAAC,OAAI,eAAc,UAAS,KAAK,KAC/B,oCAAC,YAAK,8BACsB,oCAAC,QAAK,MAAI,QAAE,QAAS,GAAO,yBAExD,GACA,oCAAC,YAAM,gBAAiB,CAC1B;AAAA,IAEA,oCAAC,OAAI,eAAc,YACjB,oCAAC,QAAK,MAAI,QAAC,mBAAiB,GAC5B;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,UACP,EAAE,OAAO,yBAAyB,OAAO,OAAO;AAAA,UAChD,EAAE,OAAO,oCAAoC,OAAO,QAAQ;AAAA,QAC9D;AAAA,QACA,UAAU;AAAA;AAAA,IACZ,CACF;AAAA,EACF,GACC,UAAU,UACT,oCAAC,QAAK,UAAQ,QAAC,UAAO,UAAU,SAAQ,gBAAc,IAEtD,oCAAC,aAAQ,CAEb;AAEJ;AAEO,SAAS,wBAAwB;AAAA,EACtC;AACF,GAA6C;AAC3C,SAAO,IAAI,QAAQ,aAAW;AAC5B;AAAA,MACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,MAAM;AAAA,UAChB,kBAAkB,MAAM;AAAA,UACxB,QAAQ,MAAM;AACZ,oBAAQ;AACR,oBAAQ,KAAK,CAAC;AAAA,UAChB;AAAA,UACA,SAAS,MAAM;AACb;AAAA,cACE,MAAM;AAAA,cACN,KAAK,UAAU,MAAM,eAAe,MAAM,CAAC;AAAA,YAC7C;AACA,oBAAQ;AACR,oBAAQ,KAAK,CAAC;AAAA,UAChB;AAAA;AAAA,MACF;AAAA,MACA,EAAE,aAAa,MAAM;AAAA,IACvB;AAAA,EACF,CAAC;AACH;",
+  "sourcesContent": ["import React from 'react'\nimport { Box, Newline, Text, useInput } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { Select } from './CustomSelect/select'\nimport { render } from 'ink'\nimport { writeFileSync } from 'fs'\nimport { ConfigParseError } from '@utils/errors'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { SEMANTIC_COLORS } from '@constants/colors'\ninterface InvalidConfigHandlerProps {\n  error: ConfigParseError\n}\n\ninterface InvalidConfigDialogProps {\n  filePath: string\n  errorDescription: string\n  onExit: () => void\n  onReset: () => void\n}\n\n/**\n * Dialog shown when the Minto config file contains invalid JSON\n */\nfunction InvalidConfigDialog({\n  filePath,\n  errorDescription,\n  onExit,\n  onReset,\n}: InvalidConfigDialogProps): React.ReactNode {\n  const theme = getTheme()\n\n  // Handle escape key\n  useInput((_, key) => {\n    if (key.escape) {\n      onExit()\n    }\n  })\n\n  const exitState = useExitOnCtrlCD(() => process.exit(0))\n\n  // Handler for Select onChange\n  const handleSelect = (value: string) => {\n    if (value === 'exit') {\n      onExit()\n    } else {\n      onReset()\n    }\n  }\n\n  return (\n    <>\n      <Box\n        flexDirection=\"column\"\n        borderColor={theme.error}\n        borderStyle=\"round\"\n        padding={1}\n        width={70}\n        gap={1}\n      >\n        <Text bold>Configuration Error</Text>\n\n        <Box flexDirection=\"column\" gap={1}>\n          <Text>\n            The configuration file at <Text bold>{filePath}</Text> contains\n            invalid JSON.\n          </Text>\n          <Text>{errorDescription}</Text>\n        </Box>\n\n        <Box flexDirection=\"column\">\n          <Text bold>Choose an option:</Text>\n          <Select\n            options={[\n              { label: 'Exit and fix manually', value: 'exit' },\n              { label: 'Reset with default configuration', value: 'reset' },\n            ]}\n            onChange={handleSelect}\n          />\n        </Box>\n      </Box>\n      {exitState.pending ? (\n        <Text color={SEMANTIC_COLORS.dim}>\n          Press {exitState.keyName} again to exit\n        </Text>\n      ) : (\n        <Newline />\n      )}\n    </>\n  )\n}\n\nexport function showInvalidConfigDialog({\n  error,\n}: InvalidConfigHandlerProps): Promise<void> {\n  return new Promise(resolve => {\n    render(\n      <InvalidConfigDialog\n        filePath={error.filePath}\n        errorDescription={error.message}\n        onExit={() => {\n          resolve()\n          process.exit(1)\n        }}\n        onReset={() => {\n          writeFileSync(\n            error.filePath,\n            JSON.stringify(error.defaultConfig, null, 2),\n          )\n          resolve()\n          process.exit(0)\n        }}\n      />,\n      { exitOnCtrlC: false },\n    )\n  })\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,SAAS,MAAM,gBAAgB;AAC7C,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAE9B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAehC,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8C;AAC5C,QAAM,QAAQ,SAAS;AAGvB,WAAS,CAAC,GAAG,QAAQ;AACnB,QAAI,IAAI,QAAQ;AACd,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AAED,QAAM,YAAY,gBAAgB,MAAM,QAAQ,KAAK,CAAC,CAAC;AAGvD,QAAM,eAAe,CAAC,UAAkB;AACtC,QAAI,UAAU,QAAQ;AACpB,aAAO;AAAA,IACT,OAAO;AACL,cAAQ;AAAA,IACV;AAAA,EACF;AAEA,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,aAAa,MAAM;AAAA,MACnB,aAAY;AAAA,MACZ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA;AAAA,IAEL,oCAAC,QAAK,MAAI,QAAC,qBAAmB;AAAA,IAE9B,oCAAC,OAAI,eAAc,UAAS,KAAK,KAC/B,oCAAC,YAAK,8BACsB,oCAAC,QAAK,MAAI,QAAE,QAAS,GAAO,yBAExD,GACA,oCAAC,YAAM,gBAAiB,CAC1B;AAAA,IAEA,oCAAC,OAAI,eAAc,YACjB,oCAAC,QAAK,MAAI,QAAC,mBAAiB,GAC5B;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,UACP,EAAE,OAAO,yBAAyB,OAAO,OAAO;AAAA,UAChD,EAAE,OAAO,oCAAoC,OAAO,QAAQ;AAAA,QAC9D;AAAA,QACA,UAAU;AAAA;AAAA,IACZ,CACF;AAAA,EACF,GACC,UAAU,UACT,oCAAC,QAAK,OAAO,gBAAgB,OAAK,UACzB,UAAU,SAAQ,gBAC3B,IAEA,oCAAC,aAAQ,CAEb;AAEJ;AAEO,SAAS,wBAAwB;AAAA,EACtC;AACF,GAA6C;AAC3C,SAAO,IAAI,QAAQ,aAAW;AAC5B;AAAA,MACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,MAAM;AAAA,UAChB,kBAAkB,MAAM;AAAA,UACxB,QAAQ,MAAM;AACZ,oBAAQ;AACR,oBAAQ,KAAK,CAAC;AAAA,UAChB;AAAA,UACA,SAAS,MAAM;AACb;AAAA,cACE,MAAM;AAAA,cACN,KAAK,UAAU,MAAM,eAAe,MAAM,CAAC;AAAA,YAC7C;AACA,oBAAQ;AACR,oBAAQ,KAAK,CAAC;AAAA,UAChB;AAAA;AAAA,MACF;AAAA,MACA,EAAE,aAAa,MAAM;AAAA,IACvB;AAAA,EACF,CAAC;AACH;",
   "names": []
 }

package/dist/components/Logo.js

@@ -1,13 +1,15 @@
 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";
+import path from "path";
+import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../constants/colors.js";
 const MIN_LOGO_WIDTH = 50;
+function getTerminalWidth() {
+  return process.stdout.columns || 80;
+}
 const DEFAULT_UPDATE_COMMANDS = [
   "bun add -g @within-7/minto@latest",
   "npm install -g @within-7/minto@latest"
@@ -18,75 +20,29 @@ function Logo({
   updateBannerVersion,
   updateBannerCommands
 }) {
-  const width = Math.max(MIN_LOGO_WIDTH, getCwd().length + 12);
   const theme = getTheme();
-  const config = getGlobalConfig();
-  const modelManager = getModelManager();
-  const mainModelName = modelManager.getModelName("main");
-  const currentModel = mainModelName || "No model configured";
-  const apiKey = getAnthropicApiKey();
-  const hasOverrides = Boolean(
-    process.env.ANTHROPIC_API_KEY || process.env.DISABLE_PROMPT_CACHING || process.env.API_TIMEOUT_MS || process.env.MAX_THINKING_TOKENS
-  );
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(
+  const cwd = getCwd();
+  const projectName = path.basename(cwd);
+  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"];
+  const terminalWidth = getTerminalWidth();
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: terminalWidth }, updateBannerVersion ? /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.running }, "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, { color: SEMANTIC_COLORS.dim }, 'Note: you may need to prefix with "sudo" on macOS/Linux.')) : null, /* @__PURE__ */ React.createElement(
     Box,
     {
-      borderColor: theme.minto,
-      borderStyle: "round",
       flexDirection: "column",
-      gap: 1,
-      paddingLeft: 1,
-      marginRight: 2,
-      width
+      borderTop: true,
+      borderBottom: true,
+      borderLeft: false,
+      borderRight: false,
+      borderColor: BRAND_GRADIENT.START,
+      borderStyle: "single",
+      width: terminalWidth,
+      paddingX: 1,
+      paddingY: 1
     },
-    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(
-      Box,
-      {
-        borderColor: theme.secondaryBorder,
-        borderStyle: "single",
-        borderBottom: false,
-        borderLeft: false,
-        borderRight: false,
-        borderTop: true,
-        flexDirection: "column",
-        marginLeft: 2,
-        marginRight: 1,
-        paddingTop: 1
-      },
-      /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Overrides (via env):")),
-      process.env.ANTHROPIC_API_KEY && apiKey ? /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u2022 API Key:", " ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "sk-ant-\u2026", apiKey.slice(-width + 25))) : null,
-      process.env.DISABLE_PROMPT_CACHING ? /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u2022 Prompt caching:", " ", /* @__PURE__ */ React.createElement(Text, { color: theme.error, bold: true }, "off")) : null,
-      process.env.API_TIMEOUT_MS ? /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u2022 API timeout:", " ", /* @__PURE__ */ React.createElement(Text, { bold: true }, process.env.API_TIMEOUT_MS, "ms")) : null,
-      process.env.MAX_THINKING_TOKENS ? /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u2022 Max thinking tokens:", " ", /* @__PURE__ */ React.createElement(Text, { bold: true }, process.env.MAX_THINKING_TOKENS)) : null,
-      process.env.ANTHROPIC_BASE_URL ? /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u2022 API Base URL:", " ", /* @__PURE__ */ React.createElement(Text, { bold: true }, process.env.ANTHROPIC_BASE_URL)) : null
-    )),
-    mcpClients.length ? /* @__PURE__ */ React.createElement(
-      Box,
-      {
-        borderColor: theme.secondaryBorder,
-        borderStyle: "single",
-        borderBottom: false,
-        borderLeft: false,
-        borderRight: false,
-        borderTop: true,
-        flexDirection: "column",
-        marginLeft: 2,
-        marginRight: 1,
-        paddingTop: 1
-      },
-      /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "MCP Servers:")),
-      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"
-      )))
-    ) : null
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", alignItems: "center" }, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u25C6"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", alignItems: "center", marginY: 1 }, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START, bold: true }, logoLines[0]), /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.END, bold: true }, logoLines[1])), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "Strategic AI"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.END }, "Global Excellence"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " \xB7 v", MACRO.VERSION))),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u273B"), " ", t("ui.welcome.title"))),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, t("ui.welcome.quickStart"), ":"), /* @__PURE__ */ React.createElement(Text, null, "\u2022 ", t("ui.welcome.tip1")), /* @__PURE__ */ React.createElement(Text, null, "\u2022 ", t("ui.welcome.tip2")), /* @__PURE__ */ React.createElement(Text, null, "\u2022 ", t("ui.welcome.tip3"))),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u{1F4C2} ", projectName))
   ));
 }
 export {