@within-7/minto 0.4.2 → 0.4.3

package/dist/components/InfoPanel/InfoPanel.js

@@ -1,123 +0,0 @@
-import React from "react";
-import { Box, Text, useInput } from "ink";
-import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../../constants/colors.js";
-import { StatusOverlayContent } from "../StatusOverlayContent.js";
-import { t } from "../../i18n/index.js";
-function renderProgressBar(percent, width = 20, color) {
-  const clamped = Math.min(100, Math.max(0, percent));
-  const filled = Math.round(clamped / 100 * width);
-  const empty = width - filled;
-  const barColor = color || getProgressColor(clamped);
-  return /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: barColor }, "\u2588".repeat(filled)), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, "\u2591".repeat(empty)), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", clamped.toFixed(0), "%"));
-}
-function getProgressColor(percent) {
-  if (percent < 50) return SEMANTIC_COLORS.success;
-  if (percent < 80) return BRAND_GRADIENT.MIDDLE;
-  return SEMANTIC_COLORS.error;
-}
-function renderDelta(delta) {
-  const prefix = delta.value > 0 ? "+" : "";
-  const color = delta.value > 0 ? SEMANTIC_COLORS.success : delta.value < 0 ? SEMANTIC_COLORS.error : SEMANTIC_COLORS.dim;
-  return /* @__PURE__ */ React.createElement(Text, { color }, "(", prefix, delta.value, delta.label ? ` ${delta.label}` : "", ")");
-}
-const InfoItemRow = ({ item }) => {
-  return /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, item.label.padEnd(18)), /* @__PURE__ */ React.createElement(Text, { color: item.valueColor || SEMANTIC_COLORS.secondary }, item.value), item.progress && /* @__PURE__ */ React.createElement(Text, null, "  ", renderProgressBar(
-    item.progress.percent,
-    item.progress.width,
-    item.progress.color
-  )), item.delta && /* @__PURE__ */ React.createElement(Text, null, " ", renderDelta(item.delta)));
-};
-const InfoSectionView = ({ section }) => {
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { bold: true, color: SEMANTIC_COLORS.secondary }, section.title)), section.items.map((item, index) => /* @__PURE__ */ React.createElement(InfoItemRow, { key: `${section.title}-${index}`, item })));
-};
-function InfoPanel({
-  title,
-  subtitle,
-  sections,
-  actions,
-  onClose,
-  statusOverlay,
-  isActive = true
-}) {
-  useInput(
-    (input, key) => {
-      if (statusOverlay && statusOverlay.type !== "loading") {
-        if (key.escape || key.return) {
-          onClose();
-        }
-        return;
-      }
-      if (statusOverlay) return;
-      if (key.escape) {
-        onClose();
-        return;
-      }
-      if (actions) {
-        for (const action of actions) {
-          const actionKey = action.key.toLowerCase();
-          if (input.toLowerCase() === actionKey || (actionKey === "enter" || actionKey === "return") && key.return) {
-            action.onPress();
-            return;
-          }
-        }
-      }
-      if (key.return && (!actions || actions.length === 0)) {
-        onClose();
-        return;
-      }
-    },
-    { isActive }
-  );
-  const buildFooterHint = () => {
-    if (statusOverlay) {
-      return statusOverlay.type === "loading" ? "" : t("ui.infoPanel.dismissHint");
-    }
-    if (actions && actions.length > 0) {
-      const actionHints = actions.map((a) => `${a.keyLabel} ${a.description}`).join(" \xB7 ");
-      return `${actionHints} \xB7 Esc ${t("ui.hints.close")}`;
-    }
-    return t("ui.infoPanel.continueHint");
-  };
-  const footerHint = buildFooterHint();
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: "100%" }, /* @__PURE__ */ React.createElement(
-    Box,
-    {
-      borderTop: true,
-      borderBottom: false,
-      borderLeft: false,
-      borderRight: false,
-      borderColor: BRAND_GRADIENT.START,
-      borderStyle: "single",
-      width: "100%",
-      paddingX: 1,
-      flexDirection: "column"
-    },
-    /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u25C6"), /* @__PURE__ */ React.createElement(Text, { bold: true, color: SEMANTIC_COLORS.secondary }, " ", title), subtitle && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "  ", subtitle))
-  ), /* @__PURE__ */ React.createElement(
-    Box,
-    {
-      flexDirection: "column",
-      borderTop: false,
-      borderBottom: true,
-      borderLeft: false,
-      borderRight: false,
-      borderColor: BRAND_GRADIENT.START,
-      borderStyle: "single",
-      width: "100%",
-      paddingX: 1,
-      paddingY: 1
-    },
-    statusOverlay ? /* @__PURE__ */ React.createElement(
-      StatusOverlayContent,
-      {
-        type: statusOverlay.type,
-        message: statusOverlay.message
-      }
-    ) : /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, sections.map((section, index) => /* @__PURE__ */ React.createElement(InfoSectionView, { key: `section-${index}`, section }))),
-    footerHint && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, footerHint))
-  ));
-}
-export {
-  InfoPanel
-};
-//# sourceMappingURL=InfoPanel.js.map

package/dist/components/InfoPanel/InfoPanel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/InfoPanel/InfoPanel.tsx"],
-  "sourcesContent": ["/**\n * InfoPanel Component\n *\n * A read-only info display with brand-consistent borders,\n * sectioned content, optional progress bars, deltas, and actions.\n *\n * Visual pattern:\n * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 (BRAND_GRADIENT.START border)\n *  \u25C6 Title  subtitle\n *\n *  Section Title\n *    label1        value1  \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2591\u2591\u2591\u2591 45%\n *    label2        value2  (+3 vs yesterday)\n *    label3        value3\n *\n *  Enter Close \u00B7 T Toggle \u00B7 Esc Close\n * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 (BRAND_GRADIENT.START border)\n */\n\nimport React from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\nimport { StatusOverlayContent } from '@components/StatusOverlayContent'\nimport { t } from '@i18n'\nimport type {\n  InfoPanelProps,\n  InfoItem,\n  InfoSection,\n  InfoPanelProgress,\n  InfoPanelDelta,\n} from './types'\n\n/**\n * Render an ASCII progress bar\n */\nfunction renderProgressBar(\n  percent: number,\n  width: number = 20,\n  color?: string,\n): React.ReactNode {\n  const clamped = Math.min(100, Math.max(0, percent))\n  const filled = Math.round((clamped / 100) * width)\n  const empty = width - filled\n\n  const barColor = color || getProgressColor(clamped)\n\n  return (\n    <Text>\n      <Text color={barColor}>{'\u2588'.repeat(filled)}</Text>\n      <Text color={SEMANTIC_COLORS.muted}>{'\u2591'.repeat(empty)}</Text>\n      <Text color={SEMANTIC_COLORS.dim}> {clamped.toFixed(0)}%</Text>\n    </Text>\n  )\n}\n\n/**\n * Get color based on percentage\n */\nfunction getProgressColor(percent: number): string {\n  if (percent < 50) return SEMANTIC_COLORS.success\n  if (percent < 80) return BRAND_GRADIENT.MIDDLE\n  return SEMANTIC_COLORS.error\n}\n\n/**\n * Render a delta indicator\n */\nfunction renderDelta(delta: InfoPanelDelta): React.ReactNode {\n  const prefix = delta.value > 0 ? '+' : ''\n  const color =\n    delta.value > 0\n      ? SEMANTIC_COLORS.success\n      : delta.value < 0\n        ? SEMANTIC_COLORS.error\n        : SEMANTIC_COLORS.dim\n\n  return (\n    <Text color={color}>\n      ({prefix}\n      {delta.value}\n      {delta.label ? ` ${delta.label}` : ''})\n    </Text>\n  )\n}\n\n/**\n * Render a single info item\n */\nconst InfoItemRow: React.FC<{ item: InfoItem }> = ({ item }) => {\n  return (\n    <Box paddingLeft={2}>\n      <Text color={SEMANTIC_COLORS.dim}>{item.label.padEnd(18)}</Text>\n      <Text color={item.valueColor || SEMANTIC_COLORS.secondary}>\n        {item.value}\n      </Text>\n      {item.progress && (\n        <Text>\n          {'  '}\n          {renderProgressBar(\n            item.progress.percent,\n            item.progress.width,\n            item.progress.color,\n          )}\n        </Text>\n      )}\n      {item.delta && <Text> {renderDelta(item.delta)}</Text>}\n    </Box>\n  )\n}\n\n/**\n * Render a section with title and items\n */\nconst InfoSectionView: React.FC<{ section: InfoSection }> = ({ section }) => {\n  return (\n    <Box flexDirection=\"column\" marginTop={1}>\n      <Box>\n        <Text bold color={SEMANTIC_COLORS.secondary}>\n          {section.title}\n        </Text>\n      </Box>\n      {section.items.map((item, index) => (\n        <InfoItemRow key={`${section.title}-${index}`} item={item} />\n      ))}\n    </Box>\n  )\n}\n\nexport function InfoPanel({\n  title,\n  subtitle,\n  sections,\n  actions,\n  onClose,\n  statusOverlay,\n  isActive = true,\n}: InfoPanelProps) {\n  // Keyboard input handling\n  useInput(\n    (input, key) => {\n      // Status overlay: success/error -> ESC/Enter closes\n      if (statusOverlay && statusOverlay.type !== 'loading') {\n        if (key.escape || key.return) {\n          onClose()\n        }\n        return\n      }\n\n      // Status overlay: loading -> ignore all input\n      if (statusOverlay) return\n\n      // Escape always closes\n      if (key.escape) {\n        onClose()\n        return\n      }\n\n      // Check action keys\n      if (actions) {\n        for (const action of actions) {\n          const actionKey = action.key.toLowerCase()\n          if (\n            input.toLowerCase() === actionKey ||\n            ((actionKey === 'enter' || actionKey === 'return') && key.return)\n          ) {\n            action.onPress()\n            return\n          }\n        }\n      }\n\n      // Enter closes when no actions defined\n      if (key.return && (!actions || actions.length === 0)) {\n        onClose()\n        return\n      }\n    },\n    { isActive },\n  )\n\n  // Build footer hint\n  const buildFooterHint = (): string => {\n    if (statusOverlay) {\n      return statusOverlay.type === 'loading'\n        ? ''\n        : t('ui.infoPanel.dismissHint')\n    }\n\n    if (actions && actions.length > 0) {\n      const actionHints = actions\n        .map(a => `${a.keyLabel} ${a.description}`)\n        .join(' \\u00B7 ')\n      return `${actionHints} \\u00B7 Esc ${t('ui.hints.close')}`\n    }\n\n    return t('ui.infoPanel.continueHint')\n  }\n\n  const footerHint = buildFooterHint()\n\n  return (\n    <Box flexDirection=\"column\" width=\"100%\">\n      {/* Header bar with top border */}\n      <Box\n        borderTop={true}\n        borderBottom={false}\n        borderLeft={false}\n        borderRight={false}\n        borderColor={BRAND_GRADIENT.START}\n        borderStyle=\"single\"\n        width=\"100%\"\n        paddingX={1}\n        flexDirection=\"column\"\n      >\n        {/* Title with brand color */}\n        <Box>\n          <Text color={BRAND_GRADIENT.START}>{'\\u25C6'}</Text>\n          <Text bold color={SEMANTIC_COLORS.secondary}>\n            {' '}\n            {title}\n          </Text>\n          {subtitle && (\n            <Text color={SEMANTIC_COLORS.dim}>\n              {'  '}\n              {subtitle}\n            </Text>\n          )}\n        </Box>\n      </Box>\n\n      {/* Content container with bottom border */}\n      <Box\n        flexDirection=\"column\"\n        borderTop={false}\n        borderBottom={true}\n        borderLeft={false}\n        borderRight={false}\n        borderColor={BRAND_GRADIENT.START}\n        borderStyle=\"single\"\n        width=\"100%\"\n        paddingX={1}\n        paddingY={1}\n      >\n        {statusOverlay ? (\n          <StatusOverlayContent\n            type={statusOverlay.type}\n            message={statusOverlay.message}\n          />\n        ) : (\n          <Box flexDirection=\"column\">\n            {sections.map((section, index) => (\n              <InfoSectionView key={`section-${index}`} section={section} />\n            ))}\n          </Box>\n        )}\n\n        {/* Footer Hint */}\n        {footerHint && (\n          <Box marginTop={1}>\n            <Text color={SEMANTIC_COLORS.muted}>{footerHint}</Text>\n          </Box>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/components/InfoPanel/index.js

@@ -1,5 +0,0 @@
-import { InfoPanel } from "./InfoPanel.js";
-export {
-  InfoPanel
-};
-//# sourceMappingURL=index.js.map

package/dist/components/InfoPanel/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/InfoPanel/index.ts"],
-  "sourcesContent": ["/**\n * InfoPanel Component Exports\n *\n * A read-only info display component for commands that show status/data.\n */\n\nexport { InfoPanel } from './InfoPanel'\nexport type {\n  InfoPanelProps,\n  InfoSection,\n  InfoItem,\n  InfoPanelAction,\n  InfoPanelProgress,\n  InfoPanelDelta,\n  StatusOverlay,\n} from './types'\n"],
-  "mappings": "AAMA,SAAS,iBAAiB;",
-  "names": []
-}

package/dist/components/InfoPanel/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/dist/components/InfoPanel/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/components/InteractionRoundBlock.js

@@ -1,56 +0,0 @@
-import React from "react";
-import { Box } from "ink";
-import { UserQueryBlock } from "./UserQueryBlock.js";
-import { AgentThinkingBlock } from "./AgentThinkingBlock.js";
-import { AgentResponseBlock } from "./AgentResponseBlock.js";
-import { ToolExecutionBlock } from "./ToolExecutionBlock.js";
-import { SubagentBlock } from "./SubagentBlock.js";
-import {
-  mergeTimeline,
-  isToolExecution,
-  isSubagentExecution
-} from "./TimelineRenderer.js";
-function InteractionRoundBlock({
-  round,
-  showSubagentDetails = false
-}) {
-  const timeline = mergeTimeline(round.toolExecutions, round.subagentExecutions);
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginBottom: 2 }, /* @__PURE__ */ React.createElement(UserQueryBlock, { message: round.userMessage }), round.agentThinking && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(
-    AgentThinkingBlock,
-    {
-      message: round.agentThinking.message,
-      startTime: round.agentThinking.startTime,
-      showSpinner: !round.agentResponse,
-      showElapsedTime: true
-    }
-  )), timeline.map((item, index) => {
-    const key = isToolExecution(item) ? `tool-${item.data.id}-${index}` : `subagent-${item.data.id}-${index}`;
-    if (isToolExecution(item)) {
-      return /* @__PURE__ */ React.createElement(Box, { key }, /* @__PURE__ */ React.createElement(ToolExecutionBlock, { tool: item.data, indent: 1 }));
-    } else if (isSubagentExecution(item)) {
-      return /* @__PURE__ */ React.createElement(Box, { key }, /* @__PURE__ */ React.createElement(
-        SubagentBlock,
-        {
-          subagent: item.data,
-          indent: 1,
-          isExpanded: showSubagentDetails
-        }
-      ));
-    }
-    return null;
-  }), round.agentResponse && /* @__PURE__ */ React.createElement(AgentResponseBlock, { message: round.agentResponse, indent: 1 }));
-}
-function renderInteractionRounds(rounds, showSubagentDetails = false) {
-  return rounds.map((round) => /* @__PURE__ */ React.createElement(Box, { key: round.uuid }, /* @__PURE__ */ React.createElement(
-    InteractionRoundBlock,
-    {
-      round,
-      showSubagentDetails
-    }
-  )));
-}
-export {
-  InteractionRoundBlock,
-  renderInteractionRounds
-};
-//# sourceMappingURL=InteractionRoundBlock.js.map

package/dist/components/InteractionRoundBlock.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/InteractionRoundBlock.tsx"],
-  "sourcesContent": ["/**\n * InteractionRoundBlock - Complete interaction round renderer\n *\n * Renders a full interaction round with:\n * 1. UserQueryBlock - User input at top\n * 2. AgentThinkingBlock - Agent thinking phase (if present)\n * 3. Timeline items - Tools and subagents in chronological order\n * 4. AgentResponseBlock - Final agent response at bottom\n *\n * Implements proper hierarchical indentation (indent=1 for main agent)\n */\n\nimport React from 'react'\nimport { Box } from 'ink'\nimport { UserQueryBlock } from './UserQueryBlock'\nimport { AgentThinkingBlock } from './AgentThinkingBlock'\nimport { AgentResponseBlock } from './AgentResponseBlock'\nimport { ToolExecutionBlock } from './ToolExecutionBlock'\nimport { SubagentBlock } from './SubagentBlock'\nimport {\n  mergeTimeline,\n  isToolExecution,\n  isSubagentExecution,\n  type ToolExecution,\n} from './TimelineRenderer'\nimport type { InteractionRound } from '@minto-types/interactionRound'\n\ninterface Props {\n  round: InteractionRound\n  showSubagentDetails?: boolean\n}\n\n/**\n * InteractionRoundBlock - Renders a complete interaction round\n *\n * Visual hierarchy:\n * ```\n * > User: Help me implement authentication\n *\n *   \uD83E\uDD14 Claude is thinking... (500ms)\n *\n *   \uD83D\uDD27 Tool: Read src/auth.ts\n *      \u2514\u2500 \u2713 Read 250 lines (120ms)\n *\n *   \uD83E\uDD16 Launching subagent: backend-architect\n *      \u251C\u2500 Task: Design authentication system\n *      \u2502\n *      \u2502   \uD83E\uDD14 Analyzing requirements...\n *      \u2502   \uD83D\uDD27 Tool: Read package.json\n *      \u2502   \uD83D\uDCAC I recommend using JWT...\n *      \u2502\n *      \u2514\u2500 \u2713 Completed (2.5s, 1200 tokens)\n *\n *   \uD83D\uDD27 Tool: Write src/auth.ts\n *      \u2514\u2500 \u2713 Wrote 150 lines (200ms)\n *\n *   \uD83D\uDCAC I've implemented the authentication...\n *      (3.5s total, 2500 tokens)\n * ```\n */\nexport function InteractionRoundBlock({\n  round,\n  showSubagentDetails = false,\n}: Props): React.ReactNode {\n  // Merge timeline items\n  const timeline = mergeTimeline(round.toolExecutions, round.subagentExecutions)\n\n  return (\n    <Box flexDirection=\"column\" marginBottom={2}>\n      {/* 1. User query */}\n      <UserQueryBlock message={round.userMessage} />\n\n      {/* 2. Agent thinking (if present) */}\n      {round.agentThinking && (\n        <Box marginLeft={2}>\n          <AgentThinkingBlock\n            message={round.agentThinking.message}\n            startTime={round.agentThinking.startTime}\n            showSpinner={!round.agentResponse}\n            showElapsedTime={true}\n          />\n        </Box>\n      )}\n\n      {/* 3. Timeline items (tools and subagents) */}\n      {timeline.map((item, index) => {\n        const key = isToolExecution(item)\n          ? `tool-${item.data.id}-${index}`\n          : `subagent-${item.data.id}-${index}`\n\n        if (isToolExecution(item)) {\n          return (\n            <Box key={key}>\n              <ToolExecutionBlock tool={item.data} indent={1} />\n            </Box>\n          )\n        } else if (isSubagentExecution(item)) {\n          return (\n            <Box key={key}>\n              <SubagentBlock\n                subagent={item.data}\n                indent={1}\n                isExpanded={showSubagentDetails}\n              />\n            </Box>\n          )\n        }\n        return null\n      })}\n\n      {/* 4. Agent response (if present) */}\n      {round.agentResponse && (\n        <AgentResponseBlock message={round.agentResponse} indent={1} />\n      )}\n    </Box>\n  )\n}\n\n/**\n * Helper: Render multiple interaction rounds\n */\nexport function renderInteractionRounds(\n  rounds: InteractionRound[],\n  showSubagentDetails = false,\n): React.ReactNode {\n  return rounds.map(round => (\n    <Box key={round.uuid}>\n      <InteractionRoundBlock\n        round={round}\n        showSubagentDetails={showSubagentDetails}\n      />\n    </Box>\n  ))\n}\n"],
-  "mappings": "AAYA,OAAO,WAAW;AAClB,SAAS,WAAW;AACpB,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAoCA,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA,sBAAsB;AACxB,GAA2B;AAEzB,QAAM,WAAW,cAAc,MAAM,gBAAgB,MAAM,kBAAkB;AAE7E,SACE,oCAAC,OAAI,eAAc,UAAS,cAAc,KAExC,oCAAC,kBAAe,SAAS,MAAM,aAAa,GAG3C,MAAM,iBACL,oCAAC,OAAI,YAAY,KACf;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM,cAAc;AAAA,MAC7B,WAAW,MAAM,cAAc;AAAA,MAC/B,aAAa,CAAC,MAAM;AAAA,MACpB,iBAAiB;AAAA;AAAA,EACnB,CACF,GAID,SAAS,IAAI,CAAC,MAAM,UAAU;AAC7B,UAAM,MAAM,gBAAgB,IAAI,IAC5B,QAAQ,KAAK,KAAK,EAAE,IAAI,KAAK,KAC7B,YAAY,KAAK,KAAK,EAAE,IAAI,KAAK;AAErC,QAAI,gBAAgB,IAAI,GAAG;AACzB,aACE,oCAAC,OAAI,OACH,oCAAC,sBAAmB,MAAM,KAAK,MAAM,QAAQ,GAAG,CAClD;AAAA,IAEJ,WAAW,oBAAoB,IAAI,GAAG;AACpC,aACE,oCAAC,OAAI,OACH;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,KAAK;AAAA,UACf,QAAQ;AAAA,UACR,YAAY;AAAA;AAAA,MACd,CACF;AAAA,IAEJ;AACA,WAAO;AAAA,EACT,CAAC,GAGA,MAAM,iBACL,oCAAC,sBAAmB,SAAS,MAAM,eAAe,QAAQ,GAAG,CAEjE;AAEJ;AAKO,SAAS,wBACd,QACA,sBAAsB,OACL;AACjB,SAAO,OAAO,IAAI,WAChB,oCAAC,OAAI,KAAK,MAAM,QACd;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA;AAAA,EACF,CACF,CACD;AACH;",
-  "names": []
-}

package/dist/components/InvalidConfigDialog.js

@@ -1,84 +0,0 @@
-import React from "react";
-import { Box, Newline, Text, useInput } from "ink";
-import { getTheme } from "../utils/theme.js";
-import { Select } from "./CustomSelect/select.js";
-import { render } from "ink";
-import { writeFileSync } from "fs";
-import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
-import { SEMANTIC_COLORS } from "../constants/colors.js";
-function InvalidConfigDialog({
-  filePath,
-  errorDescription,
-  onExit,
-  onReset
-}) {
-  const theme = getTheme();
-  useInput((_, key) => {
-    if (key.escape) {
-      onExit();
-    }
-  });
-  const exitState = useExitOnCtrlCD(() => process.exit(0));
-  const handleSelect = (value) => {
-    if (value === "exit") {
-      onExit();
-    } else {
-      onReset();
-    }
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Box,
-    {
-      flexDirection: "column",
-      borderColor: theme.error,
-      borderStyle: "round",
-      padding: 1,
-      width: 70,
-      gap: 1
-    },
-    /* @__PURE__ */ React.createElement(Text, { bold: true }, "Configuration Error"),
-    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, null, "The configuration file at ", /* @__PURE__ */ React.createElement(Text, { bold: true }, filePath), " contains invalid JSON."), /* @__PURE__ */ React.createElement(Text, null, errorDescription)),
-    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Choose an option:"), /* @__PURE__ */ React.createElement(
-      Select,
-      {
-        options: [
-          { label: "Exit and fix manually", value: "exit" },
-          { label: "Reset with default configuration", value: "reset" }
-        ],
-        onChange: handleSelect
-      }
-    ))
-  ), exitState.pending ? /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Press ", exitState.keyName, " again to exit") : /* @__PURE__ */ React.createElement(Newline, null));
-}
-function showInvalidConfigDialog({
-  error
-}) {
-  return new Promise((resolve) => {
-    render(
-      /* @__PURE__ */ React.createElement(
-        InvalidConfigDialog,
-        {
-          filePath: error.filePath,
-          errorDescription: error.message,
-          onExit: () => {
-            resolve();
-            process.exit(1);
-          },
-          onReset: () => {
-            writeFileSync(
-              error.filePath,
-              JSON.stringify(error.defaultConfig, null, 2)
-            );
-            resolve();
-            process.exit(0);
-          }
-        }
-      ),
-      { exitOnCtrlC: false }
-    );
-  });
-}
-export {
-  showInvalidConfigDialog
-};
-//# sourceMappingURL=InvalidConfigDialog.js.map

package/dist/components/InvalidConfigDialog.js.map

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

package/dist/components/Link.js

@@ -1,18 +0,0 @@
-import InkLink from "ink-link";
-import { Text } from "ink";
-import React from "react";
-import { env } from "../utils/env.js";
-const LINK_SUPPORTING_TERMINALS = ["iTerm.app", "WezTerm", "Hyper", "VSCode"];
-function Link({ url, children }) {
-  const supportsLinks = LINK_SUPPORTING_TERMINALS.includes(env.terminal ?? "");
-  const displayContent = children || url;
-  if (supportsLinks || displayContent !== url) {
-    return /* @__PURE__ */ React.createElement(InkLink, { url }, /* @__PURE__ */ React.createElement(Text, null, displayContent));
-  } else {
-    return /* @__PURE__ */ React.createElement(Text, { underline: true }, displayContent);
-  }
-}
-export {
-  Link as default
-};
-//# sourceMappingURL=Link.js.map

package/dist/components/Link.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/Link.tsx"],
-  "sourcesContent": ["import InkLink from 'ink-link'\nimport { Text } from 'ink'\nimport React from 'react'\nimport { env } from '@utils/env'\n\ntype LinkProps = {\n  url: string\n  children?: React.ReactNode\n}\n\n// Terminals that support hyperlinks\nconst LINK_SUPPORTING_TERMINALS = ['iTerm.app', 'WezTerm', 'Hyper', 'VSCode']\n\nexport default function Link({ url, children }: LinkProps): React.ReactNode {\n  const supportsLinks = LINK_SUPPORTING_TERMINALS.includes(env.terminal ?? '')\n\n  // Determine what text to display - use children or fall back to the URL itself\n  const displayContent = children || url\n\n  // Use InkLink to get clickable links when we can, or to get a nice fallback when we can't\n  if (supportsLinks || displayContent !== url) {\n    return (\n      <InkLink url={url}>\n        <Text>{displayContent}</Text>\n      </InkLink>\n    )\n  } else {\n    // But if we don't have a title and just have a url *and* are not a terminal that supports links\n    // that doesn't support clickable links anyway, just show the URL\n    return <Text underline>{displayContent}</Text>\n  }\n}\n"],
-  "mappings": "AAAA,OAAO,aAAa;AACpB,SAAS,YAAY;AACrB,OAAO,WAAW;AAClB,SAAS,WAAW;AAQpB,MAAM,4BAA4B,CAAC,aAAa,WAAW,SAAS,QAAQ;AAE7D,SAAR,KAAsB,EAAE,KAAK,SAAS,GAA+B;AAC1E,QAAM,gBAAgB,0BAA0B,SAAS,IAAI,YAAY,EAAE;AAG3E,QAAM,iBAAiB,YAAY;AAGnC,MAAI,iBAAiB,mBAAmB,KAAK;AAC3C,WACE,oCAAC,WAAQ,OACP,oCAAC,YAAM,cAAe,CACxB;AAAA,EAEJ,OAAO;AAGL,WAAO,oCAAC,QAAK,WAAS,QAAE,cAAe;AAAA,EACzC;AACF;",
-  "names": []
-}

package/dist/components/LogSelector.js

@@ -1,50 +0,0 @@
-import React from "react";
-import { Box, Text } from "ink";
-import { Select } from "./CustomSelect/select.js";
-import { getTheme } from "../utils/theme.js";
-import { useTerminalSize } from "../hooks/useTerminalSize.js";
-import { formatDate } from "../utils/log.js";
-function LogSelector({
-  logs,
-  onSelect
-}) {
-  const { rows, columns } = useTerminalSize();
-  if (logs.length === 0) {
-    return null;
-  }
-  const visibleCount = rows - 3;
-  const hiddenCount = Math.max(0, logs.length - visibleCount);
-  const indexWidth = 7;
-  const modifiedWidth = 21;
-  const createdWidth = 21;
-  const countWidth = 9;
-  const options = logs.map((log, i) => {
-    const index = `[${i}]`.padEnd(indexWidth);
-    const modified = formatDate(log.modified).padEnd(modifiedWidth);
-    const created = formatDate(log.created).padEnd(createdWidth);
-    const msgCount = `${log.messageCount}`.padStart(countWidth);
-    const prompt = log.firstPrompt;
-    let branchInfo = "";
-    if (log.forkNumber) branchInfo += ` (fork #${log.forkNumber})`;
-    if (log.sidechainNumber)
-      branchInfo += ` (sidechain #${log.sidechainNumber})`;
-    const labelTxt = `${index}${modified}${created}${msgCount} ${prompt}${branchInfo}`;
-    const truncated = labelTxt.length > columns - 2 ? `${labelTxt.slice(0, columns - 5)}...` : labelTxt;
-    return {
-      label: truncated,
-      value: log.value.toString()
-    };
-  });
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", height: "100%", width: "100%" }, /* @__PURE__ */ React.createElement(Box, { paddingLeft: 9 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: getTheme().text }, "Modified"), /* @__PURE__ */ React.createElement(Text, null, "             "), /* @__PURE__ */ React.createElement(Text, { bold: true, color: getTheme().text }, "Created"), /* @__PURE__ */ React.createElement(Text, null, "             "), /* @__PURE__ */ React.createElement(Text, { bold: true, color: getTheme().text }, "# Messages"), /* @__PURE__ */ React.createElement(Text, null, " "), /* @__PURE__ */ React.createElement(Text, { bold: true, color: getTheme().text }, "First message")), /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      options,
-      onChange: (index) => onSelect(parseInt(index, 10)),
-      visibleOptionCount: visibleCount
-    }
-  ), hiddenCount > 0 && /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText }, "and ", hiddenCount, " more\u2026")));
-}
-export {
-  LogSelector
-};
-//# sourceMappingURL=LogSelector.js.map

package/dist/components/LogSelector.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/LogSelector.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Box, Text } from 'ink'\nimport { Select } from './CustomSelect/select'\nimport type { LogOption } from '@minto-types/logs'\nimport { getTheme } from '@utils/theme'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\nimport { formatDate } from '@utils/log'\n\ntype LogSelectorProps = {\n  logs: LogOption[]\n  onSelect: (logValue: number) => void\n}\n\nexport function LogSelector({\n  logs,\n  onSelect,\n}: LogSelectorProps): React.ReactNode {\n  const { rows, columns } = useTerminalSize()\n  if (logs.length === 0) {\n    return null\n  }\n\n  const visibleCount = rows - 3 // Account for header and footer\n  const hiddenCount = Math.max(0, logs.length - visibleCount)\n\n  // Create formatted options\n  // Calculate column widths\n  const indexWidth = 7 // [0] to [99] with extra spaces\n  const modifiedWidth = 21 // \"Yesterday at 7:49 pm\" with space\n  const createdWidth = 21 // \"Yesterday at 7:49 pm\" with space\n  const countWidth = 9 // \"999 msgs\" (right-aligned)\n\n  const options = logs.map((log, i) => {\n    const index = `[${i}]`.padEnd(indexWidth)\n    const modified = formatDate(log.modified).padEnd(modifiedWidth)\n    const created = formatDate(log.created).padEnd(createdWidth)\n    const msgCount = `${log.messageCount}`.padStart(countWidth)\n    const prompt = log.firstPrompt\n    let branchInfo = ''\n    if (log.forkNumber) branchInfo += ` (fork #${log.forkNumber})`\n    if (log.sidechainNumber)\n      branchInfo += ` (sidechain #${log.sidechainNumber})`\n\n    const labelTxt = `${index}${modified}${created}${msgCount} ${prompt}${branchInfo}`\n    const truncated =\n      labelTxt.length > columns - 2 // Account for \"> \" selection cursor\n        ? `${labelTxt.slice(0, columns - 5)}...`\n        : labelTxt\n    return {\n      label: truncated,\n      value: log.value.toString(),\n    }\n  })\n\n  return (\n    <Box flexDirection=\"column\" height=\"100%\" width=\"100%\">\n      <Box paddingLeft={9}>\n        <Text bold color={getTheme().text}>\n          Modified\n        </Text>\n        <Text>{'             '}</Text>\n        <Text bold color={getTheme().text}>\n          Created\n        </Text>\n        <Text>{'             '}</Text>\n        <Text bold color={getTheme().text}>\n          # Messages\n        </Text>\n        <Text> </Text>\n        <Text bold color={getTheme().text}>\n          First message\n        </Text>\n      </Box>\n      <Select\n        options={options}\n        onChange={index => onSelect(parseInt(index, 10))}\n        visibleOptionCount={visibleCount}\n      />\n      {hiddenCount > 0 && (\n        <Box paddingLeft={2}>\n          <Text color={getTheme().secondaryText}>and {hiddenCount} more\u2026</Text>\n        </Box>\n      )}\n    </Box>\n  )\n}\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,cAAc;AAEvB,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAOpB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAAsC;AACpC,QAAM,EAAE,MAAM,QAAQ,IAAI,gBAAgB;AAC1C,MAAI,KAAK,WAAW,GAAG;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,OAAO;AAC5B,QAAM,cAAc,KAAK,IAAI,GAAG,KAAK,SAAS,YAAY;AAI1D,QAAM,aAAa;AACnB,QAAM,gBAAgB;AACtB,QAAM,eAAe;AACrB,QAAM,aAAa;AAEnB,QAAM,UAAU,KAAK,IAAI,CAAC,KAAK,MAAM;AACnC,UAAM,QAAQ,IAAI,CAAC,IAAI,OAAO,UAAU;AACxC,UAAM,WAAW,WAAW,IAAI,QAAQ,EAAE,OAAO,aAAa;AAC9D,UAAM,UAAU,WAAW,IAAI,OAAO,EAAE,OAAO,YAAY;AAC3D,UAAM,WAAW,GAAG,IAAI,YAAY,GAAG,SAAS,UAAU;AAC1D,UAAM,SAAS,IAAI;AACnB,QAAI,aAAa;AACjB,QAAI,IAAI,WAAY,eAAc,WAAW,IAAI,UAAU;AAC3D,QAAI,IAAI;AACN,oBAAc,gBAAgB,IAAI,eAAe;AAEnD,UAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,IAAI,MAAM,GAAG,UAAU;AAChF,UAAM,YACJ,SAAS,SAAS,UAAU,IACxB,GAAG,SAAS,MAAM,GAAG,UAAU,CAAC,CAAC,QACjC;AACN,WAAO;AAAA,MACL,OAAO;AAAA,MACP,OAAO,IAAI,MAAM,SAAS;AAAA,IAC5B;AAAA,EACF,CAAC;AAED,SACE,oCAAC,OAAI,eAAc,UAAS,QAAO,QAAO,OAAM,UAC9C,oCAAC,OAAI,aAAa,KAChB,oCAAC,QAAK,MAAI,MAAC,OAAO,SAAS,EAAE,QAAM,UAEnC,GACA,oCAAC,YAAM,eAAgB,GACvB,oCAAC,QAAK,MAAI,MAAC,OAAO,SAAS,EAAE,QAAM,SAEnC,GACA,oCAAC,YAAM,eAAgB,GACvB,oCAAC,QAAK,MAAI,MAAC,OAAO,SAAS,EAAE,QAAM,YAEnC,GACA,oCAAC,YAAK,GAAC,GACP,oCAAC,QAAK,MAAI,MAAC,OAAO,SAAS,EAAE,QAAM,eAEnC,CACF,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU,WAAS,SAAS,SAAS,OAAO,EAAE,CAAC;AAAA,MAC/C,oBAAoB;AAAA;AAAA,EACtB,GACC,cAAc,KACb,oCAAC,OAAI,aAAa,KAChB,oCAAC,QAAK,OAAO,SAAS,EAAE,iBAAe,QAAK,aAAY,aAAM,CAChE,CAEJ;AAEJ;",
-  "names": []
-}

package/dist/components/Logo.js

@@ -1,55 +0,0 @@
-import { Box, Text } from "ink";
-import * as React from "react";
-import { getTheme } from "../utils/theme.js";
-import { getCwd } from "../utils/state.js";
-import { MACRO } from "../constants/macros.js";
-import { t } from "../i18n/index.js";
-import path from "path";
-import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../constants/colors.js";
-const MIN_LOGO_WIDTH = 50;
-function getTerminalWidth() {
-  return process.stdout.columns || 80;
-}
-const DEFAULT_UPDATE_COMMANDS = [
-  "bun add -g @within-7/minto@latest",
-  "npm install -g @within-7/minto@latest"
-];
-function Logo({
-  mcpClients,
-  isDefaultModel = false,
-  updateBannerVersion,
-  updateBannerCommands
-}) {
-  const theme = getTheme();
-  const cwd = getCwd();
-  const projectName = path.basename(cwd);
-  const logoLines = ["\u2588\u2580\u2584\u2580\u2588 \u2588 \u2588\u2584 \u2588 \u2580\u2588\u2580 \u2588\u2580\u2588", "\u2588 \u2580 \u2588 \u2588 \u2588 \u2580\u2588  \u2588  \u2588\u2584\u2588"];
-  const terminalWidth = getTerminalWidth();
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: terminalWidth }, updateBannerVersion ? /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.running }, t("ui.update.newVersionAvailable", {
-    version: updateBannerVersion,
-    current: MACRO.VERSION
-  })), /* @__PURE__ */ React.createElement(Text, null, t("ui.update.runCommand")), /* @__PURE__ */ React.createElement(Text, null, "  ", updateBannerCommands?.[1] ?? DEFAULT_UPDATE_COMMANDS[1]), process.platform !== "win32" && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, t("ui.update.sudoNote"))) : null, /* @__PURE__ */ React.createElement(
-    Box,
-    {
-      flexDirection: "column",
-      borderTop: true,
-      borderBottom: true,
-      borderLeft: false,
-      borderRight: false,
-      borderColor: BRAND_GRADIENT.START,
-      borderStyle: "single",
-      width: terminalWidth,
-      paddingX: 1,
-      paddingY: 1
-    },
-    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", alignItems: "center" }, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u25C6"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", alignItems: "center", marginY: 1 }, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START, bold: true }, logoLines[0]), /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.END, bold: true }, logoLines[1])), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, t("ui.welcome.taglinePart1")), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.END }, t("ui.welcome.taglinePart2")), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " \xB7 v", MACRO.VERSION))),
-    /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u273B"), " ", t("ui.welcome.title"))),
-    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, t("ui.welcome.quickStart"), ":"), /* @__PURE__ */ React.createElement(Text, null, "\u2022 ", t("ui.welcome.tip1")), /* @__PURE__ */ React.createElement(Text, null, "\u2022 ", t("ui.welcome.tip2")), /* @__PURE__ */ React.createElement(Text, null, "\u2022 ", t("ui.welcome.tip3"))),
-    /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u{1F4C2} ", projectName))
-  ));
-}
-export {
-  Logo,
-  MIN_LOGO_WIDTH
-};
-//# sourceMappingURL=Logo.js.map

package/dist/components/Logo.js.map

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

package/dist/components/MCPServerApprovalDialog.js

@@ -1,81 +0,0 @@
-import React from "react";
-import { Box, Text, useInput } from "ink";
-import { getTheme } from "../utils/theme.js";
-import { Select } from "./CustomSelect/select.js";
-import {
-  saveCurrentProjectConfig,
-  getCurrentProjectConfig
-} from "../utils/config.js";
-import { MCPServerDialogCopy } from "./MCPServerDialogCopy.js";
-import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
-import { SEMANTIC_COLORS } from "../constants/colors.js";
-import { t } from "../i18n/index.js";
-function MCPServerApprovalDialog({
-  serverName,
-  onDone
-}) {
-  const theme = getTheme();
-  function onChange(value) {
-    const config = getCurrentProjectConfig();
-    switch (value) {
-      case "yes": {
-        if (!config.approvedMcprcServers) {
-          config.approvedMcprcServers = [];
-        }
-        if (!config.approvedMcprcServers.includes(serverName)) {
-          config.approvedMcprcServers.push(serverName);
-        }
-        saveCurrentProjectConfig(config);
-        onDone();
-        break;
-      }
-      case "no": {
-        if (!config.rejectedMcprcServers) {
-          config.rejectedMcprcServers = [];
-        }
-        if (!config.rejectedMcprcServers.includes(serverName)) {
-          config.rejectedMcprcServers.push(serverName);
-        }
-        saveCurrentProjectConfig(config);
-        onDone();
-        break;
-      }
-    }
-  }
-  const exitState = useExitOnCtrlCD(() => process.exit(0));
-  useInput((_input, key) => {
-    if (key.escape) {
-      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 }, t("dialog.mcpServerDetected")),
-    /* @__PURE__ */ React.createElement(Text, null, t("dialog.mcpApprovalRequired")),
-    /* @__PURE__ */ React.createElement(Text, { bold: true }, serverName),
-    /* @__PURE__ */ React.createElement(MCPServerDialogCopy, null),
-    /* @__PURE__ */ React.createElement(Text, null, "Do you want to approve this MCP server?"),
-    /* @__PURE__ */ React.createElement(
-      Select,
-      {
-        options: [
-          { label: t("dialog.approveServer"), value: "yes" },
-          { label: t("dialog.rejectServer"), value: "no" }
-        ],
-        onChange: (value) => onChange(value)
-      }
-    )
-  ), /* @__PURE__ */ React.createElement(Box, { marginLeft: 3 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, exitState.pending ? /* @__PURE__ */ React.createElement(React.Fragment, null, t("prompts.pressCtrlDAgain")) : /* @__PURE__ */ React.createElement(React.Fragment, null, t("dialog.confirmRejectPrompt")))));
-}
-export {
-  MCPServerApprovalDialog
-};
-//# sourceMappingURL=MCPServerApprovalDialog.js.map

package/dist/components/MCPServerApprovalDialog.js.map

@@ -1,7 +0,0 @@
-{
-  "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'\nimport { SEMANTIC_COLORS } from '@constants/colors'\nimport { t } from '@i18n'\n\ntype Props = {\n  serverName: string\n  onDone(): void\n}\n\nexport function MCPServerApprovalDialog({\n  serverName,\n  onDone,\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  function onChange(value: 'yes' | 'no') {\n    const config = getCurrentProjectConfig()\n    switch (value) {\n      case 'yes': {\n        if (!config.approvedMcprcServers) {\n          config.approvedMcprcServers = []\n        }\n        if (!config.approvedMcprcServers.includes(serverName)) {\n          config.approvedMcprcServers.push(serverName)\n        }\n        saveCurrentProjectConfig(config)\n        onDone()\n        break\n      }\n      case 'no': {\n        if (!config.rejectedMcprcServers) {\n          config.rejectedMcprcServers = []\n        }\n        if (!config.rejectedMcprcServers.includes(serverName)) {\n          config.rejectedMcprcServers.push(serverName)\n        }\n        saveCurrentProjectConfig(config)\n        onDone()\n        break\n      }\n    }\n  }\n\n  const exitState = useExitOnCtrlCD(() => process.exit(0))\n\n  useInput((_input, key) => {\n    if (key.escape) {\n      onDone()\n      return\n    }\n  })\n\n  return (\n    <>\n      <Box\n        flexDirection=\"column\"\n        gap={1}\n        padding={1}\n        borderStyle=\"round\"\n        borderColor={theme.warning}\n      >\n        <Text bold color={theme.warning}>\n          {t('dialog.mcpServerDetected')}\n        </Text>\n        <Text>{t('dialog.mcpApprovalRequired')}</Text>\n        <Text bold>{serverName}</Text>\n\n        <MCPServerDialogCopy />\n\n        <Text>Do you want to approve this MCP server?</Text>\n\n        <Select\n          options={[\n            { label: t('dialog.approveServer'), value: 'yes' },\n            { label: t('dialog.rejectServer'), value: 'no' },\n          ]}\n          onChange={value => onChange(value as 'yes' | 'no')}\n        />\n      </Box>\n      <Box marginLeft={3}>\n        <Text color={SEMANTIC_COLORS.dim}>\n          {exitState.pending ? (\n            <>{t('prompts.pressCtrlDAgain')}</>\n          ) : (\n            <>{t('dialog.confirmRejectPrompt')}</>\n          )}\n        </Text>\n      </Box>\n    </>\n  )\n}\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,MAAM,gBAAgB;AACpC,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,SAAS;AAOX,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,QAAQ,SAAS;AACvB,WAAS,SAAS,OAAqB;AACrC,UAAM,SAAS,wBAAwB;AACvC,YAAQ,OAAO;AAAA,MACb,KAAK,OAAO;AACV,YAAI,CAAC,OAAO,sBAAsB;AAChC,iBAAO,uBAAuB,CAAC;AAAA,QACjC;AACA,YAAI,CAAC,OAAO,qBAAqB,SAAS,UAAU,GAAG;AACrD,iBAAO,qBAAqB,KAAK,UAAU;AAAA,QAC7C;AACA,iCAAyB,MAAM;AAC/B,eAAO;AACP;AAAA,MACF;AAAA,MACA,KAAK,MAAM;AACT,YAAI,CAAC,OAAO,sBAAsB;AAChC,iBAAO,uBAAuB,CAAC;AAAA,QACjC;AACA,YAAI,CAAC,OAAO,qBAAqB,SAAS,UAAU,GAAG;AACrD,iBAAO,qBAAqB,KAAK,UAAU;AAAA,QAC7C;AACA,iCAAyB,MAAM;AAC/B,eAAO;AACP;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,YAAY,gBAAgB,MAAM,QAAQ,KAAK,CAAC,CAAC;AAEvD,WAAS,CAAC,QAAQ,QAAQ;AACxB,QAAI,IAAI,QAAQ;AACd,aAAO;AACP;AAAA,IACF;AAAA,EACF,CAAC;AAED,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,KAAK;AAAA,MACL,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,aAAa,MAAM;AAAA;AAAA,IAEnB,oCAAC,QAAK,MAAI,MAAC,OAAO,MAAM,WACrB,EAAE,0BAA0B,CAC/B;AAAA,IACA,oCAAC,YAAM,EAAE,4BAA4B,CAAE;AAAA,IACvC,oCAAC,QAAK,MAAI,QAAE,UAAW;AAAA,IAEvB,oCAAC,yBAAoB;AAAA,IAErB,oCAAC,YAAK,yCAAuC;AAAA,IAE7C;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,UACP,EAAE,OAAO,EAAE,sBAAsB,GAAG,OAAO,MAAM;AAAA,UACjD,EAAE,OAAO,EAAE,qBAAqB,GAAG,OAAO,KAAK;AAAA,QACjD;AAAA,QACA,UAAU,WAAS,SAAS,KAAqB;AAAA;AAAA,IACnD;AAAA,EACF,GACA,oCAAC,OAAI,YAAY,KACf,oCAAC,QAAK,OAAO,gBAAgB,OAC1B,UAAU,UACT,0DAAG,EAAE,yBAAyB,CAAE,IAEhC,0DAAG,EAAE,4BAA4B,CAAE,CAEvC,CACF,CACF;AAEJ;",
-  "names": []
-}