@within-7/minto 0.4.1 → 0.4.3

package/dist/components/TextInput.js

@@ -1,108 +0,0 @@
-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";
-import { SEMANTIC_COLORS } from "../constants/colors.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",
-      color: isDimmed ? SEMANTIC_COLORS.dim : void 0
-    },
-    showPlaceholder ? renderedPlaceholder : renderedValue
-  );
-}
-export {
-  TextInput as default
-};
-//# sourceMappingURL=TextInput.js.map

package/dist/components/TextInput.js.map

@@ -1,7 +0,0 @@
-{
-  "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'\nimport { SEMANTIC_COLORS } from '@constants/colors'\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\n      wrap=\"truncate-end\"\n      color={isDimmed ? SEMANTIC_COLORS.dim : undefined}\n    >\n      {showPlaceholder ? renderedPlaceholder : renderedValue}\n    </Text>\n  )\n}\n"],
-  "mappings": "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",
-  "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/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,166 +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 { formatNumber, formatTokenUsage } from "../utils/format.js";
-import { sample } from "lodash-es";
-import { getMainStreamingState } 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
-}) {
-  const theme = getTheme();
-  const startTimeRef = useRef(Date.now());
-  const { spinnerFrame, elapsedTime } = useUnifiedAnimation({
-    enabled: true,
-    startTime: startTimeRef.current,
-    spinnerFrameCount: SHIMMER_COLORS.length,
-    componentId: "todo-panel-spinner"
-  });
-  const streamState = useMemo(() => getMainStreamingState(), [spinnerFrame]);
-  const getCurrentTaskDisplay = () => {
-    if (currentTaskActiveForm) {
-      return currentTaskActiveForm;
-    }
-    const inProgressTodo = todos.find((t2) => t2.status === "in_progress");
-    if (inProgressTodo?.activeForm) {
-      return inProgressTodo.activeForm;
-    }
-    switch (streamState.phase) {
-      case "tool_use":
-        return streamState.toolName ? `Using ${streamState.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 getTokenDisplay = () => {
-    if (streamState.inputTokens || streamState.outputTokens) {
-      return formatTokenUsage(streamState.inputTokens, streamState.outputTokens);
-    }
-    if (streamState.receivedChars && streamState.receivedChars > 0) {
-      const approxOutputTokens = Math.round(streamState.receivedChars / 3);
-      if (streamState.sentChars && streamState.sentChars > 0) {
-        const approxInputTokens = Math.round(streamState.sentChars / 3);
-        return `\u2191 ~${formatNumber(approxInputTokens)} \xB7 \u2193 ~${formatNumber(approxOutputTokens)}`;
-      }
-      return `\u2193 ~${formatNumber(approxOutputTokens)}`;
-    }
-    return "";
-  };
-  const tokenUsage = getTokenDisplay();
-  const thinkingDuration = streamState.thinkingDurationMs ? Math.floor(streamState.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 esc"), " to cancel \xB7", " ", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, formatTime(elapsedTime)), tokenUsage && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, " \xB7 ", tokenUsage), 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
-}) {
-  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-${idx}-${todo.content.slice(0, 20)}` }, /* @__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
-    }
-  ), 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-${idx}-${todo.content.slice(0, 20)}` }, /* @__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 { formatNumber, formatTokenUsage } from '@utils/format'\nimport type { TodoItem as TodoItemType } from '@utils/todoStorage'\nimport { sample } from 'lodash-es'\nimport { getMainStreamingState } 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}\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}: SpinnerLineProps) {\n  const theme = getTheme()\n  const startTimeRef = useRef(Date.now())\n\n  // Animation state is isolated in this component\n  // Use 8 frames for shimmer effect (matching SHIMMER_COLORS length)\n  const { spinnerFrame, elapsedTime } = useUnifiedAnimation({\n    enabled: true,\n    startTime: startTimeRef.current,\n    spinnerFrameCount: SHIMMER_COLORS.length,\n    componentId: 'todo-panel-spinner',\n  })\n\n  // Get streaming state - only updates when this component re-renders\n  // Use main streaming state to avoid subagent interference\n  const streamState = useMemo(() => getMainStreamingState(), [spinnerFrame])\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 (streamState.phase) {\n      case 'tool_use':\n        return streamState.toolName\n          ? `Using ${streamState.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  // Get token usage from streaming state (API values or approximate from chars)\n  const getTokenDisplay = () => {\n    // Prefer API-provided token counts - always show bidirectional if available\n    if (streamState.inputTokens || streamState.outputTokens) {\n      return formatTokenUsage(streamState.inputTokens, streamState.outputTokens)\n    }\n    // Fallback: approximate from received characters (~3 chars per token for mixed content)\n    // Only show output approximation since we don't have input char count in this path\n    if (streamState.receivedChars && streamState.receivedChars > 0) {\n      const approxOutputTokens = Math.round(streamState.receivedChars / 3)\n      // If we have sentChars, show both directions\n      if (streamState.sentChars && streamState.sentChars > 0) {\n        const approxInputTokens = Math.round(streamState.sentChars / 3)\n        return `\u2191 ~${formatNumber(approxInputTokens)} \u00B7 \u2193 ~${formatNumber(approxOutputTokens)}`\n      }\n      return `\u2193 ~${formatNumber(approxOutputTokens)}`\n    }\n    return ''\n  }\n\n  const tokenUsage = getTokenDisplay()\n\n  // Get thinking duration if available\n  const thinkingDuration = streamState.thinkingDurationMs\n    ? Math.floor(streamState.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 esc</Text> to cancel \u00B7{' '}\n        <Text color={SEMANTIC_COLORS.secondary}>{formatTime(elapsedTime)}</Text>\n        {tokenUsage && (\n          <Text color={SEMANTIC_COLORS.secondary}> \u00B7 {tokenUsage}</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}\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}: 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-${idx}-${todo.content.slice(0, 20)}`}>\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      />\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-${idx}-${todo.content.slice(0, 20)}`}>\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

package/dist/components/TokenCounter.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/TokenCounter.tsx"],
-  "sourcesContent": ["/**\n * TokenCounter - Real-time cost and duration display component\n *\n * Displays current session cost and API duration:\n *\n * \uD83D\uDCCA $0.42 \u00B7 15.3s\n *\n * Features:\n * - Real-time updates from cost tracker\n * - Compact and verbose display modes\n * - Cost and API duration display\n * - Uses unified animation manager to reduce screen flickering\n */\n\nimport { Box, Text } from 'ink'\nimport * as React from 'react'\nimport { useState, useRef, useMemo } from 'react'\nimport { getTheme } from '@utils/theme'\nimport { getTotalCost, getTotalAPIDuration } from '@costTracker'\nimport { useUnifiedAnimation } from '@utils/animationManager'\n\nexport interface TokenCounterProps {\n  /** Display mode */\n  mode?: 'compact' | 'verbose' | 'minimal'\n  /** Show cost estimate */\n  showCost?: boolean\n  /** Update interval in ms (default: 1000) - no longer used, kept for API compat */\n  updateInterval?: number\n  /** Whether the counter should be active (updating) */\n  isActive?: boolean\n}\n\ninterface TokenStats {\n  totalCost: number\n  apiDuration: number\n}\n\n/**\n * TokenCounter - Real-time cost and duration display\n *\n * Usage:\n * ```tsx\n * // Compact display\n * <TokenCounter mode=\"compact\" />\n *\n * // Full stats\n * <TokenCounter mode=\"verbose\" />\n *\n * // Minimal (just cost)\n * <TokenCounter mode=\"minimal\" />\n * ```\n */\nexport function TokenCounter({\n  mode = 'compact',\n  showCost = true,\n  isActive = true,\n}: TokenCounterProps): React.ReactElement {\n  const theme = getTheme()\n  const startTimeRef = useRef(Date.now())\n\n  // Use unified animation manager for periodic updates\n  const { elapsedTime } = useUnifiedAnimation({\n    enabled: isActive,\n    startTime: startTimeRef.current,\n    spinnerFrameCount: 1,\n    componentId: 'token-counter',\n  })\n\n  // Get stats on each render (triggered by elapsedTime change)\n  const stats = useMemo<TokenStats>(\n    () => ({\n      totalCost: getTotalCost(),\n      apiDuration: getTotalAPIDuration(),\n    }),\n    [elapsedTime],\n  )\n\n  // Format cost\n  const formatCost = (cost: number): string => {\n    if (cost < 0.01) {\n      return `$${(cost * 100).toFixed(2)}\u00A2`\n    }\n    return `$${cost.toFixed(2)}`\n  }\n\n  // Format duration\n  const formatDuration = (ms: number): string => {\n    if (ms < 1000) {\n      return `${ms}ms`\n    }\n    return `${(ms / 1000).toFixed(1)}s`\n  }\n\n  if (mode === 'minimal') {\n    return (\n      <Text color={theme.secondaryText}>{formatCost(stats.totalCost)}</Text>\n    )\n  }\n\n  if (mode === 'compact') {\n    return (\n      <Box flexDirection=\"row\" gap={1}>\n        <Text color={theme.secondaryText}>\uD83D\uDCCA</Text>\n        {showCost && stats.totalCost > 0 && (\n          <Text color={theme.warning}>{formatCost(stats.totalCost)}</Text>\n        )}\n        {stats.apiDuration > 0 && (\n          <>\n            <Text color={theme.secondaryText}>\u00B7</Text>\n            <Text color={theme.secondaryText}>\n              {formatDuration(stats.apiDuration)}\n            </Text>\n          </>\n        )}\n      </Box>\n    )\n  }\n\n  // Verbose mode\n  return (\n    <Box flexDirection=\"column\">\n      <Box flexDirection=\"row\" gap={1}>\n        <Text color={theme.secondaryText}>\uD83D\uDCCA Cost Summary:</Text>\n      </Box>\n      <Box flexDirection=\"column\" marginLeft={2}>\n        {showCost && (\n          <Box flexDirection=\"row\" gap={1}>\n            <Text color={theme.dimmedText}>Total Cost:</Text>\n            <Text color={theme.warning}>{formatCost(stats.totalCost)}</Text>\n          </Box>\n        )}\n        {stats.apiDuration > 0 && (\n          <Box flexDirection=\"row\" gap={1}>\n            <Text color={theme.dimmedText}>API Duration:</Text>\n            <Text color={theme.text}>{formatDuration(stats.apiDuration)}</Text>\n          </Box>\n        )}\n      </Box>\n    </Box>\n  )\n}\n\n/**\n * Inline token badge for status bars\n */\nexport function TokenBadge({\n  inputTokens,\n  outputTokens,\n}: {\n  inputTokens: number\n  outputTokens: number\n}): React.ReactElement {\n  const theme = getTheme()\n  const total = inputTokens + outputTokens\n\n  // Format with K suffix\n  const format = (n: number): string => {\n    if (n >= 1000) {\n      return `${(n / 1000).toFixed(1)}k`\n    }\n    return n.toString()\n  }\n\n  return <Text color={theme.secondaryText}>{format(total)} tokens</Text>\n}\n\n/**\n * Cost badge for status bars\n */\nexport function CostBadge(): React.ReactElement {\n  const theme = getTheme()\n  const cost = getTotalCost()\n\n  if (cost < 0.001) {\n    return <Text color={theme.dimmedText}>$0.00</Text>\n  }\n\n  return <Text color={theme.warning}>${cost.toFixed(2)}</Text>\n}\n"],
-  "mappings": "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",
-  "names": []
-}