@within-7/minto 0.1.7 → 0.3.0

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 } from 'ink'\nimport * as React from 'react'\nimport { getTheme } from '@utils/theme'\nimport { getCwd } from '@utils/state'\nimport type { WrappedClient } from '@services/mcpClient'\nimport { MACRO } from '@constants/macros'\nimport { t } from '@i18n'\nimport path from 'path'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\n\nexport const MIN_LOGO_WIDTH = 50\n\n/**\n * Get terminal width directly from stdout.\n * This is critical for Static component re-renders after clearTerminal,\n * as Ink's yoga-layout may not correctly infer the terminal width.\n */\nfunction getTerminalWidth(): number {\n  return process.stdout.columns || 80\n}\n\nconst DEFAULT_UPDATE_COMMANDS = [\n  'bun add -g @within-7/minto@latest',\n  'npm install -g @within-7/minto@latest',\n] as const\n\nexport function Logo({\n  mcpClients,\n  isDefaultModel = false,\n  updateBannerVersion,\n  updateBannerCommands,\n}: {\n  mcpClients: WrappedClient[]\n  isDefaultModel?: boolean\n  updateBannerVersion?: string | null\n  updateBannerCommands?: string[] | null\n}): React.ReactNode {\n  const theme = getTheme()\n  const cwd = getCwd()\n  const projectName = path.basename(cwd)\n  const logoLines = ['\u2588\u2580\u2584\u2580\u2588 \u2588 \u2588\u2584 \u2588 \u2580\u2588\u2580 \u2588\u2580\u2588', '\u2588 \u2580 \u2588 \u2588 \u2588 \u2580\u2588  \u2588  \u2588\u2584\u2588']\n\n  // Use explicit terminal width to ensure full-width rendering\n  // This is critical after clearTerminal() when Ink's Static re-renders\n  const terminalWidth = getTerminalWidth()\n\n  return (\n    <Box flexDirection=\"column\" width={terminalWidth}>\n      {/* Update banner - outside the bordered area */}\n      {updateBannerVersion ? (\n        <Box flexDirection=\"column\" paddingX={1} marginBottom={1}>\n          <Text color={SEMANTIC_COLORS.running}>\n            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 color={SEMANTIC_COLORS.dim}>\n              Note: you may need to prefix with \"sudo\" on macOS/Linux.\n            </Text>\n          )}\n        </Box>\n      ) : null}\n\n      {/* Main header with top/bottom borders */}\n      <Box\n        flexDirection=\"column\"\n        borderTop={true}\n        borderBottom={true}\n        borderLeft={false}\n        borderRight={false}\n        borderColor={BRAND_GRADIENT.START}\n        borderStyle=\"single\"\n        width={terminalWidth}\n        paddingX={1}\n        paddingY={1}\n      >\n        {/* Logo section - centered */}\n        <Box flexDirection=\"column\" alignItems=\"center\">\n          <Text color={BRAND_GRADIENT.START}>\u25C6</Text>\n          <Box flexDirection=\"column\" alignItems=\"center\" marginY={1}>\n            <Text color={BRAND_GRADIENT.START} bold>\n              {logoLines[0]}\n            </Text>\n            <Text color={BRAND_GRADIENT.END} bold>\n              {logoLines[1]}\n            </Text>\n          </Box>\n          <Text>\n            <Text color={BRAND_GRADIENT.START}>Strategic AI</Text>\n            <Text color={theme.secondaryText}> \u00B7 </Text>\n            <Text color={BRAND_GRADIENT.END}>Global Excellence</Text>\n            <Text color={SEMANTIC_COLORS.dim}> \u00B7 v{MACRO.VERSION}</Text>\n          </Text>\n        </Box>\n\n        {/* Welcome message */}\n        <Box marginTop={1}>\n          <Text>\n            <Text color={BRAND_GRADIENT.START}>\u273B</Text> {t('ui.welcome.title')}\n          </Text>\n        </Box>\n\n        {/* Quick start tips */}\n        <Box flexDirection=\"column\" marginTop={1}>\n          <Text bold>{t('ui.welcome.quickStart')}:</Text>\n          <Text>\u2022 {t('ui.welcome.tip1')}</Text>\n          <Text>\u2022 {t('ui.welcome.tip2')}</Text>\n          <Text>\u2022 {t('ui.welcome.tip3')}</Text>\n        </Box>\n\n        {/* Project folder */}\n        <Box marginTop={1}>\n          <Text color={theme.secondaryText}>\uD83D\uDCC2 {projectName}</Text>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB,SAAS,aAAa;AACtB,SAAS,SAAS;AAClB,OAAO,UAAU;AACjB,SAAS,gBAAgB,uBAAuB;AAEzC,MAAM,iBAAiB;AAO9B,SAAS,mBAA2B;AAClC,SAAO,QAAQ,OAAO,WAAW;AACnC;AAEA,MAAM,0BAA0B;AAAA,EAC9B;AAAA,EACA;AACF;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AACF,GAKoB;AAClB,QAAM,QAAQ,SAAS;AACvB,QAAM,MAAM,OAAO;AACnB,QAAM,cAAc,KAAK,SAAS,GAAG;AACrC,QAAM,YAAY,CAAC,mGAAwB,6EAAsB;AAIjE,QAAM,gBAAgB,iBAAiB;AAEvC,SACE,oCAAC,OAAI,eAAc,UAAS,OAAO,iBAEhC,sBACC,oCAAC,OAAI,eAAc,UAAS,UAAU,GAAG,cAAc,KACrD,oCAAC,QAAK,OAAO,gBAAgB,WAAS,2BACZ,qBAAoB,cAAW,KACtD,MAAM,SAAQ,GACjB,GACA,oCAAC,YAAK,sCAAoC,GAC1C,oCAAC,YACE,MACA,uBAAuB,CAAC,KAAK,wBAAwB,CAAC,CACzD,GACC,QAAQ,aAAa,WACpB,oCAAC,QAAK,OAAO,gBAAgB,OAAK,0DAElC,CAEJ,IACE,MAGJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,WAAW;AAAA,MACX,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa,eAAe;AAAA,MAC5B,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA;AAAA,IAGV,oCAAC,OAAI,eAAc,UAAS,YAAW,YACrC,oCAAC,QAAK,OAAO,eAAe,SAAO,QAAC,GACpC,oCAAC,OAAI,eAAc,UAAS,YAAW,UAAS,SAAS,KACvD,oCAAC,QAAK,OAAO,eAAe,OAAO,MAAI,QACpC,UAAU,CAAC,CACd,GACA,oCAAC,QAAK,OAAO,eAAe,KAAK,MAAI,QAClC,UAAU,CAAC,CACd,CACF,GACA,oCAAC,YACC,oCAAC,QAAK,OAAO,eAAe,SAAO,cAAY,GAC/C,oCAAC,QAAK,OAAO,MAAM,iBAAe,QAAG,GACrC,oCAAC,QAAK,OAAO,eAAe,OAAK,mBAAiB,GAClD,oCAAC,QAAK,OAAO,gBAAgB,OAAK,WAAK,MAAM,OAAQ,CACvD,CACF;AAAA,IAGA,oCAAC,OAAI,WAAW,KACd,oCAAC,YACC,oCAAC,QAAK,OAAO,eAAe,SAAO,QAAC,GAAO,KAAE,EAAE,kBAAkB,CACnE,CACF;AAAA,IAGA,oCAAC,OAAI,eAAc,UAAS,WAAW,KACrC,oCAAC,QAAK,MAAI,QAAE,EAAE,uBAAuB,GAAE,GAAC,GACxC,oCAAC,YAAK,WAAG,EAAE,iBAAiB,CAAE,GAC9B,oCAAC,YAAK,WAAG,EAAE,iBAAiB,CAAE,GAC9B,oCAAC,YAAK,WAAG,EAAE,iBAAiB,CAAE,CAChC;AAAA,IAGA,oCAAC,OAAI,WAAW,KACd,oCAAC,QAAK,OAAO,MAAM,iBAAe,cAAI,WAAY,CACpD;AAAA,EACF,CACF;AAEJ;",
   "names": []
 }

package/dist/components/MCPServerApprovalDialog.js

@@ -8,6 +8,7 @@ import {
 } from "../utils/config.js";
 import { MCPServerDialogCopy } from "./MCPServerDialogCopy.js";
 import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
+import { SEMANTIC_COLORS } from "../constants/colors.js";
 function MCPServerApprovalDialog({
   serverName,
   onDone
@@ -71,7 +72,7 @@ function MCPServerApprovalDialog({
         onChange: (value) => onChange(value)
       }
     )
-  ), /* @__PURE__ */ React.createElement(Box, { marginLeft: 3 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, exitState.pending ? /* @__PURE__ */ React.createElement(React.Fragment, null, "Press ", exitState.keyName, " again to exit") : /* @__PURE__ */ React.createElement(React.Fragment, null, "Enter to confirm \xB7 Esc to reject"))));
+  ), /* @__PURE__ */ React.createElement(Box, { marginLeft: 3 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, exitState.pending ? /* @__PURE__ */ React.createElement(React.Fragment, null, "Press ", exitState.keyName, " again to exit") : /* @__PURE__ */ React.createElement(React.Fragment, null, "Enter to confirm \xB7 Esc to reject"))));
 }
 export {
   MCPServerApprovalDialog

package/dist/components/MCPServerApprovalDialog.js.map

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

package/dist/components/MCPServerDialogCopy.js

@@ -2,8 +2,9 @@ import React from "react";
 import { Text } from "ink";
 import Link from "ink-link";
 import { PRODUCT_NAME, PRODUCT_COMMAND } from "../constants/product.js";
+import { SEMANTIC_COLORS } from "../constants/colors.js";
 function MCPServerDialogCopy() {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, null, "MCP servers provide additional functionality to ", PRODUCT_NAME, ". They may execute code, make network requests, or access system resources via tool calls. All tool calls will require your explicit approval before execution. For more information, see", " ", /* @__PURE__ */ React.createElement(Link, { url: "https://docs.anthropic.com/s/claude-code-mcp" }, "MCP documentation")), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Remember: You can always change these choices later by running `", PRODUCT_COMMAND, " mcp reset-mcprc-choices`"));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, null, "MCP servers provide additional functionality to ", PRODUCT_NAME, ". They may execute code, make network requests, or access system resources via tool calls. All tool calls will require your explicit approval before execution. For more information, see", " ", /* @__PURE__ */ React.createElement(Link, { url: "https://docs.anthropic.com/s/claude-code-mcp" }, "MCP documentation")), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Remember: You can always change these choices later by running `", PRODUCT_COMMAND, " mcp reset-mcprc-choices`"));
 }
 export {
   MCPServerDialogCopy

package/dist/components/MCPServerDialogCopy.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/MCPServerDialogCopy.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Text } from 'ink'\nimport Link from 'ink-link'\nimport { PRODUCT_NAME, PRODUCT_COMMAND } from '@constants/product'\n\nexport function MCPServerDialogCopy(): React.ReactNode {\n  return (\n    <>\n      <Text>\n        MCP servers provide additional functionality to {PRODUCT_NAME}. They may\n        execute code, make network requests, or access system resources via tool\n        calls. All tool calls will require your explicit approval before\n        execution. For more information, see{' '}\n        <Link url=\"https://docs.anthropic.com/s/claude-code-mcp\">\n          MCP documentation\n        </Link>\n      </Text>\n\n      <Text dimColor>\n        Remember: You can always change these choices later by running `\n        {PRODUCT_COMMAND} mcp reset-mcprc-choices`\n      </Text>\n    </>\n  )\n}\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,OAAO,UAAU;AACjB,SAAS,cAAc,uBAAuB;AAEvC,SAAS,sBAAuC;AACrD,SACE,0DACE,oCAAC,YAAK,oDAC6C,cAAa,6LAGzB,KACrC,oCAAC,QAAK,KAAI,kDAA+C,mBAEzD,CACF,GAEA,oCAAC,QAAK,UAAQ,QAAC,oEAEZ,iBAAgB,2BACnB,CACF;AAEJ;",
+  "sourcesContent": ["import React from 'react'\nimport { Text } from 'ink'\nimport Link from 'ink-link'\nimport { PRODUCT_NAME, PRODUCT_COMMAND } from '@constants/product'\nimport { SEMANTIC_COLORS } from '@constants/colors'\n\nexport function MCPServerDialogCopy(): React.ReactNode {\n  return (\n    <>\n      <Text>\n        MCP servers provide additional functionality to {PRODUCT_NAME}. They may\n        execute code, make network requests, or access system resources via tool\n        calls. All tool calls will require your explicit approval before\n        execution. For more information, see{' '}\n        <Link url=\"https://docs.anthropic.com/s/claude-code-mcp\">\n          MCP documentation\n        </Link>\n      </Text>\n\n      <Text color={SEMANTIC_COLORS.dim}>\n        Remember: You can always change these choices later by running `\n        {PRODUCT_COMMAND} mcp reset-mcprc-choices`\n      </Text>\n    </>\n  )\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,OAAO,UAAU;AACjB,SAAS,cAAc,uBAAuB;AAC9C,SAAS,uBAAuB;AAEzB,SAAS,sBAAuC;AACrD,SACE,0DACE,oCAAC,YAAK,oDAC6C,cAAa,6LAGzB,KACrC,oCAAC,QAAK,KAAI,kDAA+C,mBAEzD,CACF,GAEA,oCAAC,QAAK,OAAO,gBAAgB,OAAK,oEAE/B,iBAAgB,2BACnB,CACF;AAEJ;",
   "names": []
 }

package/dist/components/MCPServerMultiselectDialog.js

@@ -9,6 +9,7 @@ import {
 import { partition } from "lodash-es";
 import { MCPServerDialogCopy } from "./MCPServerDialogCopy.js";
 import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
+import { SEMANTIC_COLORS } from "../constants/colors.js";
 function MCPServerMultiselectDialog({
   serverNames,
   onDone
@@ -72,7 +73,7 @@ function MCPServerMultiselectDialog({
         onSubmit
       }
     )
-  ), /* @__PURE__ */ React.createElement(Box, { marginLeft: 3 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, exitState.pending ? /* @__PURE__ */ React.createElement(React.Fragment, null, "Press ", exitState.keyName, " again to exit") : /* @__PURE__ */ React.createElement(React.Fragment, null, "Space to select \xB7 Enter to confirm \xB7 Esc to reject all"))));
+  ), /* @__PURE__ */ React.createElement(Box, { marginLeft: 3 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, exitState.pending ? /* @__PURE__ */ React.createElement(React.Fragment, null, "Press ", exitState.keyName, " again to exit") : /* @__PURE__ */ React.createElement(React.Fragment, null, "Space to select \xB7 Enter to confirm \xB7 Esc to reject all"))));
 }
 export {
   MCPServerMultiselectDialog

package/dist/components/MCPServerMultiselectDialog.js.map

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

package/dist/components/MessageSelector.js

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

package/dist/components/MessageSelector.js.map

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

package/dist/components/ModeIndicator.js

@@ -2,6 +2,7 @@ import React from "react";
 import { Box, Text } from "ink";
 import { usePermissionContext } from "../context/PermissionContext.js";
 import { getTheme } from "../utils/theme.js";
+import { SEMANTIC_COLORS } from "../constants/colors.js";
 function ModeIndicator({
   showTransitionCount = false
 }) {
@@ -11,7 +12,7 @@ function ModeIndicator({
   if (currentMode === "default" && !showTransitionCount) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Box, { borderStyle: "single", padding: 1, marginY: 1 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", alignItems: "center" }, /* @__PURE__ */ React.createElement(Text, { color: getThemeColor(modeConfig.color, theme), bold: true }, modeConfig.icon, " ", modeConfig.label)), /* @__PURE__ */ React.createElement(Text, { color: "gray", dimColor: true }, modeConfig.description), /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", justifyContent: "space-between", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "gray", dimColor: true }, "Press Shift+Tab to cycle modes"), showTransitionCount && /* @__PURE__ */ React.createElement(Text, { color: "gray", dimColor: true }, "Switches: ", permissionContext.metadata.transitionCount)), currentMode === "plan" && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "cyan", dimColor: true }, "Available tools: ", permissionContext.allowedTools.join(", ")), /* @__PURE__ */ React.createElement(Text, { color: "yellow", dimColor: true }, "Use exit_plan_mode tool when ready to execute"))));
+  return /* @__PURE__ */ React.createElement(Box, { borderStyle: "single", padding: 1, marginY: 1 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", alignItems: "center" }, /* @__PURE__ */ React.createElement(Text, { color: getThemeColor(modeConfig.color, theme), bold: true }, modeConfig.icon, " ", modeConfig.label)), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, modeConfig.description), /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", justifyContent: "space-between", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Press Shift+Tab to cycle modes"), showTransitionCount && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Switches: ", permissionContext.metadata.transitionCount)), currentMode === "plan" && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.info }, "Available tools: ", permissionContext.allowedTools.join(", ")), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.running }, "Use exit_plan_mode tool when ready to execute"))));
 }
 function getThemeColor(colorName, theme) {
   const colorMap = {

package/dist/components/ModeIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/ModeIndicator.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Box, Text } from 'ink'\nimport { usePermissionContext } from '@context/PermissionContext'\nimport { getTheme } from '@utils/theme'\n\ninterface ModeIndicatorProps {\n  showTransitionCount?: boolean\n}\n\nexport function ModeIndicator({\n  showTransitionCount = false,\n}: ModeIndicatorProps) {\n  const { currentMode, permissionContext, getModeConfig } =\n    usePermissionContext()\n  const theme = getTheme()\n  const modeConfig = getModeConfig()\n\n  // Don't show indicator for default mode unless explicitly requested\n  if (currentMode === 'default' && !showTransitionCount) {\n    return null\n  }\n\n  return (\n    <Box borderStyle=\"single\" padding={1} marginY={1}>\n      <Box flexDirection=\"column\">\n        <Box flexDirection=\"row\" alignItems=\"center\">\n          <Text color={getThemeColor(modeConfig.color, theme)} bold>\n            {modeConfig.icon} {modeConfig.label}\n          </Text>\n        </Box>\n\n        <Text color=\"gray\" dimColor>\n          {modeConfig.description}\n        </Text>\n\n        <Box flexDirection=\"row\" justifyContent=\"space-between\" marginTop={1}>\n          <Text color=\"gray\" dimColor>\n            Press Shift+Tab to cycle modes\n          </Text>\n          {showTransitionCount && (\n            <Text color=\"gray\" dimColor>\n              Switches: {permissionContext.metadata.transitionCount}\n            </Text>\n          )}\n        </Box>\n\n        {currentMode === 'plan' && (\n          <Box marginTop={1}>\n            <Text color=\"cyan\" dimColor>\n              Available tools: {permissionContext.allowedTools.join(', ')}\n            </Text>\n            <Text color=\"yellow\" dimColor>\n              Use exit_plan_mode tool when ready to execute\n            </Text>\n          </Box>\n        )}\n      </Box>\n    </Box>\n  )\n}\n\nfunction getThemeColor(colorName: string, theme: any): string {\n  const colorMap: Record<string, string> = {\n    blue: theme.primary || 'blue',\n    green: theme.success || 'green',\n    yellow: theme.warning || 'yellow',\n    red: theme.error || 'red',\n  }\n\n  return colorMap[colorName] || colorName\n}\n\n// Compact mode indicator for status bar\nexport function CompactModeIndicator() {\n  const { currentMode, getModeConfig } = usePermissionContext()\n  const modeConfig = getModeConfig()\n  const theme = getTheme()\n\n  if (currentMode === 'default') {\n    return null\n  }\n\n  return (\n    <Text color={getThemeColor(modeConfig.color, theme)}>\n      {modeConfig.icon} {modeConfig.name}\n    </Text>\n  )\n}\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,4BAA4B;AACrC,SAAS,gBAAgB;AAMlB,SAAS,cAAc;AAAA,EAC5B,sBAAsB;AACxB,GAAuB;AACrB,QAAM,EAAE,aAAa,mBAAmB,cAAc,IACpD,qBAAqB;AACvB,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,cAAc;AAGjC,MAAI,gBAAgB,aAAa,CAAC,qBAAqB;AACrD,WAAO;AAAA,EACT;AAEA,SACE,oCAAC,OAAI,aAAY,UAAS,SAAS,GAAG,SAAS,KAC7C,oCAAC,OAAI,eAAc,YACjB,oCAAC,OAAI,eAAc,OAAM,YAAW,YAClC,oCAAC,QAAK,OAAO,cAAc,WAAW,OAAO,KAAK,GAAG,MAAI,QACtD,WAAW,MAAK,KAAE,WAAW,KAChC,CACF,GAEA,oCAAC,QAAK,OAAM,QAAO,UAAQ,QACxB,WAAW,WACd,GAEA,oCAAC,OAAI,eAAc,OAAM,gBAAe,iBAAgB,WAAW,KACjE,oCAAC,QAAK,OAAM,QAAO,UAAQ,QAAC,gCAE5B,GACC,uBACC,oCAAC,QAAK,OAAM,QAAO,UAAQ,QAAC,cACf,kBAAkB,SAAS,eACxC,CAEJ,GAEC,gBAAgB,UACf,oCAAC,OAAI,WAAW,KACd,oCAAC,QAAK,OAAM,QAAO,UAAQ,QAAC,qBACR,kBAAkB,aAAa,KAAK,IAAI,CAC5D,GACA,oCAAC,QAAK,OAAM,UAAS,UAAQ,QAAC,+CAE9B,CACF,CAEJ,CACF;AAEJ;AAEA,SAAS,cAAc,WAAmB,OAAoB;AAC5D,QAAM,WAAmC;AAAA,IACvC,MAAM,MAAM,WAAW;AAAA,IACvB,OAAO,MAAM,WAAW;AAAA,IACxB,QAAQ,MAAM,WAAW;AAAA,IACzB,KAAK,MAAM,SAAS;AAAA,EACtB;AAEA,SAAO,SAAS,SAAS,KAAK;AAChC;AAGO,SAAS,uBAAuB;AACrC,QAAM,EAAE,aAAa,cAAc,IAAI,qBAAqB;AAC5D,QAAM,aAAa,cAAc;AACjC,QAAM,QAAQ,SAAS;AAEvB,MAAI,gBAAgB,WAAW;AAC7B,WAAO;AAAA,EACT;AAEA,SACE,oCAAC,QAAK,OAAO,cAAc,WAAW,OAAO,KAAK,KAC/C,WAAW,MAAK,KAAE,WAAW,IAChC;AAEJ;",
+  "sourcesContent": ["import React from 'react'\nimport { Box, Text } from 'ink'\nimport { usePermissionContext } from '@context/PermissionContext'\nimport { getTheme } from '@utils/theme'\nimport { SEMANTIC_COLORS } from '@constants/colors'\n\ninterface ModeIndicatorProps {\n  showTransitionCount?: boolean\n}\n\nexport function ModeIndicator({\n  showTransitionCount = false,\n}: ModeIndicatorProps) {\n  const { currentMode, permissionContext, getModeConfig } =\n    usePermissionContext()\n  const theme = getTheme()\n  const modeConfig = getModeConfig()\n\n  // Don't show indicator for default mode unless explicitly requested\n  if (currentMode === 'default' && !showTransitionCount) {\n    return null\n  }\n\n  return (\n    <Box borderStyle=\"single\" padding={1} marginY={1}>\n      <Box flexDirection=\"column\">\n        <Box flexDirection=\"row\" alignItems=\"center\">\n          <Text color={getThemeColor(modeConfig.color, theme)} bold>\n            {modeConfig.icon} {modeConfig.label}\n          </Text>\n        </Box>\n\n        <Text color={SEMANTIC_COLORS.dim}>{modeConfig.description}</Text>\n\n        <Box flexDirection=\"row\" justifyContent=\"space-between\" marginTop={1}>\n          <Text color={SEMANTIC_COLORS.dim}>\n            Press Shift+Tab to cycle modes\n          </Text>\n          {showTransitionCount && (\n            <Text color={SEMANTIC_COLORS.dim}>\n              Switches: {permissionContext.metadata.transitionCount}\n            </Text>\n          )}\n        </Box>\n\n        {currentMode === 'plan' && (\n          <Box marginTop={1}>\n            <Text color={SEMANTIC_COLORS.info}>\n              Available tools: {permissionContext.allowedTools.join(', ')}\n            </Text>\n            <Text color={SEMANTIC_COLORS.running}>\n              Use exit_plan_mode tool when ready to execute\n            </Text>\n          </Box>\n        )}\n      </Box>\n    </Box>\n  )\n}\n\nfunction getThemeColor(colorName: string, theme: any): string {\n  const colorMap: Record<string, string> = {\n    blue: theme.primary || 'blue',\n    green: theme.success || 'green',\n    yellow: theme.warning || 'yellow',\n    red: theme.error || 'red',\n  }\n\n  return colorMap[colorName] || colorName\n}\n\n// Compact mode indicator for status bar\nexport function CompactModeIndicator() {\n  const { currentMode, getModeConfig } = usePermissionContext()\n  const modeConfig = getModeConfig()\n  const theme = getTheme()\n\n  if (currentMode === 'default') {\n    return null\n  }\n\n  return (\n    <Text color={getThemeColor(modeConfig.color, theme)}>\n      {modeConfig.icon} {modeConfig.name}\n    </Text>\n  )\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,4BAA4B;AACrC,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAMzB,SAAS,cAAc;AAAA,EAC5B,sBAAsB;AACxB,GAAuB;AACrB,QAAM,EAAE,aAAa,mBAAmB,cAAc,IACpD,qBAAqB;AACvB,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,cAAc;AAGjC,MAAI,gBAAgB,aAAa,CAAC,qBAAqB;AACrD,WAAO;AAAA,EACT;AAEA,SACE,oCAAC,OAAI,aAAY,UAAS,SAAS,GAAG,SAAS,KAC7C,oCAAC,OAAI,eAAc,YACjB,oCAAC,OAAI,eAAc,OAAM,YAAW,YAClC,oCAAC,QAAK,OAAO,cAAc,WAAW,OAAO,KAAK,GAAG,MAAI,QACtD,WAAW,MAAK,KAAE,WAAW,KAChC,CACF,GAEA,oCAAC,QAAK,OAAO,gBAAgB,OAAM,WAAW,WAAY,GAE1D,oCAAC,OAAI,eAAc,OAAM,gBAAe,iBAAgB,WAAW,KACjE,oCAAC,QAAK,OAAO,gBAAgB,OAAK,gCAElC,GACC,uBACC,oCAAC,QAAK,OAAO,gBAAgB,OAAK,cACrB,kBAAkB,SAAS,eACxC,CAEJ,GAEC,gBAAgB,UACf,oCAAC,OAAI,WAAW,KACd,oCAAC,QAAK,OAAO,gBAAgB,QAAM,qBACf,kBAAkB,aAAa,KAAK,IAAI,CAC5D,GACA,oCAAC,QAAK,OAAO,gBAAgB,WAAS,+CAEtC,CACF,CAEJ,CACF;AAEJ;AAEA,SAAS,cAAc,WAAmB,OAAoB;AAC5D,QAAM,WAAmC;AAAA,IACvC,MAAM,MAAM,WAAW;AAAA,IACvB,OAAO,MAAM,WAAW;AAAA,IACxB,QAAQ,MAAM,WAAW;AAAA,IACzB,KAAK,MAAM,SAAS;AAAA,EACtB;AAEA,SAAO,SAAS,SAAS,KAAK;AAChC;AAGO,SAAS,uBAAuB;AACrC,QAAM,EAAE,aAAa,cAAc,IAAI,qBAAqB;AAC5D,QAAM,aAAa,cAAc;AACjC,QAAM,QAAQ,SAAS;AAEvB,MAAI,gBAAgB,WAAW;AAC7B,WAAO;AAAA,EACT;AAEA,SACE,oCAAC,QAAK,OAAO,cAAc,WAAW,OAAO,KAAK,KAC/C,WAAW,MAAK,KAAE,WAAW,IAChC;AAEJ;",
   "names": []
 }

package/dist/components/ModelConfig.js

@@ -9,8 +9,9 @@ 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";
+import { SEMANTIC_COLORS } from "../constants/colors.js";
 function ModelConfig({ onClose }) {
   const config = getGlobalConfig();
   const theme = getTheme();
@@ -23,7 +24,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 +72,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 +153,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 });
   }
@@ -167,7 +181,7 @@ function ModelConfig({ onClose }) {
       paddingX: 1,
       marginTop: 1
     },
-    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", minHeight: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Model Configuration", isDeleteMode ? " - CLEAR MODE" : ""), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, isDeleteMode ? "Press Enter/Space to clear selected pointer assignment, Esc to cancel" : availableModels.length === 0 ? 'No models configured. Use "Configure New Model" to add your first model.' : "Configure which models to use for different tasks. Space to cycle, Enter to configure.")),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", minHeight: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Model Configuration", isDeleteMode ? " - CLEAR MODE" : ""), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, isDeleteMode ? "Press Enter/Space to clear selected pointer assignment, Esc to cancel" : availableModels.length === 0 ? 'No models configured. Use "Configure New Model" to add your first model.' : "Configure which models to use for different tasks. Space to cycle, Enter to configure.")),
     menuItems.map((setting, i) => {
       const isSelected = i === selectedIndex;
       let displayValue = "";
@@ -188,7 +202,7 @@ function ModelConfig({ onClose }) {
           color: displayValue !== "(not configured)" ? theme.success : theme.warning
         },
         displayValue
-      ), actionText && /* @__PURE__ */ React.createElement(Text, { color: "blue" }, actionText))), isSelected && /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, setting.description)));
+      ), actionText && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.info }, actionText))), isSelected && /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, setting.description)));
     }),
     /* @__PURE__ */ React.createElement(
       Box,
@@ -198,7 +212,7 @@ function ModelConfig({ onClose }) {
         borderTopColor: theme.secondaryBorder,
         borderTopStyle: "single"
       },
-      /* @__PURE__ */ React.createElement(Text, { dimColor: true }, isDeleteMode ? "CLEAR MODE: Press Enter/Space to clear assignment, Esc to cancel" : availableModels.length === 0 ? "Use \u2191/\u2193 to navigate, Enter to configure new model, Esc to exit" : "Use \u2191/\u2193 to navigate, Space to cycle models, Enter to configure, d to clear, Esc to exit")
+      /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, isDeleteMode ? "CLEAR MODE: Press Enter/Space to clear assignment, Esc to cancel" : availableModels.length === 0 ? "Use \u2191/\u2193 to navigate, Enter to configure new model, Esc to exit" : "Use \u2191/\u2193 to navigate, Space to cycle models, Enter to configure, d to clear, Esc to exit")
     )
   );
 }