@within-7/minto 0.4.0 → 0.4.2

package/dist/components/SubagentBlock.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/SubagentBlock.tsx"],
-  "sourcesContent": ["/**\n * SubagentBlock - Embedded subagent execution display\n *\n * Renders a complete subagent execution hierarchically with:\n * - Header (task name, agent type, status)\n * - Optional: Subtasks (if subagent has todos)\n * - Optional: Thinking phase\n * - Optional: Tool executions\n * - Optional: Response\n * - Footer (completion status)\n *\n * Supports collapsible internal content\n */\n\nimport React, { useState } from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { SYMBOLS, getTodoStatusSymbol } from '@constants/symbols'\nimport { AgentThinkingBlock } from './AgentThinkingBlock'\nimport { ToolExecutionBlock } from './ToolExecutionBlock'\nimport { AgentResponseBlock } from './AgentResponseBlock'\nimport { useAgentTokenStats, formatTokenCount } from '@hooks/useAgentTokenStats'\nimport type { SubagentState } from '@minto-types/subagent'\nimport type { TodoItem } from '@utils/todoStorage'\nimport type { AssistantMessage } from '@minto-types/conversation'\nimport type { TextBlockParam } from '@anthropic-ai/sdk/resources/index.mjs'\n\ninterface Props {\n  subagent: SubagentState\n  indent?: number\n  isExpanded?: boolean\n}\n\n/**\n * SubagentBlock - Hierarchical embedded subagent display\n *\n * Visual format (indent=1):\n * ```\n *   \uD83E\uDD16 Launching subagent: backend-architect\n *      \u251C\u2500 Task: Design authentication system\n *      \u2502\n *      \u2502   \uD83E\uDD14 Analyzing requirements... (300ms)\n *      \u2502\n *      \u2502   \uD83D\uDD27 Tool: Read package.json\n *      \u2502      \u2514\u2500 \u2713 Read 50 lines (80ms)\n *      \u2502\n *      \u2502   \uD83D\uDCAC I recommend using JWT...\n *      \u2502\n *      \u2514\u2500 \u2713 Completed (2.5s, 1200 tokens)\n * ```\n */\nexport function SubagentBlock({\n  subagent,\n  indent = 0,\n  isExpanded = false,\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  const [expanded, setExpanded] = useState(isExpanded)\n  const marginLeft = indent * 2\n\n  // Get real-time token stats from unified TokenStatsManager\n  const tokenStats = useAgentTokenStats(subagent.id)\n\n  // Extract todos if present (from subagent execution)\n  const todos = extractSubagentTodos(subagent)\n  const thinking = extractThinkingMessage(subagent)\n  const toolExecutions = extractToolExecutions(subagent)\n  const response = extractResponse(subagent)\n\n  // Calculate metrics\n  const duration = subagent.metrics.endTime\n    ? ((subagent.metrics.endTime - subagent.metrics.startTime) / 1000).toFixed(\n        1,\n      )\n    : '...'\n  // Use token stats from TokenStatsManager (single source of truth)\n  const tokenCount = tokenStats?.grandTotalTokens ?? 0\n\n  // Status indicator\n  const statusIndicator = getStatusIndicator(subagent.status)\n  const statusColor = getStatusColor(subagent.status, theme)\n\n  return (\n    <Box flexDirection=\"column\" marginLeft={marginLeft} marginTop={1}>\n      {/* Subagent Header */}\n      <Box flexDirection=\"row\">\n        <Text color={theme.brand}>\uD83E\uDD16 </Text>\n        <Text>\n          Launching subagent: <Text bold>{subagent.agentType}</Text>\n        </Text>\n      </Box>\n\n      {/* Task description */}\n      <Box flexDirection=\"row\" marginLeft={2}>\n        <Text color={theme.dimmedText}>\u251C\u2500 </Text>\n        <Text>Task: {subagent.taskName}</Text>\n      </Box>\n\n      {/* Collapsible internal content */}\n      {expanded && (\n        <Box flexDirection=\"column\" marginLeft={2}>\n          <Text color={theme.dimmedText}>\u2502</Text>\n\n          {/* Subagent subtasks (if present) */}\n          {todos && todos.length > 0 && (\n            <SubagentTodosSection todos={todos} theme={theme} />\n          )}\n\n          {/* Subagent thinking */}\n          {thinking && (\n            <Box flexDirection=\"column\" marginLeft={1}>\n              <Text color={theme.dimmedText}>\u2502 </Text>\n              <AgentThinkingBlock\n                message={thinking.message}\n                startTime={thinking.startTime}\n                showSpinner={subagent.status === 'running'}\n                showElapsedTime={false}\n              />\n            </Box>\n          )}\n\n          {/* Subagent tool executions */}\n          {toolExecutions.map((tool, idx) => (\n            <Box key={idx} flexDirection=\"column\" marginLeft={1}>\n              <Text color={theme.dimmedText}>\u2502 </Text>\n              <ToolExecutionBlock tool={tool} indent={0} />\n            </Box>\n          ))}\n\n          {/* Subagent response */}\n          {response && (\n            <Box flexDirection=\"column\" marginLeft={1}>\n              <Text color={theme.dimmedText}>\u2502 </Text>\n              <AgentResponseBlock\n                message={response}\n                indent={0}\n                isSubagent={true}\n              />\n            </Box>\n          )}\n\n          <Text color={theme.dimmedText}>\u2502</Text>\n        </Box>\n      )}\n\n      {/* Subagent Footer (completion status) */}\n      <Box flexDirection=\"row\" marginLeft={2}>\n        <Text color={theme.dimmedText}>\u2514\u2500 </Text>\n        <Text color={statusColor}>\n          {statusIndicator} {getStatusLabel(subagent.status)}\n        </Text>\n        {subagent.status === 'completed' && (\n          <Text color={theme.mutedText}>\n            {' '}\n            ({duration}s, {formatTokenCount(tokenCount)} tokens)\n          </Text>\n        )}\n      </Box>\n\n      {/* Expand/collapse hint (only when collapsed) */}\n      {!expanded && (\n        <Box flexDirection=\"row\" marginLeft={4}>\n          <Text color={theme.mutedText}>\n            Press <Text bold>Ctrl+O</Text> to expand details\n          </Text>\n        </Box>\n      )}\n    </Box>\n  )\n}\n\n/**\n * SubagentTodosSection - Renders subagent's subtasks\n */\nfunction SubagentTodosSection({\n  todos,\n  theme,\n}: {\n  todos: TodoItem[]\n  theme: ReturnType<typeof getTheme>\n}) {\n  return (\n    <Box flexDirection=\"column\" marginLeft={1} marginY={1}>\n      <Box flexDirection=\"row\">\n        <Text color={theme.dimmedText}>\u2502 </Text>\n        <Text color={theme.dimmedText}>Subtasks:</Text>\n      </Box>\n      {todos.map((todo, idx) => (\n        <Box key={idx} flexDirection=\"row\" marginLeft={1}>\n          <Text color={theme.dimmedText}>\u2502 </Text>\n          <Text>{getTodoStatusSymbol(todo.status)} </Text>\n          <Text\n            color={todo.status === 'completed' ? theme.dim : undefined}\n            strikethrough={todo.status === 'completed'}\n          >\n            {todo.content}\n          </Text>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n\n/**\n * Helper: Extract todos from subagent messages\n * (This would be populated from TodoWriteTool calls within the subagent)\n */\nfunction extractSubagentTodos(subagent: SubagentState): TodoItem[] | null {\n  // Extract todos from TodoWrite tool_use blocks in subagent messages\n  let latestTodos: TodoItem[] | null = null\n\n  for (const msg of subagent.messages) {\n    if (msg.type === 'assistant' && 'message' in msg) {\n      const todoBlocks = msg.message.content.filter(\n        (block: any) => block.type === 'tool_use' && block.name === 'TodoWrite',\n      )\n      for (const block of todoBlocks) {\n        if ('input' in block && block.input?.todos) {\n          // Each TodoWrite call replaces the full list\n          latestTodos = (block.input.todos as any[]).map((t, i) => ({\n            id: t.id ?? String(i),\n            content: t.content ?? '',\n            status: t.status ?? 'pending',\n            priority: t.priority ?? 'medium',\n          }))\n        }\n      }\n    }\n  }\n\n  return latestTodos\n}\n\n/**\n * Helper: Extract thinking message from subagent\n */\nfunction extractThinkingMessage(\n  subagent: SubagentState,\n): { message: string; startTime: number } | null {\n  // Find thinking blocks in messages\n  for (const msg of subagent.messages) {\n    if (msg.type === 'assistant' && 'message' in msg) {\n      const thinkingBlock = msg.message.content.find(\n        (block: any) => block.type === 'thinking',\n      )\n      if (thinkingBlock && 'thinking' in thinkingBlock) {\n        return {\n          message: thinkingBlock.thinking || 'Thinking...',\n          startTime: subagent.metrics.startTime,\n        }\n      }\n    }\n  }\n  return null\n}\n\n/**\n * Helper: Extract tool executions from subagent\n */\nfunction extractToolExecutions(subagent: SubagentState): Array<{\n  id: string\n  name: string\n  input: any\n  status: 'pending' | 'running' | 'completed' | 'error'\n  startTime: number\n  durationMs?: number\n}> {\n  const tools: Array<any> = []\n\n  // Extract tool_use blocks from messages, pair with tool_result for duration\n  const toolResultTimes = new Map<string, number>()\n  let msgIndex = 0\n\n  for (const msg of subagent.messages) {\n    if (msg.type === 'user' && 'message' in msg) {\n      const resultBlocks = (\n        Array.isArray(msg.message.content) ? msg.message.content : []\n      ).filter((block: any) => block.type === 'tool_result')\n      for (const rb of resultBlocks) {\n        if ('tool_use_id' in rb) {\n          toolResultTimes.set(rb.tool_use_id as string, msgIndex)\n        }\n      }\n    }\n    msgIndex++\n  }\n\n  let toolIndex = 0\n  for (const msg of subagent.messages) {\n    if (msg.type === 'assistant' && 'message' in msg) {\n      const toolBlocks = msg.message.content.filter(\n        (block: any) => block.type === 'tool_use',\n      )\n      for (const toolBlock of toolBlocks) {\n        if ('name' in toolBlock && 'id' in toolBlock) {\n          // Estimate duration: spread evenly across total subagent time\n          const totalDuration =\n            (subagent.metrics.endTime || Date.now()) -\n            subagent.metrics.startTime\n          const toolCount = subagent.metrics.toolUseCount || tools.length + 1\n          const estimatedDuration = Math.max(\n            1,\n            Math.round(totalDuration / toolCount),\n          )\n\n          tools.push({\n            id: toolBlock.id,\n            name: toolBlock.name,\n            input: toolBlock.input,\n            status: toolResultTimes.has(toolBlock.id) ? 'completed' : 'running',\n            startTime:\n              subagent.metrics.startTime + toolIndex * estimatedDuration,\n            durationMs: estimatedDuration,\n          })\n          toolIndex++\n        }\n      }\n    }\n  }\n\n  return tools\n}\n\n/**\n * Helper: Extract response message from subagent\n */\nfunction extractResponse(subagent: SubagentState): AssistantMessage | null {\n  // Find last assistant message with text content\n  for (let i = subagent.messages.length - 1; i >= 0; i--) {\n    const msg = subagent.messages[i]\n    if (msg.type === 'assistant' && 'message' in msg) {\n      const hasText = msg.message.content.some(\n        (block: any) => block.type === 'text' && block.text.trim(),\n      )\n      if (hasText) {\n        return msg as AssistantMessage\n      }\n    }\n  }\n  return null\n}\n\n/**\n * Helper: Get status indicator symbol\n */\nfunction getStatusIndicator(status: SubagentState['status']): string {\n  switch (status) {\n    case 'initializing':\n      return '\u25CB'\n    case 'queued':\n      return '\u2139'\n    case 'running':\n      return '\u22EF'\n    case 'completed':\n      return '\u2713'\n    case 'error':\n      return '\u2716'\n  }\n}\n\n/**\n * Helper: Get status color\n */\nfunction getStatusColor(\n  status: SubagentState['status'],\n  theme: ReturnType<typeof getTheme>,\n): string {\n  switch (status) {\n    case 'completed':\n      return theme.success\n    case 'error':\n      return theme.error\n    case 'running':\n      return theme.brand\n    default:\n      return theme.dimmedText\n  }\n}\n\n/**\n * Helper: Get status label\n */\nfunction getStatusLabel(status: SubagentState['status']): string {\n  switch (status) {\n    case 'initializing':\n      return 'Initializing...'\n    case 'queued':\n      return 'Queued'\n    case 'running':\n      return 'Running...'\n    case 'completed':\n      return 'Done'\n    case 'error':\n      return 'Error'\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * SubagentBlock - Embedded subagent execution display\n *\n * Renders a complete subagent execution hierarchically with:\n * - Header (task name, agent type, status)\n * - Optional: Subtasks (if subagent has todos)\n * - Optional: Thinking phase\n * - Optional: Tool executions\n * - Optional: Response\n * - Footer (completion status)\n *\n * Supports collapsible internal content\n */\n\nimport React, { useState } from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { formatNumber } from '@utils/format'\nimport { SYMBOLS, getTodoStatusSymbol } from '@constants/symbols'\nimport { AgentThinkingBlock } from './AgentThinkingBlock'\nimport { ToolExecutionBlock } from './ToolExecutionBlock'\nimport { AgentResponseBlock } from './AgentResponseBlock'\nimport { useAgentTokenStats } from '@hooks/useAgentTokenStats'\nimport type { SubagentState } from '@minto-types/subagent'\nimport type { TodoItem } from '@utils/todoStorage'\nimport type { AssistantMessage } from '@minto-types/conversation'\nimport type { TextBlockParam } from '@anthropic-ai/sdk/resources/index.mjs'\n\ninterface Props {\n  subagent: SubagentState\n  indent?: number\n  isExpanded?: boolean\n}\n\n/**\n * SubagentBlock - Hierarchical embedded subagent display\n *\n * Visual format (indent=1):\n * ```\n *   \uD83E\uDD16 Launching subagent: backend-architect\n *      \u251C\u2500 Task: Design authentication system\n *      \u2502\n *      \u2502   \uD83E\uDD14 Analyzing requirements... (300ms)\n *      \u2502\n *      \u2502   \uD83D\uDD27 Tool: Read package.json\n *      \u2502      \u2514\u2500 \u2713 Read 50 lines (80ms)\n *      \u2502\n *      \u2502   \uD83D\uDCAC I recommend using JWT...\n *      \u2502\n *      \u2514\u2500 \u2713 Completed (2.5s, 1200 tokens)\n * ```\n */\nexport function SubagentBlock({\n  subagent,\n  indent = 0,\n  isExpanded = false,\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  const [expanded, setExpanded] = useState(isExpanded)\n  const marginLeft = indent * 2\n\n  // Get real-time token stats from unified TokenStatsManager\n  const tokenStats = useAgentTokenStats(subagent.id)\n\n  // Extract todos if present (from subagent execution)\n  const todos = extractSubagentTodos(subagent)\n  const thinking = extractThinkingMessage(subagent)\n  const toolExecutions = extractToolExecutions(subagent)\n  const response = extractResponse(subagent)\n\n  // Calculate metrics\n  const duration = subagent.metrics.endTime\n    ? ((subagent.metrics.endTime - subagent.metrics.startTime) / 1000).toFixed(\n        1,\n      )\n    : '...'\n  // Use token stats from TokenStatsManager (single source of truth)\n  const tokenCount = tokenStats?.grandTotalTokens ?? 0\n\n  // Status indicator\n  const statusIndicator = getStatusIndicator(subagent.status)\n  const statusColor = getStatusColor(subagent.status, theme)\n\n  return (\n    <Box flexDirection=\"column\" marginLeft={marginLeft} marginTop={1}>\n      {/* Subagent Header */}\n      <Box flexDirection=\"row\">\n        <Text color={theme.brand}>\uD83E\uDD16 </Text>\n        <Text>\n          Launching subagent: <Text bold>{subagent.agentType}</Text>\n        </Text>\n      </Box>\n\n      {/* Task description */}\n      <Box flexDirection=\"row\" marginLeft={2}>\n        <Text color={theme.dimmedText}>\u251C\u2500 </Text>\n        <Text>Task: {subagent.taskName}</Text>\n      </Box>\n\n      {/* Collapsible internal content */}\n      {expanded && (\n        <Box flexDirection=\"column\" marginLeft={2}>\n          <Text color={theme.dimmedText}>\u2502</Text>\n\n          {/* Subagent subtasks (if present) */}\n          {todos && todos.length > 0 && (\n            <SubagentTodosSection todos={todos} theme={theme} />\n          )}\n\n          {/* Subagent thinking */}\n          {thinking && (\n            <Box flexDirection=\"column\" marginLeft={1}>\n              <Text color={theme.dimmedText}>\u2502 </Text>\n              <AgentThinkingBlock\n                message={thinking.message}\n                startTime={thinking.startTime}\n                showSpinner={subagent.status === 'running'}\n                showElapsedTime={false}\n              />\n            </Box>\n          )}\n\n          {/* Subagent tool executions */}\n          {toolExecutions.map((tool, idx) => (\n            <Box key={idx} flexDirection=\"column\" marginLeft={1}>\n              <Text color={theme.dimmedText}>\u2502 </Text>\n              <ToolExecutionBlock tool={tool} indent={0} />\n            </Box>\n          ))}\n\n          {/* Subagent response */}\n          {response && (\n            <Box flexDirection=\"column\" marginLeft={1}>\n              <Text color={theme.dimmedText}>\u2502 </Text>\n              <AgentResponseBlock\n                message={response}\n                indent={0}\n                isSubagent={true}\n              />\n            </Box>\n          )}\n\n          <Text color={theme.dimmedText}>\u2502</Text>\n        </Box>\n      )}\n\n      {/* Subagent Footer (completion status) */}\n      <Box flexDirection=\"row\" marginLeft={2}>\n        <Text color={theme.dimmedText}>\u2514\u2500 </Text>\n        <Text color={statusColor}>\n          {statusIndicator} {getStatusLabel(subagent.status)}\n        </Text>\n        {subagent.status === 'completed' && (\n          <Text color={theme.mutedText}>\n            {' '}\n            ({duration}s, {formatNumber(tokenCount)} tokens)\n          </Text>\n        )}\n      </Box>\n\n      {/* Expand/collapse hint (only when collapsed) */}\n      {!expanded && (\n        <Box flexDirection=\"row\" marginLeft={4}>\n          <Text color={theme.mutedText}>\n            Press <Text bold>Ctrl+O</Text> to expand details\n          </Text>\n        </Box>\n      )}\n    </Box>\n  )\n}\n\n/**\n * SubagentTodosSection - Renders subagent's subtasks\n */\nfunction SubagentTodosSection({\n  todos,\n  theme,\n}: {\n  todos: TodoItem[]\n  theme: ReturnType<typeof getTheme>\n}) {\n  return (\n    <Box flexDirection=\"column\" marginLeft={1} marginY={1}>\n      <Box flexDirection=\"row\">\n        <Text color={theme.dimmedText}>\u2502 </Text>\n        <Text color={theme.dimmedText}>Subtasks:</Text>\n      </Box>\n      {todos.map((todo, idx) => (\n        <Box key={idx} flexDirection=\"row\" marginLeft={1}>\n          <Text color={theme.dimmedText}>\u2502 </Text>\n          <Text>{getTodoStatusSymbol(todo.status)} </Text>\n          <Text\n            color={todo.status === 'completed' ? theme.dim : undefined}\n            strikethrough={todo.status === 'completed'}\n          >\n            {todo.content}\n          </Text>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n\n/**\n * Helper: Extract todos from subagent messages\n * (This would be populated from TodoWriteTool calls within the subagent)\n */\nfunction extractSubagentTodos(subagent: SubagentState): TodoItem[] | null {\n  // Extract todos from TodoWrite tool_use blocks in subagent messages\n  let latestTodos: TodoItem[] | null = null\n\n  for (const msg of subagent.messages) {\n    if (msg.type === 'assistant' && 'message' in msg) {\n      const todoBlocks = msg.message.content.filter(\n        (block: any) => block.type === 'tool_use' && block.name === 'TodoWrite',\n      )\n      for (const block of todoBlocks) {\n        if ('input' in block && block.input?.todos) {\n          // Each TodoWrite call replaces the full list\n          latestTodos = (block.input.todos as any[]).map((t, i) => ({\n            id: t.id ?? String(i),\n            content: t.content ?? '',\n            status: t.status ?? 'pending',\n            priority: t.priority ?? 'medium',\n          }))\n        }\n      }\n    }\n  }\n\n  return latestTodos\n}\n\n/**\n * Helper: Extract thinking message from subagent\n */\nfunction extractThinkingMessage(\n  subagent: SubagentState,\n): { message: string; startTime: number } | null {\n  // Find thinking blocks in messages\n  for (const msg of subagent.messages) {\n    if (msg.type === 'assistant' && 'message' in msg) {\n      const thinkingBlock = msg.message.content.find(\n        (block: any) => block.type === 'thinking',\n      )\n      if (thinkingBlock && 'thinking' in thinkingBlock) {\n        return {\n          message: thinkingBlock.thinking || 'Thinking...',\n          startTime: subagent.metrics.startTime,\n        }\n      }\n    }\n  }\n  return null\n}\n\n/**\n * Helper: Extract tool executions from subagent\n */\nfunction extractToolExecutions(subagent: SubagentState): Array<{\n  id: string\n  name: string\n  input: any\n  status: 'pending' | 'running' | 'completed' | 'error'\n  startTime: number\n  durationMs?: number\n}> {\n  const tools: Array<any> = []\n\n  // Extract tool_use blocks from messages, pair with tool_result for duration\n  const toolResultTimes = new Map<string, number>()\n  let msgIndex = 0\n\n  for (const msg of subagent.messages) {\n    if (msg.type === 'user' && 'message' in msg) {\n      const resultBlocks = (\n        Array.isArray(msg.message.content) ? msg.message.content : []\n      ).filter((block: any) => block.type === 'tool_result')\n      for (const rb of resultBlocks) {\n        if ('tool_use_id' in rb) {\n          toolResultTimes.set(rb.tool_use_id as string, msgIndex)\n        }\n      }\n    }\n    msgIndex++\n  }\n\n  let toolIndex = 0\n  for (const msg of subagent.messages) {\n    if (msg.type === 'assistant' && 'message' in msg) {\n      const toolBlocks = msg.message.content.filter(\n        (block: any) => block.type === 'tool_use',\n      )\n      for (const toolBlock of toolBlocks) {\n        if ('name' in toolBlock && 'id' in toolBlock) {\n          // Estimate duration: spread evenly across total subagent time\n          const totalDuration =\n            (subagent.metrics.endTime || Date.now()) -\n            subagent.metrics.startTime\n          const toolCount = subagent.metrics.toolUseCount || tools.length + 1\n          const estimatedDuration = Math.max(\n            1,\n            Math.round(totalDuration / toolCount),\n          )\n\n          tools.push({\n            id: toolBlock.id,\n            name: toolBlock.name,\n            input: toolBlock.input,\n            status: toolResultTimes.has(toolBlock.id) ? 'completed' : 'running',\n            startTime:\n              subagent.metrics.startTime + toolIndex * estimatedDuration,\n            durationMs: estimatedDuration,\n          })\n          toolIndex++\n        }\n      }\n    }\n  }\n\n  return tools\n}\n\n/**\n * Helper: Extract response message from subagent\n */\nfunction extractResponse(subagent: SubagentState): AssistantMessage | null {\n  // Find last assistant message with text content\n  for (let i = subagent.messages.length - 1; i >= 0; i--) {\n    const msg = subagent.messages[i]\n    if (msg.type === 'assistant' && 'message' in msg) {\n      const hasText = msg.message.content.some(\n        (block: any) => block.type === 'text' && block.text.trim(),\n      )\n      if (hasText) {\n        return msg as AssistantMessage\n      }\n    }\n  }\n  return null\n}\n\n/**\n * Helper: Get status indicator symbol\n */\nfunction getStatusIndicator(status: SubagentState['status']): string {\n  switch (status) {\n    case 'initializing':\n      return '\u25CB'\n    case 'queued':\n      return '\u2139'\n    case 'running':\n      return '\u22EF'\n    case 'completed':\n      return '\u2713'\n    case 'error':\n      return '\u2716'\n  }\n}\n\n/**\n * Helper: Get status color\n */\nfunction getStatusColor(\n  status: SubagentState['status'],\n  theme: ReturnType<typeof getTheme>,\n): string {\n  switch (status) {\n    case 'completed':\n      return theme.success\n    case 'error':\n      return theme.error\n    case 'running':\n      return theme.brand\n    default:\n      return theme.dimmedText\n  }\n}\n\n/**\n * Helper: Get status label\n */\nfunction getStatusLabel(status: SubagentState['status']): string {\n  switch (status) {\n    case 'initializing':\n      return 'Initializing...'\n    case 'queued':\n      return 'Queued'\n    case 'running':\n      return 'Running...'\n    case 'completed':\n      return 'Done'\n    case 'error':\n      return 'Error'\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/SubagentProgress.js

@@ -1,12 +1,12 @@
 import React, { useRef } from "react";
 import { Box, Text } from "ink";
 import { getTheme } from "../utils/theme.js";
-import { formatDuration } from "../utils/format.js";
+import { formatNumber, formatDuration } from "../utils/format.js";
 import { getAgentColor } from "../constants/colors.js";
 import { SpinnerSymbol } from "./SpinnerSymbol.js";
 import { Message } from "./Message.js";
 import { useUnifiedAnimation } from "../utils/animationManager.js";
-import { useAgentTokenStats, formatTokenCount } from "../hooks/useAgentTokenStats.js";
+import { useAgentTokenStats } from "../hooks/useAgentTokenStats.js";
 function SubagentProgress({
   subagent,
   isExpanded,
@@ -29,7 +29,7 @@ function SubagentProgress({
   });
   const duration = metrics.endTime ? metrics.endTime - metrics.startTime : Date.now() - metrics.startTime;
   const statusText = getStatusText(status);
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 0 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(SpinnerSymbol, { isRunning, color: agentColor }), /* @__PURE__ */ React.createElement(Text, null, " Task(", taskName, ")")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.dim }, " \u23BFS1 "), /* @__PURE__ */ React.createElement(Text, { color: getStatusColor(status, theme) }, statusText), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, metrics.toolUseCount, " tool use", metrics.toolUseCount !== 1 ? "s" : ""), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, formatTokenCount(tokenCount), " tokens"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, formatDuration(duration)), !isExpanded && /* @__PURE__ */ React.createElement(Text, { color: theme.dim }, " \xB7 (ctrl-o to expand)")), isExpanded && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 0 }, renderExpandedView(subagent, theme, tools, verbose, tokenCount)));
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 0 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(SpinnerSymbol, { isRunning, color: agentColor }), /* @__PURE__ */ React.createElement(Text, null, " Task(", taskName, ")")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.dim }, " \u23BFS1 "), /* @__PURE__ */ React.createElement(Text, { color: getStatusColor(status, theme) }, statusText), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, metrics.toolUseCount, " tool use", metrics.toolUseCount !== 1 ? "s" : ""), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, formatNumber(tokenCount), " tokens"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, formatDuration(duration)), !isExpanded && /* @__PURE__ */ React.createElement(Text, { color: theme.dim }, " \xB7 (ctrl-o to expand)")), isExpanded && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 0 }, renderExpandedView(subagent, theme, tools, verbose, tokenCount)));
 }
 function renderExpandedView(subagent, theme, tools, verbose, tokenCount) {
   const { prompt, messages, status, metrics } = subagent;
@@ -69,7 +69,7 @@ function renderExpandedView(subagent, theme, tools, verbose, tokenCount) {
       }).filter((item) => item !== null);
     }
     return null;
-  }).flat().filter((item) => item !== null), status === "completed" && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.dim }, " \u23BFS6 "), /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "Done"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " ", "(", metrics.toolUseCount, " tool use", metrics.toolUseCount !== 1 ? "s" : "", " \xB7", " ", formatTokenCount(tokenCount), " tokens \xB7 ", formatDuration(duration), ")")));
+  }).flat().filter((item) => item !== null), status === "completed" && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.dim }, " \u23BFS6 "), /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "Done"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " ", "(", metrics.toolUseCount, " tool use", metrics.toolUseCount !== 1 ? "s" : "", " \xB7 ", formatNumber(tokenCount), " ", "tokens \xB7 ", formatDuration(duration), ")")));
 }
 function getStatusText(status) {
   switch (status) {

package/dist/components/SubagentProgress.js.map

@@ -1,7 +1,7 @@
 {
   "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, formatTokenCount } 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          {formatTokenCount(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{' '}\n            {formatTokenCount(tokenCount)} 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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",
+  "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/TabbedListView/SearchInput.js

@@ -8,7 +8,7 @@ function SearchInput({
   placeholder = "Search...",
   isActive
 }) {
-  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: isActive ? BRAND_GRADIENT.START : SEMANTIC_COLORS.dim }, "/"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " "), isActive ? /* @__PURE__ */ React.createElement(
+  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,

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

@@ -1,7 +1,7 @@
 {
   "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        /\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,GAEpE,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;",
+  "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/TabbedListView.js

@@ -8,7 +8,6 @@ import { SimpleSpinner } from "../Spinner.js";
 import { StatusOverlayContent } from "../StatusOverlayContent.js";
 import { useTerminalSize } from "../../hooks/useTerminalSize.js";
 const PROMPT_HEIGHT = 5;
-const CHROME_HEIGHT = 6;
 function TabbedListView({
   title,
   tabs,
@@ -32,6 +31,8 @@ function TabbedListView({
   statusOverlay,
   isActive = true,
   showItemCount = true,
+  showTabs,
+  showList,
   statusDismissHint,
   multiSelect,
   selectedIds,
@@ -40,13 +41,15 @@ function TabbedListView({
   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 - CHROME_HEIGHT)
-  );
-  const [focusArea, setFocusArea] = useState(
-    searchEnabled ? "search" : "list"
+    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;
@@ -88,6 +91,37 @@ function TabbedListView({
         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();
@@ -96,11 +130,11 @@ function TabbedListView({
         }
         return;
       }
-      if (key.tab) {
+      if (key.tab && showTabs !== false) {
         cycleTab(key.shift ? "left" : "right");
         return;
       }
-      if (focusArea === "tabs" || focusArea === "search") {
+      if (showTabs !== false) {
         if (key.leftArrow) {
           cycleTab("left");
           return;
@@ -110,33 +144,21 @@ function TabbedListView({
           return;
         }
       }
-      if (key.downArrow) {
-        if (focusArea === "search") {
-          setFocusArea("list");
-          return;
-        }
-        if (focusArea === "list" && filteredItems.length > 0) {
-          setFocusedIndex(
-            (prev) => prev < filteredItems.length - 1 ? prev + 1 : prev
-          );
-          return;
-        }
+      if (key.downArrow && showList !== false && filteredItems.length > 0) {
+        setFocusedIndex(
+          (prev) => prev < filteredItems.length - 1 ? prev + 1 : prev
+        );
+        return;
       }
-      if (key.upArrow) {
-        if (focusArea === "list") {
-          if (focusedIndex > 0) {
-            setFocusedIndex((prev) => prev - 1);
-          } else if (searchEnabled) {
-            setFocusArea("search");
-          }
-          return;
+      if (key.upArrow && showList !== false) {
+        if (focusedIndex > 0) {
+          setFocusedIndex((prev) => prev - 1);
+        } else if (searchEnabled) {
+          setInputMode("search");
         }
-      }
-      if (key.return && focusArea === "search" && onSearchSubmit) {
-        onSearchSubmit(searchQuery);
         return;
       }
-      if (input === " " && multiSelect && focusArea === "list" && filteredItems.length > 0) {
+      if (input === " " && multiSelect && showList !== false && filteredItems.length > 0) {
         const item = filteredItems[focusedIndex];
         if (item && onSelectionChange) {
           const isCurrentlySelected = selectedIds?.has(item.id) ?? false;
@@ -144,7 +166,7 @@ function TabbedListView({
         }
         return;
       }
-      if (input === "a" && multiSelect && focusArea === "list" && filteredItems.length > 0) {
+      if (input === "a" && multiSelect && showList !== false && filteredItems.length > 0) {
         if (onSelectionChange) {
           const allSelected = filteredItems.every(
             (item) => selectedIds?.has(item.id)
@@ -155,7 +177,7 @@ function TabbedListView({
         }
         return;
       }
-      if (key.return && focusArea === "list" && filteredItems.length > 0) {
+      if (key.return && showList !== false && filteredItems.length > 0) {
         if (multiSelect && selectedIds && selectedIds.size > 0 && onMultiSelect) {
           const selectedItems = filteredItems.filter(
             (item) => selectedIds.has(item.id)
@@ -165,19 +187,36 @@ function TabbedListView({
             return;
           }
         }
-        handleSelect(filteredItems[focusedIndex]);
+        const selectedItem = filteredItems[Math.min(focusedIndex, filteredItems.length - 1)];
+        if (selectedItem) handleSelect(selectedItem);
         return;
       }
-      if (input === "/" && searchEnabled && focusArea !== "search") {
-        setFocusArea("search");
+      if (input === "/" && searchEnabled && inputMode !== "search") {
+        setInputMode("search");
         return;
       }
     },
     { isActive }
   );
-  const defaultHint = "\u2191\u2193 Navigate \xB7 Enter Select \xB7 Tab/\u2190\u2192 Switch \xB7 Esc Close";
-  const multiSelectHint = "\u2191\u2193 Navigate \xB7 Space Select \xB7 a All \xB7 Enter Action \xB7 Tab Switch \xB7 Esc Close";
-  const displayHint = statusOverlay ? statusOverlay.type === "loading" ? "" : statusDismissHint || "Esc Close" : multiSelect ? selectedIds && selectedIds.size > 0 && multiSelectActionLabel ? `${multiSelectActionLabel} \xB7 ${footerHint || multiSelectHint}` : footerHint || multiSelectHint : footerHint || defaultHint;
+  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,
     {
@@ -192,7 +231,14 @@ function TabbedListView({
       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, ")")),
-    /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexShrink: 0 }, /* @__PURE__ */ React.createElement(TabBar, { tabs, activeTab, onTabChange }))
+    showTabs !== false && /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexShrink: 0 }, /* @__PURE__ */ React.createElement(
+      TabBar,
+      {
+        tabs,
+        activeTab,
+        onTabChange
+      }
+    ))
   ), /* @__PURE__ */ React.createElement(
     Box,
     {
@@ -214,10 +260,10 @@ function TabbedListView({
         onChange: onSearchChange || (() => {
         }),
         placeholder: searchPlaceholder,
-        isActive: focusArea === "search"
+        isActive: inputMode === "search"
       }
     )),
-    /* @__PURE__ */ React.createElement(Box, { key: `content-${activeTab}`, flexDirection: "column" }, statusOverlay ? /* @__PURE__ */ React.createElement(
+    showList !== false && /* @__PURE__ */ React.createElement(Box, { key: `content-${activeTab}`, flexDirection: "column" }, statusOverlay ? /* @__PURE__ */ React.createElement(
       StatusOverlayContent,
       {
         type: statusOverlay.type,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/TabbedListView/TabbedListView.tsx"],
-  "sourcesContent": ["/**\n * TabbedListView Component\n *\n * A reusable component matching the /command suggestion UI pattern:\n * - Tab navigation (\u2190/\u2192 or Tab key)\n * - Search input (/ to focus)\n * - Scrollable list with \u25C6 selection indicator\n * - Brand gradient colors for selection\n * - Consistent height control (MAX_VISIBLE = 8)\n * - Status overlay for loading/success/error states (maintains frame)\n * - Back navigation support (onBack)\n *\n * Based on Claude Code CLI's /plugins UI pattern.\n */\n\nimport React, { useState, useCallback, useMemo } from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\nimport { TabBar } from './TabBar'\nimport { SearchInput } from './SearchInput'\nimport { ScrollableList } from './ScrollableList'\nimport { SimpleSpinner } from '@components/Spinner'\nimport { StatusOverlayContent } from '@components/StatusOverlayContent'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\nimport type { TabbedListViewProps, ListItem } from './types'\n\ntype FocusArea = 'tabs' | 'search' | 'list'\n\n// Heights for dynamic visible count calculation\nconst PROMPT_HEIGHT = 5 // PromptInput borders + input + hints\nconst CHROME_HEIGHT = 6 // title + tabs + search + footer + borders\n\nexport function TabbedListView({\n  title,\n  tabs,\n  activeTab,\n  onTabChange,\n  items,\n  searchEnabled = true,\n  searchPlaceholder = 'Search...',\n  searchQuery = '',\n  onSearchChange,\n  onSearchSubmit,\n  onSelect,\n  onClose,\n  onBack,\n  footerHint,\n  isLoading = false,\n  loadingText = 'Loading...',\n  emptyText = 'No items found',\n  groupByCategory = false,\n  renderItem,\n  statusOverlay,\n  isActive = true,\n  showItemCount = true,\n  statusDismissHint,\n  multiSelect,\n  selectedIds,\n  onSelectionChange,\n  onMultiSelect,\n  multiSelectActionLabel,\n}: TabbedListViewProps) {\n  // Dynamic visible count based on terminal height\n  const { rows } = useTerminalSize()\n  const visibleCount = Math.min(\n    8,\n    Math.max(3, rows - PROMPT_HEIGHT - CHROME_HEIGHT),\n  )\n\n  // Focus state: which area is currently active\n  const [focusArea, setFocusArea] = useState<FocusArea>(\n    searchEnabled ? 'search' : 'list',\n  )\n\n  // Index of focused item in the list\n  const [focusedIndex, setFocusedIndex] = useState(0)\n\n  // Filter items based on search query\n  const filteredItems = useMemo(() => {\n    if (!searchQuery.trim()) return items\n\n    const query = searchQuery.toLowerCase()\n    return items.filter(\n      item =>\n        item.label.toLowerCase().includes(query) ||\n        item.description?.toLowerCase().includes(query) ||\n        item.category?.toLowerCase().includes(query),\n    )\n  }, [items, searchQuery])\n\n  // Reset focus index when items change\n  React.useEffect(() => {\n    setFocusedIndex(0)\n  }, [filteredItems.length, activeTab])\n\n  // Handle tab cycling\n  const cycleTab = useCallback(\n    (direction: 'left' | 'right') => {\n      const currentIndex = tabs.findIndex(t => t.id === activeTab)\n      let newIndex: number\n\n      if (direction === 'right') {\n        newIndex = (currentIndex + 1) % tabs.length\n      } else {\n        newIndex = currentIndex - 1 < 0 ? tabs.length - 1 : currentIndex - 1\n      }\n\n      onTabChange(tabs[newIndex].id)\n    },\n    [tabs, activeTab, onTabChange],\n  )\n\n  // Handle item selection\n  const handleSelect = useCallback(\n    (item: ListItem) => {\n      if (onSelect) {\n        onSelect(item)\n      }\n    },\n    [onSelect],\n  )\n\n  // Keyboard input handling\n  useInput(\n    (input, key) => {\n      // Status overlay: success/error \u2192 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 \u2192 ignore all input\n      if (statusOverlay) return\n\n      // Escape: onBack if provided, else onClose\n      if (key.escape) {\n        if (onBack) {\n          onBack()\n        } else {\n          onClose()\n        }\n        return\n      }\n\n      // Tab key cycles through tabs\n      if (key.tab) {\n        cycleTab(key.shift ? 'left' : 'right')\n        return\n      }\n\n      // Left/Right arrows for tab navigation when in tabs or search area\n      if (focusArea === 'tabs' || focusArea === 'search') {\n        if (key.leftArrow) {\n          cycleTab('left')\n          return\n        }\n        if (key.rightArrow) {\n          cycleTab('right')\n          return\n        }\n      }\n\n      // Handle focus area navigation\n      if (key.downArrow) {\n        if (focusArea === 'search') {\n          setFocusArea('list')\n          return\n        }\n        if (focusArea === 'list' && filteredItems.length > 0) {\n          setFocusedIndex(prev =>\n            prev < filteredItems.length - 1 ? prev + 1 : prev,\n          )\n          return\n        }\n      }\n\n      if (key.upArrow) {\n        if (focusArea === 'list') {\n          if (focusedIndex > 0) {\n            setFocusedIndex(prev => prev - 1)\n          } else if (searchEnabled) {\n            setFocusArea('search')\n          }\n          return\n        }\n      }\n\n      // Enter in search: submit if onSearchSubmit provided\n      if (key.return && focusArea === 'search' && onSearchSubmit) {\n        onSearchSubmit(searchQuery)\n        return\n      }\n\n      // Space: toggle selection in multi-select mode\n      if (\n        input === ' ' &&\n        multiSelect &&\n        focusArea === 'list' &&\n        filteredItems.length > 0\n      ) {\n        const item = filteredItems[focusedIndex]\n        if (item && onSelectionChange) {\n          const isCurrentlySelected = selectedIds?.has(item.id) ?? false\n          onSelectionChange(item.id, !isCurrentlySelected)\n        }\n        return\n      }\n\n      // 'a': toggle select-all / deselect-all in multi-select mode\n      if (\n        input === 'a' &&\n        multiSelect &&\n        focusArea === 'list' &&\n        filteredItems.length > 0\n      ) {\n        if (onSelectionChange) {\n          const allSelected = filteredItems.every(item =>\n            selectedIds?.has(item.id),\n          )\n          for (const item of filteredItems) {\n            onSelectionChange(item.id, !allSelected)\n          }\n        }\n        return\n      }\n\n      // Enter: batch action if multi-select has selections, otherwise single select\n      if (key.return && focusArea === 'list' && filteredItems.length > 0) {\n        if (\n          multiSelect &&\n          selectedIds &&\n          selectedIds.size > 0 &&\n          onMultiSelect\n        ) {\n          const selectedItems = filteredItems.filter(item =>\n            selectedIds.has(item.id),\n          )\n          if (selectedItems.length > 0) {\n            onMultiSelect(selectedItems)\n            return\n          }\n        }\n        handleSelect(filteredItems[focusedIndex])\n        return\n      }\n\n      // '/' to focus search\n      if (input === '/' && searchEnabled && focusArea !== 'search') {\n        setFocusArea('search')\n        return\n      }\n    },\n    { isActive },\n  )\n\n  // Build footer hint based on current state\n  const defaultHint = '\u2191\u2193 Navigate \u00B7 Enter Select \u00B7 Tab/\u2190\u2192 Switch \u00B7 Esc Close'\n  const multiSelectHint =\n    '\u2191\u2193 Navigate \u00B7 Space Select \u00B7 a All \u00B7 Enter Action \u00B7 Tab Switch \u00B7 Esc Close'\n  const displayHint = statusOverlay\n    ? statusOverlay.type === 'loading'\n      ? ''\n      : statusDismissHint || 'Esc Close'\n    : multiSelect\n      ? selectedIds && selectedIds.size > 0 && multiSelectActionLabel\n        ? `${multiSelectActionLabel} \u00B7 ${footerHint || multiSelectHint}`\n        : footerHint || multiSelectHint\n      : footerHint || defaultHint\n\n  return (\n    <Box flexDirection=\"column\" width=\"100%\">\n      {/* Header bar with top border - mimics PromptInput separator */}\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          {showItemCount && !statusOverlay && filteredItems.length > 0 && (\n            <Text color={SEMANTIC_COLORS.dim}> ({filteredItems.length})</Text>\n          )}\n        </Box>\n\n        {/* Tab Bar - left aligned, flexShrink={0} prevents compression */}\n        <Box marginTop={1} flexShrink={0}>\n          <TabBar tabs={tabs} activeTab={activeTab} onTabChange={onTabChange} />\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        {/* Search Input - hidden during status overlay */}\n        {searchEnabled && !statusOverlay && (\n          <Box marginBottom={1}>\n            <SearchInput\n              value={searchQuery}\n              onChange={onSearchChange || (() => {})}\n              placeholder={searchPlaceholder}\n              isActive={focusArea === 'search'}\n            />\n          </Box>\n        )}\n\n        {/* Content Area - key forces re-render on tab change */}\n        <Box key={`content-${activeTab}`} flexDirection=\"column\">\n          {statusOverlay ? (\n            <StatusOverlayContent\n              type={statusOverlay.type}\n              message={statusOverlay.message}\n            />\n          ) : isLoading ? (\n            <Box>\n              <SimpleSpinner />\n              <Text color={SEMANTIC_COLORS.dim}> {loadingText}</Text>\n            </Box>\n          ) : filteredItems.length === 0 ? (\n            <Box>\n              <Text color={SEMANTIC_COLORS.dim}>{emptyText}</Text>\n            </Box>\n          ) : (\n            <ScrollableList\n              items={filteredItems}\n              focusedIndex={focusedIndex}\n              onFocusChange={setFocusedIndex}\n              onSelect={handleSelect}\n              visibleCount={visibleCount}\n              groupByCategory={groupByCategory}\n              renderItem={renderItem}\n              multiSelect={multiSelect}\n              selectedIds={selectedIds}\n            />\n          )}\n        </Box>\n\n        {/* Footer Hint - compact style */}\n        {displayHint && (\n          <Box marginTop={1}>\n            <Text color={SEMANTIC_COLORS.muted}>{displayHint}</Text>\n          </Box>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * TabbedListView Component\n *\n * A reusable component matching the /command suggestion UI pattern:\n * - Tab navigation (\u2190/\u2192 or Tab key)\n * - Search input (/ to focus)\n * - Scrollable list with \u25C6 selection indicator\n * - Brand gradient colors for selection\n * - Consistent height control (MAX_VISIBLE = 8)\n * - Status overlay for loading/success/error states (maintains frame)\n * - Back navigation support (onBack)\n *\n * Based on Claude Code CLI's /plugins UI pattern.\n */\n\nimport React, { useState, useCallback, useMemo } from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\nimport { TabBar } from './TabBar'\nimport { SearchInput } from './SearchInput'\nimport { ScrollableList } from './ScrollableList'\nimport { SimpleSpinner } from '@components/Spinner'\nimport { StatusOverlayContent } from '@components/StatusOverlayContent'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\nimport type { TabbedListViewProps, ListItem } from './types'\n\ntype InputMode = 'normal' | 'search'\n\n// Heights for dynamic visible count calculation\nconst PROMPT_HEIGHT = 5 // PromptInput borders + input + hints\n\nexport function TabbedListView({\n  title,\n  tabs,\n  activeTab,\n  onTabChange,\n  items,\n  searchEnabled = true,\n  searchPlaceholder = 'Search...',\n  searchQuery = '',\n  onSearchChange,\n  onSearchSubmit,\n  onSelect,\n  onClose,\n  onBack,\n  footerHint,\n  isLoading = false,\n  loadingText = 'Loading...',\n  emptyText = 'No items found',\n  groupByCategory = false,\n  renderItem,\n  statusOverlay,\n  isActive = true,\n  showItemCount = true,\n  showTabs,\n  showList,\n  statusDismissHint,\n  multiSelect,\n  selectedIds,\n  onSelectionChange,\n  onMultiSelect,\n  multiSelectActionLabel,\n}: TabbedListViewProps) {\n  // Dynamic visible count based on terminal height and visible sections\n  const { rows } = useTerminalSize()\n  const chromeHeight =\n    2 + // title + top border\n    (showTabs !== false ? 2 : 0) + // tab bar + margin\n    (searchEnabled ? 2 : 0) + // search + margin\n    2 // footer + bottom border\n  const visibleCount = Math.min(\n    8,\n    Math.max(3, rows - PROMPT_HEIGHT - chromeHeight),\n  )\n\n  // Input mode: always start in 'normal' so list cursor is on first item\n  const [inputMode, setInputMode] = useState<InputMode>('normal')\n\n  // Index of focused item in the list\n  const [focusedIndex, setFocusedIndex] = useState(0)\n\n  // Filter items based on search query\n  const filteredItems = useMemo(() => {\n    if (!searchQuery.trim()) return items\n\n    const query = searchQuery.toLowerCase()\n    return items.filter(\n      item =>\n        item.label.toLowerCase().includes(query) ||\n        item.description?.toLowerCase().includes(query) ||\n        item.category?.toLowerCase().includes(query),\n    )\n  }, [items, searchQuery])\n\n  // Reset focus index when items change\n  React.useEffect(() => {\n    setFocusedIndex(0)\n  }, [filteredItems.length, activeTab])\n\n  // Handle tab cycling\n  const cycleTab = useCallback(\n    (direction: 'left' | 'right') => {\n      const currentIndex = tabs.findIndex(t => t.id === activeTab)\n      let newIndex: number\n\n      if (direction === 'right') {\n        newIndex = (currentIndex + 1) % tabs.length\n      } else {\n        newIndex = currentIndex - 1 < 0 ? tabs.length - 1 : currentIndex - 1\n      }\n\n      onTabChange(tabs[newIndex].id)\n    },\n    [tabs, activeTab, onTabChange],\n  )\n\n  // Handle item selection\n  const handleSelect = useCallback(\n    (item: ListItem) => {\n      if (onSelect) {\n        onSelect(item)\n      }\n    },\n    [onSelect],\n  )\n\n  // Keyboard input handling \u2014 dual-cursor model\n  useInput(\n    (input, key) => {\n      // Status overlay: success/error \u2192 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 \u2192 ignore all input\n      if (statusOverlay) return\n\n      // --- Search mode: text input is active ---\n      if (inputMode === 'search') {\n        if (key.escape) {\n          if (showList !== false) {\n            setInputMode('normal')\n          } else if (onBack) {\n            onBack()\n          } else {\n            onClose()\n          }\n          return\n        }\n        if (key.downArrow && showList !== false) {\n          setInputMode('normal')\n          return\n        }\n        if (key.return && onSearchSubmit) {\n          onSearchSubmit(searchQuery)\n          return\n        }\n        // Left/Right: cycle tabs even in search mode (matches original behavior)\n        if (showTabs !== false) {\n          if (key.leftArrow) {\n            cycleTab('left')\n            return\n          }\n          if (key.rightArrow) {\n            cycleTab('right')\n            return\n          }\n        }\n        // All other input passes through to InkTextInput\n        return\n      }\n\n      // --- Normal mode: dual-cursor (L/R tabs, U/D list) ---\n\n      // Escape: onBack if provided, else onClose\n      if (key.escape) {\n        if (onBack) {\n          onBack()\n        } else {\n          onClose()\n        }\n        return\n      }\n\n      // Tab key cycles through tabs\n      if (key.tab && showTabs !== false) {\n        cycleTab(key.shift ? 'left' : 'right')\n        return\n      }\n\n      // Left/Right arrows always cycle tabs in normal mode\n      if (showTabs !== false) {\n        if (key.leftArrow) {\n          cycleTab('left')\n          return\n        }\n        if (key.rightArrow) {\n          cycleTab('right')\n          return\n        }\n      }\n\n      // Down arrow: navigate list down\n      if (key.downArrow && showList !== false && filteredItems.length > 0) {\n        setFocusedIndex(prev =>\n          prev < filteredItems.length - 1 ? prev + 1 : prev,\n        )\n        return\n      }\n\n      // Up arrow: navigate list up; at index 0 \u2192 enter search if enabled\n      if (key.upArrow && showList !== false) {\n        if (focusedIndex > 0) {\n          setFocusedIndex(prev => prev - 1)\n        } else if (searchEnabled) {\n          setInputMode('search')\n        }\n        return\n      }\n\n      // Space: toggle selection in multi-select mode\n      if (\n        input === ' ' &&\n        multiSelect &&\n        showList !== false &&\n        filteredItems.length > 0\n      ) {\n        const item = filteredItems[focusedIndex]\n        if (item && onSelectionChange) {\n          const isCurrentlySelected = selectedIds?.has(item.id) ?? false\n          onSelectionChange(item.id, !isCurrentlySelected)\n        }\n        return\n      }\n\n      // 'a': toggle select-all / deselect-all in multi-select mode\n      if (\n        input === 'a' &&\n        multiSelect &&\n        showList !== false &&\n        filteredItems.length > 0\n      ) {\n        if (onSelectionChange) {\n          const allSelected = filteredItems.every(item =>\n            selectedIds?.has(item.id),\n          )\n          for (const item of filteredItems) {\n            onSelectionChange(item.id, !allSelected)\n          }\n        }\n        return\n      }\n\n      // Enter: batch action if multi-select has selections, otherwise single select\n      if (key.return && showList !== false && filteredItems.length > 0) {\n        if (\n          multiSelect &&\n          selectedIds &&\n          selectedIds.size > 0 &&\n          onMultiSelect\n        ) {\n          const selectedItems = filteredItems.filter(item =>\n            selectedIds.has(item.id),\n          )\n          if (selectedItems.length > 0) {\n            onMultiSelect(selectedItems)\n            return\n          }\n        }\n        const selectedItem =\n          filteredItems[Math.min(focusedIndex, filteredItems.length - 1)]\n        if (selectedItem) handleSelect(selectedItem)\n        return\n      }\n\n      // '/' to focus search\n      if (input === '/' && searchEnabled && inputMode !== 'search') {\n        setInputMode('search')\n        return\n      }\n    },\n    { isActive },\n  )\n\n  // Build footer hint dynamically based on visible sections\n  const buildDefaultHint = (): string => {\n    const parts: string[] = []\n    if (showList !== false) parts.push('\u2191\u2193 Navigate')\n    if (showList !== false) parts.push('Enter Select')\n    if (showTabs !== false) parts.push('Tab/\u2190\u2192 Switch')\n    parts.push('Esc Close')\n    return parts.join(' \u00B7 ')\n  }\n  const buildMultiSelectHint = (): string => {\n    const parts: string[] = []\n    if (showList !== false) parts.push('\u2191\u2193 Navigate')\n    parts.push('Space Select')\n    parts.push('a All')\n    parts.push('Enter Action')\n    if (showTabs !== false) parts.push('Tab Switch')\n    parts.push('Esc Close')\n    return parts.join(' \u00B7 ')\n  }\n  const displayHint = statusOverlay\n    ? statusOverlay.type === 'loading'\n      ? ''\n      : statusDismissHint || 'Esc Close'\n    : multiSelect\n      ? selectedIds && selectedIds.size > 0 && multiSelectActionLabel\n        ? `${multiSelectActionLabel} \u00B7 ${footerHint || buildMultiSelectHint()}`\n        : footerHint || buildMultiSelectHint()\n      : footerHint || buildDefaultHint()\n\n  return (\n    <Box flexDirection=\"column\" width=\"100%\">\n      {/* Header bar with top border - mimics PromptInput separator */}\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          {showItemCount && !statusOverlay && filteredItems.length > 0 && (\n            <Text color={SEMANTIC_COLORS.dim}> ({filteredItems.length})</Text>\n          )}\n        </Box>\n\n        {/* Tab Bar - only if showTabs */}\n        {showTabs !== false && (\n          <Box marginTop={1} flexShrink={0}>\n            <TabBar\n              tabs={tabs}\n              activeTab={activeTab}\n              onTabChange={onTabChange}\n            />\n          </Box>\n        )}\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        {/* Search Input - hidden during status overlay */}\n        {searchEnabled && !statusOverlay && (\n          <Box marginBottom={1}>\n            <SearchInput\n              value={searchQuery}\n              onChange={onSearchChange || (() => {})}\n              placeholder={searchPlaceholder}\n              isActive={inputMode === 'search'}\n            />\n          </Box>\n        )}\n\n        {/* Content Area - only if showList */}\n        {showList !== false && (\n          <Box key={`content-${activeTab}`} flexDirection=\"column\">\n            {statusOverlay ? (\n              <StatusOverlayContent\n                type={statusOverlay.type}\n                message={statusOverlay.message}\n              />\n            ) : isLoading ? (\n              <Box>\n                <SimpleSpinner />\n                <Text color={SEMANTIC_COLORS.dim}> {loadingText}</Text>\n              </Box>\n            ) : filteredItems.length === 0 ? (\n              <Box>\n                <Text color={SEMANTIC_COLORS.dim}>{emptyText}</Text>\n              </Box>\n            ) : (\n              <ScrollableList\n                items={filteredItems}\n                focusedIndex={focusedIndex}\n                onFocusChange={setFocusedIndex}\n                onSelect={handleSelect}\n                visibleCount={visibleCount}\n                groupByCategory={groupByCategory}\n                renderItem={renderItem}\n                multiSelect={multiSelect}\n                selectedIds={selectedIds}\n              />\n            )}\n          </Box>\n        )}\n\n        {/* Footer Hint - compact style */}\n        {displayHint && (\n          <Box marginTop={1}>\n            <Text color={SEMANTIC_COLORS.muted}>{displayHint}</Text>\n          </Box>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }