@within-7/minto 0.0.5-dev.1

package/dist/components/SubagentStatusMarker.js

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

package/dist/components/SubagentStatusMarker.js.map

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

package/dist/components/TaskCard.js

@@ -0,0 +1,170 @@
+import React, { useState, useEffect } from "react";
+import { Box, Text } from "ink";
+import { getTheme } from "../utils/theme.js";
+import { formatNumber, formatDuration } from "../utils/format.js";
+import { getAgentColor } from "../constants/colors.js";
+function TaskCard({
+  subagent,
+  isExpanded = false,
+  isHighlighted = false,
+  tools = [],
+  verbose = false,
+  debug = false,
+  onToggleExpand
+}) {
+  const theme = getTheme();
+  const { metrics, taskName, status, messages, agentType, agentColor } = subagent;
+  const color = getAgentColor(agentColor, theme);
+  const isRunning = status === "initializing" || status === "running" || status === "queued";
+  const [, setTick] = useState(0);
+  useEffect(() => {
+    if (isRunning) {
+      const timer = setInterval(() => {
+        setTick((prev) => prev + 1);
+      }, 1e3);
+      return () => clearInterval(timer);
+    }
+  }, [isRunning]);
+  const duration = metrics.endTime ? metrics.endTime - metrics.startTime : Date.now() - metrics.startTime;
+  const statusIcon = getStatusIcon(status, isRunning);
+  const statusText = getStatusText(status);
+  const statusColor = getStatusColor(status, theme);
+  const latestMessage = getLatestMessage(messages);
+  const cardBgColor = isHighlighted ? theme.selectionBg : "#6A7B8E";
+  const isCompleted = status === "completed" || status === "error";
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 0 }, !isCompleted && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color }, statusIcon, " "), /* @__PURE__ */ React.createElement(Text, { bold: true }, taskName), /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, " \xB7 ", agentType)), /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, "\u251C\u2500 "), /* @__PURE__ */ React.createElement(Text, { color: statusColor }, statusText), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, metrics.toolUseCount, " tool", metrics.toolUseCount !== 1 ? "s" : ""), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, formatNumber(metrics.tokenCount), " tokens"), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, formatDuration(duration))), latestMessage && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, "\u2514\u2500 "), /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, latestMessage)), messages.length > 0 && messages.map((msg, idx) => {
+    let content = "";
+    let prefix = "\u2190 ";
+    if (msg.type === "assistant") {
+      prefix = "\u2192 ";
+      const blocks = msg.message.content;
+      content = blocks.filter((block) => block.type === "text").map((block) => block.text).join(" ");
+    } else if (msg.type === "user") {
+      const msgParam = msg.message;
+      if (typeof msgParam.content === "string") {
+        content = msgParam.content;
+      } else if (Array.isArray(msgParam.content)) {
+        content = msgParam.content.filter((block) => block.type === "text").map((block) => block.text).join(" ");
+      }
+    } else if (msg.type === "progress") {
+      prefix = "\u2699 ";
+      const blocks = msg.content.message.content;
+      content = blocks.filter((block) => block.type === "text").map((block) => block.text).join(" ");
+    }
+    if (!content || content.trim().length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(Box, { key: idx, flexDirection: "row", marginLeft: 4 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, prefix), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, content.substring(0, 80), content.length > 80 ? "..." : ""));
+  }).filter(Boolean)), isCompleted && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color }, statusIcon, " "), /* @__PURE__ */ React.createElement(Text, { bold: true }, taskName), /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, " \xB7 ", agentType)), /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, "\u2514\u2500 "), /* @__PURE__ */ React.createElement(Text, { color: statusColor }, statusText), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, metrics.toolUseCount, " tool", metrics.toolUseCount !== 1 ? "s" : ""), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, formatNumber(metrics.tokenCount), " tokens"), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, formatDuration(duration)), /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, " (Ctrl+O to expand)")), isExpanded && messages.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginLeft: 4, marginTop: 1 }, renderTaskOutputLog(subagent, theme, tools, verbose))), debug && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.info }, "[View Details]"), /* @__PURE__ */ React.createElement(Text, null, " "), isRunning && /* @__PURE__ */ React.createElement(Text, { color: theme.error }, "[Cancel]")));
+}
+function getStatusIcon(status, isRunning) {
+  if (isRunning) {
+    const spinnerFrames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+    const frame = Math.floor(Date.now() / 120) % spinnerFrames.length;
+    return spinnerFrames[frame] || "\u280B";
+  }
+  switch (status) {
+    case "completed":
+      return "\u2713";
+    case "error":
+      return "\u2715";
+    case "queued":
+      return "\u2026";
+    default:
+      return "\u25E6";
+  }
+}
+function getStatusText(status) {
+  switch (status) {
+    case "initializing":
+      return "Initializing";
+    case "queued":
+      return "Queued";
+    case "running":
+      return "Running";
+    case "completed":
+      return "Completed";
+    case "error":
+      return "Error";
+  }
+}
+function getStatusColor(status, theme) {
+  switch (status) {
+    case "initializing":
+    case "queued":
+      return "#ADD8E6";
+    // Pending Task (浅蓝)
+    case "running":
+      return theme.brand;
+    // #D4BBFF (品牌色，表示活跃)
+    case "completed":
+      return theme.success;
+    // #3DDC84 (鲜绿)
+    case "error":
+      return theme.error;
+  }
+}
+function getLatestMessage(messages) {
+  if (messages.length === 0) return null;
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const msg = messages[i];
+    if (msg?.type === "assistant" && msg.message?.content) {
+      for (const content of msg.message.content) {
+        if (content.type === "text" && content.text.trim()) {
+          const text = content.text.trim();
+          return text.length > 60 ? text.substring(0, 60) + "..." : text;
+        }
+        if (content.type === "tool_use") {
+          return `Using ${content.name}...`;
+        }
+      }
+    }
+  }
+  return null;
+}
+function renderTaskOutputLog(subagent, theme, tools, verbose) {
+  const { messages } = subagent;
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, messages.map((msg, idx) => {
+    if (msg.type === "assistant") {
+      return msg.message.content.map((content, contentIdx) => {
+        if (content.type === "tool_use") {
+          const tool = tools.find((t) => t.name === content.name);
+          const toolName = tool?.userFacingName ? typeof tool.userFacingName === "function" ? tool.userFacingName() : tool.userFacingName : content.name;
+          return /* @__PURE__ */ React.createElement(Box, { key: `${idx}-${contentIdx}`, flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.info }, "\u{1F527} ", toolName));
+        } else if (content.type === "text" && content.text.trim()) {
+          const lines = content.text.trim().split("\n");
+          return /* @__PURE__ */ React.createElement(Box, { key: `${idx}-${contentIdx}`, flexDirection: "column" }, lines.map((line, lineIdx) => /* @__PURE__ */ React.createElement(Text, { key: lineIdx, color: theme.secondaryTextNew }, line)));
+        }
+        return null;
+      });
+    } else if (msg.type === "user") {
+      return msg.message.content.map((content, contentIdx) => {
+        if (content.type === "tool_result") {
+          const resultContent = Array.isArray(content.content) ? content.content.find((c) => c.type === "text")?.text : typeof content.content === "string" ? content.content : "";
+          if (resultContent && resultContent.trim()) {
+            const lines = resultContent.trim().split("\n");
+            const preview = lines.length > 5 ? lines.slice(0, 5).join("\n") + "\n..." : resultContent.trim();
+            return /* @__PURE__ */ React.createElement(Box, { key: `${idx}-${contentIdx}`, flexDirection: "column" }, preview.split("\n").map((line, lineIdx) => /* @__PURE__ */ React.createElement(Text, { key: lineIdx, color: theme.mutedText }, line)));
+          }
+        }
+        return null;
+      });
+    }
+    return null;
+  }));
+}
+function CompactTaskCard({
+  subagent
+}) {
+  const theme = getTheme();
+  const { taskName, status, agentColor } = subagent;
+  const color = getAgentColor(agentColor, theme);
+  const isRunning = status === "initializing" || status === "running" || status === "queued";
+  const statusIcon = getStatusIcon(status, isRunning);
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color }, statusIcon, " ", taskName), /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, " \xB7 ", getStatusText(status)));
+}
+export {
+  CompactTaskCard,
+  TaskCard
+};
+//# sourceMappingURL=TaskCard.js.map

package/dist/components/TaskCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/TaskCard.tsx"],
+  "sourcesContent": ["/**\n * TaskCard - Claude Code CLI \u98CE\u683C\u7684\u4EFB\u52A1\u5361\u7247\u7EC4\u4EF6\n *\n * \u6838\u5FC3\u7279\u6027\uFF1A\n * 1. **\u5361\u7247\u5F0F\u8BBE\u8BA1** - \u72EC\u7ACB\u7684\u89C6\u89C9\u5355\u5143\uFF0C\u4E0E\u4E3B\u5BF9\u8BDD\u6D41\u533A\u5206\n * 2. **\u72B6\u6001\u6E05\u6670** - \u901A\u8FC7\u56FE\u6807\u548C\u989C\u8272\u660E\u786E\u4F20\u8FBE\u4EFB\u52A1\u72B6\u6001\n * 3. **\u53EF\u6298\u53E0** - \u8BE6\u7EC6\u65E5\u5FD7\u53EF\u6298\u53E0\uFF0C\u8282\u7701\u7A7A\u95F4\n * 4. **\u8FDB\u5EA6\u53EF\u89C6\u5316** - \u663E\u793A\u4EFB\u52A1\u8FDB\u5EA6\u767E\u5206\u6BD4\u548C\u6307\u6807\n * 5. **\u5E76\u53D1\u53CB\u597D** - \u591A\u4E2A\u5361\u7247\u5E76\u5217\u663E\u793A\u4E0D\u6DF7\u4E71\n *\n * \u57FA\u4E8E Claude Code CLI \u7684 TaskCardBlock \u89C4\u8303\n */\n\nimport React, { useState, useEffect } from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { formatNumber, formatDuration } from '@utils/format'\nimport { getAgentColor } from '@constants/colors'\nimport type { SubagentState } from '@minto-types/subagent'\nimport type { Tool } from '@tool'\n\ninterface TaskCardProps {\n  /** \u5B50\u4EFB\u52A1\u72B6\u6001 */\n  subagent: SubagentState\n\n  /** \u662F\u5426\u5C55\u5F00\u8BE6\u7EC6\u65E5\u5FD7 */\n  isExpanded?: boolean\n\n  /** \u662F\u5426\u9AD8\u4EAE\uFF08\u9700\u8981\u7528\u6237\u5173\u6CE8\uFF09 */\n  isHighlighted?: boolean\n\n  /** \u5DE5\u5177\u5217\u8868 */\n  tools?: Tool[]\n\n  /** \u662F\u5426\u663E\u793A\u8BE6\u7EC6\u4FE1\u606F */\n  verbose?: boolean\n\n  /** \u8C03\u8BD5\u6A21\u5F0F */\n  debug?: boolean\n\n  /** \u6298\u53E0/\u5C55\u5F00\u56DE\u8C03 */\n  onToggleExpand?: () => void\n}\n\n/**\n * TaskCard - \u5355\u4E2A\u5B50\u4EFB\u52A1\u7684\u52A8\u6001\u5C55\u793A\uFF08\u65E0\u8FB9\u6846\uFF09\n *\n * \u8FD0\u884C\u4E2D\u5E03\u5C40\uFF08\u81EA\u52A8\u5C55\u5F00\uFF09:\n * ```\n * \u280B Feature Implementation \u00B7 backend-architect\n *   \u251C\u2500 Running \u00B7 3 tools \u00B7 5.2k tokens \u00B7 12s\n *   \u2514\u2500 Analyzing code structure...\n *       \u2192 Tool call output message...\n *       \u2190 Assistant response...\n * ```\n *\n * \u5B8C\u6210\u540E\u5E03\u5C40\uFF08\u81EA\u52A8\u6298\u53E0\uFF09:\n * ```\n * \u2713 Feature Implementation \u00B7 backend-architect\n *   \u2514\u2500 Done \u00B7 5 tools \u00B7 8.3k tokens \u00B7 24s (Ctrl+O to expand)\n * ```\n *\n * \u5B8C\u6210\u540E\u5C55\u5F00\uFF08Ctrl+O\uFF09:\n * ```\n * \u2713 Feature Implementation \u00B7 backend-architect\n *   \u2514\u2500 Done \u00B7 5 tools \u00B7 8.3k tokens \u00B7 24s (Ctrl+O to expand)\n *       [\u8BE6\u7EC6\u7684\u6267\u884C\u8FC7\u7A0B\u65E5\u5FD7]\n * ```\n */\nexport function TaskCard({\n  subagent,\n  isExpanded = false,\n  isHighlighted = false,\n  tools = [],\n  verbose = false,\n  debug = false,\n  onToggleExpand,\n}: TaskCardProps): React.ReactNode {\n  const theme = getTheme()\n  const { metrics, taskName, status, messages, agentType, agentColor } =\n    subagent\n\n  // \u83B7\u53D6 agent \u989C\u8272\n  const color = getAgentColor(agentColor, theme)\n\n  // \u5224\u65AD\u662F\u5426\u6B63\u5728\u8FD0\u884C\n  const isRunning =\n    status === 'initializing' || status === 'running' || status === 'queued'\n\n  // \u5B9E\u65F6\u66F4\u65B0\u65F6\u95F4\n  const [, setTick] = useState(0)\n  useEffect(() => {\n    if (isRunning) {\n      const timer = setInterval(() => {\n        setTick(prev => prev + 1)\n      }, 1000)\n      return () => clearInterval(timer)\n    }\n  }, [isRunning])\n\n  // \u8BA1\u7B97\u6301\u7EED\u65F6\u95F4\n  const duration = metrics.endTime\n    ? metrics.endTime - metrics.startTime\n    : Date.now() - metrics.startTime\n\n  // \u72B6\u6001\u56FE\u6807\u548C\u6587\u672C\n  const statusIcon = getStatusIcon(status, isRunning)\n  const statusText = getStatusText(status)\n  const statusColor = getStatusColor(status, theme)\n\n  // \u83B7\u53D6\u6700\u65B0\u7684\u72B6\u6001\u6D88\u606F\n  const latestMessage = getLatestMessage(messages)\n\n  // \u5361\u7247\u80CC\u666F\u8272\uFF08\u6839\u636E\u72B6\u6001\u548C\u9AD8\u4EAE\uFF09\n  const cardBgColor = isHighlighted\n    ? theme.selectionBg // #3C3C3C\n    : '#6A7B8E' // Task Card BG\n\n  // \u5224\u65AD\u662F\u5426\u5DF2\u5B8C\u6210\uFF08completed \u6216 error\uFF09\n  const isCompleted = status === 'completed' || status === 'error'\n\n  return (\n    <Box flexDirection=\"column\" marginY={0}>\n      {/* \u8FD0\u884C\u4E2D\uFF1A\u5C55\u5F00\u663E\u793A\u6240\u6709\u5185\u5BB9 */}\n      {!isCompleted && (\n        <>\n          {/* TaskHeader - \u4EFB\u52A1\u540D\u79F0\u548C Agent \u7C7B\u578B */}\n          <Box flexDirection=\"row\">\n            <Text color={color}>{statusIcon} </Text>\n            <Text bold>{taskName}</Text>\n            <Text color={theme.dimmedText}> \u00B7 {agentType}</Text>\n          </Box>\n\n          {/* TaskProgress - \u72B6\u6001\u548C\u6307\u6807 */}\n          <Box flexDirection=\"row\" marginLeft={2}>\n            <Text color={theme.dimmedText}>\u251C\u2500 </Text>\n            <Text color={statusColor}>{statusText}</Text>\n            <Text color={theme.mutedText}> \u00B7 </Text>\n            <Text color={theme.mutedText}>\n              {metrics.toolUseCount} tool{metrics.toolUseCount !== 1 ? 's' : ''}\n            </Text>\n            <Text color={theme.mutedText}> \u00B7 </Text>\n            <Text color={theme.mutedText}>\n              {formatNumber(metrics.tokenCount)} tokens\n            </Text>\n            <Text color={theme.mutedText}> \u00B7 </Text>\n            <Text color={theme.mutedText}>{formatDuration(duration)}</Text>\n          </Box>\n\n          {/* TaskStatusMessage - \u5F53\u524D\u6B63\u5728\u505A\u4EC0\u4E48 */}\n          {latestMessage && (\n            <Box flexDirection=\"row\" marginLeft={2}>\n              <Text color={theme.dimmedText}>\u2514\u2500 </Text>\n              <Text color={theme.dimmedText}>{latestMessage}</Text>\n            </Box>\n          )}\n\n          {/* Output messages - \u76F4\u63A5\u663E\u793A\u4E3A\u5B50\u5C42\u7EA7\uFF0C\u65E0 \"Output Log\" \u6807\u9898 */}\n          {messages.length > 0 &&\n            messages\n              .map((msg, idx) => {\n                // Extract text content based on message type\n                let content = ''\n                let prefix = '\u2190 '\n\n                if (msg.type === 'assistant') {\n                  prefix = '\u2192 '\n                  const blocks = msg.message.content\n                  content = blocks\n                    .filter((block: any) => block.type === 'text')\n                    .map((block: any) => block.text)\n                    .join(' ')\n                } else if (msg.type === 'user') {\n                  const msgParam = msg.message as any\n                  if (typeof msgParam.content === 'string') {\n                    content = msgParam.content\n                  } else if (Array.isArray(msgParam.content)) {\n                    content = msgParam.content\n                      .filter((block: any) => block.type === 'text')\n                      .map((block: any) => block.text)\n                      .join(' ')\n                  }\n                } else if (msg.type === 'progress') {\n                  prefix = '\u2699 '\n                  const blocks = msg.content.message.content\n                  content = blocks\n                    .filter((block: any) => block.type === 'text')\n                    .map((block: any) => block.text)\n                    .join(' ')\n                }\n\n                if (!content || content.trim().length === 0) {\n                  return null\n                }\n\n                return (\n                  <Box key={idx} flexDirection=\"row\" marginLeft={4}>\n                    <Text color={theme.dimmedText}>{prefix}</Text>\n                    <Text color={theme.mutedText}>\n                      {content.substring(0, 80)}\n                      {content.length > 80 ? '...' : ''}\n                    </Text>\n                  </Box>\n                )\n              })\n              .filter(Boolean)}\n        </>\n      )}\n\n      {/* \u5DF2\u5B8C\u6210\uFF1A\u6298\u53E0\u6210\u4E00\u884C\uFF0C\u5E26\u5C55\u5F00\u63D0\u793A */}\n      {isCompleted && (\n        <>\n          <Box flexDirection=\"row\">\n            <Text color={color}>{statusIcon} </Text>\n            <Text bold>{taskName}</Text>\n            <Text color={theme.dimmedText}> \u00B7 {agentType}</Text>\n          </Box>\n\n          <Box flexDirection=\"row\" marginLeft={2}>\n            <Text color={theme.dimmedText}>\u2514\u2500 </Text>\n            <Text color={statusColor}>{statusText}</Text>\n            <Text color={theme.mutedText}> \u00B7 </Text>\n            <Text color={theme.mutedText}>\n              {metrics.toolUseCount} tool{metrics.toolUseCount !== 1 ? 's' : ''}\n            </Text>\n            <Text color={theme.mutedText}> \u00B7 </Text>\n            <Text color={theme.mutedText}>\n              {formatNumber(metrics.tokenCount)} tokens\n            </Text>\n            <Text color={theme.mutedText}> \u00B7 </Text>\n            <Text color={theme.mutedText}>{formatDuration(duration)}</Text>\n            <Text color={theme.dimmedText}> (Ctrl+O to expand)</Text>\n          </Box>\n\n          {/* \u5C55\u5F00\u65F6\u663E\u793A\u8BE6\u7EC6\u8FC7\u7A0B */}\n          {isExpanded && messages.length > 0 && (\n            <Box flexDirection=\"column\" marginLeft={4} marginTop={1}>\n              {renderTaskOutputLog(subagent, theme, tools, verbose)}\n            </Box>\n          )}\n        </>\n      )}\n\n      {/* TaskActionButtons - \u64CD\u4F5C\u6309\u94AE (\u672A\u6765\u6269\u5C55) */}\n      {debug && (\n        <Box flexDirection=\"row\" marginTop={1}>\n          <Text color={theme.info}>[View Details]</Text>\n          <Text> </Text>\n          {isRunning && <Text color={theme.error}>[Cancel]</Text>}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\n/**\n * \u83B7\u53D6\u72B6\u6001\u56FE\u6807\n */\nfunction getStatusIcon(\n  status: SubagentState['status'],\n  isRunning: boolean,\n): string {\n  if (isRunning) {\n    // \u4F7F\u7528 Spinner \u5B57\u7B26\u8F6E\u8F6C (\u7B80\u5316\u7248)\n    const spinnerFrames = ['\u280B', '\u2819', '\u2839', '\u2838', '\u283C', '\u2834', '\u2826', '\u2827', '\u2807', '\u280F']\n    const frame = Math.floor(Date.now() / 120) % spinnerFrames.length\n    return spinnerFrames[frame] || '\u280B'\n  }\n\n  switch (status) {\n    case 'completed':\n      return '\u2713'\n    case 'error':\n      return '\u2715'\n    case 'queued':\n      return '\u2026'\n    default:\n      return '\u25E6'\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 'Initializing'\n    case 'queued':\n      return 'Queued'\n    case 'running':\n      return 'Running'\n    case 'completed':\n      return 'Completed'\n    case 'error':\n      return 'Error'\n  }\n}\n\n/**\n * \u83B7\u53D6\u72B6\u6001\u989C\u8272 (\u4F7F\u7528 Claude Code CLI \u914D\u8272)\n */\nfunction getStatusColor(\n  status: SubagentState['status'],\n  theme: ReturnType<typeof getTheme>,\n): string {\n  switch (status) {\n    case 'initializing':\n    case 'queued':\n      return '#ADD8E6' // Pending Task (\u6D45\u84DD)\n    case 'running':\n      return theme.brand // #D4BBFF (\u54C1\u724C\u8272\uFF0C\u8868\u793A\u6D3B\u8DC3)\n    case 'completed':\n      return theme.success // #3DDC84 (\u9C9C\u7EFF)\n    case 'error':\n      return theme.error // #FF5555 (\u9C9C\u7EA2)\n  }\n}\n\n/**\n * \u83B7\u53D6\u6700\u65B0\u7684\u72B6\u6001\u6D88\u606F\n */\nfunction getLatestMessage(messages: SubagentState['messages']): string | null {\n  if (messages.length === 0) return null\n\n  // \u5012\u5E8F\u67E5\u627E\u6700\u65B0\u7684\u6587\u672C\u6D88\u606F\n  for (let i = messages.length - 1; i >= 0; i--) {\n    const msg = messages[i]\n    if (msg?.type === 'assistant' && msg.message?.content) {\n      for (const content of msg.message.content) {\n        if (content.type === 'text' && content.text.trim()) {\n          // \u622A\u53D6\u524D 60 \u4E2A\u5B57\u7B26\n          const text = content.text.trim()\n          return text.length > 60 ? text.substring(0, 60) + '...' : text\n        }\n        if (content.type === 'tool_use') {\n          return `Using ${content.name}...`\n        }\n      }\n    }\n  }\n\n  return null\n}\n\n/**\n * \u6E32\u67D3\u8BE6\u7EC6\u7684\u8F93\u51FA\u65E5\u5FD7\n */\nfunction renderTaskOutputLog(\n  subagent: SubagentState,\n  theme: ReturnType<typeof getTheme>,\n  tools: Tool[],\n  verbose: boolean,\n): React.ReactNode {\n  const { messages } = subagent\n\n  return (\n    <Box flexDirection=\"column\">\n      {messages.map((msg, idx) => {\n        if (msg.type === 'assistant') {\n          return msg.message.content.map((content, contentIdx) => {\n            if (content.type === 'tool_use') {\n              const tool = tools.find(t => t.name === content.name)\n              const toolName = tool?.userFacingName\n                ? typeof tool.userFacingName === 'function'\n                  ? tool.userFacingName()\n                  : tool.userFacingName\n                : content.name\n\n              return (\n                <Box key={`${idx}-${contentIdx}`} flexDirection=\"row\">\n                  <Text color={theme.info}>\uD83D\uDD27 {toolName}</Text>\n                </Box>\n              )\n            } else if (content.type === 'text' && content.text.trim()) {\n              const lines = content.text.trim().split('\\n')\n              return (\n                <Box key={`${idx}-${contentIdx}`} flexDirection=\"column\">\n                  {lines.map((line, lineIdx) => (\n                    <Text key={lineIdx} color={theme.secondaryTextNew}>\n                      {line}\n                    </Text>\n                  ))}\n                </Box>\n              )\n            }\n            return null\n          })\n        } else if (msg.type === 'user') {\n          return msg.message.content.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                const lines = resultContent.trim().split('\\n')\n                const preview =\n                  lines.length > 5\n                    ? lines.slice(0, 5).join('\\n') + '\\n...'\n                    : resultContent.trim()\n\n                return (\n                  <Box key={`${idx}-${contentIdx}`} flexDirection=\"column\">\n                    {preview.split('\\n').map((line, lineIdx) => (\n                      <Text key={lineIdx} color={theme.mutedText}>\n                        {line}\n                      </Text>\n                    ))}\n                  </Box>\n                )\n              }\n            }\n            return null\n          })\n        }\n        return null\n      })}\n    </Box>\n  )\n}\n\n/**\n * \u7D27\u51D1\u7248 TaskCard (\u7528\u4E8E\u7A7A\u95F4\u53D7\u9650\u7684\u573A\u666F)\n */\nexport function CompactTaskCard({\n  subagent,\n}: {\n  subagent: SubagentState\n}): React.ReactNode {\n  const theme = getTheme()\n  const { taskName, status, agentColor } = subagent\n\n  const color = getAgentColor(agentColor, theme)\n  const isRunning =\n    status === 'initializing' || status === 'running' || status === 'queued'\n  const statusIcon = getStatusIcon(status, isRunning)\n\n  return (\n    <Box flexDirection=\"row\">\n      <Text color={color}>\n        {statusIcon} {taskName}\n      </Text>\n      <Text color={theme.dimmedText}> \u00B7 {getStatusText(status)}</Text>\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/TextInput.js

@@ -0,0 +1,100 @@
+import React from "react";
+import { Text, useInput } from "ink";
+import chalk from "chalk";
+import { useTextInput } from "../hooks/useTextInput.js";
+import { getTheme } from "../utils/theme.js";
+function TextInput({
+  value: originalValue,
+  placeholder = "",
+  focus = true,
+  mask,
+  multiline = false,
+  highlightPastedText = false,
+  showCursor = true,
+  onChange,
+  onSubmit,
+  onExit,
+  onHistoryUp,
+  onHistoryDown,
+  onExitMessage,
+  onMessage,
+  onHistoryReset,
+  columns,
+  onImagePaste,
+  onPaste,
+  isDimmed = false,
+  disableCursorMovementForUpDownKeys = false,
+  onSpecialKey,
+  cursorOffset,
+  onChangeCursorOffset
+}) {
+  const { onInput, renderedValue } = useTextInput({
+    value: originalValue,
+    onChange,
+    onSubmit,
+    onExit,
+    onExitMessage,
+    onMessage,
+    onHistoryReset,
+    onHistoryUp,
+    onHistoryDown,
+    focus,
+    mask,
+    multiline,
+    cursorChar: showCursor ? " " : "",
+    highlightPastedText,
+    invert: chalk.inverse,
+    themeText: (text) => chalk.hex(getTheme().text)(text),
+    columns,
+    onImagePaste,
+    disableCursorMovementForUpDownKeys,
+    externalOffset: cursorOffset,
+    onOffsetChange: onChangeCursorOffset
+  });
+  const [pasteState, setPasteState] = React.useState({ chunks: [], timeoutId: null });
+  const resetPasteTimeout = (currentTimeoutId) => {
+    if (currentTimeoutId) {
+      clearTimeout(currentTimeoutId);
+    }
+    return setTimeout(() => {
+      setPasteState(({ chunks }) => {
+        const pastedText = chunks.join("");
+        Promise.resolve().then(() => onPaste(pastedText));
+        return { chunks: [], timeoutId: null };
+      });
+    }, 100);
+  };
+  const wrappedOnInput = (input, key) => {
+    if (onSpecialKey && onSpecialKey(input, key)) {
+      return;
+    }
+    if (key.backspace || key.delete || input === "\b" || input === "\x7F" || input === "\b") {
+      onInput(input, {
+        ...key,
+        backspace: true
+      });
+      return;
+    }
+    if (onPaste && (input.length > 800 || pasteState.timeoutId)) {
+      setPasteState(({ chunks, timeoutId }) => {
+        return {
+          chunks: [...chunks, input],
+          timeoutId: resetPasteTimeout(timeoutId)
+        };
+      });
+      return;
+    }
+    onInput(input, key);
+  };
+  useInput(wrappedOnInput, { isActive: focus });
+  let renderedPlaceholder = placeholder ? chalk.hex(getTheme().secondaryText)(placeholder) : void 0;
+  if (showCursor && focus) {
+    renderedPlaceholder = placeholder.length > 0 ? chalk.inverse(placeholder[0]) + chalk.hex(getTheme().secondaryText)(placeholder.slice(1)) : chalk.inverse(" ");
+  }
+  const showPlaceholder = originalValue.length == 0 && placeholder;
+  return /* @__PURE__ */ React.createElement(Text, { wrap: "truncate-end", dimColor: isDimmed }, showPlaceholder ? renderedPlaceholder : renderedValue);
+}
+export {
+  TextInput as default
+};
+//# sourceMappingURL=TextInput.js.map

package/dist/components/TextInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/TextInput.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Text, useInput } from 'ink'\nimport chalk from 'chalk'\nimport { useTextInput } from '@hooks/useTextInput'\nimport { getTheme } from '@utils/theme'\nimport { type Key } from 'ink'\n\nexport type Props = {\n  /**\n   * Optional callback for handling history navigation on up arrow at start of input\n   */\n  readonly onHistoryUp?: () => void\n\n  /**\n   * Optional callback for handling history navigation on down arrow at end of input\n   */\n  readonly onHistoryDown?: () => void\n\n  /**\n   * Text to display when `value` is empty.\n   */\n  readonly placeholder?: string\n\n  /**\n   * Allow multi-line input via line ending with backslash (default: `true`)\n   */\n  readonly multiline?: boolean\n\n  /**\n   * Listen to user's input. Useful in case there are multiple input components\n   * at the same time and input must be \"routed\" to a specific component.\n   */\n  readonly focus?: boolean\n\n  /**\n   * Replace all chars and mask the value. Useful for password inputs.\n   */\n  readonly mask?: string\n\n  /**\n   * Whether to show cursor and allow navigation inside text input with arrow keys.\n   */\n  readonly showCursor?: boolean\n\n  /**\n   * Highlight pasted text\n   */\n  readonly highlightPastedText?: boolean\n\n  /**\n   * Value to display in a text input.\n   */\n  readonly value: string\n\n  /**\n   * Function to call when value updates.\n   */\n  readonly onChange: (value: string) => void\n\n  /**\n   * Function to call when `Enter` is pressed, where first argument is a value of the input.\n   */\n  readonly onSubmit?: (value: string) => void\n\n  /**\n   * Function to call when Ctrl+C is pressed to exit.\n   */\n  readonly onExit?: () => void\n\n  /**\n   * Optional callback to show exit message\n   */\n  readonly onExitMessage?: (show: boolean, key?: string) => void\n\n  /**\n   * Optional callback to show custom message\n   */\n  readonly onMessage?: (show: boolean, message?: string) => void\n\n  /**\n   * Optional callback to reset history position\n   */\n  readonly onHistoryReset?: () => void\n\n  /**\n   * Number of columns to wrap text at\n   */\n  readonly columns: number\n\n  /**\n   * Optional callback when an image is pasted\n   */\n  readonly onImagePaste?: (base64Image: string) => void\n\n  /**\n   * Optional callback when a large text (over 800 chars) is pasted\n   */\n  readonly onPaste?: (text: string) => void\n\n  /**\n   * Whether the input is dimmed and non-interactive\n   */\n  readonly isDimmed?: boolean\n\n  /**\n   * Whether to disable cursor movement for up/down arrow keys\n   */\n  readonly disableCursorMovementForUpDownKeys?: boolean\n  \n  /**\n   * Optional callback to handle special key combinations before input processing\n   * Return true to prevent default handling\n   */\n  readonly onSpecialKey?: (input: string, key: Key) => boolean\n\n  readonly cursorOffset: number\n\n  /**\n   * Callback to set the offset of the cursor\n   */\n  onChangeCursorOffset: (offset: number) => void\n}\n\nexport default function TextInput({\n  value: originalValue,\n  placeholder = '',\n  focus = true,\n  mask,\n  multiline = false,\n  highlightPastedText = false,\n  showCursor = true,\n  onChange,\n  onSubmit,\n  onExit,\n  onHistoryUp,\n  onHistoryDown,\n  onExitMessage,\n  onMessage,\n  onHistoryReset,\n  columns,\n  onImagePaste,\n  onPaste,\n  isDimmed = false,\n  disableCursorMovementForUpDownKeys = false,\n  onSpecialKey,\n  cursorOffset,\n  onChangeCursorOffset,\n}: Props) {\n  const { onInput, renderedValue } = useTextInput({\n    value: originalValue,\n    onChange,\n    onSubmit,\n    onExit,\n    onExitMessage,\n    onMessage,\n    onHistoryReset,\n    onHistoryUp,\n    onHistoryDown,\n    focus,\n    mask,\n    multiline,\n    cursorChar: showCursor ? ' ' : '',\n    highlightPastedText,\n    invert: chalk.inverse,\n    themeText: (text: string) => chalk.hex(getTheme().text)(text),\n    columns,\n    onImagePaste,\n    disableCursorMovementForUpDownKeys,\n    externalOffset: cursorOffset,\n    onOffsetChange: onChangeCursorOffset,\n  })\n\n  // Paste detection state\n  const [pasteState, setPasteState] = React.useState<{\n    chunks: string[]\n    timeoutId: ReturnType<typeof setTimeout> | null\n  }>({ chunks: [], timeoutId: null })\n\n  const resetPasteTimeout = (\n    currentTimeoutId: ReturnType<typeof setTimeout> | null,\n  ) => {\n    if (currentTimeoutId) {\n      clearTimeout(currentTimeoutId)\n    }\n    return setTimeout(() => {\n      setPasteState(({ chunks }) => {\n        const pastedText = chunks.join('')\n        // Schedule callback after current render to avoid state updates during render\n        Promise.resolve().then(() => onPaste!(pastedText))\n        return { chunks: [], timeoutId: null }\n      })\n    }, 100)\n  }\n\n  const wrappedOnInput = (input: string, key: Key): void => {\n    // Check for special key combinations first\n    if (onSpecialKey && onSpecialKey(input, key)) {\n      // Special key was handled, don't process further\n      return\n    }\n    \n    // Special handling for backspace or delete\n    if (\n      key.backspace ||\n      key.delete ||\n      input === '\\b' ||\n      input === '\\x7f' ||\n      input === '\\x08'\n    ) {\n      // Ensure backspace is handled directly\n      onInput(input, {\n        ...key,\n        backspace: true,\n      })\n      return\n    }\n\n    // Handle pastes (>800 chars)\n    // Usually we get one or two input characters at a time. If we\n    // get a bunch, the user has probably pasted.\n    // Unfortunately node batches long pastes, so it's possible\n    // that we would see e.g. 1024 characters and then just a few\n    // more in the next frame that belong with the original paste.\n    // This batching number is not consistent.\n    if (onPaste && (input.length > 800 || pasteState.timeoutId)) {\n      setPasteState(({ chunks, timeoutId }) => {\n        return {\n          chunks: [...chunks, input],\n          timeoutId: resetPasteTimeout(timeoutId),\n        }\n      })\n      return\n    }\n\n    onInput(input, key)\n  }\n\n  useInput(wrappedOnInput, { isActive: focus })\n\n  let renderedPlaceholder = placeholder\n    ? chalk.hex(getTheme().secondaryText)(placeholder)\n    : undefined\n\n  // Fake mouse cursor, because we like punishment\n  if (showCursor && focus) {\n    renderedPlaceholder =\n      placeholder.length > 0\n        ? chalk.inverse(placeholder[0]) +\n          chalk.hex(getTheme().secondaryText)(placeholder.slice(1))\n        : chalk.inverse(' ')\n  }\n\n  const showPlaceholder = originalValue.length == 0 && placeholder\n  return (\n    <Text wrap=\"truncate-end\" dimColor={isDimmed}>\n      {showPlaceholder ? renderedPlaceholder : renderedValue}\n    </Text>\n  )\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,MAAM,gBAAgB;AAC/B,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AAuHV,SAAR,UAA2B;AAAA,EAChC,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ,sBAAsB;AAAA,EACtB,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,qCAAqC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,GAAU;AACR,QAAM,EAAE,SAAS,cAAc,IAAI,aAAa;AAAA,IAC9C,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,aAAa,MAAM;AAAA,IAC/B;AAAA,IACA,QAAQ,MAAM;AAAA,IACd,WAAW,CAAC,SAAiB,MAAM,IAAI,SAAS,EAAE,IAAI,EAAE,IAAI;AAAA,IAC5D;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,EAClB,CAAC;AAGD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAGvC,EAAE,QAAQ,CAAC,GAAG,WAAW,KAAK,CAAC;AAElC,QAAM,oBAAoB,CACxB,qBACG;AACH,QAAI,kBAAkB;AACpB,mBAAa,gBAAgB;AAAA,IAC/B;AACA,WAAO,WAAW,MAAM;AACtB,oBAAc,CAAC,EAAE,OAAO,MAAM;AAC5B,cAAM,aAAa,OAAO,KAAK,EAAE;AAEjC,gBAAQ,QAAQ,EAAE,KAAK,MAAM,QAAS,UAAU,CAAC;AACjD,eAAO,EAAE,QAAQ,CAAC,GAAG,WAAW,KAAK;AAAA,MACvC,CAAC;AAAA,IACH,GAAG,GAAG;AAAA,EACR;AAEA,QAAM,iBAAiB,CAAC,OAAe,QAAmB;AAExD,QAAI,gBAAgB,aAAa,OAAO,GAAG,GAAG;AAE5C;AAAA,IACF;AAGA,QACE,IAAI,aACJ,IAAI,UACJ,UAAU,QACV,UAAU,UACV,UAAU,MACV;AAEA,cAAQ,OAAO;AAAA,QACb,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AACD;AAAA,IACF;AASA,QAAI,YAAY,MAAM,SAAS,OAAO,WAAW,YAAY;AAC3D,oBAAc,CAAC,EAAE,QAAQ,UAAU,MAAM;AACvC,eAAO;AAAA,UACL,QAAQ,CAAC,GAAG,QAAQ,KAAK;AAAA,UACzB,WAAW,kBAAkB,SAAS;AAAA,QACxC;AAAA,MACF,CAAC;AACD;AAAA,IACF;AAEA,YAAQ,OAAO,GAAG;AAAA,EACpB;AAEA,WAAS,gBAAgB,EAAE,UAAU,MAAM,CAAC;AAE5C,MAAI,sBAAsB,cACtB,MAAM,IAAI,SAAS,EAAE,aAAa,EAAE,WAAW,IAC/C;AAGJ,MAAI,cAAc,OAAO;AACvB,0BACE,YAAY,SAAS,IACjB,MAAM,QAAQ,YAAY,CAAC,CAAC,IAC5B,MAAM,IAAI,SAAS,EAAE,aAAa,EAAE,YAAY,MAAM,CAAC,CAAC,IACxD,MAAM,QAAQ,GAAG;AAAA,EACzB;AAEA,QAAM,kBAAkB,cAAc,UAAU,KAAK;AACrD,SACE,oCAAC,QAAK,MAAK,gBAAe,UAAU,YACjC,kBAAkB,sBAAsB,aAC3C;AAEJ;",
+  "names": []
+}

package/dist/components/TimelineRenderer.js

@@ -0,0 +1,31 @@
+function mergeTimeline(toolExecutions, subagentExecutions) {
+  const timeline = [];
+  for (const tool of toolExecutions) {
+    timeline.push({
+      type: "tool",
+      data: tool,
+      time: tool.startTime
+    });
+  }
+  for (const subagent of subagentExecutions) {
+    timeline.push({
+      type: "subagent",
+      data: subagent,
+      time: subagent.metrics.startTime
+    });
+  }
+  timeline.sort((a, b) => a.time - b.time);
+  return timeline;
+}
+function isToolExecution(item) {
+  return item.type === "tool";
+}
+function isSubagentExecution(item) {
+  return item.type === "subagent";
+}
+export {
+  isSubagentExecution,
+  isToolExecution,
+  mergeTimeline
+};
+//# sourceMappingURL=TimelineRenderer.js.map

package/dist/components/TimelineRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/TimelineRenderer.tsx"],
+  "sourcesContent": ["/**\n * TimelineRenderer - Merges tool executions and subagent executions\n *\n * Sorts timeline items by timestamp and returns a unified array\n * for hierarchical rendering in InteractionRoundBlock.\n */\n\nimport type { SubagentState } from '@minto-types/subagent'\n\n/**\n * Tool execution data (simplified from existing tool execution tracking)\n */\nexport interface ToolExecution {\n  id: string\n  name: string\n  input: any\n  result?: any\n  status: 'pending' | 'running' | 'completed' | 'error'\n  startTime: number\n  endTime?: number\n  durationMs?: number\n}\n\n/**\n * Timeline item types\n */\nexport type TimelineItemType = 'tool' | 'subagent'\n\n/**\n * Unified timeline item\n */\nexport interface TimelineItem {\n  type: TimelineItemType\n  data: ToolExecution | SubagentState\n  time: number\n}\n\n/**\n * Merge tool executions and subagent executions into a unified timeline\n *\n * @param toolExecutions - Array of tool execution records\n * @param subagentExecutions - Array of subagent execution records\n * @returns Sorted array of timeline items\n */\nexport function mergeTimeline(\n  toolExecutions: ToolExecution[],\n  subagentExecutions: SubagentState[],\n): TimelineItem[] {\n  const timeline: TimelineItem[] = []\n\n  // Add tool executions to timeline\n  for (const tool of toolExecutions) {\n    timeline.push({\n      type: 'tool',\n      data: tool,\n      time: tool.startTime,\n    })\n  }\n\n  // Add subagent executions to timeline\n  for (const subagent of subagentExecutions) {\n    timeline.push({\n      type: 'subagent',\n      data: subagent,\n      time: subagent.metrics.startTime,\n    })\n  }\n\n  // Sort by timestamp (ascending - earliest first)\n  timeline.sort((a, b) => a.time - b.time)\n\n  return timeline\n}\n\n/**\n * Type guard to check if timeline item is a tool execution\n */\nexport function isToolExecution(\n  item: TimelineItem,\n): item is TimelineItem & { data: ToolExecution } {\n  return item.type === 'tool'\n}\n\n/**\n * Type guard to check if timeline item is a subagent execution\n */\nexport function isSubagentExecution(\n  item: TimelineItem,\n): item is TimelineItem & { data: SubagentState } {\n  return item.type === 'subagent'\n}\n"],
+  "mappings": "AA4CO,SAAS,cACd,gBACA,oBACgB;AAChB,QAAM,WAA2B,CAAC;AAGlC,aAAW,QAAQ,gBAAgB;AACjC,aAAS,KAAK;AAAA,MACZ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM,KAAK;AAAA,IACb,CAAC;AAAA,EACH;AAGA,aAAW,YAAY,oBAAoB;AACzC,aAAS,KAAK;AAAA,MACZ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM,SAAS,QAAQ;AAAA,IACzB,CAAC;AAAA,EACH;AAGA,WAAS,KAAK,CAAC,GAAG,MAAM,EAAE,OAAO,EAAE,IAAI;AAEvC,SAAO;AACT;AAKO,SAAS,gBACd,MACgD;AAChD,SAAO,KAAK,SAAS;AACvB;AAKO,SAAS,oBACd,MACgD;AAChD,SAAO,KAAK,SAAS;AACvB;",
+  "names": []
+}

package/dist/components/TodoChangeBlock.js

@@ -0,0 +1,29 @@
+import { Box, Text } from "ink";
+import React from "react";
+import { TodoChangeLine } from "./TodoChangeLine.js";
+import { getTheme } from "../utils/theme.js";
+function TodoChangeBlock({
+  changes,
+  todos,
+  indent = 1
+}) {
+  const theme = getTheme();
+  const stats = {
+    pending: todos.filter((t) => t.status === "pending").length,
+    inProgress: todos.filter((t) => t.status === "in_progress").length,
+    completed: todos.filter((t) => t.status === "completed").length
+  };
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginLeft: indent * 2 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.brand }, "\u{1F527} "), /* @__PURE__ */ React.createElement(Text, null, "Updated task list")), changes.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginLeft: 2 }, changes.map((change, idx) => /* @__PURE__ */ React.createElement(Box, { key: `${change.todoId}-${idx}` }, /* @__PURE__ */ React.createElement(TodoChangeLine, { change })))), /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "row",
+      marginLeft: 2,
+      marginTop: changes.length > 0 ? 1 : 0
+    },
+    /* @__PURE__ */ React.createElement(Text, { color: theme.dim }, stats.pending, " pending \xB7 ", stats.inProgress, " in progress \xB7", " ", stats.completed, " completed")
+  ));
+}
+export {
+  TodoChangeBlock
+};
+//# sourceMappingURL=TodoChangeBlock.js.map

package/dist/components/TodoChangeBlock.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/TodoChangeBlock.tsx"],
+  "sourcesContent": ["/**\n * TodoChangeBlock - Renders Todo changes in the conversation flow\n *\n * Displays:\n * - Tool call header \"\uD83D\uDD27 Updated task list\"\n * - Individual changes via TodoChangeLine\n * - Summary statistics (pending/in_progress/completed)\n *\n * When TodoWriteTool is called, this component shows what changed\n * in the conversation timeline, separate from the TodoPanel.\n */\n\nimport { Box, Text } from 'ink'\nimport React from 'react'\nimport type { TodoChange } from '@utils/todoChangeCalculator'\nimport type { TodoItem } from '@utils/todoStorage'\nimport { TodoChangeLine } from './TodoChangeLine'\nimport { getTheme } from '@utils/theme'\n\ninterface TodoChangeBlockProps {\n  /** List of changes to display */\n  changes: TodoChange[]\n  /** Current complete todo list (for statistics) */\n  todos: TodoItem[]\n  /** Indentation level (default: 1) */\n  indent?: number\n}\n\nexport function TodoChangeBlock({\n  changes,\n  todos,\n  indent = 1,\n}: TodoChangeBlockProps) {\n  const theme = getTheme()\n\n  // Calculate statistics\n  const stats = {\n    pending: todos.filter(t => t.status === 'pending').length,\n    inProgress: todos.filter(t => t.status === 'in_progress').length,\n    completed: todos.filter(t => t.status === 'completed').length,\n  }\n\n  return (\n    <Box flexDirection=\"column\" marginLeft={indent * 2}>\n      {/* Tool call header */}\n      <Box flexDirection=\"row\">\n        <Text color={theme.brand}>\uD83D\uDD27 </Text>\n        <Text>Updated task list</Text>\n      </Box>\n\n      {/* Changes display */}\n      {changes.length > 0 && (\n        <Box flexDirection=\"column\" marginLeft={2}>\n          {changes.map((change, idx) => (\n            <Box key={`${change.todoId}-${idx}`}>\n              <TodoChangeLine change={change} />\n            </Box>\n          ))}\n        </Box>\n      )}\n\n      {/* Summary statistics */}\n      <Box\n        flexDirection=\"row\"\n        marginLeft={2}\n        marginTop={changes.length > 0 ? 1 : 0}\n      >\n        <Text color={theme.dim}>\n          {stats.pending} pending \u00B7 {stats.inProgress} in progress \u00B7{' '}\n          {stats.completed} completed\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAYA,SAAS,KAAK,YAAY;AAC1B,OAAO,WAAW;AAGlB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AAWlB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,SAAS;AACX,GAAyB;AACvB,QAAM,QAAQ,SAAS;AAGvB,QAAM,QAAQ;AAAA,IACZ,SAAS,MAAM,OAAO,OAAK,EAAE,WAAW,SAAS,EAAE;AAAA,IACnD,YAAY,MAAM,OAAO,OAAK,EAAE,WAAW,aAAa,EAAE;AAAA,IAC1D,WAAW,MAAM,OAAO,OAAK,EAAE,WAAW,WAAW,EAAE;AAAA,EACzD;AAEA,SACE,oCAAC,OAAI,eAAc,UAAS,YAAY,SAAS,KAE/C,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,MAAM,SAAO,YAAG,GAC7B,oCAAC,YAAK,mBAAiB,CACzB,GAGC,QAAQ,SAAS,KAChB,oCAAC,OAAI,eAAc,UAAS,YAAY,KACrC,QAAQ,IAAI,CAAC,QAAQ,QACpB,oCAAC,OAAI,KAAK,GAAG,OAAO,MAAM,IAAI,GAAG,MAC/B,oCAAC,kBAAe,QAAgB,CAClC,CACD,CACH,GAIF;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,YAAY;AAAA,MACZ,WAAW,QAAQ,SAAS,IAAI,IAAI;AAAA;AAAA,IAEpC,oCAAC,QAAK,OAAO,MAAM,OAChB,MAAM,SAAQ,kBAAY,MAAM,YAAW,qBAAe,KAC1D,MAAM,WAAU,YACnB;AAAA,EACF,CACF;AAEJ;",
+  "names": []
+}

package/dist/components/TodoChangeLine.js

@@ -0,0 +1,22 @@
+import { Box, Text } from "ink";
+import React from "react";
+import { getTheme } from "../utils/theme.js";
+function TodoChangeLine({ change }) {
+  const theme = getTheme();
+  switch (change.type) {
+    case "added":
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "+ "), /* @__PURE__ */ React.createElement(Text, null, change.newValue?.content));
+    case "removed":
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.error }, "- "), /* @__PURE__ */ React.createElement(Text, { strikethrough: true, color: theme.dim }, change.oldValue?.content));
+    case "status_changed":
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.brand }, "\u2713 "), /* @__PURE__ */ React.createElement(Text, null, change.newValue?.content), /* @__PURE__ */ React.createElement(Text, { color: theme.dim }, " ", "(", change.oldValue?.status, " \u2192 ", change.newValue?.status, ")"));
+    case "updated":
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.info }, "~ "), /* @__PURE__ */ React.createElement(Text, null, change.newValue?.content), change.oldValue?.priority !== change.newValue?.priority && /* @__PURE__ */ React.createElement(Text, { color: theme.dim }, " ", "(priority: ", change.oldValue?.priority, " \u2192", " ", change.newValue?.priority, ")"));
+    default:
+      return null;
+  }
+}
+export {
+  TodoChangeLine
+};
+//# sourceMappingURL=TodoChangeLine.js.map

package/dist/components/TodoChangeLine.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/TodoChangeLine.tsx"],
+  "sourcesContent": ["/**\n * TodoChangeLine - Renders individual Todo changes\n *\n * Handles:\n * - 'added' (green +)\n * - 'removed' (red -)\n * - 'status_changed' (blue \u2713)\n * - 'updated' (default style)\n *\n * Shows old \u2192 new status for status changes\n * Uses strikethrough for removed items\n */\n\nimport { Box, Text } from 'ink'\nimport React from 'react'\nimport type { TodoChange } from '@utils/todoChangeCalculator'\nimport { getTheme } from '@utils/theme'\n\ninterface TodoChangeLineProps {\n  change: TodoChange\n}\n\nexport function TodoChangeLine({ change }: TodoChangeLineProps) {\n  const theme = getTheme()\n\n  switch (change.type) {\n    case 'added':\n      return (\n        <Box flexDirection=\"row\">\n          <Text color={theme.success}>+ </Text>\n          <Text>{change.newValue?.content}</Text>\n        </Box>\n      )\n\n    case 'removed':\n      return (\n        <Box flexDirection=\"row\">\n          <Text color={theme.error}>- </Text>\n          <Text strikethrough color={theme.dim}>\n            {change.oldValue?.content}\n          </Text>\n        </Box>\n      )\n\n    case 'status_changed':\n      return (\n        <Box flexDirection=\"row\">\n          <Text color={theme.brand}>\u2713 </Text>\n          <Text>{change.newValue?.content}</Text>\n          <Text color={theme.dim}>\n            {' '}\n            ({change.oldValue?.status} \u2192 {change.newValue?.status})\n          </Text>\n        </Box>\n      )\n\n    case 'updated':\n      return (\n        <Box flexDirection=\"row\">\n          <Text color={theme.info}>~ </Text>\n          <Text>{change.newValue?.content}</Text>\n          {change.oldValue?.priority !== change.newValue?.priority && (\n            <Text color={theme.dim}>\n              {' '}\n              (priority: {change.oldValue?.priority} \u2192{' '}\n              {change.newValue?.priority})\n            </Text>\n          )}\n        </Box>\n      )\n\n    default:\n      return null\n  }\n}\n"],
+  "mappings": "AAaA,SAAS,KAAK,YAAY;AAC1B,OAAO,WAAW;AAElB,SAAS,gBAAgB;AAMlB,SAAS,eAAe,EAAE,OAAO,GAAwB;AAC9D,QAAM,QAAQ,SAAS;AAEvB,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AACH,aACE,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,MAAM,WAAS,IAAE,GAC9B,oCAAC,YAAM,OAAO,UAAU,OAAQ,CAClC;AAAA,IAGJ,KAAK;AACH,aACE,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,MAAM,SAAO,IAAE,GAC5B,oCAAC,QAAK,eAAa,MAAC,OAAO,MAAM,OAC9B,OAAO,UAAU,OACpB,CACF;AAAA,IAGJ,KAAK;AACH,aACE,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,MAAM,SAAO,SAAE,GAC5B,oCAAC,YAAM,OAAO,UAAU,OAAQ,GAChC,oCAAC,QAAK,OAAO,MAAM,OAChB,KAAI,KACH,OAAO,UAAU,QAAO,YAAI,OAAO,UAAU,QAAO,GACxD,CACF;AAAA,IAGJ,KAAK;AACH,aACE,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,MAAM,QAAM,IAAE,GAC3B,oCAAC,YAAM,OAAO,UAAU,OAAQ,GAC/B,OAAO,UAAU,aAAa,OAAO,UAAU,YAC9C,oCAAC,QAAK,OAAO,MAAM,OAChB,KAAI,eACO,OAAO,UAAU,UAAS,WAAG,KACxC,OAAO,UAAU,UAAS,GAC7B,CAEJ;AAAA,IAGJ;AACE,aAAO;AAAA,EACX;AACF;",
+  "names": []
+}

package/dist/components/TodoItem.js

@@ -0,0 +1,35 @@
+import React from "react";
+import { Box, Text } from "ink";
+const TodoItem = ({ todo, children }) => {
+  const statusIconMap = {
+    completed: "\u2705",
+    in_progress: "\u{1F504}",
+    pending: "\u23F8\uFE0F"
+  };
+  const statusColorMap = {
+    completed: "#008000",
+    in_progress: "#FFA500",
+    pending: "#FFD700"
+  };
+  const priorityIconMap = {
+    high: "\u{1F534}",
+    medium: "\u{1F7E1}",
+    low: "\u{1F7E2}"
+  };
+  const icon = statusIconMap[todo.status];
+  const color = statusColorMap[todo.status];
+  const priorityIcon = todo.priority ? priorityIconMap[todo.priority] : "";
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { color }, icon), priorityIcon && /* @__PURE__ */ React.createElement(Text, null, priorityIcon), /* @__PURE__ */ React.createElement(
+    Text,
+    {
+      color,
+      strikethrough: todo.status === "completed",
+      bold: todo.status === "in_progress"
+    },
+    todo.content
+  ), children);
+};
+export {
+  TodoItem
+};
+//# sourceMappingURL=TodoItem.js.map

package/dist/components/TodoItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/TodoItem.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Box, Text } from 'ink'\nimport type { TodoItem as TodoItemType } from '@utils/todoStorage'\n\nexport interface TodoItemProps {\n  todo: TodoItemType\n  children?: React.ReactNode\n}\n\nexport const TodoItem: React.FC<TodoItemProps> = ({ todo, children }) => {\n  const statusIconMap = {\n    completed: '\u2705',\n    in_progress: '\uD83D\uDD04',\n    pending: '\u23F8\uFE0F',\n  }\n\n  const statusColorMap = {\n    completed: '#008000',\n    in_progress: '#FFA500', \n    pending: '#FFD700',\n  }\n\n  const priorityIconMap = {\n    high: '\uD83D\uDD34',\n    medium: '\uD83D\uDFE1',\n    low: '\uD83D\uDFE2',\n  }\n\n  const icon = statusIconMap[todo.status]\n  const color = statusColorMap[todo.status]\n  const priorityIcon = todo.priority ? priorityIconMap[todo.priority] : ''\n\n  return (\n    <Box flexDirection=\"row\" gap={1}>\n      <Text color={color}>{icon}</Text>\n      {priorityIcon && <Text>{priorityIcon}</Text>}\n      <Text \n        color={color}\n        strikethrough={todo.status === 'completed'}\n        bold={todo.status === 'in_progress'}\n      >\n        {todo.content}\n      </Text>\n      {children}\n    </Box>\n  )\n}"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAQnB,MAAM,WAAoC,CAAC,EAAE,MAAM,SAAS,MAAM;AACvE,QAAM,gBAAgB;AAAA,IACpB,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,EACX;AAEA,QAAM,iBAAiB;AAAA,IACrB,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,EACX;AAEA,QAAM,kBAAkB;AAAA,IACtB,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,KAAK;AAAA,EACP;AAEA,QAAM,OAAO,cAAc,KAAK,MAAM;AACtC,QAAM,QAAQ,eAAe,KAAK,MAAM;AACxC,QAAM,eAAe,KAAK,WAAW,gBAAgB,KAAK,QAAQ,IAAI;AAEtE,SACE,oCAAC,OAAI,eAAc,OAAM,KAAK,KAC5B,oCAAC,QAAK,SAAe,IAAK,GACzB,gBAAgB,oCAAC,YAAM,YAAa,GACrC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAe,KAAK,WAAW;AAAA,MAC/B,MAAM,KAAK,WAAW;AAAA;AAAA,IAErB,KAAK;AAAA,EACR,GACC,QACH;AAEJ;",
+  "names": []
+}