@within-7/minto 0.4.1 → 0.4.3

package/dist/components/Help.js

@@ -1,178 +0,0 @@
-import React from "react";
-import { hasCustomCommands } from "../services/customCommands.js";
-import { PRODUCT_COMMAND, PRODUCT_NAME } from "../constants/product.js";
-import { MACRO } from "../constants/macros.js";
-import { SEMANTIC_COLORS } from "../constants/colors.js";
-import { InfoPanel } from "./InfoPanel/index.js";
-import { t } from "../i18n/index.js";
-function buildUsageSection() {
-  return {
-    title: t("help.usageModes"),
-    items: [
-      { label: "REPL", value: `${PRODUCT_COMMAND} (interactive session)` },
-      {
-        label: t("help.nonInteractive"),
-        value: `${PRODUCT_COMMAND} -p "question"`
-      },
-      {
-        label: t("help.options"),
-        value: t("help.runForOptions", { command: PRODUCT_COMMAND }),
-        valueColor: SEMANTIC_COLORS.dim
-      }
-    ]
-  };
-}
-function buildCommonTasksSection() {
-  return {
-    title: t("help.commonTasks"),
-    items: [
-      {
-        label: "\u2022 Ask questions",
-        value: "How does foo.py work?",
-        valueColor: SEMANTIC_COLORS.dim
-      },
-      {
-        label: "\u2022 Edit files",
-        value: "Update bar.ts to...",
-        valueColor: SEMANTIC_COLORS.dim
-      },
-      {
-        label: "\u2022 Fix errors",
-        value: "cargo build",
-        valueColor: SEMANTIC_COLORS.dim
-      },
-      {
-        label: "\u2022 Run commands",
-        value: "/help",
-        valueColor: SEMANTIC_COLORS.dim
-      },
-      {
-        label: "\u2022 Run bash",
-        value: "!ls",
-        valueColor: SEMANTIC_COLORS.dim
-      }
-    ]
-  };
-}
-function buildModeSystemsSection() {
-  return {
-    title: t("help.modeSystems"),
-    items: [
-      {
-        label: "",
-        value: t("help.safetyModes"),
-        valueColor: SEMANTIC_COLORS.secondary
-      },
-      { label: "  --yolo", value: "Skip all confirmations" },
-      { label: "  --smart", value: "Dangerous tools require confirmation" },
-      { label: "  --strict", value: "All tools require confirmation" },
-      { label: "  --free", value: "Free mode (no restrictions)" },
-      {
-        label: "",
-        value: t("help.permissionModes"),
-        valueColor: SEMANTIC_COLORS.secondary
-      },
-      { label: "  default", value: "Standard confirmation flow" },
-      { label: "  acceptEdits", value: "Auto-approve file edits" },
-      { label: "  plan", value: "Plan mode (no modifications)" },
-      { label: "  bypass", value: "Skip all permission checks" }
-    ]
-  };
-}
-function buildBuiltInSection(commands) {
-  const builtInCommands = commands.filter(
-    (cmd) => !cmd.isHidden && !cmd.name.startsWith("project:") && !cmd.name.startsWith("user:") && !cmd.name.startsWith("plugin:") && !cmd.name.startsWith("mcp:")
-  ).sort((a, b) => a.userFacingName().localeCompare(b.userFacingName()));
-  const items = builtInCommands.map((cmd) => ({
-    label: `/${cmd.name}`,
-    value: cmd.description
-  }));
-  return { title: t("help.builtInCommands"), items };
-}
-function buildCustomSection(commands) {
-  const customCommands = commands.filter(
-    (cmd) => !cmd.isHidden && (cmd.name.startsWith("project:") || cmd.name.startsWith("user:"))
-  ).sort(
-    (a, b) => a.userFacingName().localeCompare(b.userFacingName())
-  );
-  if (customCommands.length === 0) return null;
-  const items = customCommands.map((cmd) => ({
-    label: `/${cmd.name}`,
-    value: `${cmd.description}${cmd.scope ? ` [${cmd.scope}]` : ""}`
-  }));
-  return { title: t("help.customCommands"), items };
-}
-function buildPluginSection(commands) {
-  const pluginCommands = commands.filter((cmd) => !cmd.isHidden && cmd.name.startsWith("plugin:")).sort((a, b) => a.userFacingName().localeCompare(b.userFacingName()));
-  if (pluginCommands.length === 0) return null;
-  const items = pluginCommands.map((cmd) => ({
-    label: `/${cmd.name}`,
-    value: cmd.description
-  }));
-  return { title: t("help.pluginCommands"), items };
-}
-function buildMcpSection(commands) {
-  const mcpCommands = commands.filter((cmd) => !cmd.isHidden && cmd.name.startsWith("mcp:")).sort((a, b) => a.userFacingName().localeCompare(b.userFacingName()));
-  if (mcpCommands.length === 0) return null;
-  const items = mcpCommands.map((cmd) => ({
-    label: `/${cmd.name}`,
-    value: cmd.description
-  }));
-  return { title: t("help.mcpCommands"), items };
-}
-function buildPrioritySection() {
-  return {
-    title: t("help.commandPriority"),
-    items: [
-      {
-        label: "1.",
-        value: "Built-in commands",
-        valueColor: SEMANTIC_COLORS.dim
-      },
-      {
-        label: "2.",
-        value: "Custom commands (project: / user:)",
-        valueColor: SEMANTIC_COLORS.dim
-      },
-      {
-        label: "3.",
-        value: "Plugin commands",
-        valueColor: SEMANTIC_COLORS.dim
-      },
-      { label: "4.", value: "MCP commands", valueColor: SEMANTIC_COLORS.dim }
-    ]
-  };
-}
-function Help({
-  commands,
-  onClose
-}) {
-  const sections = [];
-  sections.push(buildUsageSection());
-  sections.push(buildCommonTasksSection());
-  sections.push(buildModeSystemsSection());
-  sections.push(buildBuiltInSection(commands));
-  const customSection = buildCustomSection(commands);
-  if (customSection) sections.push(customSection);
-  const pluginSection = buildPluginSection(commands);
-  if (pluginSection) sections.push(pluginSection);
-  const mcpSection = buildMcpSection(commands);
-  if (mcpSection) sections.push(mcpSection);
-  const hasExtended = hasCustomCommands() || customSection || pluginSection || mcpSection;
-  if (hasExtended) {
-    sections.push(buildPrioritySection());
-  }
-  return /* @__PURE__ */ React.createElement(
-    InfoPanel,
-    {
-      title: t("commands.help.title"),
-      subtitle: `${PRODUCT_NAME} v${MACRO.VERSION}`,
-      sections,
-      onClose
-    }
-  );
-}
-export {
-  Help
-};
-//# sourceMappingURL=Help.js.map

package/dist/components/Help.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/Help.tsx"],
-  "sourcesContent": ["/**\n * Help Component\n *\n * Displays comprehensive help using InfoPanel for consistent UI.\n * Shows all information immediately (no progressive disclosure timer).\n */\n\nimport React from 'react'\nimport type { Command } from '@commands'\nimport type { CustomCommandWithScope } from '@services/customCommands'\nimport { hasCustomCommands } from '@services/customCommands'\nimport { PRODUCT_COMMAND, PRODUCT_NAME } from '@constants/product'\nimport { MACRO } from '@constants/macros'\nimport { SEMANTIC_COLORS } from '@constants/colors'\nimport { InfoPanel } from '@components/InfoPanel'\nimport type { InfoSection, InfoItem } from '@components/InfoPanel'\nimport { t } from '@i18n'\n\nfunction buildUsageSection(): InfoSection {\n  return {\n    title: t('help.usageModes'),\n    items: [\n      { label: 'REPL', value: `${PRODUCT_COMMAND} (interactive session)` },\n      {\n        label: t('help.nonInteractive'),\n        value: `${PRODUCT_COMMAND} -p \"question\"`,\n      },\n      {\n        label: t('help.options'),\n        value: t('help.runForOptions', { command: PRODUCT_COMMAND }),\n        valueColor: SEMANTIC_COLORS.dim,\n      },\n    ],\n  }\n}\n\nfunction buildCommonTasksSection(): InfoSection {\n  return {\n    title: t('help.commonTasks'),\n    items: [\n      {\n        label: '\\u2022 Ask questions',\n        value: 'How does foo.py work?',\n        valueColor: SEMANTIC_COLORS.dim,\n      },\n      {\n        label: '\\u2022 Edit files',\n        value: 'Update bar.ts to...',\n        valueColor: SEMANTIC_COLORS.dim,\n      },\n      {\n        label: '\\u2022 Fix errors',\n        value: 'cargo build',\n        valueColor: SEMANTIC_COLORS.dim,\n      },\n      {\n        label: '\\u2022 Run commands',\n        value: '/help',\n        valueColor: SEMANTIC_COLORS.dim,\n      },\n      {\n        label: '\\u2022 Run bash',\n        value: '!ls',\n        valueColor: SEMANTIC_COLORS.dim,\n      },\n    ],\n  }\n}\n\nfunction buildModeSystemsSection(): InfoSection {\n  return {\n    title: t('help.modeSystems'),\n    items: [\n      {\n        label: '',\n        value: t('help.safetyModes'),\n        valueColor: SEMANTIC_COLORS.secondary,\n      },\n      { label: '  --yolo', value: 'Skip all confirmations' },\n      { label: '  --smart', value: 'Dangerous tools require confirmation' },\n      { label: '  --strict', value: 'All tools require confirmation' },\n      { label: '  --free', value: 'Free mode (no restrictions)' },\n      {\n        label: '',\n        value: t('help.permissionModes'),\n        valueColor: SEMANTIC_COLORS.secondary,\n      },\n      { label: '  default', value: 'Standard confirmation flow' },\n      { label: '  acceptEdits', value: 'Auto-approve file edits' },\n      { label: '  plan', value: 'Plan mode (no modifications)' },\n      { label: '  bypass', value: 'Skip all permission checks' },\n    ],\n  }\n}\n\nfunction buildBuiltInSection(commands: Command[]): InfoSection {\n  const builtInCommands = commands\n    .filter(\n      cmd =>\n        !cmd.isHidden &&\n        !cmd.name.startsWith('project:') &&\n        !cmd.name.startsWith('user:') &&\n        !cmd.name.startsWith('plugin:') &&\n        !cmd.name.startsWith('mcp:'),\n    )\n    .sort((a, b) => a.userFacingName().localeCompare(b.userFacingName()))\n\n  const items: InfoItem[] = builtInCommands.map(cmd => ({\n    label: `/${cmd.name}`,\n    value: cmd.description,\n  }))\n\n  return { title: t('help.builtInCommands'), items }\n}\n\nfunction buildCustomSection(commands: Command[]): InfoSection | null {\n  const customCommands = commands\n    .filter(\n      cmd =>\n        !cmd.isHidden &&\n        (cmd.name.startsWith('project:') || cmd.name.startsWith('user:')),\n    )\n    .sort((a, b) =>\n      a.userFacingName().localeCompare(b.userFacingName()),\n    ) as CustomCommandWithScope[]\n\n  if (customCommands.length === 0) return null\n\n  const items: InfoItem[] = customCommands.map(cmd => ({\n    label: `/${cmd.name}`,\n    value: `${cmd.description}${cmd.scope ? ` [${cmd.scope}]` : ''}`,\n  }))\n\n  return { title: t('help.customCommands'), items }\n}\n\nfunction buildPluginSection(commands: Command[]): InfoSection | null {\n  const pluginCommands = commands\n    .filter(cmd => !cmd.isHidden && cmd.name.startsWith('plugin:'))\n    .sort((a, b) => a.userFacingName().localeCompare(b.userFacingName()))\n\n  if (pluginCommands.length === 0) return null\n\n  const items: InfoItem[] = pluginCommands.map(cmd => ({\n    label: `/${cmd.name}`,\n    value: cmd.description,\n  }))\n\n  return { title: t('help.pluginCommands'), items }\n}\n\nfunction buildMcpSection(commands: Command[]): InfoSection | null {\n  const mcpCommands = commands\n    .filter(cmd => !cmd.isHidden && cmd.name.startsWith('mcp:'))\n    .sort((a, b) => a.userFacingName().localeCompare(b.userFacingName()))\n\n  if (mcpCommands.length === 0) return null\n\n  const items: InfoItem[] = mcpCommands.map(cmd => ({\n    label: `/${cmd.name}`,\n    value: cmd.description,\n  }))\n\n  return { title: t('help.mcpCommands'), items }\n}\n\nfunction buildPrioritySection(): InfoSection {\n  return {\n    title: t('help.commandPriority'),\n    items: [\n      {\n        label: '1.',\n        value: 'Built-in commands',\n        valueColor: SEMANTIC_COLORS.dim,\n      },\n      {\n        label: '2.',\n        value: 'Custom commands (project: / user:)',\n        valueColor: SEMANTIC_COLORS.dim,\n      },\n      {\n        label: '3.',\n        value: 'Plugin commands',\n        valueColor: SEMANTIC_COLORS.dim,\n      },\n      { label: '4.', value: 'MCP commands', valueColor: SEMANTIC_COLORS.dim },\n    ],\n  }\n}\n\nexport function Help({\n  commands,\n  onClose,\n}: {\n  commands: Command[]\n  onClose: () => void\n}): React.ReactNode {\n  const sections: InfoSection[] = []\n\n  // Usage modes\n  sections.push(buildUsageSection())\n\n  // Common tasks\n  sections.push(buildCommonTasksSection())\n\n  // Mode systems\n  sections.push(buildModeSystemsSection())\n\n  // Built-in commands\n  sections.push(buildBuiltInSection(commands))\n\n  // Custom commands (if any)\n  const customSection = buildCustomSection(commands)\n  if (customSection) sections.push(customSection)\n\n  // Plugin commands (if any)\n  const pluginSection = buildPluginSection(commands)\n  if (pluginSection) sections.push(pluginSection)\n\n  // MCP commands (if any)\n  const mcpSection = buildMcpSection(commands)\n  if (mcpSection) sections.push(mcpSection)\n\n  // Priority info (if any non-built-in commands exist)\n  const hasExtended =\n    hasCustomCommands() || customSection || pluginSection || mcpSection\n  if (hasExtended) {\n    sections.push(buildPrioritySection())\n  }\n\n  return (\n    <InfoPanel\n      title={t('commands.help.title')}\n      subtitle={`${PRODUCT_NAME} v${MACRO.VERSION}`}\n      sections={sections}\n      onClose={onClose}\n    />\n  )\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/components/HighlightedCode.js

@@ -1,31 +0,0 @@
-import { highlight, supportsLanguage } from "cli-highlight";
-import { Text } from "ink";
-import React, { useMemo } from "react";
-import { logError } from "../utils/log.js";
-function HighlightedCode({ code, language }) {
-  const highlightedCode = useMemo(() => {
-    try {
-      if (supportsLanguage(language)) {
-        return highlight(code, { language });
-      } else {
-        logError(
-          `Language not supported while highlighting code, falling back to markdown: ${language}`
-        );
-        return highlight(code, { language: "markdown" });
-      }
-    } catch (e) {
-      if (e instanceof Error && e.message.includes("Unknown language")) {
-        logError(
-          `Language not supported while highlighting code, falling back to markdown: ${e}`
-        );
-        return highlight(code, { language: "markdown" });
-      }
-      return highlight(code, { language: "markdown" });
-    }
-  }, [code, language]);
-  return /* @__PURE__ */ React.createElement(Text, null, highlightedCode);
-}
-export {
-  HighlightedCode
-};
-//# sourceMappingURL=HighlightedCode.js.map

package/dist/components/HighlightedCode.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/HighlightedCode.tsx"],
-  "sourcesContent": ["import { highlight, supportsLanguage } from 'cli-highlight'\nimport { Text } from 'ink'\nimport React, { useMemo } from 'react'\nimport { logError } from '@utils/log'\n\ntype Props = {\n  code: string\n  language: string\n}\n\nexport function HighlightedCode({ code, language }: Props): React.ReactElement {\n  const highlightedCode = useMemo(() => {\n    try {\n      if (supportsLanguage(language)) {\n        return highlight(code, { language })\n      } else {\n        logError(\n          `Language not supported while highlighting code, falling back to markdown: ${language}`,\n        )\n        return highlight(code, { language: 'markdown' })\n      }\n    } catch (e) {\n      if (e instanceof Error && e.message.includes('Unknown language')) {\n        logError(\n          `Language not supported while highlighting code, falling back to markdown: ${e}`,\n        )\n        return highlight(code, { language: 'markdown' })\n      }\n      return highlight(code, { language: 'markdown' })\n    }\n  }, [code, language])\n\n  return <Text>{highlightedCode}</Text>\n}\n"],
-  "mappings": "AAAA,SAAS,WAAW,wBAAwB;AAC5C,SAAS,YAAY;AACrB,OAAO,SAAS,eAAe;AAC/B,SAAS,gBAAgB;AAOlB,SAAS,gBAAgB,EAAE,MAAM,SAAS,GAA8B;AAC7E,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI;AACF,UAAI,iBAAiB,QAAQ,GAAG;AAC9B,eAAO,UAAU,MAAM,EAAE,SAAS,CAAC;AAAA,MACrC,OAAO;AACL;AAAA,UACE,6EAA6E,QAAQ;AAAA,QACvF;AACA,eAAO,UAAU,MAAM,EAAE,UAAU,WAAW,CAAC;AAAA,MACjD;AAAA,IACF,SAAS,GAAG;AACV,UAAI,aAAa,SAAS,EAAE,QAAQ,SAAS,kBAAkB,GAAG;AAChE;AAAA,UACE,6EAA6E,CAAC;AAAA,QAChF;AACA,eAAO,UAAU,MAAM,EAAE,UAAU,WAAW,CAAC;AAAA,MACjD;AACA,aAAO,UAAU,MAAM,EAAE,UAAU,WAAW,CAAC;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,SAAO,oCAAC,YAAM,eAAgB;AAChC;",
-  "names": []
-}

package/dist/components/HistorySearchOverlay.js

@@ -1,49 +0,0 @@
-import { Box, Text } from "ink";
-import * as React from "react";
-import { getTheme } from "../utils/theme.js";
-import { SEMANTIC_COLORS } from "../constants/colors.js";
-function HistorySearchOverlay({
-  searchTerm,
-  results,
-  selectedIndex,
-  maxVisible = 10
-}) {
-  const theme = getTheme();
-  const halfVisible = Math.floor(maxVisible / 2);
-  const startIndex = Math.max(
-    0,
-    Math.min(selectedIndex - halfVisible, results.length - maxVisible)
-  );
-  const visibleResults = results.slice(startIndex, startIndex + maxVisible);
-  const adjustedSelectedIndex = selectedIndex - startIndex;
-  return /* @__PURE__ */ React.createElement(
-    Box,
-    {
-      flexDirection: "column",
-      borderStyle: "round",
-      borderColor: theme.secondaryBorder,
-      paddingX: 1,
-      marginBottom: 1
-    },
-    /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.minto }, "Ctrl-R History Search"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", "(\u2191/\u2193: navigate, Enter: select, Esc: cancel)")),
-    /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Search: "), /* @__PURE__ */ React.createElement(Text, { color: theme.success }, searchTerm || /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "(type to search)"))),
-    results.length === 0 ? /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, searchTerm ? "No matches found" : "No history available")) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, results.length, " ", results.length === 1 ? "match" : "matches", results.length > maxVisible && ` (showing ${maxVisible})`)), visibleResults.map((result, displayIndex) => {
-      const isSelected = displayIndex === adjustedSelectedIndex;
-      const actualIndex = startIndex + displayIndex;
-      return /* @__PURE__ */ React.createElement(Box, { key: actualIndex, paddingLeft: 1 }, /* @__PURE__ */ React.createElement(
-        Text,
-        {
-          bold: isSelected,
-          color: isSelected ? theme.minto : theme.text,
-          backgroundColor: isSelected ? theme.suggestion : void 0
-        },
-        isSelected ? "\u25BA " : "  ",
-        result.item.length > 80 ? result.item.substring(0, 77) + "..." : result.item
-      ));
-    }))
-  );
-}
-export {
-  HistorySearchOverlay
-};
-//# sourceMappingURL=HistorySearchOverlay.js.map

package/dist/components/HistorySearchOverlay.js.map

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

package/dist/components/HotkeyHelpPanel.js

@@ -1,136 +0,0 @@
-import { Box, Text, useInput } from "ink";
-import * as React from "react";
-import { t } from "../i18n/index.js";
-import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../constants/colors.js";
-function getHotkeyGroups() {
-  return [
-    {
-      title: t("hotkey.navigation"),
-      hotkeys: [
-        { keys: "\u2191/\u2193", description: t("hotkey.browseHistory") },
-        { keys: "Ctrl+R", description: t("hotkey.searchHistory") },
-        { keys: "Tab", description: t("hotkey.autocomplete") },
-        { keys: "Esc Esc", description: t("hotkey.rollbackResponse") }
-      ]
-    },
-    {
-      title: t("hotkey.control"),
-      hotkeys: [
-        { keys: "Ctrl+C", description: t("hotkey.cancelOperation") },
-        { keys: "Ctrl+D", description: t("hotkey.exitPressTwice") },
-        { keys: "Ctrl+L", description: t("hotkey.clearScreen") },
-        { keys: "Enter", description: t("hotkey.submitPrompt") }
-      ]
-    },
-    {
-      title: t("hotkey.features"),
-      hotkeys: [
-        { keys: "Ctrl+T", description: t("hotkey.toggleTodoPanel") },
-        { keys: "Ctrl+O", description: t("hotkey.cycleDisplayMode") },
-        { keys: "Ctrl+B", description: t("hotkey.executeAsBash") },
-        { keys: "Ctrl+?", description: t("hotkey.showHideHelp") }
-      ]
-    },
-    {
-      title: t("hotkey.inputModes"),
-      hotkeys: [
-        { keys: "/", description: t("hotkey.startSlashCommand") },
-        { keys: "!", description: t("hotkey.executeBashCommand") },
-        { keys: "#", description: t("hotkey.addNoteToKoding") }
-      ]
-    }
-  ];
-}
-function HotkeyHelpPanel({
-  onClose,
-  isVisible
-}) {
-  useInput(
-    (input, key) => {
-      if (key.escape || key.ctrl && (input === "?" || input === "/")) {
-        onClose();
-      }
-    },
-    { isActive: isVisible }
-  );
-  if (!isVisible) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(
-    Box,
-    {
-      flexDirection: "column",
-      borderStyle: "round",
-      borderColor: BRAND_GRADIENT.START,
-      paddingX: 2,
-      paddingY: 1,
-      marginBottom: 1
-    },
-    /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: BRAND_GRADIENT.START }, "\u2328\uFE0F ", t("ui.hints.shortcuts")), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, " ", "(", t("ui.hints.pressEsc"), ")")),
-    /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", gap: 4 }, getHotkeyGroups().map((group, groupIndex) => /* @__PURE__ */ React.createElement(Box, { key: groupIndex, flexDirection: "column", minWidth: 28 }, /* @__PURE__ */ React.createElement(Text, { bold: true, underline: true, color: SEMANTIC_COLORS.secondary }, group.title), group.hotkeys.map((hotkey, hotkeyIndex) => /* @__PURE__ */ React.createElement(Box, { key: hotkeyIndex }, /* @__PURE__ */ React.createElement(Box, { width: 12 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: BRAND_GRADIENT.MIDDLE }, hotkey.keys)), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.primary }, hotkey.description)))))),
-    /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, t("ui.hints.tip")))
-  );
-}
-function HotkeyHint() {
-  return /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, t("hotkey.ctrlQuestionForShortcuts"));
-}
-function getContextHints(context) {
-  switch (context) {
-    case "idle":
-      return [
-        { keys: "!", description: t("ui.hints.forBashMode") },
-        { keys: "#", description: t("ui.hints.forMintoMd") },
-        { keys: "/", description: t("ui.hints.forCommands") },
-        { keys: "ctrl+c", description: t("common.cancel") },
-        { keys: "ctrl+l", description: t("common.clear") }
-      ];
-    case "typing":
-      return [
-        { keys: "Enter", description: t("ui.hints.send") },
-        { keys: "Tab", description: t("ui.hints.complete") },
-        { keys: "Ctrl+B", description: t("ui.hints.bash") },
-        { keys: "Esc", description: t("common.clear") }
-      ];
-    case "loading":
-      return [
-        { keys: "Ctrl+C", description: t("common.cancel") },
-        { keys: "Esc Esc", description: t("ui.hints.rollback") }
-      ];
-    case "completion":
-      return [
-        { keys: "\u2191/\u2193", description: t("ui.hints.select") },
-        { keys: "Tab", description: t("ui.hints.confirm") },
-        { keys: "Esc", description: t("ui.hints.close") }
-      ];
-    case "history_search":
-      return [
-        { keys: "\u2191/\u2193", description: t("ui.hints.browse") },
-        { keys: "Enter", description: t("ui.hints.select") },
-        { keys: "Esc", description: t("common.cancel") }
-      ];
-    case "slash_command":
-      return [
-        { keys: "Tab", description: t("ui.hints.completeCommand") },
-        { keys: "Enter", description: t("ui.hints.execute") },
-        { keys: "Esc", description: t("common.cancel") }
-      ];
-    default:
-      return [{ keys: "Ctrl+?", description: t("common.help") }];
-  }
-}
-function ContextAwareHints({
-  context,
-  compact = true
-}) {
-  const hints = getContextHints(context);
-  if (compact) {
-    return /* @__PURE__ */ React.createElement(Box, null, hints.map((hint, i) => /* @__PURE__ */ React.createElement(React.Fragment, { key: i }, i > 0 && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, hint.keys, " ", hint.description))));
-  }
-  return /* @__PURE__ */ React.createElement(Box, { gap: 2 }, hints.map((hint, i) => /* @__PURE__ */ React.createElement(Box, { key: i }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: BRAND_GRADIENT.MIDDLE }, hint.keys), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, " ", hint.description))));
-}
-export {
-  ContextAwareHints,
-  HotkeyHelpPanel,
-  HotkeyHint
-};
-//# sourceMappingURL=HotkeyHelpPanel.js.map

package/dist/components/HotkeyHelpPanel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/HotkeyHelpPanel.tsx"],
-  "sourcesContent": ["/**\n * Hotkey Help Panel Component\n *\n * Displays a compact overlay showing available keyboard shortcuts.\n * Toggled with Ctrl+? or Ctrl+/ for quick reference.\n */\n\nimport { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { t } from '@i18n'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\n\ninterface HotkeyGroup {\n  title: string\n  hotkeys: Array<{\n    keys: string\n    description: string\n  }>\n}\n\n// Build hotkey groups dynamically to support i18n\nfunction getHotkeyGroups(): HotkeyGroup[] {\n  return [\n    {\n      title: t('hotkey.navigation'),\n      hotkeys: [\n        { keys: '\u2191/\u2193', description: t('hotkey.browseHistory') },\n        { keys: 'Ctrl+R', description: t('hotkey.searchHistory') },\n        { keys: 'Tab', description: t('hotkey.autocomplete') },\n        { keys: 'Esc Esc', description: t('hotkey.rollbackResponse') },\n      ],\n    },\n    {\n      title: t('hotkey.control'),\n      hotkeys: [\n        { keys: 'Ctrl+C', description: t('hotkey.cancelOperation') },\n        { keys: 'Ctrl+D', description: t('hotkey.exitPressTwice') },\n        { keys: 'Ctrl+L', description: t('hotkey.clearScreen') },\n        { keys: 'Enter', description: t('hotkey.submitPrompt') },\n      ],\n    },\n    {\n      title: t('hotkey.features'),\n      hotkeys: [\n        { keys: 'Ctrl+T', description: t('hotkey.toggleTodoPanel') },\n        { keys: 'Ctrl+O', description: t('hotkey.cycleDisplayMode') },\n        { keys: 'Ctrl+B', description: t('hotkey.executeAsBash') },\n        { keys: 'Ctrl+?', description: t('hotkey.showHideHelp') },\n      ],\n    },\n    {\n      title: t('hotkey.inputModes'),\n      hotkeys: [\n        { keys: '/', description: t('hotkey.startSlashCommand') },\n        { keys: '!', description: t('hotkey.executeBashCommand') },\n        { keys: '#', description: t('hotkey.addNoteToKoding') },\n      ],\n    },\n  ]\n}\n\ninterface Props {\n  onClose: () => void\n  isVisible: boolean\n}\n\nexport function HotkeyHelpPanel({\n  onClose,\n  isVisible,\n}: Props): React.ReactNode {\n  // Handle Escape or Ctrl+? to close\n  useInput(\n    (input, key) => {\n      if (key.escape || (key.ctrl && (input === '?' || input === '/'))) {\n        onClose()\n      }\n    },\n    { isActive: isVisible },\n  )\n\n  if (!isVisible) {\n    return null\n  }\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      borderColor={BRAND_GRADIENT.START}\n      paddingX={2}\n      paddingY={1}\n      marginBottom={1}\n    >\n      <Box marginBottom={1}>\n        <Text bold color={BRAND_GRADIENT.START}>\n          \u2328\uFE0F {t('ui.hints.shortcuts')}\n        </Text>\n        <Text color={SEMANTIC_COLORS.secondary}>\n          {' '}\n          ({t('ui.hints.pressEsc')})\n        </Text>\n      </Box>\n\n      <Box flexDirection=\"row\" gap={4}>\n        {getHotkeyGroups().map((group, groupIndex) => (\n          <Box key={groupIndex} flexDirection=\"column\" minWidth={28}>\n            <Text bold underline color={SEMANTIC_COLORS.secondary}>\n              {group.title}\n            </Text>\n            {group.hotkeys.map((hotkey, hotkeyIndex) => (\n              <Box key={hotkeyIndex}>\n                <Box width={12}>\n                  <Text bold color={BRAND_GRADIENT.MIDDLE}>\n                    {hotkey.keys}\n                  </Text>\n                </Box>\n                <Text color={SEMANTIC_COLORS.primary}>\n                  {hotkey.description}\n                </Text>\n              </Box>\n            ))}\n          </Box>\n        ))}\n      </Box>\n\n      <Box marginTop={1}>\n        <Text color={SEMANTIC_COLORS.dim}>{t('ui.hints.tip')}</Text>\n      </Box>\n    </Box>\n  )\n}\n\n/**\n * Compact inline hotkey hint shown in the prompt area\n */\nexport function HotkeyHint(): React.ReactNode {\n  return (\n    <Text color={SEMANTIC_COLORS.dim}>\n      {t('hotkey.ctrlQuestionForShortcuts')}\n    </Text>\n  )\n}\n\n/**\n * Context state for determining which hints to show\n */\nexport type InputContext =\n  | 'idle' // Empty input, ready for new command\n  | 'typing' // User is typing a prompt\n  | 'loading' // Request is being processed\n  | 'completion' // Autocomplete suggestions visible\n  | 'history_search' // Ctrl+R history search active\n  | 'slash_command' // Typing a slash command\n\ninterface ContextHint {\n  keys: string\n  description: string\n}\n\n/**\n * Get context-specific hotkey hints based on current input state\n */\nfunction getContextHints(context: InputContext): ContextHint[] {\n  switch (context) {\n    case 'idle':\n      return [\n        { keys: '!', description: t('ui.hints.forBashMode') },\n        { keys: '#', description: t('ui.hints.forMintoMd') },\n        { keys: '/', description: t('ui.hints.forCommands') },\n        { keys: 'ctrl+c', description: t('common.cancel') },\n        { keys: 'ctrl+l', description: t('common.clear') },\n      ]\n    case 'typing':\n      return [\n        { keys: 'Enter', description: t('ui.hints.send') },\n        { keys: 'Tab', description: t('ui.hints.complete') },\n        { keys: 'Ctrl+B', description: t('ui.hints.bash') },\n        { keys: 'Esc', description: t('common.clear') },\n      ]\n    case 'loading':\n      return [\n        { keys: 'Ctrl+C', description: t('common.cancel') },\n        { keys: 'Esc Esc', description: t('ui.hints.rollback') },\n      ]\n    case 'completion':\n      return [\n        { keys: '\u2191/\u2193', description: t('ui.hints.select') },\n        { keys: 'Tab', description: t('ui.hints.confirm') },\n        { keys: 'Esc', description: t('ui.hints.close') },\n      ]\n    case 'history_search':\n      return [\n        { keys: '\u2191/\u2193', description: t('ui.hints.browse') },\n        { keys: 'Enter', description: t('ui.hints.select') },\n        { keys: 'Esc', description: t('common.cancel') },\n      ]\n    case 'slash_command':\n      return [\n        { keys: 'Tab', description: t('ui.hints.completeCommand') },\n        { keys: 'Enter', description: t('ui.hints.execute') },\n        { keys: 'Esc', description: t('common.cancel') },\n      ]\n    default:\n      return [{ keys: 'Ctrl+?', description: t('common.help') }]\n  }\n}\n\ninterface ContextAwareHintsProps {\n  context: InputContext\n  compact?: boolean // When true, show minimal hints\n}\n\n/**\n * Context-aware hotkey hints that adapt based on user's current activity\n * Shows relevant shortcuts for the current state without overwhelming the user\n */\nexport function ContextAwareHints({\n  context,\n  compact = true,\n}: ContextAwareHintsProps): React.ReactNode {\n  const hints = getContextHints(context)\n\n  if (compact) {\n    // Single line, condensed format (0.1.7 style with \u00B7 separator)\n    return (\n      <Box>\n        {hints.map((hint, i) => (\n          <React.Fragment key={i}>\n            {i > 0 && <Text color={SEMANTIC_COLORS.dim}> \u00B7 </Text>}\n            <Text color={SEMANTIC_COLORS.dim}>\n              {hint.keys} {hint.description}\n            </Text>\n          </React.Fragment>\n        ))}\n      </Box>\n    )\n  }\n\n  // Expanded format with more padding\n  return (\n    <Box gap={2}>\n      {hints.map((hint, i) => (\n        <Box key={i}>\n          <Text bold color={BRAND_GRADIENT.MIDDLE}>\n            {hint.keys}\n          </Text>\n          <Text color={SEMANTIC_COLORS.secondary}> {hint.description}</Text>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/components/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": []
-}