@within-7/minto 0.4.0 → 0.4.2

package/dist/components/AgentDetailView.js

@@ -0,0 +1,126 @@
+import { Box, Text, useInput } from "ink";
+import InkTextInput from "ink-text-input";
+import React, { useState, useMemo } from "react";
+import { Message } from "./Message.js";
+import { useAgentTranscript } from "../hooks/useAgentTranscripts.js";
+import { useTeamMembers } from "../hooks/useTeamMembers.js";
+import { getTeam } from "../services/agentTeams/teamManager.js";
+import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../constants/colors.js";
+import { normalizeMessages, isNotEmptyMessage } from "../utils/messages.js";
+const STATUS_BADGE = {
+  running: { label: "running", color: "yellow" },
+  working: { label: "working", color: "yellow" },
+  planning: { label: "planning", color: "cyan" },
+  idle: { label: "idle", color: "green" },
+  pending: { label: "pending", color: "cyan" },
+  completed: { label: "done", color: "green" },
+  stopped: { label: "stopped", color: "gray" },
+  error: { label: "error", color: "red" },
+  cancelled: { label: "cancelled", color: "gray" }
+};
+const MEMBER_STATUS_ICONS = {
+  working: "\u25D0",
+  // ◐
+  planning: "\u25D1",
+  // ◑
+  idle: "\u25CB",
+  // ○
+  stopped: "\u25CC"
+  // ◌
+};
+function AgentFocusView({
+  agentId,
+  teamName,
+  tools,
+  verbose,
+  debug,
+  onBack
+}) {
+  const [inputValue, setInputValue] = useState("");
+  const transcript = useAgentTranscript(agentId);
+  const { members } = useTeamMembers();
+  useInput((_input, key) => {
+    if (key.escape) {
+      onBack();
+    }
+  });
+  const normalizedMessages = useMemo(() => {
+    if (!transcript?.messages) return [];
+    return normalizeMessages(transcript.messages).filter(isNotEmptyMessage);
+  }, [transcript?.messages]);
+  const handleSubmit = (text) => {
+    if (!text.trim()) return;
+    const entry = getTeam(teamName);
+    if (entry) {
+      entry.mailbox.send("user", agentId, text.trim());
+    }
+    setInputValue("");
+  };
+  const agentName = transcript?.description ?? agentId;
+  const agentType = transcript?.agentType ?? "unknown";
+  const status = transcript?.status ?? "pending";
+  const badge = STATUS_BADGE[status] ?? STATUS_BADGE.pending;
+  const displayName = agentId.includes("@") ? agentId.split("@")[0] : agentId;
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: "100%" }, /* @__PURE__ */ React.createElement(Box, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "Viewing "), /* @__PURE__ */ React.createElement(Text, { bold: true, color: BRAND_GRADIENT.START }, "@", displayName), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " (", agentType, ")"), /* @__PURE__ */ React.createElement(Text, null, " "), /* @__PURE__ */ React.createElement(Text, { color: badge.color }, "[", badge.label, "]"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "  ", "\xB7 Esc to return")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: "100%" }, normalizedMessages.length === 0 ? /* @__PURE__ */ React.createElement(Box, { paddingX: 1, paddingY: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "Waiting for agent output...")) : normalizedMessages.map((msg) => {
+    if (msg.type !== "user" && msg.type !== "assistant") return null;
+    return /* @__PURE__ */ React.createElement(Box, { key: msg.uuid, width: "100%" }, /* @__PURE__ */ React.createElement(
+      Message,
+      {
+        message: msg,
+        messages: normalizedMessages,
+        addMargin: true,
+        tools,
+        verbose,
+        debug,
+        erroredToolUseIDs: /* @__PURE__ */ new Set(),
+        inProgressToolUseIDs: /* @__PURE__ */ new Set(),
+        unresolvedToolUseIDs: /* @__PURE__ */ new Set(),
+        shouldAnimate: false,
+        shouldShowDot: false
+      }
+    ));
+  })), members.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingX: 1, marginTop: 1 }, members.map((member, index) => {
+    const isLast = index === members.length - 1;
+    const isCurrent = member.id === agentId;
+    const connector = isLast ? "\u2558\u2550" : index === 0 ? "\u250C\u2500" : "\u251C\u2500";
+    const icon = MEMBER_STATUS_ICONS[member.status] || "\u25CB";
+    const statusColor = STATUS_BADGE[member.status]?.color ?? "gray";
+    return /* @__PURE__ */ React.createElement(Box, { key: member.id, flexDirection: "row", gap: 1, paddingLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, connector), /* @__PURE__ */ React.createElement(Text, { color: statusColor }, icon), /* @__PURE__ */ React.createElement(
+      Text,
+      {
+        bold: isCurrent,
+        color: isCurrent ? BRAND_GRADIENT.START : void 0
+      },
+      "@",
+      member.name
+    ), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "(", member.agentType, ")", isCurrent ? " \xB7 viewing" : ""));
+  })), /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      borderTop: true,
+      borderBottom: false,
+      borderLeft: false,
+      borderRight: false,
+      borderColor: BRAND_GRADIENT.START,
+      borderStyle: "single",
+      width: "100%",
+      paddingX: 1,
+      flexDirection: "row",
+      gap: 1
+    },
+    /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, ">"),
+    /* @__PURE__ */ React.createElement(
+      InkTextInput,
+      {
+        value: inputValue,
+        onChange: setInputValue,
+        onSubmit: handleSubmit,
+        placeholder: `Message @${displayName}...`
+      }
+    )
+  ), /* @__PURE__ */ React.createElement(Box, { paddingX: 2 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, "Type to message \xB7 Esc Back to main")));
+}
+export {
+  AgentFocusView
+};
+//# sourceMappingURL=AgentDetailView.js.map

package/dist/components/AgentDetailView.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/AgentDetailView.tsx"],
+  "sourcesContent": ["/**\n * AgentFocusView Component\n *\n * Full-screen focus view for a specific agent's transcript.\n * Clears the terminal and replaces the main REPL content entirely.\n * Shows real-time agent output (tool calls, AI text, status) using\n * the same Message component as the main REPL.\n * Includes a text input for sending messages to influence the agent.\n * Press Escape to return to the main REPL view.\n */\n\nimport { Box, Text, useInput } from 'ink'\nimport InkTextInput from 'ink-text-input'\nimport React, { useState, useMemo } from 'react'\nimport { Message } from './Message'\nimport { useAgentTranscript } from '@hooks/useAgentTranscripts'\nimport { useTeamMembers } from '@hooks/useTeamMembers'\nimport { getTeam } from '@services/agentTeams/teamManager'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\nimport type { Tool } from '@tool'\nimport type { AssistantMessage, UserMessage } from '@query'\nimport { normalizeMessages, isNotEmptyMessage } from '@utils/messages'\n\ntype Props = {\n  agentId: string\n  teamName: string\n  tools: Tool[]\n  verbose: boolean\n  debug: boolean\n  onBack: () => void\n}\n\nconst STATUS_BADGE: Record<string, { label: string; color: string }> = {\n  running: { label: 'running', color: 'yellow' },\n  working: { label: 'working', color: 'yellow' },\n  planning: { label: 'planning', color: 'cyan' },\n  idle: { label: 'idle', color: 'green' },\n  pending: { label: 'pending', color: 'cyan' },\n  completed: { label: 'done', color: 'green' },\n  stopped: { label: 'stopped', color: 'gray' },\n  error: { label: 'error', color: 'red' },\n  cancelled: { label: 'cancelled', color: 'gray' },\n}\n\nconst MEMBER_STATUS_ICONS: Record<string, string> = {\n  working: '\\u25D0', // \u25D0\n  planning: '\\u25D1', // \u25D1\n  idle: '\\u25CB', // \u25CB\n  stopped: '\\u25CC', // \u25CC\n}\n\nexport function AgentFocusView({\n  agentId,\n  teamName,\n  tools,\n  verbose,\n  debug,\n  onBack,\n}: Props): React.ReactNode {\n  const [inputValue, setInputValue] = useState('')\n  const transcript = useAgentTranscript(agentId)\n  const { members } = useTeamMembers()\n\n  // Handle keyboard\n  useInput((_input, key) => {\n    if (key.escape) {\n      onBack()\n    }\n  })\n\n  // Normalize transcript messages for rendering\n  const normalizedMessages = useMemo(() => {\n    if (!transcript?.messages) return []\n    return normalizeMessages(transcript.messages).filter(isNotEmptyMessage)\n  }, [transcript?.messages])\n\n  // Send message to agent via mailbox\n  const handleSubmit = (text: string) => {\n    if (!text.trim()) return\n    const entry = getTeam(teamName)\n    if (entry) {\n      entry.mailbox.send('user', agentId, text.trim())\n    }\n    setInputValue('')\n  }\n\n  const agentName = transcript?.description ?? agentId\n  const agentType = transcript?.agentType ?? 'unknown'\n  const status = transcript?.status ?? 'pending'\n  const badge = STATUS_BADGE[status] ?? STATUS_BADGE.pending!\n\n  // Derive short display name (strip @team suffix)\n  const displayName = agentId.includes('@') ? agentId.split('@')[0] : agentId\n\n  return (\n    <Box flexDirection=\"column\" width=\"100%\">\n      {/* Full-screen header banner \u2014 matches CC CLI \"Viewing @agent\" style */}\n      <Box paddingX={1} marginBottom={1}>\n        <Text color={BRAND_GRADIENT.START}>Viewing </Text>\n        <Text bold color={BRAND_GRADIENT.START}>\n          @{displayName}\n        </Text>\n        <Text color={SEMANTIC_COLORS.dim}> ({agentType})</Text>\n        <Text> </Text>\n        <Text color={badge.color}>[{badge.label}]</Text>\n        <Text color={SEMANTIC_COLORS.dim}>{'  '}\u00B7 Esc to return</Text>\n      </Box>\n\n      {/* Message area - renders agent transcript */}\n      <Box flexDirection=\"column\" width=\"100%\">\n        {normalizedMessages.length === 0 ? (\n          <Box paddingX={1} paddingY={1}>\n            <Text color={SEMANTIC_COLORS.dim}>Waiting for agent output...</Text>\n          </Box>\n        ) : (\n          normalizedMessages.map(msg => {\n            // Only render user and assistant messages\n            if (msg.type !== 'user' && msg.type !== 'assistant') return null\n\n            return (\n              <Box key={msg.uuid} width=\"100%\">\n                <Message\n                  message={msg as UserMessage | AssistantMessage}\n                  messages={normalizedMessages}\n                  addMargin={true}\n                  tools={tools}\n                  verbose={verbose}\n                  debug={debug}\n                  erroredToolUseIDs={new Set()}\n                  inProgressToolUseIDs={new Set()}\n                  unresolvedToolUseIDs={new Set()}\n                  shouldAnimate={false}\n                  shouldShowDot={false}\n                />\n              </Box>\n            )\n          })\n        )}\n      </Box>\n\n      {/* Team member status bar \u2014 shows all teammates with their status */}\n      {members.length > 0 && (\n        <Box flexDirection=\"column\" paddingX={1} marginTop={1}>\n          {members.map((member, index) => {\n            const isLast = index === members.length - 1\n            const isCurrent = member.id === agentId\n            const connector = isLast\n              ? '\\u2558\\u2550'\n              : index === 0\n                ? '\\u250C\\u2500'\n                : '\\u251C\\u2500'\n            const icon = MEMBER_STATUS_ICONS[member.status] || '\\u25CB'\n            const statusColor = STATUS_BADGE[member.status]?.color ?? 'gray'\n\n            return (\n              <Box key={member.id} flexDirection=\"row\" gap={1} paddingLeft={2}>\n                <Text color={SEMANTIC_COLORS.dim}>{connector}</Text>\n                <Text color={statusColor}>{icon}</Text>\n                <Text\n                  bold={isCurrent}\n                  color={isCurrent ? BRAND_GRADIENT.START : undefined}\n                >\n                  @{member.name}\n                </Text>\n                <Text color={SEMANTIC_COLORS.dim}>\n                  ({member.agentType}){isCurrent ? ' \u00B7 viewing' : ''}\n                </Text>\n              </Box>\n            )\n          })}\n        </Box>\n      )}\n\n      {/* Input area */}\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=\"row\"\n        gap={1}\n      >\n        <Text color={BRAND_GRADIENT.START}>&gt;</Text>\n        <InkTextInput\n          value={inputValue}\n          onChange={setInputValue}\n          onSubmit={handleSubmit}\n          placeholder={`Message @${displayName}...`}\n        />\n      </Box>\n      <Box paddingX={2}>\n        <Text color={SEMANTIC_COLORS.muted}>\n          Type to message \u00B7 Esc Back to main\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/AgentThinkingBlock.js

@@ -18,7 +18,7 @@ function AgentThinkingBlock({
     spinnerFrameCount: frames.length,
     componentId: "agent-thinking-block"
   });
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginTop: 1 }, showSpinner && /* @__PURE__ */ React.createElement(Box, { flexWrap: "nowrap", height: 1, width: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, frames[spinnerFrame])), /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, message, showSpinner && "\u2026"), showElapsedTime && /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " ", "(", elapsedTime, "s \xB7 ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "esc esc"), " to interrupt)"));
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginTop: 1 }, showSpinner && /* @__PURE__ */ React.createElement(Box, { flexWrap: "nowrap", height: 1, width: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, frames[spinnerFrame])), /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, message, showSpinner && "\u2026"), showElapsedTime && /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " ", "(", elapsedTime, "s \xB7 ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "esc"), " to interrupt)"));
 }
 function ThinkingIndicator({
   message

package/dist/components/AgentThinkingBlock.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/AgentThinkingBlock.tsx"],
-  "sourcesContent": ["/**\n * AgentThinkingBlock - Claude Code CLI \u98CE\u683C\u7684\u601D\u8003\u8FC7\u7A0B\u7EC4\u4EF6\n *\n * \u6838\u5FC3\u7279\u6027\uFF1A\n * 1. **\u539F\u5730\u66F4\u65B0** - \u540C\u4E00\u4E2A\u7EC4\u4EF6\u5B9E\u4F8B\uFF0C\u901A\u8FC7 props \u66F4\u65B0\u5185\u5BB9\n * 2. **\u6697\u6DE1\u914D\u8272** - \u4F7F\u7528 dimmedText \u8868\u793A\u8FC7\u6E21\u72B6\u6001\n * 3. **\u52A8\u753B Spinner** - \u6301\u7EED\u65CB\u8F6C\uFF0C\u8868\u793A\u6D3B\u8DC3\u72B6\u6001\n * 4. **\u6D41\u7545\u8FC7\u6E21** - \u6D88\u606F\u53D8\u5316\u65F6\u5E73\u6ED1\u66FF\u6362\uFF0C\u4E0D\u4EA7\u751F\u6EDA\u52A8\n *\n * \u8FD9\u662F\u5B9E\u73B0\"\u6D41\u52A8\u6027\"\u7684\u5173\u952E\u7EC4\u4EF6\n * \u4F7F\u7528\u7EDF\u4E00\u52A8\u753B\u7BA1\u7406\u5668\u4EE3\u66FF\u591A\u4E2A setInterval\uFF0C\u51CF\u5C11\u5C4F\u5E55\u95EA\u70C1\n */\n\nimport React, { useRef } from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { SYMBOLS } from '@constants/symbols'\nimport { useUnifiedAnimation } from '@utils/animationManager'\n\ninterface Props {\n  /** \u5F53\u524D\u601D\u8003\u9636\u6BB5\u7684\u6D88\u606F */\n  message: string\n\n  /** \u662F\u5426\u663E\u793A Spinner \u52A8\u753B */\n  showSpinner?: boolean\n\n  /** \u662F\u5426\u663E\u793A\u7ECF\u8FC7\u65F6\u95F4 */\n  showElapsedTime?: boolean\n\n  /** \u8D77\u59CB\u65F6\u95F4 (\u7528\u4E8E\u8BA1\u7B97\u7ECF\u8FC7\u65F6\u95F4) */\n  startTime?: number\n}\n\n/**\n * AgentThinkingBlock - \u539F\u5730\u66F4\u65B0\u7684\u601D\u8003\u8FC7\u7A0B\u7EC4\u4EF6\n *\n * \u7528\u6CD5\u793A\u4F8B\uFF1A\n * ```tsx\n * // \u521D\u59CB\u6E32\u67D3\n * <AgentThinkingBlock message=\"Reading file...\" />\n *\n * // \u66F4\u65B0\u6D88\u606F (\u540C\u4E00\u4E2A\u7EC4\u4EF6\u5B9E\u4F8B\uFF0Cprops \u53D8\u5316)\n * <AgentThinkingBlock message=\"Analyzing code...\" />\n *\n * // \u518D\u6B21\u66F4\u65B0\n * <AgentThinkingBlock message=\"Generating response...\" />\n * ```\n *\n * \u7528\u6237\u770B\u5230\u7684\u6548\u679C\uFF1A\n * ```\n * \u00B7 Reading file...       \u2190 \u663E\u793A\n * \u2722 Analyzing code...     \u2190 \u66FF\u6362 (\u4E0D\u662F\u65B0\u884C)\n * \u2733 Generating response...  \u2190 \u518D\u6B21\u66FF\u6362\n * ```\n */\nexport function AgentThinkingBlock({\n  message,\n  showSpinner = true,\n  showElapsedTime = true,\n  startTime = Date.now(),\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  const startTimeRef = useRef(startTime)\n\n  // Claude Code \u98CE\u683C\u7684\u601D\u8003\u52A8\u753B - 6\u5E27\u5FAA\u73AF\n  const frames = SYMBOLS.THINKING_FRAMES\n\n  // Use unified animation manager instead of separate setInterval timers\n  const { spinnerFrame, elapsedTime } = useUnifiedAnimation({\n    enabled: showSpinner || showElapsedTime,\n    startTime: startTimeRef.current,\n    spinnerFrameCount: frames.length,\n    componentId: 'agent-thinking-block',\n  })\n\n  return (\n    <Box flexDirection=\"row\" marginTop={1}>\n      {/* Spinner \u52A8\u753B */}\n      {showSpinner && (\n        <Box flexWrap=\"nowrap\" height={1} width={2}>\n          {/* \u4F7F\u7528\u6697\u6DE1\u8272 - \u5173\u952E\uFF1A\u8FC7\u6E21\u72B6\u6001\u5E94\u8BE5\u4E0D\u663E\u773C */}\n          <Text color={theme.dimmedText}>{frames[spinnerFrame]}</Text>\n        </Box>\n      )}\n\n      {/* \u601D\u8003\u6D88\u606F - \u4F7F\u7528\u6697\u6DE1\u8272\uFF0C\u7B26\u5408 Claude Code CLI \u89C4\u8303 */}\n      <Text color={theme.dimmedText}>\n        {message}\n        {showSpinner && '\u2026'}\n      </Text>\n\n      {/* \u7ECF\u8FC7\u65F6\u95F4\u548C\u63D0\u793A */}\n      {showElapsedTime && (\n        <Text color={theme.mutedText}>\n          {' '}\n          ({elapsedTime}s \u00B7 <Text bold>esc esc</Text> to interrupt)\n        </Text>\n      )}\n    </Box>\n  )\n}\n\n/**\n * \u8F7B\u91CF\u7EA7\u7684 Thinking Indicator (\u7528\u4E8E\u7D27\u51D1\u5E03\u5C40)\n */\nexport function ThinkingIndicator({\n  message,\n}: {\n  message: string\n}): React.ReactNode {\n  return <AgentThinkingBlock message={message} showElapsedTime={false} />\n}\n"],
-  "mappings": "AAaA,OAAO,SAAS,cAAc;AAC9B,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,2BAA2B;AAsC7B,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,YAAY,KAAK,IAAI;AACvB,GAA2B;AACzB,QAAM,QAAQ,SAAS;AACvB,QAAM,eAAe,OAAO,SAAS;AAGrC,QAAM,SAAS,QAAQ;AAGvB,QAAM,EAAE,cAAc,YAAY,IAAI,oBAAoB;AAAA,IACxD,SAAS,eAAe;AAAA,IACxB,WAAW,aAAa;AAAA,IACxB,mBAAmB,OAAO;AAAA,IAC1B,aAAa;AAAA,EACf,CAAC;AAED,SACE,oCAAC,OAAI,eAAc,OAAM,WAAW,KAEjC,eACC,oCAAC,OAAI,UAAS,UAAS,QAAQ,GAAG,OAAO,KAEvC,oCAAC,QAAK,OAAO,MAAM,cAAa,OAAO,YAAY,CAAE,CACvD,GAIF,oCAAC,QAAK,OAAO,MAAM,cAChB,SACA,eAAe,QAClB,GAGC,mBACC,oCAAC,QAAK,OAAO,MAAM,aAChB,KAAI,KACH,aAAY,WAAI,oCAAC,QAAK,MAAI,QAAC,SAAO,GAAO,gBAC7C,CAEJ;AAEJ;AAKO,SAAS,kBAAkB;AAAA,EAChC;AACF,GAEoB;AAClB,SAAO,oCAAC,sBAAmB,SAAkB,iBAAiB,OAAO;AACvE;",
+  "sourcesContent": ["/**\n * AgentThinkingBlock - Claude Code CLI \u98CE\u683C\u7684\u601D\u8003\u8FC7\u7A0B\u7EC4\u4EF6\n *\n * \u6838\u5FC3\u7279\u6027\uFF1A\n * 1. **\u539F\u5730\u66F4\u65B0** - \u540C\u4E00\u4E2A\u7EC4\u4EF6\u5B9E\u4F8B\uFF0C\u901A\u8FC7 props \u66F4\u65B0\u5185\u5BB9\n * 2. **\u6697\u6DE1\u914D\u8272** - \u4F7F\u7528 dimmedText \u8868\u793A\u8FC7\u6E21\u72B6\u6001\n * 3. **\u52A8\u753B Spinner** - \u6301\u7EED\u65CB\u8F6C\uFF0C\u8868\u793A\u6D3B\u8DC3\u72B6\u6001\n * 4. **\u6D41\u7545\u8FC7\u6E21** - \u6D88\u606F\u53D8\u5316\u65F6\u5E73\u6ED1\u66FF\u6362\uFF0C\u4E0D\u4EA7\u751F\u6EDA\u52A8\n *\n * \u8FD9\u662F\u5B9E\u73B0\"\u6D41\u52A8\u6027\"\u7684\u5173\u952E\u7EC4\u4EF6\n * \u4F7F\u7528\u7EDF\u4E00\u52A8\u753B\u7BA1\u7406\u5668\u4EE3\u66FF\u591A\u4E2A setInterval\uFF0C\u51CF\u5C11\u5C4F\u5E55\u95EA\u70C1\n */\n\nimport React, { useRef } from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { SYMBOLS } from '@constants/symbols'\nimport { useUnifiedAnimation } from '@utils/animationManager'\n\ninterface Props {\n  /** \u5F53\u524D\u601D\u8003\u9636\u6BB5\u7684\u6D88\u606F */\n  message: string\n\n  /** \u662F\u5426\u663E\u793A Spinner \u52A8\u753B */\n  showSpinner?: boolean\n\n  /** \u662F\u5426\u663E\u793A\u7ECF\u8FC7\u65F6\u95F4 */\n  showElapsedTime?: boolean\n\n  /** \u8D77\u59CB\u65F6\u95F4 (\u7528\u4E8E\u8BA1\u7B97\u7ECF\u8FC7\u65F6\u95F4) */\n  startTime?: number\n}\n\n/**\n * AgentThinkingBlock - \u539F\u5730\u66F4\u65B0\u7684\u601D\u8003\u8FC7\u7A0B\u7EC4\u4EF6\n *\n * \u7528\u6CD5\u793A\u4F8B\uFF1A\n * ```tsx\n * // \u521D\u59CB\u6E32\u67D3\n * <AgentThinkingBlock message=\"Reading file...\" />\n *\n * // \u66F4\u65B0\u6D88\u606F (\u540C\u4E00\u4E2A\u7EC4\u4EF6\u5B9E\u4F8B\uFF0Cprops \u53D8\u5316)\n * <AgentThinkingBlock message=\"Analyzing code...\" />\n *\n * // \u518D\u6B21\u66F4\u65B0\n * <AgentThinkingBlock message=\"Generating response...\" />\n * ```\n *\n * \u7528\u6237\u770B\u5230\u7684\u6548\u679C\uFF1A\n * ```\n * \u00B7 Reading file...       \u2190 \u663E\u793A\n * \u2722 Analyzing code...     \u2190 \u66FF\u6362 (\u4E0D\u662F\u65B0\u884C)\n * \u2733 Generating response...  \u2190 \u518D\u6B21\u66FF\u6362\n * ```\n */\nexport function AgentThinkingBlock({\n  message,\n  showSpinner = true,\n  showElapsedTime = true,\n  startTime = Date.now(),\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  const startTimeRef = useRef(startTime)\n\n  // Claude Code \u98CE\u683C\u7684\u601D\u8003\u52A8\u753B - 6\u5E27\u5FAA\u73AF\n  const frames = SYMBOLS.THINKING_FRAMES\n\n  // Use unified animation manager instead of separate setInterval timers\n  const { spinnerFrame, elapsedTime } = useUnifiedAnimation({\n    enabled: showSpinner || showElapsedTime,\n    startTime: startTimeRef.current,\n    spinnerFrameCount: frames.length,\n    componentId: 'agent-thinking-block',\n  })\n\n  return (\n    <Box flexDirection=\"row\" marginTop={1}>\n      {/* Spinner \u52A8\u753B */}\n      {showSpinner && (\n        <Box flexWrap=\"nowrap\" height={1} width={2}>\n          {/* \u4F7F\u7528\u6697\u6DE1\u8272 - \u5173\u952E\uFF1A\u8FC7\u6E21\u72B6\u6001\u5E94\u8BE5\u4E0D\u663E\u773C */}\n          <Text color={theme.dimmedText}>{frames[spinnerFrame]}</Text>\n        </Box>\n      )}\n\n      {/* \u601D\u8003\u6D88\u606F - \u4F7F\u7528\u6697\u6DE1\u8272\uFF0C\u7B26\u5408 Claude Code CLI \u89C4\u8303 */}\n      <Text color={theme.dimmedText}>\n        {message}\n        {showSpinner && '\u2026'}\n      </Text>\n\n      {/* \u7ECF\u8FC7\u65F6\u95F4\u548C\u63D0\u793A */}\n      {showElapsedTime && (\n        <Text color={theme.mutedText}>\n          {' '}\n          ({elapsedTime}s \u00B7 <Text bold>esc</Text> to interrupt)\n        </Text>\n      )}\n    </Box>\n  )\n}\n\n/**\n * \u8F7B\u91CF\u7EA7\u7684 Thinking Indicator (\u7528\u4E8E\u7D27\u51D1\u5E03\u5C40)\n */\nexport function ThinkingIndicator({\n  message,\n}: {\n  message: string\n}): React.ReactNode {\n  return <AgentThinkingBlock message={message} showElapsedTime={false} />\n}\n"],
+  "mappings": "AAaA,OAAO,SAAS,cAAc;AAC9B,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,2BAA2B;AAsC7B,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,YAAY,KAAK,IAAI;AACvB,GAA2B;AACzB,QAAM,QAAQ,SAAS;AACvB,QAAM,eAAe,OAAO,SAAS;AAGrC,QAAM,SAAS,QAAQ;AAGvB,QAAM,EAAE,cAAc,YAAY,IAAI,oBAAoB;AAAA,IACxD,SAAS,eAAe;AAAA,IACxB,WAAW,aAAa;AAAA,IACxB,mBAAmB,OAAO;AAAA,IAC1B,aAAa;AAAA,EACf,CAAC;AAED,SACE,oCAAC,OAAI,eAAc,OAAM,WAAW,KAEjC,eACC,oCAAC,OAAI,UAAS,UAAS,QAAQ,GAAG,OAAO,KAEvC,oCAAC,QAAK,OAAO,MAAM,cAAa,OAAO,YAAY,CAAE,CACvD,GAIF,oCAAC,QAAK,OAAO,MAAM,cAChB,SACA,eAAe,QAClB,GAGC,mBACC,oCAAC,QAAK,OAAO,MAAM,aAChB,KAAI,KACH,aAAY,WAAI,oCAAC,QAAK,MAAI,QAAC,KAAG,GAAO,gBACzC,CAEJ;AAEJ;AAKO,SAAS,kBAAkB;AAAA,EAChC;AACF,GAEoB;AAClB,SAAO,oCAAC,sBAAmB,SAAkB,iBAAiB,OAAO;AACvE;",
   "names": []
 }

package/dist/components/AgentViewBanner.js

@@ -0,0 +1,22 @@
+import { Box, Text } from "ink";
+import React from "react";
+import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../constants/colors.js";
+const STATUS_BADGE = {
+  running: { label: "running", color: "yellow" },
+  working: { label: "working", color: "yellow" },
+  planning: { label: "planning", color: "cyan" },
+  idle: { label: "idle", color: "green" },
+  pending: { label: "pending", color: "cyan" },
+  completed: { label: "done", color: "green" },
+  stopped: { label: "stopped", color: "gray" },
+  error: { label: "error", color: "red" },
+  cancelled: { label: "cancelled", color: "gray" }
+};
+function AgentViewBanner({ displayName, agentType, status }) {
+  const badge = STATUS_BADGE[status] ?? { label: status, color: "gray" };
+  return /* @__PURE__ */ React.createElement(Box, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "Focused: "), /* @__PURE__ */ React.createElement(Text, { bold: true, color: BRAND_GRADIENT.START }, "@", displayName), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " (", agentType, ")"), /* @__PURE__ */ React.createElement(Text, null, " "), /* @__PURE__ */ React.createElement(Text, { color: badge.color }, "[", badge.label, "]"));
+}
+export {
+  AgentViewBanner
+};
+//# sourceMappingURL=AgentViewBanner.js.map

package/dist/components/AgentViewBanner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/AgentViewBanner.tsx"],
+  "sourcesContent": ["import { Box, Text } from 'ink'\nimport React from 'react'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\n\nconst STATUS_BADGE: Record<string, { label: string; color: string }> = {\n  running: { label: 'running', color: 'yellow' },\n  working: { label: 'working', color: 'yellow' },\n  planning: { label: 'planning', color: 'cyan' },\n  idle: { label: 'idle', color: 'green' },\n  pending: { label: 'pending', color: 'cyan' },\n  completed: { label: 'done', color: 'green' },\n  stopped: { label: 'stopped', color: 'gray' },\n  error: { label: 'error', color: 'red' },\n  cancelled: { label: 'cancelled', color: 'gray' },\n}\n\ntype Props = {\n  displayName: string\n  agentType: string\n  status: string\n}\n\nexport function AgentViewBanner({ displayName, agentType, status }: Props) {\n  const badge = STATUS_BADGE[status] ?? { label: status, color: 'gray' }\n  return (\n    <Box paddingX={1} marginBottom={1}>\n      <Text color={BRAND_GRADIENT.START}>Focused: </Text>\n      <Text bold color={BRAND_GRADIENT.START}>\n        @{displayName}\n      </Text>\n      <Text color={SEMANTIC_COLORS.dim}> ({agentType})</Text>\n      <Text> </Text>\n      <Text color={badge.color}>[{badge.label}]</Text>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,OAAO,WAAW;AAClB,SAAS,gBAAgB,uBAAuB;AAEhD,MAAM,eAAiE;AAAA,EACrE,SAAS,EAAE,OAAO,WAAW,OAAO,SAAS;AAAA,EAC7C,SAAS,EAAE,OAAO,WAAW,OAAO,SAAS;AAAA,EAC7C,UAAU,EAAE,OAAO,YAAY,OAAO,OAAO;AAAA,EAC7C,MAAM,EAAE,OAAO,QAAQ,OAAO,QAAQ;AAAA,EACtC,SAAS,EAAE,OAAO,WAAW,OAAO,OAAO;AAAA,EAC3C,WAAW,EAAE,OAAO,QAAQ,OAAO,QAAQ;AAAA,EAC3C,SAAS,EAAE,OAAO,WAAW,OAAO,OAAO;AAAA,EAC3C,OAAO,EAAE,OAAO,SAAS,OAAO,MAAM;AAAA,EACtC,WAAW,EAAE,OAAO,aAAa,OAAO,OAAO;AACjD;AAQO,SAAS,gBAAgB,EAAE,aAAa,WAAW,OAAO,GAAU;AACzE,QAAM,QAAQ,aAAa,MAAM,KAAK,EAAE,OAAO,QAAQ,OAAO,OAAO;AACrE,SACE,oCAAC,OAAI,UAAU,GAAG,cAAc,KAC9B,oCAAC,QAAK,OAAO,eAAe,SAAO,WAAS,GAC5C,oCAAC,QAAK,MAAI,MAAC,OAAO,eAAe,SAAO,KACpC,WACJ,GACA,oCAAC,QAAK,OAAO,gBAAgB,OAAK,MAAG,WAAU,GAAC,GAChD,oCAAC,YAAK,GAAC,GACP,oCAAC,QAAK,OAAO,MAAM,SAAO,KAAE,MAAM,OAAM,GAAC,CAC3C;AAEJ;",
+  "names": []
+}

package/dist/components/HeaderBar.js

@@ -14,7 +14,7 @@ function HeaderBar({
   const modelManager = getModelManager();
   const currentModel = modelManager.getModel("main");
   const cwd = getCwd();
-  const contextPercentage = currentModel ? Math.round(tokenUsage / currentModel.contextLength * 100) : 0;
+  const contextPercentage = currentModel?.contextLength && currentModel.contextLength > 0 ? Math.round(tokenUsage / currentModel.contextLength * 100) : 0;
   const formatTokens = (tokens) => `${Math.round(tokens / 1e3)}k`;
   const getDisplayModelName = (modelName) => {
     if (!modelName) return t("ui.model.fallbackName");

package/dist/components/HeaderBar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/HeaderBar.tsx"],
-  "sourcesContent": ["/**\n * HeaderBar - Minto \u54C1\u724C\u9875\u7709\u7EC4\u4EF6\n *\n * \u8BBE\u8BA1\u539F\u5219\uFF1A\n * 1. **\u54C1\u724C\u8BC6\u522B** - \u7D2B\u84DD\u2192\u73CA\u745A\u6E10\u53D8\uFF0C\u4F20\u9012\u4E13\u4E1A\u4E0E\u70ED\u60C5\n * 2. **\u4FE1\u606F\u6E05\u6670** - \u663E\u793A\u5173\u952E\u4FE1\u606F\uFF08\u9879\u76EE\u4F4D\u7F6E\u3001AI \u6A21\u578B\u3001\u4F7F\u7528\u91CF\uFF09\n * 3. **\u5546\u52A1\u53CB\u597D** - \u6E29\u6696\u3001\u4E13\u4E1A\u3001\u6613\u4E8E\u7406\u89E3\n * 4. **\u89C6\u89C9\u7CBE\u7B80** - \u4E0D\u5360\u7528\u8FC7\u591A\u5782\u76F4\u7A7A\u95F4\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { getCwd } from '@utils/state'\nimport { getModelManager } from '@utils/model'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\nimport type { WrappedClient } from '@services/mcpClient'\nimport { t } from '@i18n'\n\ninterface Props {\n  /** \u5F53\u524D Token \u4F7F\u7528\u91CF */\n  tokenUsage?: number\n\n  /** MCP \u5BA2\u6237\u7AEF (\u53EF\u9009) */\n  mcpClients?: WrappedClient[]\n\n  /** \u662F\u5426\u662F\u9ED8\u8BA4\u6A21\u578B */\n  isDefaultModel?: boolean\n}\n\n/**\n * HeaderBar - \u54C1\u724C\u9875\u7709\u72B6\u6001\u680F\n *\n * \u5E03\u5C40\uFF1A\n * ```\n * \u256D\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256E\n * \u2502 \u25C6 Minto \u00B7 /path/to/project        AI Model \u00B7 50k/200k\u2502\n * \u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256F\n * ```\n */\nexport function HeaderBar({\n  tokenUsage = 0,\n  mcpClients = [],\n  isDefaultModel = true,\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  const modelManager = getModelManager()\n  const currentModel = modelManager.getModel('main')\n  const cwd = getCwd()\n\n  // \u8BA1\u7B97\u4E0A\u4E0B\u6587\u4F7F\u7528\u767E\u5206\u6BD4\n  const contextPercentage = currentModel\n    ? Math.round((tokenUsage / currentModel.contextLength) * 100)\n    : 0\n\n  // \u683C\u5F0F\u5316 Token \u6570\u91CF (k \u4E3A\u5355\u4F4D)\n  const formatTokens = (tokens: number) => `${Math.round(tokens / 1000)}k`\n\n  // Get simplified model display name (more friendly for non-technical users)\n  const getDisplayModelName = (modelName: string | undefined) => {\n    if (!modelName) return t('ui.model.fallbackName')\n    // Extract model short name, remove version numbers and technical details\n    const simplified = modelName\n      .replace(/^(claude-|gpt-|glm-)/, '')\n      .replace(/-\\d+.*$/, '')\n      .replace(/-latest$/, '')\n    return simplified.charAt(0).toUpperCase() + simplified.slice(1)\n  }\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderColor={BRAND_GRADIENT.START}\n      borderStyle=\"round\"\n      paddingX={1}\n      marginBottom={1}\n    >\n      {/* \u4E3B\u4FE1\u606F\u884C */}\n      <Box flexDirection=\"row\" justifyContent=\"space-between\">\n        {/* \u5DE6\u4FA7\uFF1A\u54C1\u724C\u6807\u8BC6 + \u9879\u76EE\u4F4D\u7F6E */}\n        <Box flexDirection=\"row\">\n          <Text color={BRAND_GRADIENT.START}>\u25C6</Text>\n          <Text> </Text>\n          <Text color={BRAND_GRADIENT.START} bold>\n            Min\n          </Text>\n          <Text color={BRAND_GRADIENT.END} bold>\n            to\n          </Text>\n          <Text color={SEMANTIC_COLORS.dim}> \u00B7 </Text>\n          <Text color={SEMANTIC_COLORS.secondary}>{cwd}</Text>\n        </Box>\n\n        {/* \u53F3\u4FA7\uFF1AAI \u6A21\u578B + \u4F7F\u7528\u91CF */}\n        <Box flexDirection=\"row\">\n          <Text color={SEMANTIC_COLORS.dim}>\n            {getDisplayModelName(currentModel?.modelName)}\n          </Text>\n          {currentModel && (\n            <>\n              <Text color={SEMANTIC_COLORS.muted}> \u00B7 </Text>\n              <Text\n                color={\n                  contextPercentage > 80\n                    ? SEMANTIC_COLORS.error\n                    : contextPercentage > 60\n                      ? SEMANTIC_COLORS.running\n                      : SEMANTIC_COLORS.muted\n                }\n              >\n                {formatTokens(tokenUsage)}/\n                {formatTokens(currentModel.contextLength)}\n              </Text>\n            </>\n          )}\n        </Box>\n      </Box>\n\n      {/* \u6269\u5C55\u670D\u52A1\u72B6\u6001 (\u5982\u679C\u6709) */}\n      {mcpClients.length > 0 && (\n        <Box flexDirection=\"row\" marginTop={0}>\n          <Text color={SEMANTIC_COLORS.muted}>MCP: </Text>\n          {mcpClients.map((client, idx) => (\n            <React.Fragment key={idx}>\n              <Text\n                color={\n                  client.type === 'connected'\n                    ? SEMANTIC_COLORS.success\n                    : SEMANTIC_COLORS.error\n                }\n              >\n                {client.name}\n              </Text>\n              {idx < mcpClients.length - 1 && (\n                <Text color={SEMANTIC_COLORS.muted}>, </Text>\n              )}\n            </React.Fragment>\n          ))}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\n/**\n * \u6781\u7B80\u7248\u9875\u7709 (\u53EA\u663E\u793A\u57FA\u672C\u4FE1\u606F)\n */\nexport function MinimalHeaderBar({\n  tokenUsage = 0,\n}: {\n  tokenUsage?: number\n}): React.ReactNode {\n  const modelManager = getModelManager()\n  const currentModel = modelManager.getModel('main')\n  const cwd = getCwd()\n\n  return (\n    <Box flexDirection=\"row\" justifyContent=\"space-between\" paddingX={2}>\n      {/* \u54C1\u724C + \u9879\u76EE\u4F4D\u7F6E */}\n      <Box flexDirection=\"row\">\n        <Text color={BRAND_GRADIENT.START}>\u25C6</Text>\n        <Text> </Text>\n        <Text color={BRAND_GRADIENT.START} bold>\n          Min\n        </Text>\n        <Text color={BRAND_GRADIENT.END} bold>\n          to\n        </Text>\n        <Text color={SEMANTIC_COLORS.dim}> \u00B7 </Text>\n        <Text color={SEMANTIC_COLORS.secondary}>{cwd}</Text>\n      </Box>\n\n      {/* AI \u6A21\u578B + \u4F7F\u7528\u91CF */}\n      {currentModel && (\n        <Text color={SEMANTIC_COLORS.dim}>\n          {Math.round(tokenUsage / 1000)}k/\n          {Math.round(currentModel.contextLength / 1000)}k\n        </Text>\n      )}\n    </Box>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * HeaderBar - Minto \u54C1\u724C\u9875\u7709\u7EC4\u4EF6\n *\n * \u8BBE\u8BA1\u539F\u5219\uFF1A\n * 1. **\u54C1\u724C\u8BC6\u522B** - \u7D2B\u84DD\u2192\u73CA\u745A\u6E10\u53D8\uFF0C\u4F20\u9012\u4E13\u4E1A\u4E0E\u70ED\u60C5\n * 2. **\u4FE1\u606F\u6E05\u6670** - \u663E\u793A\u5173\u952E\u4FE1\u606F\uFF08\u9879\u76EE\u4F4D\u7F6E\u3001AI \u6A21\u578B\u3001\u4F7F\u7528\u91CF\uFF09\n * 3. **\u5546\u52A1\u53CB\u597D** - \u6E29\u6696\u3001\u4E13\u4E1A\u3001\u6613\u4E8E\u7406\u89E3\n * 4. **\u89C6\u89C9\u7CBE\u7B80** - \u4E0D\u5360\u7528\u8FC7\u591A\u5782\u76F4\u7A7A\u95F4\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { getCwd } from '@utils/state'\nimport { getModelManager } from '@utils/model'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\nimport type { WrappedClient } from '@services/mcpClient'\nimport { t } from '@i18n'\n\ninterface Props {\n  /** \u5F53\u524D Token \u4F7F\u7528\u91CF */\n  tokenUsage?: number\n\n  /** MCP \u5BA2\u6237\u7AEF (\u53EF\u9009) */\n  mcpClients?: WrappedClient[]\n\n  /** \u662F\u5426\u662F\u9ED8\u8BA4\u6A21\u578B */\n  isDefaultModel?: boolean\n}\n\n/**\n * HeaderBar - \u54C1\u724C\u9875\u7709\u72B6\u6001\u680F\n *\n * \u5E03\u5C40\uFF1A\n * ```\n * \u256D\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256E\n * \u2502 \u25C6 Minto \u00B7 /path/to/project        AI Model \u00B7 50k/200k\u2502\n * \u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256F\n * ```\n */\nexport function HeaderBar({\n  tokenUsage = 0,\n  mcpClients = [],\n  isDefaultModel = true,\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  const modelManager = getModelManager()\n  const currentModel = modelManager.getModel('main')\n  const cwd = getCwd()\n\n  // \u8BA1\u7B97\u4E0A\u4E0B\u6587\u4F7F\u7528\u767E\u5206\u6BD4\n  const contextPercentage =\n    currentModel?.contextLength && currentModel.contextLength > 0\n      ? Math.round((tokenUsage / currentModel.contextLength) * 100)\n      : 0\n\n  // \u683C\u5F0F\u5316 Token \u6570\u91CF (k \u4E3A\u5355\u4F4D)\n  const formatTokens = (tokens: number) => `${Math.round(tokens / 1000)}k`\n\n  // Get simplified model display name (more friendly for non-technical users)\n  const getDisplayModelName = (modelName: string | undefined) => {\n    if (!modelName) return t('ui.model.fallbackName')\n    // Extract model short name, remove version numbers and technical details\n    const simplified = modelName\n      .replace(/^(claude-|gpt-|glm-)/, '')\n      .replace(/-\\d+.*$/, '')\n      .replace(/-latest$/, '')\n    return simplified.charAt(0).toUpperCase() + simplified.slice(1)\n  }\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderColor={BRAND_GRADIENT.START}\n      borderStyle=\"round\"\n      paddingX={1}\n      marginBottom={1}\n    >\n      {/* \u4E3B\u4FE1\u606F\u884C */}\n      <Box flexDirection=\"row\" justifyContent=\"space-between\">\n        {/* \u5DE6\u4FA7\uFF1A\u54C1\u724C\u6807\u8BC6 + \u9879\u76EE\u4F4D\u7F6E */}\n        <Box flexDirection=\"row\">\n          <Text color={BRAND_GRADIENT.START}>\u25C6</Text>\n          <Text> </Text>\n          <Text color={BRAND_GRADIENT.START} bold>\n            Min\n          </Text>\n          <Text color={BRAND_GRADIENT.END} bold>\n            to\n          </Text>\n          <Text color={SEMANTIC_COLORS.dim}> \u00B7 </Text>\n          <Text color={SEMANTIC_COLORS.secondary}>{cwd}</Text>\n        </Box>\n\n        {/* \u53F3\u4FA7\uFF1AAI \u6A21\u578B + \u4F7F\u7528\u91CF */}\n        <Box flexDirection=\"row\">\n          <Text color={SEMANTIC_COLORS.dim}>\n            {getDisplayModelName(currentModel?.modelName)}\n          </Text>\n          {currentModel && (\n            <>\n              <Text color={SEMANTIC_COLORS.muted}> \u00B7 </Text>\n              <Text\n                color={\n                  contextPercentage > 80\n                    ? SEMANTIC_COLORS.error\n                    : contextPercentage > 60\n                      ? SEMANTIC_COLORS.running\n                      : SEMANTIC_COLORS.muted\n                }\n              >\n                {formatTokens(tokenUsage)}/\n                {formatTokens(currentModel.contextLength)}\n              </Text>\n            </>\n          )}\n        </Box>\n      </Box>\n\n      {/* \u6269\u5C55\u670D\u52A1\u72B6\u6001 (\u5982\u679C\u6709) */}\n      {mcpClients.length > 0 && (\n        <Box flexDirection=\"row\" marginTop={0}>\n          <Text color={SEMANTIC_COLORS.muted}>MCP: </Text>\n          {mcpClients.map((client, idx) => (\n            <React.Fragment key={idx}>\n              <Text\n                color={\n                  client.type === 'connected'\n                    ? SEMANTIC_COLORS.success\n                    : SEMANTIC_COLORS.error\n                }\n              >\n                {client.name}\n              </Text>\n              {idx < mcpClients.length - 1 && (\n                <Text color={SEMANTIC_COLORS.muted}>, </Text>\n              )}\n            </React.Fragment>\n          ))}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\n/**\n * \u6781\u7B80\u7248\u9875\u7709 (\u53EA\u663E\u793A\u57FA\u672C\u4FE1\u606F)\n */\nexport function MinimalHeaderBar({\n  tokenUsage = 0,\n}: {\n  tokenUsage?: number\n}): React.ReactNode {\n  const modelManager = getModelManager()\n  const currentModel = modelManager.getModel('main')\n  const cwd = getCwd()\n\n  return (\n    <Box flexDirection=\"row\" justifyContent=\"space-between\" paddingX={2}>\n      {/* \u54C1\u724C + \u9879\u76EE\u4F4D\u7F6E */}\n      <Box flexDirection=\"row\">\n        <Text color={BRAND_GRADIENT.START}>\u25C6</Text>\n        <Text> </Text>\n        <Text color={BRAND_GRADIENT.START} bold>\n          Min\n        </Text>\n        <Text color={BRAND_GRADIENT.END} bold>\n          to\n        </Text>\n        <Text color={SEMANTIC_COLORS.dim}> \u00B7 </Text>\n        <Text color={SEMANTIC_COLORS.secondary}>{cwd}</Text>\n      </Box>\n\n      {/* AI \u6A21\u578B + \u4F7F\u7528\u91CF */}\n      {currentModel && (\n        <Text color={SEMANTIC_COLORS.dim}>\n          {Math.round(tokenUsage / 1000)}k/\n          {Math.round(currentModel.contextLength / 1000)}k\n        </Text>\n      )}\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/Help.js

@@ -75,7 +75,14 @@ function buildModeSystemsSection() {
       { label: "  default", value: "Standard confirmation flow" },
       { label: "  acceptEdits", value: "Auto-approve file edits" },
       { label: "  plan", value: "Plan mode (no modifications)" },
-      { label: "  bypass", value: "Skip all permission checks" }
+      { label: "  bypass", value: "Skip all permission checks" },
+      {
+        label: "",
+        value: t("help.permissionModesSystem"),
+        valueColor: SEMANTIC_COLORS.muted
+      },
+      { label: "  dontAsk", value: "Auto-deny non-allowed tools (CI/CD)" },
+      { label: "  delegate", value: "Team coordination only (auto-activated)" }
     ]
   };
 }

package/dist/components/Help.js.map

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

package/dist/components/HotkeyHelpPanel.js

@@ -2,15 +2,15 @@ import { Box, Text, useInput } from "ink";
 import * as React from "react";
 import { t } from "../i18n/index.js";
 import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../constants/colors.js";
-function getHotkeyGroups() {
-  return [
+function getHotkeyGroups(hasActiveTeam = false) {
+  const groups = [
     {
       title: t("hotkey.navigation"),
       hotkeys: [
         { keys: "\u2191/\u2193", description: t("hotkey.browseHistory") },
         { keys: "Ctrl+R", description: t("hotkey.searchHistory") },
         { keys: "Tab", description: t("hotkey.autocomplete") },
-        { keys: "Esc Esc", description: t("hotkey.rollbackResponse") }
+        { keys: "Esc Esc", description: t("hotkey.rewind") }
       ]
     },
     {
@@ -25,10 +25,14 @@ function getHotkeyGroups() {
     {
       title: t("hotkey.features"),
       hotkeys: [
+        { keys: "Ctrl+G", description: t("hotkey.openExternalEditor") },
         { keys: "Ctrl+T", description: t("hotkey.toggleTodoPanel") },
+        { keys: "\u2325T", description: t("hotkey.toggleThinking") },
         { keys: "Ctrl+O", description: t("hotkey.cycleDisplayMode") },
+        { keys: "Ctrl+E", description: t("hotkey.showHidePrevious") },
         { keys: "Ctrl+B", description: t("hotkey.executeAsBash") },
-        { keys: "Ctrl+?", description: t("hotkey.showHideHelp") }
+        { keys: "Ctrl+?", description: t("hotkey.showHideHelp") },
+        { keys: "Shift+\u2193", description: t("hotkey.toggleTeamPanel") }
       ]
     },
     {
@@ -40,10 +44,23 @@ function getHotkeyGroups() {
       ]
     }
   ];
+  if (hasActiveTeam) {
+    groups.push({
+      title: t("hotkey.agentTeams"),
+      hotkeys: [
+        { keys: "Shift+\u2193/\u2191", description: t("hotkey.toggleTeamPanel") },
+        { keys: "Ctrl+J", description: t("hotkey.toggleAgentView") },
+        { keys: "Ctrl+F", description: t("hotkey.killAllAgents") },
+        { keys: "Shift+Tab", description: t("hotkey.cyclePermissionMode") }
+      ]
+    });
+  }
+  return groups;
 }
 function HotkeyHelpPanel({
   onClose,
-  isVisible
+  isVisible,
+  hasActiveTeam = false
 }) {
   useInput(
     (input, key) => {
@@ -67,7 +84,7 @@ function HotkeyHelpPanel({
       marginBottom: 1
     },
     /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: BRAND_GRADIENT.START }, "\u2328\uFE0F ", t("ui.hints.shortcuts")), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, " ", "(", t("ui.hints.pressEsc"), ")")),
-    /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", gap: 4 }, getHotkeyGroups().map((group, groupIndex) => /* @__PURE__ */ React.createElement(Box, { key: groupIndex, flexDirection: "column", minWidth: 28 }, /* @__PURE__ */ React.createElement(Text, { bold: true, underline: true, color: SEMANTIC_COLORS.secondary }, group.title), group.hotkeys.map((hotkey, hotkeyIndex) => /* @__PURE__ */ React.createElement(Box, { key: hotkeyIndex }, /* @__PURE__ */ React.createElement(Box, { width: 12 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: BRAND_GRADIENT.MIDDLE }, hotkey.keys)), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.primary }, hotkey.description)))))),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", gap: 4 }, getHotkeyGroups(hasActiveTeam).map((group, groupIndex) => /* @__PURE__ */ React.createElement(Box, { key: groupIndex, flexDirection: "column", minWidth: 28 }, /* @__PURE__ */ React.createElement(Text, { bold: true, underline: true, color: SEMANTIC_COLORS.secondary }, group.title), group.hotkeys.map((hotkey, hotkeyIndex) => /* @__PURE__ */ React.createElement(Box, { key: hotkeyIndex }, /* @__PURE__ */ React.createElement(Box, { width: 12 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: BRAND_GRADIENT.MIDDLE }, hotkey.keys)), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.primary }, hotkey.description)))))),
     /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, t("ui.hints.tip")))
   );
 }
@@ -81,7 +98,7 @@ function getContextHints(context) {
         { keys: "!", description: t("ui.hints.forBashMode") },
         { keys: "#", description: t("ui.hints.forMintoMd") },
         { keys: "/", description: t("ui.hints.forCommands") },
-        { keys: "ctrl+c", description: t("common.cancel") },
+        { keys: "Esc Esc", description: t("hotkey.rewind") },
         { keys: "ctrl+l", description: t("common.clear") }
       ];
     case "typing":
@@ -93,8 +110,9 @@ function getContextHints(context) {
       ];
     case "loading":
       return [
+        { keys: "Esc", description: t("common.cancel") },
         { keys: "Ctrl+C", description: t("common.cancel") },
-        { keys: "Esc Esc", description: t("ui.hints.rollback") }
+        { keys: "Esc Esc", description: t("hotkey.rewind") }
       ];
     case "completion":
       return [

package/dist/components/HotkeyHelpPanel.js.map

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

package/dist/components/IdleNotificationBar.js

@@ -0,0 +1,10 @@
+import { Box, Text } from "ink";
+import React from "react";
+function IdleNotificationBar({ notifications }) {
+  if (notifications.length === 0) return null;
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, notifications.map((n) => /* @__PURE__ */ React.createElement(Box, { key: n.id }, /* @__PURE__ */ React.createElement(Text, { color: n.color }, "\u25D1", " ", n.memberName, " went idle"))));
+}
+export {
+  IdleNotificationBar
+};
+//# sourceMappingURL=IdleNotificationBar.js.map

package/dist/components/IdleNotificationBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/IdleNotificationBar.tsx"],
+  "sourcesContent": ["/**\n * IdleNotificationBar Component\n *\n * Renders a small stack of auto-dismissing notifications when teammates\n * transition to idle status. Each line shows the teammate's assigned color\n * and name. Only renders when there are active notifications.\n */\n\nimport { Box, Text } from 'ink'\nimport React from 'react'\nimport type { IdleNotification } from '@hooks/useIdleNotifications'\n\ntype Props = {\n  notifications: IdleNotification[]\n}\n\nexport function IdleNotificationBar({ notifications }: Props): React.ReactNode {\n  if (notifications.length === 0) return null\n\n  return (\n    <Box flexDirection=\"column\">\n      {notifications.map(n => (\n        <Box key={n.id}>\n          <Text color={n.color}>\n            {'\\u25D1'} {n.memberName} went idle\n          </Text>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n"],
+  "mappings": "AAQA,SAAS,KAAK,YAAY;AAC1B,OAAO,WAAW;AAOX,SAAS,oBAAoB,EAAE,cAAc,GAA2B;AAC7E,MAAI,cAAc,WAAW,EAAG,QAAO;AAEvC,SACE,oCAAC,OAAI,eAAc,YAChB,cAAc,IAAI,OACjB,oCAAC,OAAI,KAAK,EAAE,MACV,oCAAC,QAAK,OAAO,EAAE,SACZ,UAAS,KAAE,EAAE,YAAW,YAC3B,CACF,CACD,CACH;AAEJ;",
+  "names": []
+}