@within-7/minto 0.4.2 → 0.4.3

package/dist/components/ThinkingSelector.js

@@ -1,84 +0,0 @@
-import React, { useState } from "react";
-import { Box, Text, useInput } from "ink";
-import figures from "figures";
-import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../constants/colors.js";
-import { getGlobalConfig, saveGlobalConfig } from "../utils/config.js";
-import { t } from "../i18n/index.js";
-const OPTIONS = [
-  {
-    id: "enabled",
-    label: t("thinking.enabled"),
-    description: t("thinking.enabledDesc")
-  },
-  {
-    id: "disabled",
-    label: t("thinking.disabled"),
-    description: t("thinking.disabledDesc")
-  }
-];
-function ThinkingSelector({ onClose }) {
-  const config = getGlobalConfig();
-  const currentEnabled = !!config.thinking;
-  const initialIndex = currentEnabled ? 0 : 1;
-  const [selectedIndex, setSelectedIndex] = useState(initialIndex);
-  useInput((input, key) => {
-    if (key.escape) {
-      onClose();
-      return;
-    }
-    if (key.downArrow) {
-      setSelectedIndex((prev) => Math.min(prev + 1, OPTIONS.length - 1));
-      return;
-    }
-    if (key.upArrow) {
-      setSelectedIndex((prev) => Math.max(prev - 1, 0));
-      return;
-    }
-    const num = Number(input);
-    if (num >= 1 && num <= OPTIONS.length) {
-      const option = OPTIONS[num - 1];
-      const newThinking = option.id === "enabled";
-      saveGlobalConfig({ ...getGlobalConfig(), thinking: newThinking });
-      onClose();
-      return;
-    }
-    if (key.return) {
-      const selected = OPTIONS[selectedIndex];
-      const newThinking = selected.id === "enabled";
-      saveGlobalConfig({ ...getGlobalConfig(), thinking: newThinking });
-      onClose();
-      return;
-    }
-  });
-  return /* @__PURE__ */ React.createElement(
-    Box,
-    {
-      flexDirection: "column",
-      borderStyle: "round",
-      borderColor: BRAND_GRADIENT.START,
-      paddingX: 1,
-      paddingY: 1
-    },
-    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: BRAND_GRADIENT.START }, t("thinking.title")), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, t("thinking.subtitle"))),
-    OPTIONS.map((option, index) => {
-      const isSelected = index === selectedIndex;
-      const isCurrent = option.id === "enabled" && currentEnabled || option.id === "disabled" && !currentEnabled;
-      return /* @__PURE__ */ React.createElement(Box, { key: option.id }, /* @__PURE__ */ React.createElement(
-        Text,
-        {
-          color: isSelected ? BRAND_GRADIENT.START : void 0,
-          bold: isSelected
-        },
-        isSelected ? `${figures.pointer} ` : "  ",
-        index + 1,
-        ". ",
-        option.label
-      ), isCurrent && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.success }, " \u2714"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " ", option.description));
-    }),
-    /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, t("rewind.enterToContinue"), " \xB7 ", t("rewind.escToExit")))
-  );
-}
-export {
-  ThinkingSelector
-};
-//# sourceMappingURL=ThinkingSelector.js.map

package/dist/components/ThinkingSelector.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/ThinkingSelector.tsx"],
-  "sourcesContent": ["/**\n * ThinkingSelector \u2014 Toggle thinking mode overlay\n *\n * Matches RewindPanel visual style (round border, brand colors).\n * Activated via Option+T (\u2325T).\n */\n\nimport React, { useState } from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport figures from 'figures'\nimport { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\nimport { getGlobalConfig, saveGlobalConfig } from '@utils/config'\nimport { t } from '@i18n'\n\ninterface Props {\n  onClose: () => void\n}\n\ninterface ThinkingOption {\n  id: 'enabled' | 'disabled'\n  label: string\n  description: string\n}\n\nconst OPTIONS: ThinkingOption[] = [\n  {\n    id: 'enabled',\n    label: t('thinking.enabled'),\n    description: t('thinking.enabledDesc'),\n  },\n  {\n    id: 'disabled',\n    label: t('thinking.disabled'),\n    description: t('thinking.disabledDesc'),\n  },\n]\n\nexport function ThinkingSelector({ onClose }: Props): React.ReactNode {\n  const config = getGlobalConfig()\n  const currentEnabled = !!config.thinking\n  const initialIndex = currentEnabled ? 0 : 1\n  const [selectedIndex, setSelectedIndex] = useState(initialIndex)\n\n  useInput((input, key) => {\n    if (key.escape) {\n      onClose()\n      return\n    }\n\n    if (key.downArrow) {\n      setSelectedIndex(prev => Math.min(prev + 1, OPTIONS.length - 1))\n      return\n    }\n\n    if (key.upArrow) {\n      setSelectedIndex(prev => Math.max(prev - 1, 0))\n      return\n    }\n\n    // Number keys 1-2\n    const num = Number(input)\n    if (num >= 1 && num <= OPTIONS.length) {\n      const option = OPTIONS[num - 1]\n      const newThinking = option.id === 'enabled'\n      saveGlobalConfig({ ...getGlobalConfig(), thinking: newThinking })\n      onClose()\n      return\n    }\n\n    if (key.return) {\n      const selected = OPTIONS[selectedIndex]\n      const newThinking = selected.id === 'enabled'\n      saveGlobalConfig({ ...getGlobalConfig(), thinking: newThinking })\n      onClose()\n      return\n    }\n  })\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      borderColor={BRAND_GRADIENT.START}\n      paddingX={1}\n      paddingY={1}\n    >\n      {/* Header */}\n      <Box flexDirection=\"column\" marginBottom={1}>\n        <Text bold color={BRAND_GRADIENT.START}>\n          {t('thinking.title')}\n        </Text>\n        <Text color={SEMANTIC_COLORS.secondary}>{t('thinking.subtitle')}</Text>\n      </Box>\n\n      {/* Options */}\n      {OPTIONS.map((option, index) => {\n        const isSelected = index === selectedIndex\n        const isCurrent =\n          (option.id === 'enabled' && currentEnabled) ||\n          (option.id === 'disabled' && !currentEnabled)\n\n        return (\n          <Box key={option.id}>\n            <Text\n              color={isSelected ? BRAND_GRADIENT.START : undefined}\n              bold={isSelected}\n            >\n              {isSelected ? `${figures.pointer} ` : '  '}\n              {index + 1}. {option.label}\n            </Text>\n            {isCurrent && <Text color={SEMANTIC_COLORS.success}> \u2714</Text>}\n            <Text color={SEMANTIC_COLORS.dim}> {option.description}</Text>\n          </Box>\n        )\n      })}\n\n      {/* Footer */}\n      <Box marginTop={1}>\n        <Text color={SEMANTIC_COLORS.dim}>\n          {t('rewind.enterToContinue')} \u00B7 {t('rewind.escToExit')}\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n"],
-  "mappings": "AAOA,OAAO,SAAS,gBAAgB;AAChC,SAAS,KAAK,MAAM,gBAAgB;AACpC,OAAO,aAAa;AACpB,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,SAAS;AAYlB,MAAM,UAA4B;AAAA,EAChC;AAAA,IACE,IAAI;AAAA,IACJ,OAAO,EAAE,kBAAkB;AAAA,IAC3B,aAAa,EAAE,sBAAsB;AAAA,EACvC;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO,EAAE,mBAAmB;AAAA,IAC5B,aAAa,EAAE,uBAAuB;AAAA,EACxC;AACF;AAEO,SAAS,iBAAiB,EAAE,QAAQ,GAA2B;AACpE,QAAM,SAAS,gBAAgB;AAC/B,QAAM,iBAAiB,CAAC,CAAC,OAAO;AAChC,QAAM,eAAe,iBAAiB,IAAI;AAC1C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,YAAY;AAE/D,WAAS,CAAC,OAAO,QAAQ;AACvB,QAAI,IAAI,QAAQ;AACd,cAAQ;AACR;AAAA,IACF;AAEA,QAAI,IAAI,WAAW;AACjB,uBAAiB,UAAQ,KAAK,IAAI,OAAO,GAAG,QAAQ,SAAS,CAAC,CAAC;AAC/D;AAAA,IACF;AAEA,QAAI,IAAI,SAAS;AACf,uBAAiB,UAAQ,KAAK,IAAI,OAAO,GAAG,CAAC,CAAC;AAC9C;AAAA,IACF;AAGA,UAAM,MAAM,OAAO,KAAK;AACxB,QAAI,OAAO,KAAK,OAAO,QAAQ,QAAQ;AACrC,YAAM,SAAS,QAAQ,MAAM,CAAC;AAC9B,YAAM,cAAc,OAAO,OAAO;AAClC,uBAAiB,EAAE,GAAG,gBAAgB,GAAG,UAAU,YAAY,CAAC;AAChE,cAAQ;AACR;AAAA,IACF;AAEA,QAAI,IAAI,QAAQ;AACd,YAAM,WAAW,QAAQ,aAAa;AACtC,YAAM,cAAc,SAAS,OAAO;AACpC,uBAAiB,EAAE,GAAG,gBAAgB,GAAG,UAAU,YAAY,CAAC;AAChE,cAAQ;AACR;AAAA,IACF;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,aAAa,eAAe;AAAA,MAC5B,UAAU;AAAA,MACV,UAAU;AAAA;AAAA,IAGV,oCAAC,OAAI,eAAc,UAAS,cAAc,KACxC,oCAAC,QAAK,MAAI,MAAC,OAAO,eAAe,SAC9B,EAAE,gBAAgB,CACrB,GACA,oCAAC,QAAK,OAAO,gBAAgB,aAAY,EAAE,mBAAmB,CAAE,CAClE;AAAA,IAGC,QAAQ,IAAI,CAAC,QAAQ,UAAU;AAC9B,YAAM,aAAa,UAAU;AAC7B,YAAM,YACH,OAAO,OAAO,aAAa,kBAC3B,OAAO,OAAO,cAAc,CAAC;AAEhC,aACE,oCAAC,OAAI,KAAK,OAAO,MACf;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,aAAa,eAAe,QAAQ;AAAA,UAC3C,MAAM;AAAA;AAAA,QAEL,aAAa,GAAG,QAAQ,OAAO,MAAM;AAAA,QACrC,QAAQ;AAAA,QAAE;AAAA,QAAG,OAAO;AAAA,MACvB,GACC,aAAa,oCAAC,QAAK,OAAO,gBAAgB,WAAS,SAAE,GACtD,oCAAC,QAAK,OAAO,gBAAgB,OAAK,KAAE,OAAO,WAAY,CACzD;AAAA,IAEJ,CAAC;AAAA,IAGD,oCAAC,OAAI,WAAW,KACd,oCAAC,QAAK,OAAO,gBAAgB,OAC1B,EAAE,wBAAwB,GAAE,UAAI,EAAE,kBAAkB,CACvD,CACF;AAAA,EACF;AAEJ;",
-  "names": []
-}

package/dist/components/TimelineRenderer.js

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

@@ -1,7 +0,0 @@
-{
-  "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/TitledDivider.js

@@ -1,26 +0,0 @@
-import { Box, Text } from "ink";
-import * as React from "react";
-import { useTerminalSize } from "../hooks/useTerminalSize.js";
-import { SEMANTIC_COLORS } from "../constants/colors.js";
-function TitledDivider({
-  title,
-  dividerChar = "\u2500",
-  titleColor = SEMANTIC_COLORS.secondary,
-  dividerColor = SEMANTIC_COLORS.dim,
-  width
-}) {
-  const { columns } = useTerminalSize();
-  const effectiveWidth = width ?? columns;
-  if (!title) {
-    return /* @__PURE__ */ React.createElement(Text, { color: dividerColor }, dividerChar.repeat(Math.max(0, effectiveWidth)));
-  }
-  const titleWithPadding = ` ${title} `;
-  const remaining = effectiveWidth - titleWithPadding.length;
-  const leftLen = Math.floor(remaining / 2);
-  const rightLen = remaining - leftLen;
-  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: dividerColor }, dividerChar.repeat(Math.max(0, leftLen))), /* @__PURE__ */ React.createElement(Text, { color: titleColor }, titleWithPadding), /* @__PURE__ */ React.createElement(Text, { color: dividerColor }, dividerChar.repeat(Math.max(0, rightLen))));
-}
-export {
-  TitledDivider
-};
-//# sourceMappingURL=TitledDivider.js.map

package/dist/components/TitledDivider.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/TitledDivider.tsx"],
-  "sourcesContent": ["/**\n * TitledDivider Component\n *\n * Renders a horizontal divider line with an optional centered title.\n * Used for transcript mode indicators (Ctrl+E show/hide previous messages).\n *\n * Example output:\n *   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 ctrl+e to show 10 previous messages \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n */\n\nimport { Box, Text } from 'ink'\nimport * as React from 'react'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\nimport { SEMANTIC_COLORS } from '@constants/colors'\n\ninterface TitledDividerProps {\n  title?: string\n  dividerChar?: string\n  titleColor?: string\n  dividerColor?: string\n  width?: number\n}\n\nexport function TitledDivider({\n  title,\n  dividerChar = '\u2500',\n  titleColor = SEMANTIC_COLORS.secondary,\n  dividerColor = SEMANTIC_COLORS.dim,\n  width,\n}: TitledDividerProps): React.ReactNode {\n  const { columns } = useTerminalSize()\n  const effectiveWidth = width ?? columns\n\n  if (!title) {\n    return (\n      <Text color={dividerColor}>\n        {dividerChar.repeat(Math.max(0, effectiveWidth))}\n      </Text>\n    )\n  }\n\n  const titleWithPadding = ` ${title} `\n  const remaining = effectiveWidth - titleWithPadding.length\n  const leftLen = Math.floor(remaining / 2)\n  const rightLen = remaining - leftLen\n\n  return (\n    <Box>\n      <Text color={dividerColor}>\n        {dividerChar.repeat(Math.max(0, leftLen))}\n      </Text>\n      <Text color={titleColor}>{titleWithPadding}</Text>\n      <Text color={dividerColor}>\n        {dividerChar.repeat(Math.max(0, rightLen))}\n      </Text>\n    </Box>\n  )\n}\n"],
-  "mappings": "AAUA,SAAS,KAAK,YAAY;AAC1B,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAUzB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,cAAc;AAAA,EACd,aAAa,gBAAgB;AAAA,EAC7B,eAAe,gBAAgB;AAAA,EAC/B;AACF,GAAwC;AACtC,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,QAAM,iBAAiB,SAAS;AAEhC,MAAI,CAAC,OAAO;AACV,WACE,oCAAC,QAAK,OAAO,gBACV,YAAY,OAAO,KAAK,IAAI,GAAG,cAAc,CAAC,CACjD;AAAA,EAEJ;AAEA,QAAM,mBAAmB,IAAI,KAAK;AAClC,QAAM,YAAY,iBAAiB,iBAAiB;AACpD,QAAM,UAAU,KAAK,MAAM,YAAY,CAAC;AACxC,QAAM,WAAW,YAAY;AAE7B,SACE,oCAAC,WACC,oCAAC,QAAK,OAAO,gBACV,YAAY,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,CAC1C,GACA,oCAAC,QAAK,OAAO,cAAa,gBAAiB,GAC3C,oCAAC,QAAK,OAAO,gBACV,YAAY,OAAO,KAAK,IAAI,GAAG,QAAQ,CAAC,CAC3C,CACF;AAEJ;",
-  "names": []
-}

package/dist/components/TodoChangeBlock.js

@@ -1,30 +0,0 @@
-import { Box, Text } from "ink";
-import React from "react";
-import { TodoChangeLine } from "./TodoChangeLine.js";
-import { getTheme } from "../utils/theme.js";
-import { t } from "../i18n/index.js";
-function TodoChangeBlock({
-  changes,
-  todos,
-  indent = 1
-}) {
-  const theme = getTheme();
-  const stats = {
-    pending: todos.filter((t2) => t2.status === "pending").length,
-    inProgress: todos.filter((t2) => t2.status === "in_progress").length,
-    completed: todos.filter((t2) => t2.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, t("ui.todo.updatedTaskList"))), 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, " ", t("ui.todo.pending"), " \xB7 ", stats.inProgress, " ", t("ui.todo.inProgress"), " \xB7 ", stats.completed, " ", t("ui.todo.done"))
-  ));
-}
-export {
-  TodoChangeBlock
-};
-//# sourceMappingURL=TodoChangeBlock.js.map

package/dist/components/TodoChangeBlock.js.map

@@ -1,7 +0,0 @@
-{
-  "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'\nimport { t } from '@i18n'\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>{t('ui.todo.updatedTaskList')}</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} {t('ui.todo.pending')} \u00B7 {stats.inProgress}{' '}\n          {t('ui.todo.inProgress')} \u00B7 {stats.completed} {t('ui.todo.done')}\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n"],
-  "mappings": "AAYA,SAAS,KAAK,YAAY;AAC1B,OAAO,WAAW;AAGlB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,SAAS;AAWX,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,SAAS;AACX,GAAyB;AACvB,QAAM,QAAQ,SAAS;AAGvB,QAAM,QAAQ;AAAA,IACZ,SAAS,MAAM,OAAO,CAAAA,OAAKA,GAAE,WAAW,SAAS,EAAE;AAAA,IACnD,YAAY,MAAM,OAAO,CAAAA,OAAKA,GAAE,WAAW,aAAa,EAAE;AAAA,IAC1D,WAAW,MAAM,OAAO,CAAAA,OAAKA,GAAE,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,YAAM,EAAE,yBAAyB,CAAE,CACtC,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,KAAE,EAAE,iBAAiB,GAAE,UAAI,MAAM,YAAY,KAC3D,EAAE,oBAAoB,GAAE,UAAI,MAAM,WAAU,KAAE,EAAE,cAAc,CACjE;AAAA,EACF,CACF;AAEJ;",
-  "names": ["t"]
-}

package/dist/components/TodoChangeLine.js

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

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

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

@@ -1,7 +0,0 @@
-{
-  "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}\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": []
-}

package/dist/components/TodoPanel.js

@@ -1,167 +0,0 @@
-import React, { useRef, useMemo, memo } from "react";
-import { Box, Text } from "ink";
-import { getTheme } from "../utils/theme.js";
-import { SYMBOLS, getTodoStatusSymbol } from "../constants/symbols.js";
-import { getTokenDisplay } from "../utils/tokenProgress.js";
-import { sample } from "lodash-es";
-import { getMainStreamingState, getStreamingState } from "../utils/streamingState.js";
-import { getSessionState } from "../utils/sessionState.js";
-import { useUnifiedAnimation } from "../utils/animationManager.js";
-import {
-  SEMANTIC_COLORS,
-  BRAND_GRADIENT,
-  SYMBOL_COLORS
-} from "../constants/colors.js";
-import { getIndent } from "../constants/formatRules.js";
-import { t } from "../i18n/index.js";
-const SHIMMER_COLORS = [
-  BRAND_GRADIENT.START,
-  // #667EEA purple-blue
-  "#8673D9",
-  // blend
-  BRAND_GRADIENT.MIDDLE,
-  // #B668C8 pink-purple
-  "#D560A0",
-  // blend
-  BRAND_GRADIENT.END,
-  // #F5576C coral
-  "#D560A0",
-  // blend back
-  BRAND_GRADIENT.MIDDLE,
-  // #B668C8
-  "#8673D9"
-  // blend back
-];
-function getShimmerColor(frame) {
-  return SHIMMER_COLORS[frame % SHIMMER_COLORS.length];
-}
-const SpinnerLine = memo(function SpinnerLine2({
-  currentTaskActiveForm,
-  todos,
-  shouldShowTodos,
-  fallbackMessage,
-  focusedAgentId
-}) {
-  const theme = getTheme();
-  const fallbackStartRef = useRef(Date.now());
-  const tickRef = useRef(0);
-  const { spinnerFrame, dataTick } = useUnifiedAnimation({
-    enabled: true,
-    // startTime is updated below after reading streaming state
-    startTime: fallbackStartRef.current,
-    spinnerFrameCount: SHIMMER_COLORS.length,
-    componentId: "todo-panel-spinner"
-  });
-  tickRef.current = spinnerFrame;
-  const latestStreamState = useMemo(
-    () => focusedAgentId ? getStreamingState(focusedAgentId) : getMainStreamingState(),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [focusedAgentId, dataTick]
-  );
-  const startTime = latestStreamState.turnStartedAt ?? fallbackStartRef.current;
-  const correctedElapsed = Math.max(
-    0,
-    Math.floor((Date.now() - startTime) / 1e3)
-  );
-  const getCurrentTaskDisplay = () => {
-    if (currentTaskActiveForm) {
-      return currentTaskActiveForm;
-    }
-    const inProgressTodo = todos.find((t2) => t2.status === "in_progress");
-    if (inProgressTodo?.activeForm) {
-      return inProgressTodo.activeForm;
-    }
-    switch (latestStreamState.phase) {
-      case "tool_use":
-        return latestStreamState.toolName ? `Using ${latestStreamState.toolName}` : "Executing tool";
-      case "generating":
-        return "Generating response";
-      case "waiting":
-        return "Waiting for response";
-      case "thinking":
-      default:
-        return fallbackMessage || "Thinking";
-    }
-  };
-  const formatTime = (seconds) => {
-    if (seconds < 60) return `${seconds}s`;
-    const mins = Math.floor(seconds / 60);
-    const secs = seconds % 60;
-    return secs > 0 ? `${mins}m ${secs}s` : `${mins}m`;
-  };
-  const shimmerColor = getShimmerColor(spinnerFrame);
-  const spinnerIconFrame = spinnerFrame % SYMBOLS.THINKING_FRAMES.length;
-  const { formatted: tokenUsage } = getTokenDisplay(focusedAgentId);
-  const thinkingDuration = latestStreamState.thinkingDurationMs ? Math.floor(latestStreamState.thinkingDurationMs / 1e3) : null;
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", flexWrap: "nowrap" }, /* @__PURE__ */ React.createElement(Text, { color: shimmerColor }, SYMBOLS.THINKING_FRAMES[spinnerIconFrame], " "), /* @__PURE__ */ React.createElement(Text, { color: shimmerColor, bold: true }, getCurrentTaskDisplay()), /* @__PURE__ */ React.createElement(Text, { color: shimmerColor }, "\u2026 "), /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "(", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, "esc"), " to cancel \xB7", " ", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, formatTime(correctedElapsed)), tokenUsage && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, " \xB7 ", tokenUsage), latestStreamState.phase === "thinking" && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, " \xB7 thinking"), thinkingDuration !== null && thinkingDuration > 0 && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, " ", "\xB7 thinking ", thinkingDuration, "s"), shouldShowTodos && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, " ", "\xB7 ", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, "ctrl+t"), " to hide"), ")"), getSessionState("currentError") && /* @__PURE__ */ React.createElement(Text, { color: SYMBOL_COLORS.error }, " ", "\xB7 ", getSessionState("currentError")));
-});
-const SPINNER_MESSAGES = [
-  "Thinking",
-  "Processing",
-  "Working",
-  "Computing",
-  "Analyzing",
-  "Generating",
-  "Executing",
-  "Preparing"
-];
-const TodoPanel = memo(function TodoPanel2({
-  todos,
-  isVisible,
-  currentTaskActiveForm,
-  elapsedTime: initialElapsedTime = 0,
-  isLoading = true,
-  showTodoList = true,
-  focusedAgentId
-}) {
-  const theme = getTheme();
-  const fallbackMessage = useRef(sample(SPINNER_MESSAGES) || "Thinking");
-  const hasTodos = todos.length > 0;
-  const hasIncompleteTasks = todos.some((t2) => t2.status !== "completed");
-  const shouldShowTodos = hasTodos && hasIncompleteTasks && isVisible && showTodoList;
-  if (!isLoading) {
-    if (shouldShowTodos) {
-      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "\u25CB "), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, hasIncompleteTasks ? t("ui.todo.tasksRemaining", {
-        count: todos.filter((todo) => todo.status !== "completed").length
-      }) : t("ui.todo.allDone"))), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, todos.map((todo, idx) => /* @__PURE__ */ React.createElement(React.Fragment, { key: todo.id }, /* @__PURE__ */ React.createElement(
-        TodoItemClaudeStyle,
-        {
-          todo,
-          theme,
-          isFirst: idx === 0
-        }
-      )))));
-    }
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(
-    SpinnerLine,
-    {
-      currentTaskActiveForm,
-      todos,
-      shouldShowTodos,
-      fallbackMessage: fallbackMessage.current,
-      focusedAgentId
-    }
-  ), shouldShowTodos && /* @__PURE__ */ React.createElement(TodoList, { todos, theme }));
-});
-const TodoList = memo(function TodoList2({ todos, theme }) {
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, todos.map((todo, idx) => /* @__PURE__ */ React.createElement(React.Fragment, { key: todo.id }, /* @__PURE__ */ React.createElement(TodoItemClaudeStyle, { todo, theme, isFirst: idx === 0 }))));
-});
-const TodoItemClaudeStyle = memo(function TodoItemClaudeStyle2({
-  todo,
-  theme,
-  isFirst
-}) {
-  const isCompleted = todo.status === "completed";
-  const isInProgress = todo.status === "in_progress";
-  const symbol = getTodoStatusSymbol(todo.status);
-  const symbolColor = isCompleted ? SEMANTIC_COLORS.dim : isInProgress ? BRAND_GRADIENT.MIDDLE : BRAND_GRADIENT.START;
-  const textColor = isCompleted ? SEMANTIC_COLORS.dim : SEMANTIC_COLORS.secondary;
-  const indent = isFirst ? `${getIndent("L1")}${SYMBOLS.CHILD_OUTPUT}  ` : `${getIndent("L1")}   `;
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: SYMBOL_COLORS.child }, indent), /* @__PURE__ */ React.createElement(Text, { color: symbolColor }, symbol, " "), /* @__PURE__ */ React.createElement(Text, { color: textColor, strikethrough: isCompleted }, todo.content));
-});
-export {
-  TodoPanel
-};
-//# sourceMappingURL=TodoPanel.js.map

package/dist/components/TodoPanel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/TodoPanel.tsx"],
-  "sourcesContent": ["import React, { useRef, useMemo, memo } from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { SYMBOLS, getTodoStatusSymbol } from '@constants/symbols'\nimport { getTokenDisplay } from '@utils/tokenProgress'\nimport type { TodoItem as TodoItemType } from '@utils/todoStorage'\nimport { sample } from 'lodash-es'\nimport { getMainStreamingState, getStreamingState } from '@utils/streamingState'\nimport { getSessionState } from '@utils/sessionState'\nimport { useUnifiedAnimation } from '@utils/animationManager'\nimport {\n  SEMANTIC_COLORS,\n  BRAND_GRADIENT,\n  SYMBOL_COLORS,\n} from '@constants/colors'\nimport { getIndent } from '@constants/formatRules'\nimport { t } from '@i18n'\n\n/**\n * Isolated Spinner component to prevent animation updates from re-rendering the entire panel\n * This component handles all animation state internally\n */\ninterface SpinnerLineProps {\n  currentTaskActiveForm?: string\n  todos: TodoItemType[]\n  shouldShowTodos: boolean\n  fallbackMessage: string\n  /** Agent ID to read streaming state from (defaults to __main__) */\n  focusedAgentId?: string | null\n}\n\n/**\n * Shimmer effect colors - creates a light sweep animation across text\n * Uses brand gradient colors cycling through: purple-blue \u2192 pink-purple \u2192 coral \u2192 pink-purple \u2192 purple-blue\n */\nconst SHIMMER_COLORS = [\n  BRAND_GRADIENT.START, // #667EEA purple-blue\n  '#8673D9', // blend\n  BRAND_GRADIENT.MIDDLE, // #B668C8 pink-purple\n  '#D560A0', // blend\n  BRAND_GRADIENT.END, // #F5576C coral\n  '#D560A0', // blend back\n  BRAND_GRADIENT.MIDDLE, // #B668C8\n  '#8673D9', // blend back\n] as const\n\n/**\n * Get shimmer color based on animation frame\n * Creates a smooth color transition effect\n */\nfunction getShimmerColor(frame: number): string {\n  return SHIMMER_COLORS[frame % SHIMMER_COLORS.length]!\n}\n\nconst SpinnerLine = memo(function SpinnerLine({\n  currentTaskActiveForm,\n  todos,\n  shouldShowTodos,\n  fallbackMessage,\n  focusedAgentId,\n}: SpinnerLineProps) {\n  const theme = getTheme()\n  const fallbackStartRef = useRef(Date.now())\n\n  // Use a counter to drive re-reads of streaming state on each animation tick.\n  // We read streaming state once per frame; turnStartedAt from the state\n  // persists across component remounts so the timer doesn't reset on view switch.\n  const tickRef = useRef(0)\n  const { spinnerFrame, dataTick } = useUnifiedAnimation({\n    enabled: true,\n    // startTime is updated below after reading streaming state\n    startTime: fallbackStartRef.current,\n    spinnerFrameCount: SHIMMER_COLORS.length,\n    componentId: 'todo-panel-spinner',\n  })\n\n  // Read streaming state on each data tick (100ms) for smooth token updates\n  tickRef.current = spinnerFrame\n  const latestStreamState = useMemo(\n    () =>\n      focusedAgentId\n        ? getStreamingState(focusedAgentId)\n        : getMainStreamingState(),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [focusedAgentId, dataTick],\n  )\n\n  // Use agent's turn start time from streaming state (survives component remounts)\n  const startTime = latestStreamState.turnStartedAt ?? fallbackStartRef.current\n  // Recalculate elapsed time using the correct start time\n  const correctedElapsed = Math.max(\n    0,\n    Math.floor((Date.now() - startTime) / 1000),\n  )\n\n  // Get current task display\n  const getCurrentTaskDisplay = (): string => {\n    if (currentTaskActiveForm) {\n      return currentTaskActiveForm\n    }\n    const inProgressTodo = todos.find(t => t.status === 'in_progress')\n    if (inProgressTodo?.activeForm) {\n      return inProgressTodo.activeForm\n    }\n    switch (latestStreamState.phase) {\n      case 'tool_use':\n        return latestStreamState.toolName\n          ? `Using ${latestStreamState.toolName}`\n          : 'Executing tool'\n      case 'generating':\n        return 'Generating response'\n      case 'waiting':\n        return 'Waiting for response'\n      case 'thinking':\n      default:\n        return fallbackMessage || 'Thinking'\n    }\n  }\n\n  // Format time display\n  const formatTime = (seconds: number): string => {\n    if (seconds < 60) return `${seconds}s`\n    const mins = Math.floor(seconds / 60)\n    const secs = seconds % 60\n    return secs > 0 ? `${mins}m ${secs}s` : `${mins}m`\n  }\n\n  // Get shimmer color for the main text (light sweep effect)\n  const shimmerColor = getShimmerColor(spinnerFrame)\n\n  // Spinner icon uses thinking frames\n  const spinnerIconFrame = spinnerFrame % SYMBOLS.THINKING_FRAMES.length\n\n  const { formatted: tokenUsage } = getTokenDisplay(focusedAgentId)\n\n  // Get thinking duration if available\n  const thinkingDuration = latestStreamState.thinkingDurationMs\n    ? Math.floor(latestStreamState.thinkingDurationMs / 1000)\n    : null\n\n  return (\n    <Box flexDirection=\"row\" flexWrap=\"nowrap\">\n      {/* Spinner icon with shimmer effect */}\n      <Text color={shimmerColor}>\n        {SYMBOLS.THINKING_FRAMES[spinnerIconFrame]}{' '}\n      </Text>\n      {/* Main task description with shimmer effect */}\n      <Text color={shimmerColor} bold>\n        {getCurrentTaskDisplay()}\n      </Text>\n      <Text color={shimmerColor}>\u2026 </Text>\n      {/* Meta info with brand gradient accent */}\n      <Text color={BRAND_GRADIENT.START}>\n        (<Text color={SEMANTIC_COLORS.secondary}>esc</Text> to cancel \u00B7{' '}\n        <Text color={SEMANTIC_COLORS.secondary}>\n          {formatTime(correctedElapsed)}\n        </Text>\n        {tokenUsage && (\n          <Text color={SEMANTIC_COLORS.secondary}> \u00B7 {tokenUsage}</Text>\n        )}\n        {latestStreamState.phase === 'thinking' && (\n          <Text color={SEMANTIC_COLORS.secondary}> \u00B7 thinking</Text>\n        )}\n        {thinkingDuration !== null && thinkingDuration > 0 && (\n          <Text color={SEMANTIC_COLORS.secondary}>\n            {' '}\n            \u00B7 thinking {thinkingDuration}s\n          </Text>\n        )}\n        {shouldShowTodos && (\n          <Text color={SEMANTIC_COLORS.secondary}>\n            {' '}\n            \u00B7 <Text color={SEMANTIC_COLORS.secondary}>ctrl+t</Text> to hide\n          </Text>\n        )}\n        )\n      </Text>\n      {getSessionState('currentError') && (\n        <Text color={SYMBOL_COLORS.error}>\n          {' '}\n          \u00B7 {getSessionState('currentError')}\n        </Text>\n      )}\n    </Box>\n  )\n})\n\n// Spinner messages for fallback when no todos\nconst SPINNER_MESSAGES = [\n  'Thinking',\n  'Processing',\n  'Working',\n  'Computing',\n  'Analyzing',\n  'Generating',\n  'Executing',\n  'Preparing',\n]\n\ninterface TodoPanelProps {\n  /** TODO \u5217\u8868 */\n  todos: TodoItemType[]\n  /** \u662F\u5426\u663E\u793A\u9762\u677F\uFF08\u7531 Ctrl+T \u63A7\u5236\uFF09 */\n  isVisible: boolean\n  /** \u5F53\u524D\u4E3B\u4EFB\u52A1\u7684 activeForm\uFF08\u8FDB\u884C\u4E2D\u7684\u4EFB\u52A1\u63CF\u8FF0\uFF09 */\n  currentTaskActiveForm?: string\n  /** \u8FD0\u884C\u65F6\u95F4\uFF08\u79D2\uFF09 */\n  elapsedTime?: number\n  /** \u662F\u5426\u6B63\u5728\u52A0\u8F7D\uFF08\u63A7\u5236\u52A8\u753B\uFF09 */\n  isLoading?: boolean\n  /** \u662F\u5426\u663E\u793A\u4EFB\u52A1\u5217\u8868\u8BE6\u60C5 */\n  showTodoList?: boolean\n  /** Focused agent ID for per-agent streaming state */\n  focusedAgentId?: string | null\n}\n\n/**\n * \u7EDF\u4E00\u7684 Spinner + TODO \u9762\u677F\u7EC4\u4EF6 - Claude Code CLI \u98CE\u683C\n *\n * \u5F53\u6709 TODO \u65F6\u663E\u793A\uFF1A\n * ```\n * \u273D Fixing async tool description bug\u2026 (esc to interrupt \u00B7 ctrl+t to hide todos \u00B7 2m 52s \u00B7 \u2191 5.1k tokens)\n *   \u23BF  \u2610 Phase 1.1: Fix async tool description bug\n *      \u2610 Phase 1.2: Add memory safety fixes\n * ```\n *\n * \u65E0 TODO \u65F6\u663E\u793A\u666E\u901A Spinner\uFF1A\n * ```\n * \u273D Thinking\u2026 (3s \u00B7 esc to interrupt)\n * ```\n *\n * Performance optimization: Animation is isolated in SpinnerLine component\n * to prevent the entire panel from re-rendering on each animation frame.\n */\nexport const TodoPanel = memo(function TodoPanel({\n  todos,\n  isVisible,\n  currentTaskActiveForm,\n  elapsedTime: initialElapsedTime = 0,\n  isLoading = true,\n  showTodoList = true,\n  focusedAgentId,\n}: TodoPanelProps) {\n  const theme = getTheme()\n  const fallbackMessage = useRef(sample(SPINNER_MESSAGES) || 'Thinking')\n\n  // \u5224\u65AD\u662F\u5426\u6709\u5F85\u529E\u4E8B\u9879\n  const hasTodos = todos.length > 0\n  const hasIncompleteTasks = todos.some(t => t.status !== 'completed')\n  const shouldShowTodos =\n    hasTodos && hasIncompleteTasks && isVisible && showTodoList\n\n  // \u5982\u679C\u4E0D\u5728\u52A0\u8F7D\u72B6\u6001\uFF0C\u53EA\u663E\u793A todo \u5217\u8868\uFF08\u5982\u679C\u6709\u672A\u5B8C\u6210\u4EFB\u52A1\uFF09\n  if (!isLoading) {\n    // \u5373\u4F7F\u4E0D\u5728\u52A0\u8F7D\u4E2D\uFF0C\u5982\u679C\u6709\u672A\u5B8C\u6210\u7684\u4EFB\u52A1\u4E5F\u663E\u793A\u5217\u8868\n    if (shouldShowTodos) {\n      return (\n        <Box flexDirection=\"column\" marginTop={1}>\n          {/* \u9759\u6001\u6807\u9898 - \u663E\u793A\u8FD8\u6709\u672A\u5B8C\u6210\u4EFB\u52A1 */}\n          <Box flexDirection=\"row\">\n            <Text color={SEMANTIC_COLORS.dim}>\u25CB </Text>\n            <Text color={SEMANTIC_COLORS.dim}>\n              {hasIncompleteTasks\n                ? t('ui.todo.tasksRemaining', {\n                    count: todos.filter(todo => todo.status !== 'completed')\n                      .length,\n                  })\n                : t('ui.todo.allDone')}\n            </Text>\n          </Box>\n          {/* TODO \u5217\u8868 */}\n          <Box flexDirection=\"column\">\n            {todos.map((todo, idx) => (\n              <React.Fragment key={todo.id}>\n                <TodoItemClaudeStyle\n                  todo={todo}\n                  theme={theme}\n                  isFirst={idx === 0}\n                />\n              </React.Fragment>\n            ))}\n          </Box>\n        </Box>\n      )\n    }\n    return null\n  }\n\n  return (\n    <Box flexDirection=\"column\" marginTop={1}>\n      {/* \u7B2C\u4E00\u884C\uFF1A\u52A8\u753B + \u5F53\u524D\u4EFB\u52A1 + \u7EDF\u8BA1\u4FE1\u606F - \u9694\u79BB\u5728 SpinnerLine \u7EC4\u4EF6\u4E2D */}\n      <SpinnerLine\n        currentTaskActiveForm={currentTaskActiveForm}\n        todos={todos}\n        shouldShowTodos={shouldShowTodos}\n        fallbackMessage={fallbackMessage.current}\n        focusedAgentId={focusedAgentId}\n      />\n\n      {/* TODO \u5217\u8868 - \u4EC5\u5F53\u53EF\u89C1\u4E14\u6709\u672A\u5B8C\u6210\u4EFB\u52A1\u65F6\u663E\u793A */}\n      {shouldShowTodos && <TodoList todos={todos} theme={theme} />}\n    </Box>\n  )\n})\n\n/**\n * Memoized TODO list to prevent re-rendering when only the spinner updates\n */\ninterface TodoListProps {\n  todos: TodoItemType[]\n  theme: ReturnType<typeof getTheme>\n}\n\nconst TodoList = memo(function TodoList({ todos, theme }: TodoListProps) {\n  return (\n    <Box flexDirection=\"column\">\n      {todos.map((todo, idx) => (\n        <React.Fragment key={todo.id}>\n          <TodoItemClaudeStyle todo={todo} theme={theme} isFirst={idx === 0} />\n        </React.Fragment>\n      ))}\n    </Box>\n  )\n})\n\n/**\n * Claude Code \u98CE\u683C\u7684 TODO \u9879\n *\n * \u683C\u5F0F\uFF1A\n * ```\n *   \u23BF  \u2612 \u5DF2\u5B8C\u6210\u4EFB\u52A1 (\u7070\u8272 + \u5220\u9664\u7EBF)\n *      \u2610 \u5F85\u5B8C\u6210\u4EFB\u52A1\n * ```\n */\ninterface TodoItemClaudeStyleProps {\n  todo: TodoItemType\n  theme: ReturnType<typeof getTheme>\n  isFirst: boolean\n}\n\n/**\n * Memoized TODO item component with brand-consistent colors\n */\nconst TodoItemClaudeStyle = memo(function TodoItemClaudeStyle({\n  todo,\n  theme,\n  isFirst,\n}: TodoItemClaudeStyleProps) {\n  const isCompleted = todo.status === 'completed'\n  const isInProgress = todo.status === 'in_progress'\n\n  // \u7B26\u53F7\uFF1A\u2610 \u672A\u5B8C\u6210 / \u2612 \u5DF2\u5B8C\u6210\n  const symbol = getTodoStatusSymbol(todo.status)\n\n  // \u4F7F\u7528\u54C1\u724C\u914D\u8272\uFF1A\n  // - \u5DF2\u5B8C\u6210\uFF1Adim \u7070\u8272\n  // - \u8FDB\u884C\u4E2D\uFF1A\u54C1\u724C\u4E2D\u95F4\u8272\uFF08\u7C89\u7D2B\uFF09\n  // - \u5F85\u5904\u7406\uFF1A\u54C1\u724C\u8D77\u59CB\u8272\uFF08\u7D2B\u84DD\uFF09\n  const symbolColor = isCompleted\n    ? SEMANTIC_COLORS.dim\n    : isInProgress\n      ? BRAND_GRADIENT.MIDDLE\n      : BRAND_GRADIENT.START\n\n  const textColor = isCompleted\n    ? SEMANTIC_COLORS.dim\n    : SEMANTIC_COLORS.secondary\n\n  // \u4F7F\u7528 REPL \u89C4\u8303\u5B9A\u4E49\u7684\u7ED3\u6784\u7B26\u53F7\uFF1A\u7B2C\u4E00\u4E2A\u7528 \"  \u23BF  \"\uFF0C\u5176\u4ED6\u7528\u7F29\u8FDB\u5BF9\u9F50\n  const indent = isFirst\n    ? `${getIndent('L1')}${SYMBOLS.CHILD_OUTPUT}  `\n    : `${getIndent('L1')}   `\n\n  return (\n    <Box flexDirection=\"row\">\n      {/* \u7F29\u8FDB - \u4F7F\u7528\u54C1\u724C\u8272 */}\n      <Text color={SYMBOL_COLORS.child}>{indent}</Text>\n\n      {/* \u72B6\u6001\u7B26\u53F7 - \u4F7F\u7528\u54C1\u724C\u914D\u8272 */}\n      <Text color={symbolColor}>{symbol} </Text>\n\n      {/* \u4EFB\u52A1\u63CF\u8FF0 */}\n      <Text color={textColor} strikethrough={isCompleted}>\n        {todo.content}\n      </Text>\n    </Box>\n  )\n})\n"],
-  "mappings": "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",
-  "names": ["SpinnerLine", "t", "TodoPanel", "TodoList", "TodoItemClaudeStyle"]
-}

package/dist/components/TokenCounter.js

@@ -1,74 +0,0 @@
-import { Box, Text } from "ink";
-import * as React from "react";
-import { useRef, useMemo } from "react";
-import { getTheme } from "../utils/theme.js";
-import { getTotalCost, getTotalAPIDuration } from "../cost-tracker.js";
-import { useUnifiedAnimation } from "../utils/animationManager.js";
-function TokenCounter({
-  mode = "compact",
-  showCost = true,
-  isActive = true
-}) {
-  const theme = getTheme();
-  const startTimeRef = useRef(Date.now());
-  const { elapsedTime } = useUnifiedAnimation({
-    enabled: isActive,
-    startTime: startTimeRef.current,
-    spinnerFrameCount: 1,
-    componentId: "token-counter"
-  });
-  const stats = useMemo(
-    () => ({
-      totalCost: getTotalCost(),
-      apiDuration: getTotalAPIDuration()
-    }),
-    [elapsedTime]
-  );
-  const formatCost = (cost) => {
-    if (cost < 0.01) {
-      return `$${(cost * 100).toFixed(2)}\xA2`;
-    }
-    return `$${cost.toFixed(2)}`;
-  };
-  const formatDuration = (ms) => {
-    if (ms < 1e3) {
-      return `${ms}ms`;
-    }
-    return `${(ms / 1e3).toFixed(1)}s`;
-  };
-  if (mode === "minimal") {
-    return /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, formatCost(stats.totalCost));
-  }
-  if (mode === "compact") {
-    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u{1F4CA}"), showCost && stats.totalCost > 0 && /* @__PURE__ */ React.createElement(Text, { color: theme.warning }, formatCost(stats.totalCost)), stats.apiDuration > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\xB7"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, formatDuration(stats.apiDuration))));
-  }
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u{1F4CA} Cost Summary:")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginLeft: 2 }, showCost && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, "Total Cost:"), /* @__PURE__ */ React.createElement(Text, { color: theme.warning }, formatCost(stats.totalCost))), stats.apiDuration > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, "API Duration:"), /* @__PURE__ */ React.createElement(Text, { color: theme.text }, formatDuration(stats.apiDuration)))));
-}
-function TokenBadge({
-  inputTokens,
-  outputTokens
-}) {
-  const theme = getTheme();
-  const total = inputTokens + outputTokens;
-  const format = (n) => {
-    if (n >= 1e3) {
-      return `${(n / 1e3).toFixed(1)}k`;
-    }
-    return n.toString();
-  };
-  return /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, format(total), " tokens");
-}
-function CostBadge() {
-  const theme = getTheme();
-  const cost = getTotalCost();
-  if (cost < 1e-3) {
-    return /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, "$0.00");
-  }
-  return /* @__PURE__ */ React.createElement(Text, { color: theme.warning }, "$", cost.toFixed(2));
-}
-export {
-  CostBadge,
-  TokenBadge,
-  TokenCounter
-};
-//# sourceMappingURL=TokenCounter.js.map