@within-7/minto 0.4.2 → 0.4.3

package/dist/components/SubagentProgress.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/SubagentProgress.tsx"],
-  "sourcesContent": ["import React, { useRef } from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { formatNumber, formatDuration } from '@utils/format'\nimport { SYMBOLS } from '@constants/symbols'\nimport { getAgentColor } from '@constants/colors'\nimport { SpinnerSymbol } from './SpinnerSymbol'\nimport type { SubagentState } from '@minto-types/subagent'\nimport { Message } from './Message'\nimport type { Tool } from '@tool'\nimport { useUnifiedAnimation } from '@utils/animationManager'\nimport { useAgentTokenStats } from '@hooks/useAgentTokenStats'\n\ninterface SubagentProgressProps {\n  subagent: SubagentState\n  isExpanded: boolean\n  tools?: Tool[]\n  verbose?: boolean\n  debug?: boolean\n}\n\n/**\n * \u5355\u4E2A Subagent \u7684\u8FDB\u5EA6\u663E\u793A\u7EC4\u4EF6\n *\n * \u7EDF\u4E00\u663E\u793A\u683C\u5F0F\uFF1A\n * - \u7B2C1\u884C\uFF1ASpinner + Task\u540D\u79F0 + Agent\u7C7B\u578B + Status + Metrics\u6458\u8981\n * - Ctrl+O\u5C55\u5F00\u540E\uFF1A\u663E\u793A\u8BE6\u7EC6\u7684\u6D88\u606F\u6D41\n *\n * \u4F7F\u7528\u7EDF\u4E00\u52A8\u753B\u7BA1\u7406\u5668\u4EE3\u66FF setInterval\uFF0C\u51CF\u5C11\u5C4F\u5E55\u95EA\u70C1\n */\nexport function SubagentProgress({\n  subagent,\n  isExpanded,\n  tools = [],\n  verbose = false,\n  debug = false,\n}: SubagentProgressProps) {\n  const theme = getTheme()\n  const { metrics, taskName, status, messages, agentType, agentColor } =\n    subagent\n\n  // Get real-time token stats from unified TokenStatsManager\n  const tokenStats = useAgentTokenStats(subagent.id)\n  const tokenCount = tokenStats?.grandTotalTokens ?? 0\n\n  // \u83B7\u53D6 agent \u989C\u8272\n  const color = getAgentColor(agentColor, theme)\n\n  // \u5224\u65AD\u662F\u5426\u6B63\u5728\u8FD0\u884C\uFF08\u51B3\u5B9A\u662F\u5426\u95EA\u70C1\uFF09\n  const isRunning =\n    status === 'initializing' || status === 'running' || status === 'queued'\n\n  // Use unified animation manager for periodic time updates\n  const startTimeRef = useRef(metrics.startTime)\n  const { elapsedTime } = useUnifiedAnimation({\n    enabled: isRunning,\n    startTime: startTimeRef.current,\n    spinnerFrameCount: 1,\n    componentId: `subagent-${subagent.id}`,\n  })\n\n  // \u8BA1\u7B97\u6301\u7EED\u65F6\u95F4\uFF08\u5728\u6BCF\u6B21\u6E32\u67D3\u65F6\u91CD\u65B0\u8BA1\u7B97\uFF09\n  const duration = metrics.endTime\n    ? metrics.endTime - metrics.startTime\n    : Date.now() - metrics.startTime\n\n  // \u72B6\u6001\u6587\u672C\n  const statusText = getStatusText(status)\n\n  return (\n    <Box flexDirection=\"column\" marginY={0}>\n      {/* \u7B2C1\u884C\uFF1A\u4EFB\u52A1\u540D\u79F0 */}\n      <Box flexDirection=\"row\">\n        <SpinnerSymbol isRunning={isRunning} color={agentColor} />\n        <Text> Task({taskName})</Text>\n      </Box>\n\n      {/* \u7B2C2\u884C\uFF1A\u8BE6\u7EC6\u4FE1\u606F\uFF08\u72B6\u6001\u3001\u6307\u6807\uFF09 - Claude Code CLI \u6807\u51C6\u683C\u5F0F */}\n      <Box flexDirection=\"row\">\n        <Text color={theme.dim}> \u23BFS1 </Text>\n        <Text color={getStatusColor(status, theme)}>{statusText}</Text>\n        <Text color={theme.secondaryText}> \u00B7 </Text>\n        <Text color={theme.secondaryText}>\n          {metrics.toolUseCount} tool use{metrics.toolUseCount !== 1 ? 's' : ''}\n        </Text>\n        <Text color={theme.secondaryText}> \u00B7 </Text>\n        <Text color={theme.secondaryText}>\n          {formatNumber(tokenCount)} tokens\n        </Text>\n        <Text color={theme.secondaryText}> \u00B7 </Text>\n        <Text color={theme.secondaryText}>{formatDuration(duration)}</Text>\n        {!isExpanded && <Text color={theme.dim}> \u00B7 (ctrl-o to expand)</Text>}\n      </Box>\n\n      {/* Ctrl+O \u5C55\u5F00\u540E\u663E\u793A\u8BE6\u7EC6\u6D88\u606F\u6D41 - Claude Code CLI \u6807\u51C6\u683C\u5F0F */}\n      {isExpanded && (\n        <Box flexDirection=\"column\" marginTop={0}>\n          {renderExpandedView(subagent, theme, tools, verbose, tokenCount)}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\n/**\n * \u6E32\u67D3\u5C55\u5F00\u89C6\u56FE - Claude Code CLI \u6807\u51C6\u683C\u5F0F\n */\nfunction renderExpandedView(\n  subagent: SubagentState,\n  theme: ReturnType<typeof getTheme>,\n  tools: Tool[],\n  verbose: boolean,\n  tokenCount: number,\n) {\n  const { prompt, messages, status, metrics } = subagent\n  const duration = metrics.endTime\n    ? metrics.endTime - metrics.startTime\n    : Date.now() - metrics.startTime\n\n  return (\n    <Box flexDirection=\"column\">\n      {/* Prompt \u90E8\u5206 */}\n      {prompt && (\n        <Box flexDirection=\"column\">\n          <Box flexDirection=\"row\">\n            <Text color={theme.dim}> \u23BFS2 </Text>\n            <Text>Prompt:</Text>\n          </Box>\n          <Box flexDirection=\"column\" marginLeft={7}>\n            <Text>{prompt}</Text>\n          </Box>\n        </Box>\n      )}\n\n      {/* \u5DE5\u5177\u8C03\u7528\u3001\u7ED3\u679C\u548C\u54CD\u5E94 */}\n      {messages\n        .map((msg, idx) => {\n          if (msg.type === 'assistant') {\n            return msg.message.content\n              .map((content, contentIdx) => {\n                if (content.type === 'tool_use') {\n                  const tool = tools.find(t => t.name === content.name)\n                  const toolName =\n                    (tool?.userFacingName &&\n                    typeof tool.userFacingName === 'function'\n                      ? tool.userFacingName()\n                      : undefined) || content.name\n                  return (\n                    <Box key={`${idx}-${contentIdx}`} flexDirection=\"row\">\n                      <Text color={theme.dim}> \u23BFS3 </Text>\n                      <Text>{toolName}</Text>\n                    </Box>\n                  )\n                } else if (content.type === 'text' && content.text.trim()) {\n                  // \u663E\u793A Response \u6587\u672C\n                  const lines = content.text.trim().split('\\n')\n                  return (\n                    <Box key={`${idx}-${contentIdx}`} flexDirection=\"column\">\n                      <Box flexDirection=\"row\">\n                        <Text color={theme.dim}> \u23BFS4 </Text>\n                        <Text>Response:</Text>\n                      </Box>\n                      <Box flexDirection=\"column\" marginLeft={7}>\n                        {lines.map((line, lineIdx) => (\n                          <Text>{line}</Text>\n                        ))}\n                      </Box>\n                    </Box>\n                  )\n                }\n                return null\n              })\n              .filter(item => item !== null)\n          } else if (msg.type === 'user') {\n            // \u5DE5\u5177\u7ED3\u679C\n            return msg.message.content\n              .map((content, contentIdx) => {\n                if (content.type === 'tool_result') {\n                  const resultContent = Array.isArray(content.content)\n                    ? content.content.find(c => c.type === 'text')?.text\n                    : typeof content.content === 'string'\n                      ? content.content\n                      : ''\n\n                  if (resultContent && resultContent.trim()) {\n                    // Skip displaying raw JSON objects (e.g., tool data objects)\n                    // These look like { \"key\": \"value\", ... } and shouldn't be shown\n                    const trimmedContent = resultContent.trim()\n                    if (\n                      trimmedContent.startsWith('{') &&\n                      trimmedContent.endsWith('}')\n                    ) {\n                      try {\n                        // If it's valid JSON, skip it - it's internal tool data\n                        JSON.parse(trimmedContent)\n                        return null\n                      } catch {\n                        // Not valid JSON, show it\n                      }\n                    }\n\n                    const lines = trimmedContent.split('\\n')\n                    const preview =\n                      lines.length > 3\n                        ? lines.slice(0, 3).join('\\n') + '\\n...'\n                        : trimmedContent\n                    return (\n                      <Box key={`${idx}-${contentIdx}`} flexDirection=\"column\">\n                        <Box flexDirection=\"row\">\n                          <Text color={theme.dim}> \u23BFS5 </Text>\n                          <Text color={theme.secondaryText}>\n                            {preview.split('\\n')[0]}\n                          </Text>\n                        </Box>\n                        {preview\n                          .split('\\n')\n                          .slice(1)\n                          .map((line, lineIdx) => (\n                            <Box key={lineIdx} marginLeft={7}>\n                              <Text color={theme.secondaryText}>{line}</Text>\n                            </Box>\n                          ))}\n                      </Box>\n                    )\n                  }\n                }\n                return null\n              })\n              .filter(item => item !== null)\n          }\n          return null\n        })\n        .flat()\n        .filter(item => item !== null)}\n\n      {/* Done \u72B6\u6001\uFF08\u4EC5\u5728\u5B8C\u6210\u65F6\u663E\u793A\uFF09 */}\n      {status === 'completed' && (\n        <Box flexDirection=\"row\">\n          <Text color={theme.dim}> \u23BFS6 </Text>\n          <Text color={theme.success}>Done</Text>\n          <Text color={theme.secondaryText}>\n            {' '}\n            ({metrics.toolUseCount} tool use\n            {metrics.toolUseCount !== 1 ? 's' : ''} \u00B7 {formatNumber(tokenCount)}{' '}\n            tokens \u00B7 {formatDuration(duration)})\n          </Text>\n        </Box>\n      )}\n    </Box>\n  )\n}\n\n/**\n * \u83B7\u53D6\u72B6\u6001\u6587\u672C\n */\nfunction getStatusText(status: SubagentState['status']): string {\n  switch (status) {\n    case 'initializing':\n      return 'Initialize\u2026'\n    case 'queued':\n      return 'Queued\u2026'\n    case 'running':\n      return 'In progress\u2026'\n    case 'completed':\n      return 'Done'\n    case 'error':\n      return 'Error'\n  }\n}\n\n/**\n * \u83B7\u53D6\u72B6\u6001\u989C\u8272\n */\nfunction getStatusColor(\n  status: SubagentState['status'],\n  theme: ReturnType<typeof getTheme>,\n): string {\n  switch (status) {\n    case 'initializing':\n      return theme.secondaryText\n    case 'queued':\n      return theme.secondaryText\n    case 'running':\n      return theme.minto\n    case 'completed':\n      return theme.success\n    case 'error':\n      return theme.error\n  }\n}\n\n/**\n * \u6E32\u67D3\u6D88\u606F\u9884\u89C8 - \u4F7F\u7528\u5B8C\u6574\u7684 Message \u7EC4\u4EF6\u6765\u663E\u793A\u5DE5\u5177\u8C03\u7528\u548C\u7ED3\u679C\n */\nfunction renderMessagePreview(\n  message: any,\n  theme: ReturnType<typeof getTheme>,\n  tools: Tool[],\n  verbose: boolean,\n) {\n  // \u4F7F\u7528 Message \u7EC4\u4EF6\u6765\u6E32\u67D3\uFF0C\u8FD9\u6837\u53EF\u4EE5\u663E\u793A\u5B8C\u6574\u7684\u5DE5\u5177\u8C03\u7528\u548C\u7ED3\u679C\n  return (\n    <Box flexDirection=\"column\" marginLeft={2}>\n      <Message\n        message={message}\n        messages={[message]}\n        addMargin={false}\n        tools={tools}\n        verbose={verbose}\n        debug={false}\n        erroredToolUseIDs={new Set()}\n        inProgressToolUseIDs={new Set()}\n        unresolvedToolUseIDs={new Set()}\n        shouldAnimate={false}\n        shouldShowDot={false}\n      />\n    </Box>\n  )\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/components/SubagentStatusMarker.js

@@ -1,37 +0,0 @@
-import React from "react";
-import { Box, Text } from "ink";
-import { getTheme } from "../utils/theme.js";
-import { getAgentColor } from "../constants/colors.js";
-import { formatNumber, formatDuration } from "../utils/format.js";
-function SubagentStatusMarker({
-  status,
-  taskName,
-  agentType,
-  agentColor,
-  metrics,
-  errorMessage
-}) {
-  const theme = getTheme();
-  const color = agentColor ? getAgentColor(agentColor, theme) : theme.brand;
-  const duration = metrics && metrics.endTime ? metrics.endTime - metrics.startTime : void 0;
-  if (status === "complete") {
-    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 0 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, null, "\u23FA "), /* @__PURE__ */ React.createElement(Text, { bold: true }, "Task"), /* @__PURE__ */ React.createElement(Text, null, "(", taskName, ")")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, " \u23BF "), /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "Done "), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, "(", metrics?.toolUseCount || 0, " tool use", (metrics?.toolUseCount || 0) !== 1 ? "s" : "", " \xB7", " ", formatNumber(metrics?.tokenCount || 0), " tokens", duration ? ` \xB7 ${formatDuration(duration)}` : "", ")")));
-  }
-  if (status === "error") {
-    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 0 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, null, "\u23FA "), /* @__PURE__ */ React.createElement(Text, { bold: true }, "Task"), /* @__PURE__ */ React.createElement(Text, null, "(", taskName, ")")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, " \u23BF "), /* @__PURE__ */ React.createElement(Text, { color: theme.error }, "Error: ", errorMessage || "Task failed")));
-  }
-  return null;
-}
-function CompactSubagentStatusMarker({
-  status,
-  taskName
-}) {
-  const theme = getTheme();
-  const config = status === "start" ? { symbol: "\u23FA", color: theme.info } : status === "complete" ? { symbol: "\u2713", color: theme.success } : { symbol: "\u2715", color: theme.error };
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: config.color }, config.symbol, " ", taskName));
-}
-export {
-  CompactSubagentStatusMarker,
-  SubagentStatusMarker
-};
-//# sourceMappingURL=SubagentStatusMarker.js.map

package/dist/components/SubagentStatusMarker.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/SubagentStatusMarker.tsx"],
-  "sourcesContent": ["/**\n * SubagentStatusMarker - Subagent \u72B6\u6001\u6807\u8BB0\u7EC4\u4EF6\n *\n * \u8BBE\u8BA1\u539F\u5219\uFF1A\n * 1. **\u7C7B\u4F3C\u5DE5\u5177\u8C03\u7528** - \u5728\u6D88\u606F\u6D41\u4E2D\u663E\u793A subagent \u7684\u72B6\u6001\u6807\u8BB0\n * 2. **\u6E05\u6670\u7684\u72B6\u6001\u7B26\u53F7** - \u23FA \u5F00\u59CB, \u23F3 \u8FDB\u884C\u4E2D, \u2713 \u5B8C\u6210, \u2715 \u9519\u8BEF\n * 3. **\u7D27\u51D1\u5E03\u5C40** - \u4E0D\u5360\u7528\u8FC7\u591A\u7A7A\u95F4\n * 4. **\u65F6\u5E8F\u4E00\u81F4** - \u5728\u6D88\u606F\u6D41\u7684\u6B63\u786E\u4F4D\u7F6E\u663E\u793A\n *\n * \u7528\u6CD5\uFF1A\n * - start: \u663E\u793A \"\u23FA Launched: Task Name \u00B7 agent-type\"\n * - complete: \u663E\u793A \"\u2713 Completed: Task Name \u00B7 3 tools \u00B7 5.2k tokens \u00B7 12s\"\n * - error: \u663E\u793A \"\u2715 Failed: Task Name \u00B7 Error message\"\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { getAgentColor } from '@constants/colors'\nimport type { SubagentState, SubagentStatus } from '@minto-types/subagent'\nimport { formatNumber, formatDuration } from '@utils/format'\nimport type { AgentColor } from '@constants/colors'\n\ninterface SubagentStatusMarkerProps {\n  /** \u72B6\u6001\u7C7B\u578B */\n  status: 'start' | 'complete' | 'error'\n\n  /** \u4EFB\u52A1\u540D\u79F0 */\n  taskName: string\n\n  /** Agent \u7C7B\u578B */\n  agentType: string\n\n  /** Agent \u989C\u8272 */\n  agentColor?: AgentColor\n\n  /** \u6027\u80FD\u6307\u6807\uFF08complete \u65F6\u9700\u8981\uFF09 */\n  metrics?: {\n    toolUseCount: number\n    tokenCount: number\n    startTime: number\n    endTime?: number\n  }\n\n  /** \u9519\u8BEF\u4FE1\u606F\uFF08error \u65F6\u9700\u8981\uFF09 */\n  errorMessage?: string\n}\n\n/**\n * SubagentStatusMarker - Claude Code CLI \u98CE\u683C\u7684\u4EFB\u52A1\u72B6\u6001\u663E\u793A\n *\n * \u89C6\u89C9\u6837\u5F0F\uFF08\u5339\u914D Claude Code\uFF09\uFF1A\n * ```\n * \u23FA  Task(Analyze ARM_HAMMER file)\n *   \u23BF  Done (1 tool use \u00B7 52.7k tokens \u00B7 46.3s)\n * ```\n *\n * Note: This component is currently NOT rendered in the main message stream.\n * Task status is displayed via TaskCard component instead.\n */\nexport function SubagentStatusMarker({\n  status,\n  taskName,\n  agentType,\n  agentColor,\n  metrics,\n  errorMessage,\n}: SubagentStatusMarkerProps): React.ReactNode {\n  const theme = getTheme()\n  const color = agentColor ? getAgentColor(agentColor, theme) : theme.brand\n\n  // \u8BA1\u7B97\u6301\u7EED\u65F6\u95F4\n  const duration =\n    metrics && metrics.endTime ? metrics.endTime - metrics.startTime : undefined\n\n  // \u4EC5\u5728\u5B8C\u6210\u65F6\u663E\u793A\n  if (status === 'complete') {\n    return (\n      <Box flexDirection=\"column\" marginY={0}>\n        {/* \u7B2C1\u884C\uFF1A\u23FA Task(\u4EFB\u52A1\u540D\u79F0) */}\n        <Box flexDirection=\"row\">\n          <Text>\u23FA </Text>\n          <Text bold>Task</Text>\n          <Text>({taskName})</Text>\n        </Box>\n\n        {/* \u7B2C2\u884C\uFF1A\u23BF Done (\u7EDF\u8BA1\u4FE1\u606F) */}\n        <Box flexDirection=\"row\">\n          <Text color={theme.dimmedText}> \u23BF </Text>\n          <Text color={theme.success}>Done </Text>\n          <Text color={theme.mutedText}>\n            ({metrics?.toolUseCount || 0} tool use\n            {(metrics?.toolUseCount || 0) !== 1 ? 's' : ''} \u00B7{' '}\n            {formatNumber(metrics?.tokenCount || 0)} tokens\n            {duration ? ` \u00B7 ${formatDuration(duration)}` : ''})\n          </Text>\n        </Box>\n      </Box>\n    )\n  }\n\n  // Error \u72B6\u6001\u663E\u793A\n  if (status === 'error') {\n    return (\n      <Box flexDirection=\"column\" marginY={0}>\n        {/* \u7B2C1\u884C\uFF1A\u23FA Task(\u4EFB\u52A1\u540D\u79F0) */}\n        <Box flexDirection=\"row\">\n          <Text>\u23FA </Text>\n          <Text bold>Task</Text>\n          <Text>({taskName})</Text>\n        </Box>\n\n        {/* \u7B2C2\u884C\uFF1A\u23BF Error */}\n        <Box flexDirection=\"row\">\n          <Text color={theme.dimmedText}> \u23BF </Text>\n          <Text color={theme.error}>\n            Error: {errorMessage || 'Task failed'}\n          </Text>\n        </Box>\n      </Box>\n    )\n  }\n\n  // Start \u72B6\u6001\uFF1A\u4E0D\u663E\u793A\uFF08\u4EFB\u52A1\u542F\u52A8\u65F6\u65E0\u9700\u6807\u8BB0\uFF09\n  return null\n}\n\n/**\n * \u7D27\u51D1\u7248\u72B6\u6001\u6807\u8BB0\uFF08\u7528\u4E8E\u8BE6\u7EC6\u89C6\u56FE\u4E2D\uFF09\n */\nexport function CompactSubagentStatusMarker({\n  status,\n  taskName,\n}: {\n  status: 'start' | 'complete' | 'error'\n  taskName: string\n}): React.ReactNode {\n  const theme = getTheme()\n\n  const config =\n    status === 'start'\n      ? { symbol: '\u23FA', color: theme.info }\n      : status === 'complete'\n        ? { symbol: '\u2713', color: theme.success }\n        : { symbol: '\u2715', color: theme.error }\n\n  return (\n    <Box flexDirection=\"row\">\n      <Text color={config.color}>\n        {config.symbol} {taskName}\n      </Text>\n    </Box>\n  )\n}\n"],
-  "mappings": "AAeA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAE9B,SAAS,cAAc,sBAAsB;AAwCtC,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+C;AAC7C,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,aAAa,cAAc,YAAY,KAAK,IAAI,MAAM;AAGpE,QAAM,WACJ,WAAW,QAAQ,UAAU,QAAQ,UAAU,QAAQ,YAAY;AAGrE,MAAI,WAAW,YAAY;AACzB,WACE,oCAAC,OAAI,eAAc,UAAS,SAAS,KAEnC,oCAAC,OAAI,eAAc,SACjB,oCAAC,YAAK,SAAE,GACR,oCAAC,QAAK,MAAI,QAAC,MAAI,GACf,oCAAC,YAAK,KAAE,UAAS,GAAC,CACpB,GAGA,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,MAAM,cAAY,UAAG,GAClC,oCAAC,QAAK,OAAO,MAAM,WAAS,OAAK,GACjC,oCAAC,QAAK,OAAO,MAAM,aAAW,KAC1B,SAAS,gBAAgB,GAAE,cAC3B,SAAS,gBAAgB,OAAO,IAAI,MAAM,IAAG,SAAG,KACjD,aAAa,SAAS,cAAc,CAAC,GAAE,WACvC,WAAW,SAAM,eAAe,QAAQ,CAAC,KAAK,IAAG,GACpD,CACF,CACF;AAAA,EAEJ;AAGA,MAAI,WAAW,SAAS;AACtB,WACE,oCAAC,OAAI,eAAc,UAAS,SAAS,KAEnC,oCAAC,OAAI,eAAc,SACjB,oCAAC,YAAK,SAAE,GACR,oCAAC,QAAK,MAAI,QAAC,MAAI,GACf,oCAAC,YAAK,KAAE,UAAS,GAAC,CACpB,GAGA,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,MAAM,cAAY,UAAG,GAClC,oCAAC,QAAK,OAAO,MAAM,SAAO,WAChB,gBAAgB,aAC1B,CACF,CACF;AAAA,EAEJ;AAGA,SAAO;AACT;AAKO,SAAS,4BAA4B;AAAA,EAC1C;AAAA,EACA;AACF,GAGoB;AAClB,QAAM,QAAQ,SAAS;AAEvB,QAAM,SACJ,WAAW,UACP,EAAE,QAAQ,UAAK,OAAO,MAAM,KAAK,IACjC,WAAW,aACT,EAAE,QAAQ,UAAK,OAAO,MAAM,QAAQ,IACpC,EAAE,QAAQ,UAAK,OAAO,MAAM,MAAM;AAE1C,SACE,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,OAAO,SACjB,OAAO,QAAO,KAAE,QACnB,CACF;AAEJ;",
-  "names": []
-}

package/dist/components/TabbedListView/ScrollableList.js

@@ -1,117 +0,0 @@
-import React, { useMemo } from "react";
-import { Box, Text } from "ink";
-import { SEMANTIC_COLORS, BRAND_GRADIENT } from "../../constants/colors.js";
-const getStatusIcon = (status) => {
-  switch (status) {
-    case "enabled":
-      return { icon: "\u2714", color: SEMANTIC_COLORS.success };
-    case "disabled":
-      return { icon: "\u25CB", color: SEMANTIC_COLORS.dim };
-    case "running":
-      return { icon: "\u25D0", color: SEMANTIC_COLORS.running };
-    case "error":
-      return { icon: "\u2717", color: SEMANTIC_COLORS.error };
-    default:
-      return null;
-  }
-};
-function DefaultItemRenderer({
-  item,
-  isFocused,
-  multiSelect,
-  isSelected
-}) {
-  const statusInfo = getStatusIcon(item.status);
-  const checkboxWidth = multiSelect ? 2 : 0;
-  const focusWidth = 2;
-  const statusWidth = statusInfo ? 2 : 0;
-  const prefixPad = checkboxWidth + focusWidth + statusWidth;
-  const labelColor = isFocused ? BRAND_GRADIENT.START : SEMANTIC_COLORS.secondary;
-  const descColor = SEMANTIC_COLORS.dim;
-  const metaColor = SEMANTIC_COLORS.muted;
-  const hasDescription = !!item.description;
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, multiSelect && /* @__PURE__ */ React.createElement(
-    Text,
-    {
-      color: isSelected ? SEMANTIC_COLORS.success : SEMANTIC_COLORS.dim
-    },
-    isSelected ? "\u2611 " : "\u2610 "
-  ), /* @__PURE__ */ React.createElement(Text, { color: isFocused ? BRAND_GRADIENT.START : void 0 }, isFocused ? "\u25C6 " : "  "), statusInfo && /* @__PURE__ */ React.createElement(Text, { color: statusInfo.color }, statusInfo.icon, " "), /* @__PURE__ */ React.createElement(Text, { bold: isFocused, color: labelColor }, item.label), item.metadata && /* @__PURE__ */ React.createElement(Text, { color: metaColor }, " \xB7 ", item.metadata)), hasDescription && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: descColor }, " ".repeat(prefixPad), item.description)));
-}
-function ScrollableList({
-  items,
-  focusedIndex,
-  onFocusChange,
-  onSelect,
-  visibleCount,
-  groupByCategory = false,
-  renderItem,
-  multiSelect,
-  selectedIds
-}) {
-  const { visibleItems, startIndex, endIndex } = useMemo(() => {
-    if (items.length === 0) {
-      return { visibleItems: [], startIndex: 0, endIndex: 0 };
-    }
-    if (items.length <= visibleCount) {
-      return {
-        visibleItems: items.map((item, i) => ({ item, globalIndex: i })),
-        startIndex: 0,
-        endIndex: items.length
-      };
-    }
-    const halfWindow = Math.floor(visibleCount / 2);
-    let start = Math.max(0, focusedIndex - halfWindow);
-    let end = start + visibleCount;
-    if (end > items.length) {
-      end = items.length;
-      start = Math.max(0, end - visibleCount);
-    }
-    return {
-      visibleItems: items.slice(start, end).map((item, i) => ({
-        item,
-        globalIndex: start + i
-      })),
-      startIndex: start,
-      endIndex: end
-    };
-  }, [items, focusedIndex, visibleCount]);
-  const hasMoreAbove = startIndex > 0;
-  const hasMoreBelow = endIndex < items.length;
-  const countAbove = startIndex;
-  const countBelow = items.length - endIndex;
-  const displayElements = [];
-  let currentCategory = "";
-  visibleItems.forEach(({ item, globalIndex }, visibleIndex) => {
-    if (groupByCategory && item.category !== currentCategory) {
-      currentCategory = item.category || "Other";
-      displayElements.push(
-        /* @__PURE__ */ React.createElement(
-          Box,
-          {
-            key: `category-${currentCategory}-${globalIndex}`,
-            marginTop: visibleIndex > 0 ? 1 : 0
-          },
-          /* @__PURE__ */ React.createElement(Text, { bold: true, color: SEMANTIC_COLORS.secondary }, currentCategory)
-        )
-      );
-    }
-    const isFocused = globalIndex === focusedIndex;
-    const isSelected = selectedIds?.has(item.id) ?? false;
-    const itemElement = renderItem ? renderItem(item, isFocused, isSelected) : /* @__PURE__ */ React.createElement(
-      DefaultItemRenderer,
-      {
-        item,
-        isFocused,
-        multiSelect,
-        isSelected
-      }
-    );
-    displayElements.push(/* @__PURE__ */ React.createElement(Box, { key: item.id }, itemElement));
-  });
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, hasMoreAbove && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " \u2191 ", countAbove, " more above...")), displayElements, hasMoreBelow && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " \u2193 ", countBelow, " more below...")));
-}
-export {
-  ScrollableList
-};
-//# sourceMappingURL=ScrollableList.js.map

package/dist/components/TabbedListView/ScrollableList.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/TabbedListView/ScrollableList.tsx"],
-  "sourcesContent": ["/**\n * ScrollableList Component\n *\n * A scrollable list matching the /command suggestion UI pattern.\n * Uses \u25C6 indicator for selection, brand colors, and scroll indicators.\n */\n\nimport React, { useMemo } from 'react'\nimport { Box, Text } from 'ink'\nimport { SEMANTIC_COLORS, BRAND_GRADIENT } from '@constants/colors'\nimport { t } from '@i18n'\nimport type { ListItem, ScrollableListProps, CategoryGroup } from './types'\n\n/** Status icon mapping */\nconst getStatusIcon = (status?: ListItem['status']) => {\n  switch (status) {\n    case 'enabled':\n      return { icon: '\u2714', color: SEMANTIC_COLORS.success }\n    case 'disabled':\n      return { icon: '\u25CB', color: SEMANTIC_COLORS.dim }\n    case 'running':\n      return { icon: '\u25D0', color: SEMANTIC_COLORS.running }\n    case 'error':\n      return { icon: '\u2717', color: SEMANTIC_COLORS.error }\n    default:\n      return null\n  }\n}\n\n/** Default item renderer - two-line layout with clear visual hierarchy */\nfunction DefaultItemRenderer({\n  item,\n  isFocused,\n  multiSelect,\n  isSelected,\n}: {\n  item: ListItem\n  isFocused: boolean\n  multiSelect?: boolean\n  isSelected?: boolean\n}) {\n  const statusInfo = getStatusIcon(item.status)\n\n  // Prefix width: checkbox \"\u2611 \" (2) + \"\u25C6 \" (2) + optional status icon \"\u2714 \" (2)\n  const checkboxWidth = multiSelect ? 2 : 0\n  const focusWidth = 2\n  const statusWidth = statusInfo ? 2 : 0\n  const prefixPad = checkboxWidth + focusWidth + statusWidth\n\n  // Colors: focused items use brand gradient, unfocused use secondary/dim\n  const labelColor = isFocused\n    ? BRAND_GRADIENT.START\n    : SEMANTIC_COLORS.secondary\n  const descColor = SEMANTIC_COLORS.dim\n  const metaColor = SEMANTIC_COLORS.muted\n\n  const hasDescription = !!item.description\n\n  return (\n    <Box flexDirection=\"column\">\n      {/* Line 1: [checkbox] + indicator + status + label + metadata */}\n      <Box flexDirection=\"row\">\n        {multiSelect && (\n          <Text\n            color={isSelected ? SEMANTIC_COLORS.success : SEMANTIC_COLORS.dim}\n          >\n            {isSelected ? '\u2611 ' : '\u2610 '}\n          </Text>\n        )}\n        <Text color={isFocused ? BRAND_GRADIENT.START : undefined}>\n          {isFocused ? '\u25C6 ' : '  '}\n        </Text>\n        {statusInfo && <Text color={statusInfo.color}>{statusInfo.icon} </Text>}\n        <Text bold={isFocused} color={labelColor}>\n          {item.label}\n        </Text>\n        {item.metadata && <Text color={metaColor}> \u00B7 {item.metadata}</Text>}\n      </Box>\n\n      {/* Line 2: description (indented to align under label) */}\n      {hasDescription && (\n        <Box>\n          <Text color={descColor}>\n            {' '.repeat(prefixPad)}\n            {item.description}\n          </Text>\n        </Box>\n      )}\n    </Box>\n  )\n}\n\nexport function ScrollableList({\n  items,\n  focusedIndex,\n  onFocusChange,\n  onSelect,\n  visibleCount,\n  groupByCategory = false,\n  renderItem,\n  multiSelect,\n  selectedIds,\n}: ScrollableListProps) {\n  // Calculate scroll window to keep selected item visible (same logic as command suggestions)\n  const { visibleItems, startIndex, endIndex } = useMemo(() => {\n    if (items.length === 0) {\n      return { visibleItems: [], startIndex: 0, endIndex: 0 }\n    }\n\n    // If all items fit in window, show them all\n    if (items.length <= visibleCount) {\n      return {\n        visibleItems: items.map((item, i) => ({ item, globalIndex: i })),\n        startIndex: 0,\n        endIndex: items.length,\n      }\n    }\n\n    // Calculate scroll window to keep focused item visible\n    const halfWindow = Math.floor(visibleCount / 2)\n    let start = Math.max(0, focusedIndex - halfWindow)\n    let end = start + visibleCount\n\n    // Adjust if we're near the end\n    if (end > items.length) {\n      end = items.length\n      start = Math.max(0, end - visibleCount)\n    }\n\n    return {\n      visibleItems: items.slice(start, end).map((item, i) => ({\n        item,\n        globalIndex: start + i,\n      })),\n      startIndex: start,\n      endIndex: end,\n    }\n  }, [items, focusedIndex, visibleCount])\n\n  // Scroll indicators\n  const hasMoreAbove = startIndex > 0\n  const hasMoreBelow = endIndex < items.length\n  const countAbove = startIndex\n  const countBelow = items.length - endIndex\n\n  // Build display with optional category headers\n  const displayElements: React.ReactNode[] = []\n  let currentCategory = ''\n\n  visibleItems.forEach(({ item, globalIndex }, visibleIndex) => {\n    // Add category header if category changed and grouping is enabled\n    if (groupByCategory && item.category !== currentCategory) {\n      currentCategory = item.category || 'Other'\n      displayElements.push(\n        <Box\n          key={`category-${currentCategory}-${globalIndex}`}\n          marginTop={visibleIndex > 0 ? 1 : 0}\n        >\n          <Text bold color={SEMANTIC_COLORS.secondary}>\n            {currentCategory}\n          </Text>\n        </Box>,\n      )\n    }\n\n    const isFocused = globalIndex === focusedIndex\n    const isSelected = selectedIds?.has(item.id) ?? false\n    const itemElement = renderItem ? (\n      renderItem(item, isFocused, isSelected)\n    ) : (\n      <DefaultItemRenderer\n        item={item}\n        isFocused={isFocused}\n        multiSelect={multiSelect}\n        isSelected={isSelected}\n      />\n    )\n\n    displayElements.push(<Box key={item.id}>{itemElement}</Box>)\n  })\n\n  return (\n    <Box flexDirection=\"column\">\n      {/* Scroll up indicator */}\n      {hasMoreAbove && (\n        <Box>\n          <Text color={SEMANTIC_COLORS.dim}> \u2191 {countAbove} more above...</Text>\n        </Box>\n      )}\n\n      {/* List items */}\n      {displayElements}\n\n      {/* Scroll down indicator */}\n      {hasMoreBelow && (\n        <Box>\n          <Text color={SEMANTIC_COLORS.dim}> \u2193 {countBelow} more below...</Text>\n        </Box>\n      )}\n    </Box>\n  )\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/components/TabbedListView/SearchInput.js

@@ -1,23 +0,0 @@
-import React from "react";
-import { Box, Text } from "ink";
-import InkTextInput from "ink-text-input";
-import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../../constants/colors.js";
-function SearchInput({
-  value,
-  onChange,
-  placeholder = "Search...",
-  isActive
-}) {
-  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: isActive ? BRAND_GRADIENT.START : SEMANTIC_COLORS.dim }, "\u2315"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " "), isActive ? /* @__PURE__ */ React.createElement(
-    InkTextInput,
-    {
-      value,
-      onChange,
-      placeholder
-    }
-  ) : /* @__PURE__ */ React.createElement(Text, { color: value ? SEMANTIC_COLORS.secondary : SEMANTIC_COLORS.dim }, value || placeholder));
-}
-export {
-  SearchInput
-};
-//# sourceMappingURL=SearchInput.js.map

package/dist/components/TabbedListView/SearchInput.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/TabbedListView/SearchInput.tsx"],
-  "sourcesContent": ["/**\n * SearchInput Component\n *\n * A styled search input with search icon.\n * Uses inline style matching the overall design.\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport InkTextInput from 'ink-text-input'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\nimport type { SearchInputProps } from './types'\n\nexport function SearchInput({\n  value,\n  onChange,\n  placeholder = 'Search...',\n  isActive,\n}: SearchInputProps) {\n  return (\n    <Box>\n      <Text color={isActive ? BRAND_GRADIENT.START : SEMANTIC_COLORS.dim}>\n        \u2315\n      </Text>\n      <Text color={SEMANTIC_COLORS.dim}> </Text>\n      {isActive ? (\n        <InkTextInput\n          value={value}\n          onChange={onChange}\n          placeholder={placeholder}\n        />\n      ) : (\n        <Text color={value ? SEMANTIC_COLORS.secondary : SEMANTIC_COLORS.dim}>\n          {value || placeholder}\n        </Text>\n      )}\n    </Box>\n  )\n}\n"],
-  "mappings": "AAOA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,OAAO,kBAAkB;AACzB,SAAS,gBAAgB,uBAAuB;AAGzC,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAAqB;AACnB,SACE,oCAAC,WACC,oCAAC,QAAK,OAAO,WAAW,eAAe,QAAQ,gBAAgB,OAAK,QAEpE,GACA,oCAAC,QAAK,OAAO,gBAAgB,OAAK,GAAC,GAClC,WACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,IAEA,oCAAC,QAAK,OAAO,QAAQ,gBAAgB,YAAY,gBAAgB,OAC9D,SAAS,WACZ,CAEJ;AAEJ;",
-  "names": []
-}

package/dist/components/TabbedListView/TabBar.js

@@ -1,25 +0,0 @@
-import React from "react";
-import { Box, Text } from "ink";
-import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../../constants/colors.js";
-function TabBar({ tabs, activeTab, onTabChange }) {
-  return /* @__PURE__ */ React.createElement(Box, { flexShrink: 0 }, tabs.map((tab, index) => {
-    const isActive = tab.id === activeTab;
-    const isLast = index === tabs.length - 1;
-    const badgeSuffix = tab.badge !== void 0 && tab.badge > 0 ? ` (${tab.badge})` : "";
-    const label = ` ${tab.label}${badgeSuffix} `;
-    return /* @__PURE__ */ React.createElement(React.Fragment, { key: tab.id }, isActive ? /* @__PURE__ */ React.createElement(
-      Text,
-      {
-        wrap: "truncate",
-        backgroundColor: BRAND_GRADIENT.START,
-        color: "black",
-        bold: true
-      },
-      label
-    ) : /* @__PURE__ */ React.createElement(Text, { wrap: "truncate", color: SEMANTIC_COLORS.dim }, label), !isLast && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, "\u2502"));
-  }), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, " Tab/\u2190\u2192"));
-}
-export {
-  TabBar
-};
-//# sourceMappingURL=TabBar.js.map

package/dist/components/TabbedListView/TabBar.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/TabbedListView/TabBar.tsx"],
-  "sourcesContent": ["/**\n * TabBar Component\n *\n * Displays tab navigation matching the brand style.\n * Uses background color for active tab selection.\n *\n * Layout notes:\n * - Each tab Box uses flexShrink={0} to prevent Yoga from compressing tabs\n * - Text uses wrap=\"truncate\" to prevent line wrapping in tight layouts\n * - Both active and inactive tabs use identical string content (no nested <Text>)\n *   to ensure consistent width measurement by Ink's Yoga engine\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\nimport type { TabBarProps } from './types'\n\nexport function TabBar({ tabs, activeTab, onTabChange }: TabBarProps) {\n  return (\n    <Box flexShrink={0}>\n      {tabs.map((tab, index) => {\n        const isActive = tab.id === activeTab\n        const isLast = index === tabs.length - 1\n\n        // Build label string identically for active/inactive to ensure\n        // consistent width measurement by Yoga\n        const badgeSuffix =\n          tab.badge !== undefined && tab.badge > 0 ? ` (${tab.badge})` : ''\n        const label = ` ${tab.label}${badgeSuffix} `\n\n        return (\n          <React.Fragment key={tab.id}>\n            {isActive ? (\n              <Text\n                wrap=\"truncate\"\n                backgroundColor={BRAND_GRADIENT.START}\n                color=\"black\"\n                bold\n              >\n                {label}\n              </Text>\n            ) : (\n              <Text wrap=\"truncate\" color={SEMANTIC_COLORS.dim}>\n                {label}\n              </Text>\n            )}\n            {!isLast && <Text color={SEMANTIC_COLORS.muted}>\u2502</Text>}\n          </React.Fragment>\n        )\n      })}\n      <Text color={SEMANTIC_COLORS.muted}> Tab/\u2190\u2192</Text>\n    </Box>\n  )\n}\n"],
-  "mappings": "AAaA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB,uBAAuB;AAGzC,SAAS,OAAO,EAAE,MAAM,WAAW,YAAY,GAAgB;AACpE,SACE,oCAAC,OAAI,YAAY,KACd,KAAK,IAAI,CAAC,KAAK,UAAU;AACxB,UAAM,WAAW,IAAI,OAAO;AAC5B,UAAM,SAAS,UAAU,KAAK,SAAS;AAIvC,UAAM,cACJ,IAAI,UAAU,UAAa,IAAI,QAAQ,IAAI,KAAK,IAAI,KAAK,MAAM;AACjE,UAAM,QAAQ,IAAI,IAAI,KAAK,GAAG,WAAW;AAEzC,WACE,oCAAC,MAAM,UAAN,EAAe,KAAK,IAAI,MACtB,WACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,iBAAiB,eAAe;AAAA,QAChC,OAAM;AAAA,QACN,MAAI;AAAA;AAAA,MAEH;AAAA,IACH,IAEA,oCAAC,QAAK,MAAK,YAAW,OAAO,gBAAgB,OAC1C,KACH,GAED,CAAC,UAAU,oCAAC,QAAK,OAAO,gBAAgB,SAAO,QAAC,CACnD;AAAA,EAEJ,CAAC,GACD,oCAAC,QAAK,OAAO,gBAAgB,SAAO,mBAAO,CAC7C;AAEJ;",
-  "names": []
-}

package/dist/components/TabbedListView/TabbedListView.js

@@ -1,292 +0,0 @@
-import React, { useState, useCallback, useMemo } from "react";
-import { Box, Text, useInput } from "ink";
-import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../../constants/colors.js";
-import { TabBar } from "./TabBar.js";
-import { SearchInput } from "./SearchInput.js";
-import { ScrollableList } from "./ScrollableList.js";
-import { SimpleSpinner } from "../Spinner.js";
-import { StatusOverlayContent } from "../StatusOverlayContent.js";
-import { useTerminalSize } from "../../hooks/useTerminalSize.js";
-const PROMPT_HEIGHT = 5;
-function TabbedListView({
-  title,
-  tabs,
-  activeTab,
-  onTabChange,
-  items,
-  searchEnabled = true,
-  searchPlaceholder = "Search...",
-  searchQuery = "",
-  onSearchChange,
-  onSearchSubmit,
-  onSelect,
-  onClose,
-  onBack,
-  footerHint,
-  isLoading = false,
-  loadingText = "Loading...",
-  emptyText = "No items found",
-  groupByCategory = false,
-  renderItem,
-  statusOverlay,
-  isActive = true,
-  showItemCount = true,
-  showTabs,
-  showList,
-  statusDismissHint,
-  multiSelect,
-  selectedIds,
-  onSelectionChange,
-  onMultiSelect,
-  multiSelectActionLabel
-}) {
-  const { rows } = useTerminalSize();
-  const chromeHeight = 2 + // title + top border
-  (showTabs !== false ? 2 : 0) + // tab bar + margin
-  (searchEnabled ? 2 : 0) + // search + margin
-  2;
-  const visibleCount = Math.min(
-    8,
-    Math.max(3, rows - PROMPT_HEIGHT - chromeHeight)
-  );
-  const [inputMode, setInputMode] = useState("normal");
-  const [focusedIndex, setFocusedIndex] = useState(0);
-  const filteredItems = useMemo(() => {
-    if (!searchQuery.trim()) return items;
-    const query = searchQuery.toLowerCase();
-    return items.filter(
-      (item) => item.label.toLowerCase().includes(query) || item.description?.toLowerCase().includes(query) || item.category?.toLowerCase().includes(query)
-    );
-  }, [items, searchQuery]);
-  React.useEffect(() => {
-    setFocusedIndex(0);
-  }, [filteredItems.length, activeTab]);
-  const cycleTab = useCallback(
-    (direction) => {
-      const currentIndex = tabs.findIndex((t) => t.id === activeTab);
-      let newIndex;
-      if (direction === "right") {
-        newIndex = (currentIndex + 1) % tabs.length;
-      } else {
-        newIndex = currentIndex - 1 < 0 ? tabs.length - 1 : currentIndex - 1;
-      }
-      onTabChange(tabs[newIndex].id);
-    },
-    [tabs, activeTab, onTabChange]
-  );
-  const handleSelect = useCallback(
-    (item) => {
-      if (onSelect) {
-        onSelect(item);
-      }
-    },
-    [onSelect]
-  );
-  useInput(
-    (input, key) => {
-      if (statusOverlay && statusOverlay.type !== "loading") {
-        if (key.escape || key.return) {
-          onClose();
-        }
-        return;
-      }
-      if (statusOverlay) return;
-      if (inputMode === "search") {
-        if (key.escape) {
-          if (showList !== false) {
-            setInputMode("normal");
-          } else if (onBack) {
-            onBack();
-          } else {
-            onClose();
-          }
-          return;
-        }
-        if (key.downArrow && showList !== false) {
-          setInputMode("normal");
-          return;
-        }
-        if (key.return && onSearchSubmit) {
-          onSearchSubmit(searchQuery);
-          return;
-        }
-        if (showTabs !== false) {
-          if (key.leftArrow) {
-            cycleTab("left");
-            return;
-          }
-          if (key.rightArrow) {
-            cycleTab("right");
-            return;
-          }
-        }
-        return;
-      }
-      if (key.escape) {
-        if (onBack) {
-          onBack();
-        } else {
-          onClose();
-        }
-        return;
-      }
-      if (key.tab && showTabs !== false) {
-        cycleTab(key.shift ? "left" : "right");
-        return;
-      }
-      if (showTabs !== false) {
-        if (key.leftArrow) {
-          cycleTab("left");
-          return;
-        }
-        if (key.rightArrow) {
-          cycleTab("right");
-          return;
-        }
-      }
-      if (key.downArrow && showList !== false && filteredItems.length > 0) {
-        setFocusedIndex(
-          (prev) => prev < filteredItems.length - 1 ? prev + 1 : prev
-        );
-        return;
-      }
-      if (key.upArrow && showList !== false) {
-        if (focusedIndex > 0) {
-          setFocusedIndex((prev) => prev - 1);
-        } else if (searchEnabled) {
-          setInputMode("search");
-        }
-        return;
-      }
-      if (input === " " && multiSelect && showList !== false && filteredItems.length > 0) {
-        const item = filteredItems[focusedIndex];
-        if (item && onSelectionChange) {
-          const isCurrentlySelected = selectedIds?.has(item.id) ?? false;
-          onSelectionChange(item.id, !isCurrentlySelected);
-        }
-        return;
-      }
-      if (input === "a" && multiSelect && showList !== false && filteredItems.length > 0) {
-        if (onSelectionChange) {
-          const allSelected = filteredItems.every(
-            (item) => selectedIds?.has(item.id)
-          );
-          for (const item of filteredItems) {
-            onSelectionChange(item.id, !allSelected);
-          }
-        }
-        return;
-      }
-      if (key.return && showList !== false && filteredItems.length > 0) {
-        if (multiSelect && selectedIds && selectedIds.size > 0 && onMultiSelect) {
-          const selectedItems = filteredItems.filter(
-            (item) => selectedIds.has(item.id)
-          );
-          if (selectedItems.length > 0) {
-            onMultiSelect(selectedItems);
-            return;
-          }
-        }
-        const selectedItem = filteredItems[Math.min(focusedIndex, filteredItems.length - 1)];
-        if (selectedItem) handleSelect(selectedItem);
-        return;
-      }
-      if (input === "/" && searchEnabled && inputMode !== "search") {
-        setInputMode("search");
-        return;
-      }
-    },
-    { isActive }
-  );
-  const buildDefaultHint = () => {
-    const parts = [];
-    if (showList !== false) parts.push("\u2191\u2193 Navigate");
-    if (showList !== false) parts.push("Enter Select");
-    if (showTabs !== false) parts.push("Tab/\u2190\u2192 Switch");
-    parts.push("Esc Close");
-    return parts.join(" \xB7 ");
-  };
-  const buildMultiSelectHint = () => {
-    const parts = [];
-    if (showList !== false) parts.push("\u2191\u2193 Navigate");
-    parts.push("Space Select");
-    parts.push("a All");
-    parts.push("Enter Action");
-    if (showTabs !== false) parts.push("Tab Switch");
-    parts.push("Esc Close");
-    return parts.join(" \xB7 ");
-  };
-  const displayHint = statusOverlay ? statusOverlay.type === "loading" ? "" : statusDismissHint || "Esc Close" : multiSelect ? selectedIds && selectedIds.size > 0 && multiSelectActionLabel ? `${multiSelectActionLabel} \xB7 ${footerHint || buildMultiSelectHint()}` : footerHint || buildMultiSelectHint() : footerHint || buildDefaultHint();
-  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), showItemCount && !statusOverlay && filteredItems.length > 0 && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " (", filteredItems.length, ")")),
-    showTabs !== false && /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexShrink: 0 }, /* @__PURE__ */ React.createElement(
-      TabBar,
-      {
-        tabs,
-        activeTab,
-        onTabChange
-      }
-    ))
-  ), /* @__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
-    },
-    searchEnabled && !statusOverlay && /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(
-      SearchInput,
-      {
-        value: searchQuery,
-        onChange: onSearchChange || (() => {
-        }),
-        placeholder: searchPlaceholder,
-        isActive: inputMode === "search"
-      }
-    )),
-    showList !== false && /* @__PURE__ */ React.createElement(Box, { key: `content-${activeTab}`, flexDirection: "column" }, statusOverlay ? /* @__PURE__ */ React.createElement(
-      StatusOverlayContent,
-      {
-        type: statusOverlay.type,
-        message: statusOverlay.message
-      }
-    ) : isLoading ? /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(SimpleSpinner, null), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", loadingText)) : filteredItems.length === 0 ? /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, emptyText)) : /* @__PURE__ */ React.createElement(
-      ScrollableList,
-      {
-        items: filteredItems,
-        focusedIndex,
-        onFocusChange: setFocusedIndex,
-        onSelect: handleSelect,
-        visibleCount,
-        groupByCategory,
-        renderItem,
-        multiSelect,
-        selectedIds
-      }
-    )),
-    displayHint && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, displayHint))
-  ));
-}
-export {
-  TabbedListView
-};
-//# sourceMappingURL=TabbedListView.js.map