@within-7/minto 0.3.9 → 0.4.0

package/dist/components/Help.js

@@ -1,43 +1,176 @@
+import React from "react";
+import { hasCustomCommands } from "../services/customCommands.js";
 import { PRODUCT_COMMAND, PRODUCT_NAME } from "../constants/product.js";
-import {
-  hasCustomCommands
-} from "../services/customCommands.js";
-import * as React from "react";
-import { Box, Text, useInput } from "ink";
-import { getTheme } from "../utils/theme.js";
-import { PressEnterToContinue } from "./PressEnterToContinue.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 theme = getTheme();
-  const moreHelp = `Learn more at: ${MACRO.README_URL}`;
-  const filteredCommands = commands.filter((cmd) => !cmd.isHidden);
-  const builtInCommands = filteredCommands.filter(
-    (cmd) => !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 customCommands = filteredCommands.filter(
-    (cmd) => cmd.name.startsWith("project:") || cmd.name.startsWith("user:")
-  ).sort(
-    (a, b) => a.userFacingName().localeCompare(b.userFacingName())
+  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
+    }
   );
-  const pluginCommands = filteredCommands.filter((cmd) => cmd.name.startsWith("plugin:")).sort((a, b) => a.userFacingName().localeCompare(b.userFacingName()));
-  const mcpCommands = filteredCommands.filter((cmd) => cmd.name.startsWith("mcp:")).sort((a, b) => a.userFacingName().localeCompare(b.userFacingName()));
-  const [count, setCount] = React.useState(0);
-  React.useEffect(() => {
-    const timer = setTimeout(() => {
-      if (count < 3) {
-        setCount(count + 1);
-      }
-    }, 250);
-    return () => clearTimeout(timer);
-  }, [count]);
-  useInput((_, key) => {
-    if (key.return || key.escape) onClose();
-  });
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.minto }, `${PRODUCT_NAME} v${MACRO.VERSION}`), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, null, t("help.productDescription", { product: PRODUCT_NAME }))), count >= 1 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, t("help.usageModes")), /* @__PURE__ */ React.createElement(Text, null, "\u2022 REPL: ", /* @__PURE__ */ React.createElement(Text, { bold: true }, PRODUCT_COMMAND), " (interactive session)"), /* @__PURE__ */ React.createElement(Text, null, "\u2022 ", t("help.nonInteractive"), " ", /* @__PURE__ */ React.createElement(Text, { bold: true }, PRODUCT_COMMAND, ' -p "question"')), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, t("help.runForOptions", { command: PRODUCT_COMMAND })))), count >= 2 && /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true }, t("help.commonTasks")), /* @__PURE__ */ React.createElement(Text, null, "\u2022 ", t("help.taskAskQuestions"), " ", /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText }, "> How does foo.py work?")), /* @__PURE__ */ React.createElement(Text, null, "\u2022 ", t("help.taskEditFiles"), " ", /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText }, "> Update bar.ts to...")), /* @__PURE__ */ React.createElement(Text, null, "\u2022 ", t("help.taskFixErrors"), " ", /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText }, "> cargo build")), /* @__PURE__ */ React.createElement(Text, null, "\u2022 ", t("help.taskRunCommands"), " ", /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText }, "> /help")), /* @__PURE__ */ React.createElement(Text, null, "\u2022 ", t("help.taskRunBash"), " ", /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText }, "> !ls")), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true }, t("help.modeSystems")), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.safetyModes")), /* @__PURE__ */ React.createElement(Box, { marginLeft: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.safetyModeYolo")), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.safetyModeSmart")), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.safetyModeStrict")), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.safetyModeFree"))), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.permissionModes")), /* @__PURE__ */ React.createElement(Box, { marginLeft: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.permissionModeDefault")), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.permissionModeAcceptEdits")), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.permissionModePlan")), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.permissionModeBypass"))), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText, italic: true }, t("help.modeInteraction")))), count >= 3 && /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true }, t("help.builtInCommands")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, builtInCommands.map((cmd, i) => /* @__PURE__ */ React.createElement(Box, { key: i, marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, `/${cmd.name}`), /* @__PURE__ */ React.createElement(Text, null, " - ", cmd.description)))), customCommands.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, t("help.customCommands"))), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, customCommands.map((cmd, i) => /* @__PURE__ */ React.createElement(Box, { key: i, marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.minto }, `/${cmd.name}`), /* @__PURE__ */ React.createElement(Text, null, " - ", cmd.description), cmd.aliases && cmd.aliases.length > 0 && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " ", "(aliases: ", cmd.aliases.join(", "), ")"), cmd.scope && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " [", cmd.scope, "]"))))), pluginCommands.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, t("help.pluginCommands"))), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, pluginCommands.map((cmd, i) => /* @__PURE__ */ React.createElement(Box, { key: i, marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.minto }, `/${cmd.name}`), /* @__PURE__ */ React.createElement(Text, null, " - ", cmd.description), cmd.aliases && cmd.aliases.length > 0 && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " ", "(aliases: ", cmd.aliases.join(", "), ")"))))), mcpCommands.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, t("help.mcpCommands"))), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, mcpCommands.map((cmd, i) => /* @__PURE__ */ React.createElement(Box, { key: i, marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.minto }, `/${cmd.name}`), /* @__PURE__ */ React.createElement(Text, null, " - ", cmd.description), cmd.aliases && cmd.aliases.length > 0 && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " ", "(aliases: ", cmd.aliases.join(", "), ")"))))), (hasCustomCommands() || customCommands.length > 0 || pluginCommands.length > 0 || mcpCommands.length > 0) && /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.commandPriority")), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.priorityBuiltIn")), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.priorityCustom")), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.priorityPlugin")), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.priorityMcp")), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, t("help.refreshCommandsHint"))))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, moreHelp)), /* @__PURE__ */ React.createElement(Box, { marginTop: 2 }, /* @__PURE__ */ React.createElement(PressEnterToContinue, null)));
 }
 export {
   Help

package/dist/components/Help.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/Help.tsx"],
-  "sourcesContent": ["import { Command } from '@commands'\nimport { PRODUCT_COMMAND, PRODUCT_NAME } from '@constants/product'\nimport {\n  getCustomCommandDirectories,\n  hasCustomCommands,\n  type CustomCommandWithScope,\n} from '@services/customCommands'\nimport * as React from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { PressEnterToContinue } from './PressEnterToContinue'\nimport { MACRO } from '@constants/macros'\nimport { t } from '@i18n'\n\n/**\n * Help Component - Interactive help system with progressive disclosure\n *\n * This component provides a comprehensive help interface that progressively\n * reveals information to avoid overwhelming users. It categorizes commands\n * into built-in and custom types, providing clear guidance on usage.\n *\n * The progressive disclosure pattern (count-based) ensures users can absorb\n * information at their own pace while maintaining a responsive interface.\n */\nexport function Help({\n  commands,\n  onClose,\n}: {\n  commands: Command[]\n  onClose: () => void\n}): React.ReactNode {\n  const theme = getTheme()\n  const moreHelp = `Learn more at: ${MACRO.README_URL}`\n\n  // Filter out hidden commands from the help display\n  const filteredCommands = commands.filter(cmd => !cmd.isHidden)\n\n  // Categorize commands by their source/type\n  const builtInCommands = filteredCommands\n    .filter(\n      cmd =>\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  // Custom commands (user: and project: prefixes)\n  const customCommands = filteredCommands\n    .filter(\n      cmd => cmd.name.startsWith('project:') || cmd.name.startsWith('user:'),\n    )\n    .sort((a, b) =>\n      a.userFacingName().localeCompare(b.userFacingName()),\n    ) as CustomCommandWithScope[]\n\n  // Plugin commands\n  const pluginCommands = filteredCommands\n    .filter(cmd => cmd.name.startsWith('plugin:'))\n    .sort((a, b) => a.userFacingName().localeCompare(b.userFacingName()))\n\n  // MCP commands\n  const mcpCommands = filteredCommands\n    .filter(cmd => cmd.name.startsWith('mcp:'))\n    .sort((a, b) => a.userFacingName().localeCompare(b.userFacingName()))\n\n  // Progressive disclosure state for managing information flow\n  const [count, setCount] = React.useState(0)\n\n  // Timer-based progressive disclosure to prevent information overload\n  React.useEffect(() => {\n    const timer = setTimeout(() => {\n      if (count < 3) {\n        setCount(count + 1)\n      }\n    }, 250)\n\n    return () => clearTimeout(timer)\n  }, [count])\n\n  // Handle Enter or Esc key to close help\n  useInput((_, key) => {\n    if (key.return || key.escape) onClose()\n  })\n\n  return (\n    <Box flexDirection=\"column\" padding={1}>\n      <Text bold color={theme.minto}>\n        {`${PRODUCT_NAME} v${MACRO.VERSION}`}\n      </Text>\n\n      <Box marginTop={1} flexDirection=\"column\">\n        <Text>{t('help.productDescription', { product: PRODUCT_NAME })}</Text>\n      </Box>\n\n      {count >= 1 && (\n        <Box flexDirection=\"column\" marginTop={1}>\n          <Text bold>{t('help.usageModes')}</Text>\n          <Text>\n            \u2022 REPL: <Text bold>{PRODUCT_COMMAND}</Text> (interactive session)\n          </Text>\n          <Text>\n            \u2022 {t('help.nonInteractive')}{' '}\n            <Text bold>{PRODUCT_COMMAND} -p &quot;question&quot;</Text>\n          </Text>\n          <Box marginTop={1}>\n            <Text>{t('help.runForOptions', { command: PRODUCT_COMMAND })}</Text>\n          </Box>\n        </Box>\n      )}\n\n      {count >= 2 && (\n        <Box marginTop={1} flexDirection=\"column\">\n          <Text bold>{t('help.commonTasks')}</Text>\n          <Text>\n            \u2022 {t('help.taskAskQuestions')}{' '}\n            <Text color={getTheme().secondaryText}>\n              &gt; How does foo.py work?\n            </Text>\n          </Text>\n          <Text>\n            \u2022 {t('help.taskEditFiles')}{' '}\n            <Text color={getTheme().secondaryText}>\n              &gt; Update bar.ts to...\n            </Text>\n          </Text>\n          <Text>\n            \u2022 {t('help.taskFixErrors')}{' '}\n            <Text color={getTheme().secondaryText}>&gt; cargo build</Text>\n          </Text>\n          <Text>\n            \u2022 {t('help.taskRunCommands')}{' '}\n            <Text color={getTheme().secondaryText}>&gt; /help</Text>\n          </Text>\n          <Text>\n            \u2022 {t('help.taskRunBash')}{' '}\n            <Text color={getTheme().secondaryText}>&gt; !ls</Text>\n          </Text>\n\n          <Box marginTop={1} flexDirection=\"column\">\n            <Text bold>{t('help.modeSystems')}</Text>\n            <Text color={theme.secondaryText}>{t('help.safetyModes')}</Text>\n            <Box marginLeft={1} flexDirection=\"column\">\n              <Text color={theme.secondaryText}>\n                {t('help.safetyModeYolo')}\n              </Text>\n              <Text color={theme.secondaryText}>\n                {t('help.safetyModeSmart')}\n              </Text>\n              <Text color={theme.secondaryText}>\n                {t('help.safetyModeStrict')}\n              </Text>\n              <Text color={theme.secondaryText}>\n                {t('help.safetyModeFree')}\n              </Text>\n            </Box>\n            <Text color={theme.secondaryText}>{t('help.permissionModes')}</Text>\n            <Box marginLeft={1} flexDirection=\"column\">\n              <Text color={theme.secondaryText}>\n                {t('help.permissionModeDefault')}\n              </Text>\n              <Text color={theme.secondaryText}>\n                {t('help.permissionModeAcceptEdits')}\n              </Text>\n              <Text color={theme.secondaryText}>\n                {t('help.permissionModePlan')}\n              </Text>\n              <Text color={theme.secondaryText}>\n                {t('help.permissionModeBypass')}\n              </Text>\n            </Box>\n            <Text color={theme.secondaryText} italic>\n              {t('help.modeInteraction')}\n            </Text>\n          </Box>\n        </Box>\n      )}\n\n      {count >= 3 && (\n        <Box marginTop={1} flexDirection=\"column\">\n          <Text bold>{t('help.builtInCommands')}</Text>\n\n          <Box flexDirection=\"column\">\n            {builtInCommands.map((cmd, i) => (\n              <Box key={i} marginLeft={1}>\n                <Text bold>{`/${cmd.name}`}</Text>\n                <Text> - {cmd.description}</Text>\n              </Box>\n            ))}\n          </Box>\n\n          {customCommands.length > 0 && (\n            <>\n              <Box marginTop={1}>\n                <Text bold>{t('help.customCommands')}</Text>\n              </Box>\n\n              <Box flexDirection=\"column\">\n                {customCommands.map((cmd, i) => (\n                  <Box key={i} marginLeft={1}>\n                    <Text bold color={theme.minto}>{`/${cmd.name}`}</Text>\n                    <Text> - {cmd.description}</Text>\n                    {cmd.aliases && cmd.aliases.length > 0 && (\n                      <Text color={theme.secondaryText}>\n                        {' '}\n                        (aliases: {cmd.aliases.join(', ')})\n                      </Text>\n                    )}\n                    {/* Show scope indicator for debugging */}\n                    {cmd.scope && (\n                      <Text color={theme.secondaryText}> [{cmd.scope}]</Text>\n                    )}\n                  </Box>\n                ))}\n              </Box>\n            </>\n          )}\n\n          {pluginCommands.length > 0 && (\n            <>\n              <Box marginTop={1}>\n                <Text bold>{t('help.pluginCommands')}</Text>\n              </Box>\n\n              <Box flexDirection=\"column\">\n                {pluginCommands.map((cmd, i) => (\n                  <Box key={i} marginLeft={1}>\n                    <Text bold color={theme.minto}>{`/${cmd.name}`}</Text>\n                    <Text> - {cmd.description}</Text>\n                    {cmd.aliases && cmd.aliases.length > 0 && (\n                      <Text color={theme.secondaryText}>\n                        {' '}\n                        (aliases: {cmd.aliases.join(', ')})\n                      </Text>\n                    )}\n                  </Box>\n                ))}\n              </Box>\n            </>\n          )}\n\n          {mcpCommands.length > 0 && (\n            <>\n              <Box marginTop={1}>\n                <Text bold>{t('help.mcpCommands')}</Text>\n              </Box>\n\n              <Box flexDirection=\"column\">\n                {mcpCommands.map((cmd, i) => (\n                  <Box key={i} marginLeft={1}>\n                    <Text bold color={theme.minto}>{`/${cmd.name}`}</Text>\n                    <Text> - {cmd.description}</Text>\n                    {cmd.aliases && cmd.aliases.length > 0 && (\n                      <Text color={theme.secondaryText}>\n                        {' '}\n                        (aliases: {cmd.aliases.join(', ')})\n                      </Text>\n                    )}\n                  </Box>\n                ))}\n              </Box>\n            </>\n          )}\n\n          {/* Show command loading information */}\n          {(hasCustomCommands() ||\n            customCommands.length > 0 ||\n            pluginCommands.length > 0 ||\n            mcpCommands.length > 0) && (\n            <Box marginTop={1} flexDirection=\"column\">\n              <Text color={theme.secondaryText}>\n                {t('help.commandPriority')}\n              </Text>\n              <Text color={theme.secondaryText}>\n                {t('help.priorityBuiltIn')}\n              </Text>\n              <Text color={theme.secondaryText}>\n                {t('help.priorityCustom')}\n              </Text>\n              <Text color={theme.secondaryText}>\n                {t('help.priorityPlugin')}\n              </Text>\n              <Text color={theme.secondaryText}>{t('help.priorityMcp')}</Text>\n              <Box marginTop={1}>\n                <Text color={theme.secondaryText}>\n                  {t('help.refreshCommandsHint')}\n                </Text>\n              </Box>\n            </Box>\n          )}\n        </Box>\n      )}\n\n      <Box marginTop={1}>\n        <Text color={theme.secondaryText}>{moreHelp}</Text>\n      </Box>\n\n      <Box marginTop={2}>\n        <PressEnterToContinue />\n      </Box>\n    </Box>\n  )\n}\n"],
-  "mappings": "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",
+  "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": "AAOA,OAAO,WAAW;AAGlB,SAAS,yBAAyB;AAClC,SAAS,iBAAiB,oBAAoB;AAC9C,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAE1B,SAAS,SAAS;AAElB,SAAS,oBAAiC;AACxC,SAAO;AAAA,IACL,OAAO,EAAE,iBAAiB;AAAA,IAC1B,OAAO;AAAA,MACL,EAAE,OAAO,QAAQ,OAAO,GAAG,eAAe,yBAAyB;AAAA,MACnE;AAAA,QACE,OAAO,EAAE,qBAAqB;AAAA,QAC9B,OAAO,GAAG,eAAe;AAAA,MAC3B;AAAA,MACA;AAAA,QACE,OAAO,EAAE,cAAc;AAAA,QACvB,OAAO,EAAE,sBAAsB,EAAE,SAAS,gBAAgB,CAAC;AAAA,QAC3D,YAAY,gBAAgB;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,0BAAuC;AAC9C,SAAO;AAAA,IACL,OAAO,EAAE,kBAAkB;AAAA,IAC3B,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,YAAY,gBAAgB;AAAA,MAC9B;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,YAAY,gBAAgB;AAAA,MAC9B;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,YAAY,gBAAgB;AAAA,MAC9B;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,YAAY,gBAAgB;AAAA,MAC9B;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,YAAY,gBAAgB;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,0BAAuC;AAC9C,SAAO;AAAA,IACL,OAAO,EAAE,kBAAkB;AAAA,IAC3B,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,OAAO,EAAE,kBAAkB;AAAA,QAC3B,YAAY,gBAAgB;AAAA,MAC9B;AAAA,MACA,EAAE,OAAO,YAAY,OAAO,yBAAyB;AAAA,MACrD,EAAE,OAAO,aAAa,OAAO,uCAAuC;AAAA,MACpE,EAAE,OAAO,cAAc,OAAO,iCAAiC;AAAA,MAC/D,EAAE,OAAO,YAAY,OAAO,8BAA8B;AAAA,MAC1D;AAAA,QACE,OAAO;AAAA,QACP,OAAO,EAAE,sBAAsB;AAAA,QAC/B,YAAY,gBAAgB;AAAA,MAC9B;AAAA,MACA,EAAE,OAAO,aAAa,OAAO,6BAA6B;AAAA,MAC1D,EAAE,OAAO,iBAAiB,OAAO,0BAA0B;AAAA,MAC3D,EAAE,OAAO,UAAU,OAAO,+BAA+B;AAAA,MACzD,EAAE,OAAO,YAAY,OAAO,6BAA6B;AAAA,IAC3D;AAAA,EACF;AACF;AAEA,SAAS,oBAAoB,UAAkC;AAC7D,QAAM,kBAAkB,SACrB;AAAA,IACC,SACE,CAAC,IAAI,YACL,CAAC,IAAI,KAAK,WAAW,UAAU,KAC/B,CAAC,IAAI,KAAK,WAAW,OAAO,KAC5B,CAAC,IAAI,KAAK,WAAW,SAAS,KAC9B,CAAC,IAAI,KAAK,WAAW,MAAM;AAAA,EAC/B,EACC,KAAK,CAAC,GAAG,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC;AAEtE,QAAM,QAAoB,gBAAgB,IAAI,UAAQ;AAAA,IACpD,OAAO,IAAI,IAAI,IAAI;AAAA,IACnB,OAAO,IAAI;AAAA,EACb,EAAE;AAEF,SAAO,EAAE,OAAO,EAAE,sBAAsB,GAAG,MAAM;AACnD;AAEA,SAAS,mBAAmB,UAAyC;AACnE,QAAM,iBAAiB,SACpB;AAAA,IACC,SACE,CAAC,IAAI,aACJ,IAAI,KAAK,WAAW,UAAU,KAAK,IAAI,KAAK,WAAW,OAAO;AAAA,EACnE,EACC;AAAA,IAAK,CAAC,GAAG,MACR,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,CAAC;AAAA,EACrD;AAEF,MAAI,eAAe,WAAW,EAAG,QAAO;AAExC,QAAM,QAAoB,eAAe,IAAI,UAAQ;AAAA,IACnD,OAAO,IAAI,IAAI,IAAI;AAAA,IACnB,OAAO,GAAG,IAAI,WAAW,GAAG,IAAI,QAAQ,KAAK,IAAI,KAAK,MAAM,EAAE;AAAA,EAChE,EAAE;AAEF,SAAO,EAAE,OAAO,EAAE,qBAAqB,GAAG,MAAM;AAClD;AAEA,SAAS,mBAAmB,UAAyC;AACnE,QAAM,iBAAiB,SACpB,OAAO,SAAO,CAAC,IAAI,YAAY,IAAI,KAAK,WAAW,SAAS,CAAC,EAC7D,KAAK,CAAC,GAAG,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC;AAEtE,MAAI,eAAe,WAAW,EAAG,QAAO;AAExC,QAAM,QAAoB,eAAe,IAAI,UAAQ;AAAA,IACnD,OAAO,IAAI,IAAI,IAAI;AAAA,IACnB,OAAO,IAAI;AAAA,EACb,EAAE;AAEF,SAAO,EAAE,OAAO,EAAE,qBAAqB,GAAG,MAAM;AAClD;AAEA,SAAS,gBAAgB,UAAyC;AAChE,QAAM,cAAc,SACjB,OAAO,SAAO,CAAC,IAAI,YAAY,IAAI,KAAK,WAAW,MAAM,CAAC,EAC1D,KAAK,CAAC,GAAG,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC;AAEtE,MAAI,YAAY,WAAW,EAAG,QAAO;AAErC,QAAM,QAAoB,YAAY,IAAI,UAAQ;AAAA,IAChD,OAAO,IAAI,IAAI,IAAI;AAAA,IACnB,OAAO,IAAI;AAAA,EACb,EAAE;AAEF,SAAO,EAAE,OAAO,EAAE,kBAAkB,GAAG,MAAM;AAC/C;AAEA,SAAS,uBAAoC;AAC3C,SAAO;AAAA,IACL,OAAO,EAAE,sBAAsB;AAAA,IAC/B,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,YAAY,gBAAgB;AAAA,MAC9B;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,YAAY,gBAAgB;AAAA,MAC9B;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,YAAY,gBAAgB;AAAA,MAC9B;AAAA,MACA,EAAE,OAAO,MAAM,OAAO,gBAAgB,YAAY,gBAAgB,IAAI;AAAA,IACxE;AAAA,EACF;AACF;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AACF,GAGoB;AAClB,QAAM,WAA0B,CAAC;AAGjC,WAAS,KAAK,kBAAkB,CAAC;AAGjC,WAAS,KAAK,wBAAwB,CAAC;AAGvC,WAAS,KAAK,wBAAwB,CAAC;AAGvC,WAAS,KAAK,oBAAoB,QAAQ,CAAC;AAG3C,QAAM,gBAAgB,mBAAmB,QAAQ;AACjD,MAAI,cAAe,UAAS,KAAK,aAAa;AAG9C,QAAM,gBAAgB,mBAAmB,QAAQ;AACjD,MAAI,cAAe,UAAS,KAAK,aAAa;AAG9C,QAAM,aAAa,gBAAgB,QAAQ;AAC3C,MAAI,WAAY,UAAS,KAAK,UAAU;AAGxC,QAAM,cACJ,kBAAkB,KAAK,iBAAiB,iBAAiB;AAC3D,MAAI,aAAa;AACf,aAAS,KAAK,qBAAqB,CAAC;AAAA,EACtC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,qBAAqB;AAAA,MAC9B,UAAU,GAAG,YAAY,KAAK,MAAM,OAAO;AAAA,MAC3C;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/components/HighlightedCode.js

@@ -20,6 +20,7 @@ function HighlightedCode({ code, language }) {
         );
         return highlight(code, { language: "markdown" });
       }
+      return highlight(code, { language: "markdown" });
     }
   }, [code, language]);
   return /* @__PURE__ */ React.createElement(Text, null, highlightedCode);

package/dist/components/HighlightedCode.js.map

@@ -1,7 +1,7 @@
 {
   "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    }\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;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,SAAO,oCAAC,YAAM,eAAgB;AAChC;",
+  "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/InfoPanel/InfoPanel.js

@@ -0,0 +1,123 @@
+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

@@ -0,0 +1,7 @@
+{
+  "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

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

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

@@ -0,0 +1,7 @@
+{
+  "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

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

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

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

package/dist/components/ModelSelector/BrandTextInput.js

@@ -0,0 +1,43 @@
+import React from "react";
+import { Box, Text } from "ink";
+import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../../constants/colors.js";
+import { SimpleSpinner } from "../Spinner.js";
+import TextInput from "../TextInput.js";
+import { WizardContainer } from "./WizardContainer.js";
+function BrandTextInput({
+  title,
+  description,
+  placeholder,
+  value,
+  onChange,
+  onSubmit,
+  mask,
+  error,
+  isLoading,
+  loadingText,
+  hint,
+  footerHint,
+  cursorOffset,
+  onChangeCursorOffset
+}) {
+  const footer = footerHint ? /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, footerHint) : void 0;
+  return /* @__PURE__ */ React.createElement(WizardContainer, { title, footer }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, description)), hint && /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, hint), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u25B8", " "), /* @__PURE__ */ React.createElement(
+    TextInput,
+    {
+      placeholder,
+      value,
+      onChange,
+      onSubmit,
+      mask,
+      columns: 500,
+      cursorOffset,
+      onChangeCursorOffset,
+      showCursor: !isLoading,
+      focus: !isLoading
+    }
+  )), isLoading && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(SimpleSpinner, null), /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.MIDDLE }, " ", loadingText || "Loading...")), error && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.error }, error)));
+}
+export {
+  BrandTextInput
+};
+//# sourceMappingURL=BrandTextInput.js.map

package/dist/components/ModelSelector/BrandTextInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ModelSelector/BrandTextInput.tsx"],
+  "sourcesContent": ["/**\n * BrandTextInput Component\n *\n * Standardized text input wrapper using WizardContainer.\n * Provides consistent layout for all wizard text input screens:\n * title, description, input field, action hints, error/loading display.\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\nimport { SimpleSpinner } from '@components/Spinner'\nimport TextInput from '../TextInput'\nimport { WizardContainer } from './WizardContainer'\n\ntype BrandTextInputProps = {\n  title: string\n  description: string\n  placeholder: string\n  value: string\n  onChange: (value: string) => void\n  onSubmit: (value: string) => void\n  mask?: string\n  error?: string | null\n  isLoading?: boolean\n  loadingText?: string\n  hint?: React.ReactNode\n  footerHint?: string\n  cursorOffset?: number\n  onChangeCursorOffset?: (offset: number) => void\n}\n\nexport function BrandTextInput({\n  title,\n  description,\n  placeholder,\n  value,\n  onChange,\n  onSubmit,\n  mask,\n  error,\n  isLoading,\n  loadingText,\n  hint,\n  footerHint,\n  cursorOffset,\n  onChangeCursorOffset,\n}: BrandTextInputProps) {\n  const footer = footerHint ? (\n    <Text color={SEMANTIC_COLORS.muted}>{footerHint}</Text>\n  ) : undefined\n\n  return (\n    <WizardContainer title={title} footer={footer}>\n      {/* Description */}\n      <Box flexDirection=\"column\" marginBottom={1}>\n        <Text color={SEMANTIC_COLORS.secondary}>{description}</Text>\n      </Box>\n\n      {/* Provider-specific hints */}\n      {hint && <Box marginBottom={1}>{hint}</Box>}\n\n      {/* Input field */}\n      <Box>\n        <Text color={BRAND_GRADIENT.START}>{'\\u25B8'} </Text>\n        <TextInput\n          placeholder={placeholder}\n          value={value}\n          onChange={onChange}\n          onSubmit={onSubmit}\n          mask={mask}\n          columns={500}\n          cursorOffset={cursorOffset}\n          onChangeCursorOffset={onChangeCursorOffset}\n          showCursor={!isLoading}\n          focus={!isLoading}\n        />\n      </Box>\n\n      {/* Loading state */}\n      {isLoading && (\n        <Box marginTop={1}>\n          <SimpleSpinner />\n          <Text color={BRAND_GRADIENT.MIDDLE}>\n            {' '}\n            {loadingText || 'Loading...'}\n          </Text>\n        </Box>\n      )}\n\n      {/* Error state */}\n      {error && (\n        <Box marginTop={1}>\n          <Text color={SEMANTIC_COLORS.error}>{error}</Text>\n        </Box>\n      )}\n    </WizardContainer>\n  )\n}\n"],
+  "mappings": "AAQA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,qBAAqB;AAC9B,OAAO,eAAe;AACtB,SAAS,uBAAuB;AAmBzB,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,SAAS,aACb,oCAAC,QAAK,OAAO,gBAAgB,SAAQ,UAAW,IAC9C;AAEJ,SACE,oCAAC,mBAAgB,OAAc,UAE7B,oCAAC,OAAI,eAAc,UAAS,cAAc,KACxC,oCAAC,QAAK,OAAO,gBAAgB,aAAY,WAAY,CACvD,GAGC,QAAQ,oCAAC,OAAI,cAAc,KAAI,IAAK,GAGrC,oCAAC,WACC,oCAAC,QAAK,OAAO,eAAe,SAAQ,UAAS,GAAC,GAC9C;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,YAAY,CAAC;AAAA,MACb,OAAO,CAAC;AAAA;AAAA,EACV,CACF,GAGC,aACC,oCAAC,OAAI,WAAW,KACd,oCAAC,mBAAc,GACf,oCAAC,QAAK,OAAO,eAAe,UACzB,KACA,eAAe,YAClB,CACF,GAID,SACC,oCAAC,OAAI,WAAW,KACd,oCAAC,QAAK,OAAO,gBAAgB,SAAQ,KAAM,CAC7C,CAEJ;AAEJ;",
+  "names": []
+}