@within-7/minto 0.0.5-dev.1

package/dist/components/MCPServerApprovalDialog.js.map

@@ -0,0 +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;",
+  "names": []
+}

package/dist/components/MCPServerDialogCopy.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { Text } from "ink";
+import Link from "ink-link";
+import { PRODUCT_NAME, PRODUCT_COMMAND } from "../constants/product.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`"));
+}
+export {
+  MCPServerDialogCopy
+};
+//# sourceMappingURL=MCPServerDialogCopy.js.map

package/dist/components/MCPServerDialogCopy.js.map

@@ -0,0 +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;",
+  "names": []
+}

package/dist/components/MCPServerMultiselectDialog.js

@@ -0,0 +1,80 @@
+import React from "react";
+import { Box, Text, useInput } from "ink";
+import { getTheme } from "../utils/theme.js";
+import { MultiSelect } from "@inkjs/ui";
+import {
+  saveCurrentProjectConfig,
+  getCurrentProjectConfig
+} from "../utils/config.js";
+import { partition } from "lodash-es";
+import { MCPServerDialogCopy } from "./MCPServerDialogCopy.js";
+import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
+function MCPServerMultiselectDialog({
+  serverNames,
+  onDone
+}) {
+  const theme = getTheme();
+  function onSubmit(selectedServers) {
+    const config = getCurrentProjectConfig();
+    if (!config.approvedMcprcServers) {
+      config.approvedMcprcServers = [];
+    }
+    if (!config.rejectedMcprcServers) {
+      config.rejectedMcprcServers = [];
+    }
+    const [approvedServers, rejectedServers] = partition(
+      serverNames,
+      (server) => selectedServers.includes(server)
+    );
+    config.approvedMcprcServers.push(...approvedServers);
+    config.rejectedMcprcServers.push(...rejectedServers);
+    saveCurrentProjectConfig(config);
+    onDone();
+  }
+  const exitState = useExitOnCtrlCD(() => process.exit());
+  useInput((_input, key) => {
+    if (key.escape) {
+      const config = getCurrentProjectConfig();
+      if (!config.rejectedMcprcServers) {
+        config.rejectedMcprcServers = [];
+      }
+      for (const server of serverNames) {
+        if (!config.rejectedMcprcServers.includes(server)) {
+          config.rejectedMcprcServers.push(server);
+        }
+      }
+      saveCurrentProjectConfig(config);
+      onDone();
+      return;
+    }
+  });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      gap: 1,
+      padding: 1,
+      borderStyle: "round",
+      borderColor: theme.warning
+    },
+    /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.warning }, "New MCP Servers Detected"),
+    /* @__PURE__ */ React.createElement(Text, null, "This project contains a .mcprc file with ", serverNames.length, " MCP servers that require your approval."),
+    /* @__PURE__ */ React.createElement(MCPServerDialogCopy, null),
+    /* @__PURE__ */ React.createElement(Text, null, "Please select the servers you want to enable:"),
+    /* @__PURE__ */ React.createElement(
+      MultiSelect,
+      {
+        options: serverNames.map((server) => ({
+          label: server,
+          value: server
+        })),
+        defaultValue: serverNames,
+        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"))));
+}
+export {
+  MCPServerMultiselectDialog
+};
+//# sourceMappingURL=MCPServerMultiselectDialog.js.map

package/dist/components/MCPServerMultiselectDialog.js.map

@@ -0,0 +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;",
+  "names": []
+}

package/dist/components/Message.js

@@ -0,0 +1,146 @@
+import { Box } from "ink";
+import * as React from "react";
+import { logError } from "../utils/log.js";
+import { UserToolResultMessage } from "./messages/UserToolResultMessage/UserToolResultMessage.js";
+import { AssistantToolUseMessage } from "./messages/AssistantToolUseMessage.js";
+import { AssistantTextMessage } from "./messages/AssistantTextMessage.js";
+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({
+  message,
+  messages,
+  addMargin,
+  tools,
+  verbose,
+  debug,
+  erroredToolUseIDs,
+  inProgressToolUseIDs,
+  unresolvedToolUseIDs,
+  shouldAnimate,
+  shouldShowDot,
+  width
+}) {
+  if (message.type === "assistant") {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: "100%" }, message.message.content.map((_, index) => /* @__PURE__ */ React.createElement(
+      AssistantMessage,
+      {
+        key: index,
+        param: _,
+        costUSD: message.costUSD,
+        durationMs: message.durationMs,
+        addMargin,
+        tools,
+        debug,
+        options: { verbose },
+        erroredToolUseIDs,
+        inProgressToolUseIDs,
+        unresolvedToolUseIDs,
+        shouldAnimate,
+        shouldShowDot,
+        width
+      }
+    )));
+  }
+  const content = typeof message.message.content === "string" ? [{ type: "text", text: message.message.content }] : message.message.content;
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: "100%" }, content.map((_, index) => /* @__PURE__ */ React.createElement(
+    UserMessage,
+    {
+      key: index,
+      message,
+      messages,
+      addMargin,
+      tools,
+      param: _,
+      options: { verbose }
+    }
+  )));
+}
+function UserMessage({
+  message,
+  messages,
+  addMargin,
+  tools,
+  param,
+  options: { verbose }
+}) {
+  const { columns } = useTerminalSize();
+  switch (param.type) {
+    case "text":
+      return /* @__PURE__ */ React.createElement(UserTextMessage, { addMargin, param });
+    case "tool_result":
+      return /* @__PURE__ */ React.createElement(
+        UserToolResultMessage,
+        {
+          param,
+          message,
+          messages,
+          tools,
+          verbose,
+          width: columns - 5
+        }
+      );
+  }
+}
+function AssistantMessage({
+  param,
+  costUSD,
+  durationMs,
+  addMargin,
+  tools,
+  debug,
+  options: { verbose },
+  erroredToolUseIDs,
+  inProgressToolUseIDs,
+  unresolvedToolUseIDs,
+  shouldAnimate,
+  shouldShowDot,
+  width
+}) {
+  switch (param.type) {
+    case "tool_use":
+      return /* @__PURE__ */ React.createElement(
+        AssistantToolUseMessage,
+        {
+          param,
+          costUSD,
+          durationMs,
+          addMargin,
+          tools,
+          debug,
+          verbose,
+          erroredToolUseIDs,
+          inProgressToolUseIDs,
+          unresolvedToolUseIDs,
+          shouldAnimate,
+          shouldShowDot
+        }
+      );
+    case "text":
+      return /* @__PURE__ */ React.createElement(
+        AssistantTextMessage,
+        {
+          param,
+          costUSD,
+          durationMs,
+          debug,
+          addMargin,
+          shouldShowDot,
+          verbose,
+          width
+        }
+      );
+    case "redacted_thinking":
+      return /* @__PURE__ */ React.createElement(AssistantRedactedThinkingMessage, { addMargin });
+    case "thinking":
+      return /* @__PURE__ */ React.createElement(AssistantThinkingMessage, { addMargin, param });
+    default:
+      logError(`Unable to render message type: ${param.type}`);
+      return null;
+  }
+}
+export {
+  Message
+};
+//# sourceMappingURL=Message.js.map

package/dist/components/Message.js.map

@@ -0,0 +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": []
+}

package/dist/components/MessageResponse.js

@@ -0,0 +1,9 @@
+import { Box, Text } from "ink";
+import * as React from "react";
+function MessageResponse({ children }) {
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", height: 1, overflow: "hidden" }, /* @__PURE__ */ React.createElement(Text, null, "  ", "\u23BF \xA0"), children);
+}
+export {
+  MessageResponse
+};
+//# sourceMappingURL=MessageResponse.js.map

package/dist/components/MessageResponse.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/MessageResponse.tsx"],
+  "sourcesContent": ["import { Box, Text } from 'ink'\nimport * as React from 'react'\n\ntype Props = {\n  children: React.ReactNode\n}\n\nexport function MessageResponse({ children }: Props): React.ReactNode {\n  return (\n    <Box flexDirection=\"row\" height={1} overflow=\"hidden\">\n      <Text>{'  '}\u23BF &nbsp;</Text>\n      {children}\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,YAAY,WAAW;AAMhB,SAAS,gBAAgB,EAAE,SAAS,GAA2B;AACpE,SACE,oCAAC,OAAI,eAAc,OAAM,QAAQ,GAAG,UAAS,YAC3C,oCAAC,YAAM,MAAK,aAAQ,GACnB,QACH;AAEJ;",
+  "names": []
+}

package/dist/components/MessageSelector.js

@@ -0,0 +1,125 @@
+import { Box, Text, useInput } from "ink";
+import * as React from "react";
+import { useMemo, useState, useEffect } from "react";
+import figures from "figures";
+import { getTheme } from "../utils/theme.js";
+import { Message as MessageComponent } from "./Message.js";
+import { randomUUID } from "crypto";
+import {
+  createUserMessage,
+  isEmptyMessageText,
+  isNotEmptyMessage,
+  normalizeMessages
+} from "../utils/messages.js";
+import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
+const MAX_VISIBLE_MESSAGES = 7;
+function MessageSelector({
+  erroredToolUseIDs,
+  messages,
+  onSelect,
+  onEscape,
+  tools,
+  unresolvedToolUseIDs
+}) {
+  const currentUUID = useMemo(randomUUID, []);
+  useEffect(() => {
+  }, []);
+  function handleSelect(message) {
+    const indexFromEnd = messages.length - 1 - messages.indexOf(message);
+    onSelect(message);
+  }
+  function handleEscape() {
+    onEscape();
+  }
+  const allItems = useMemo(
+    () => [
+      // Filter out tool results
+      ...messages.filter(
+        (_) => !(_.type === "user" && Array.isArray(_.message.content) && _.message.content[0]?.type === "tool_result")
+      ).filter((_) => _.type !== "assistant"),
+      { ...createUserMessage(""), uuid: currentUUID }
+    ],
+    [messages, currentUUID]
+  );
+  const [selectedIndex, setSelectedIndex] = useState(allItems.length - 1);
+  const exitState = useExitOnCtrlCD(() => process.exit(0));
+  useInput((input, key) => {
+    if (key.tab || key.escape) {
+      handleEscape();
+      return;
+    }
+    if (key.return) {
+      handleSelect(allItems[selectedIndex]);
+      return;
+    }
+    if (key.upArrow) {
+      if (key.ctrl || key.shift || key.meta) {
+        setSelectedIndex(0);
+      } else {
+        setSelectedIndex((prev) => Math.max(0, prev - 1));
+      }
+    }
+    if (key.downArrow) {
+      if (key.ctrl || key.shift || key.meta) {
+        setSelectedIndex(allItems.length - 1);
+      } else {
+        setSelectedIndex((prev) => Math.min(allItems.length - 1, prev + 1));
+      }
+    }
+    const num = Number(input);
+    if (!isNaN(num) && num >= 1 && num <= Math.min(9, allItems.length)) {
+      if (!allItems[num - 1]) {
+        return;
+      }
+      handleSelect(allItems[num - 1]);
+    }
+  });
+  const firstVisibleIndex = Math.max(
+    0,
+    Math.min(
+      selectedIndex - Math.floor(MAX_VISIBLE_MESSAGES / 2),
+      allItems.length - MAX_VISIBLE_MESSAGES
+    )
+  );
+  const normalizedMessages = useMemo(
+    () => normalizeMessages(messages).filter(isNotEmptyMessage),
+    [messages]
+  );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: getTheme().secondaryBorder,
+      height: 4 + Math.min(MAX_VISIBLE_MESSAGES, allItems.length) * 2,
+      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")),
+    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(
+        MessageComponent,
+        {
+          message: msg,
+          messages: normalizedMessages,
+          addMargin: false,
+          tools,
+          verbose: false,
+          debug: false,
+          erroredToolUseIDs,
+          inProgressToolUseIDs: /* @__PURE__ */ new Set(),
+          unresolvedToolUseIDs,
+          shouldAnimate: false,
+          shouldShowDot: false
+        }
+      )));
+    })
+  ), /* @__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"))));
+}
+export {
+  MessageSelector
+};
+//# sourceMappingURL=MessageSelector.js.map

package/dist/components/MessageSelector.js.map

@@ -0,0 +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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",
+  "names": []
+}

package/dist/components/ModeIndicator.js

@@ -0,0 +1,38 @@
+import React from "react";
+import { Box, Text } from "ink";
+import { usePermissionContext } from "../context/PermissionContext.js";
+import { getTheme } from "../utils/theme.js";
+function ModeIndicator({
+  showTransitionCount = false
+}) {
+  const { currentMode, permissionContext, getModeConfig } = usePermissionContext();
+  const theme = getTheme();
+  const modeConfig = getModeConfig();
+  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"))));
+}
+function getThemeColor(colorName, theme) {
+  const colorMap = {
+    blue: theme.primary || "blue",
+    green: theme.success || "green",
+    yellow: theme.warning || "yellow",
+    red: theme.error || "red"
+  };
+  return colorMap[colorName] || colorName;
+}
+function CompactModeIndicator() {
+  const { currentMode, getModeConfig } = usePermissionContext();
+  const modeConfig = getModeConfig();
+  const theme = getTheme();
+  if (currentMode === "default") {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Text, { color: getThemeColor(modeConfig.color, theme) }, modeConfig.icon, " ", modeConfig.name);
+}
+export {
+  CompactModeIndicator,
+  ModeIndicator
+};
+//# sourceMappingURL=ModeIndicator.js.map

package/dist/components/ModeIndicator.js.map

@@ -0,0 +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;",
+  "names": []
+}