@within-7/minto 0.1.6 → 0.2.0

package/dist/components/TokenCounter.js

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

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

package/dist/components/TokenWarning.js

@@ -10,7 +10,8 @@ function TokenWarning({ tokenUsage }) {
     return null;
   }
   const isError = tokenUsage >= ERROR_THRESHOLD;
-  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: isError ? theme.error : theme.warning }, "Context low (", Math.max(0, 100 - Math.round(tokenUsage / MAX_TOKENS * 100)), "% remaining) \xB7 Run /compact to compact & continue"));
+  const emoji = isError ? "\u{1F534}" : "\u26A0\uFE0F";
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: isError ? theme.error : theme.warning }, emoji, " Context low (", Math.max(0, 100 - Math.round(tokenUsage / MAX_TOKENS * 100)), "% remaining) \xB7 Run /compact to compact & continue"));
 }
 export {
   TokenWarning,

package/dist/components/TokenWarning.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/TokenWarning.tsx"],
-  "sourcesContent": ["import { Box, Text } from 'ink'\nimport * as React from 'react'\nimport { getTheme } from '@utils/theme'\n\ntype Props = {\n  tokenUsage: number\n}\n\nconst MAX_TOKENS = 190_000\nexport const WARNING_THRESHOLD = MAX_TOKENS * 0.6\nconst ERROR_THRESHOLD = MAX_TOKENS * 0.8\n\nexport function TokenWarning({ tokenUsage }: Props): React.ReactNode {\n  const theme = getTheme()\n\n  if (tokenUsage < WARNING_THRESHOLD) {\n    return null\n  }\n\n  const isError = tokenUsage >= ERROR_THRESHOLD\n\n  return (\n    <Box flexDirection=\"row\">\n      <Text color={isError ? theme.error : theme.warning}>\n        Context low (\n        {Math.max(0, 100 - Math.round((tokenUsage / MAX_TOKENS) * 100))}%\n        remaining) &middot; Run /compact to compact & continue\n      </Text>\n    </Box>\n  )\n}\n"],
-  "mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,YAAY,WAAW;AACvB,SAAS,gBAAgB;AAMzB,MAAM,aAAa;AACZ,MAAM,oBAAoB,aAAa;AAC9C,MAAM,kBAAkB,aAAa;AAE9B,SAAS,aAAa,EAAE,WAAW,GAA2B;AACnE,QAAM,QAAQ,SAAS;AAEvB,MAAI,aAAa,mBAAmB;AAClC,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,cAAc;AAE9B,SACE,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,UAAU,MAAM,QAAQ,MAAM,WAAS,iBAEjD,KAAK,IAAI,GAAG,MAAM,KAAK,MAAO,aAAa,aAAc,GAAG,CAAC,GAAE,sDAElE,CACF;AAEJ;",
+  "sourcesContent": ["import { Box, Text } from 'ink'\nimport * as React from 'react'\nimport { getTheme } from '@utils/theme'\n\ntype Props = {\n  tokenUsage: number\n}\n\nconst MAX_TOKENS = 190_000\nexport const WARNING_THRESHOLD = MAX_TOKENS * 0.6\nconst ERROR_THRESHOLD = MAX_TOKENS * 0.8\n\nexport function TokenWarning({ tokenUsage }: Props): React.ReactNode {\n  const theme = getTheme()\n\n  if (tokenUsage < WARNING_THRESHOLD) {\n    return null\n  }\n\n  const isError = tokenUsage >= ERROR_THRESHOLD\n\n  const emoji = isError ? '\uD83D\uDD34' : '\u26A0\uFE0F'\n\n  return (\n    <Box flexDirection=\"row\">\n      <Text color={isError ? theme.error : theme.warning}>\n        {emoji} Context low (\n        {Math.max(0, 100 - Math.round((tokenUsage / MAX_TOKENS) * 100))}%\n        remaining) \u00B7 Run /compact to compact & continue\n      </Text>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,YAAY,WAAW;AACvB,SAAS,gBAAgB;AAMzB,MAAM,aAAa;AACZ,MAAM,oBAAoB,aAAa;AAC9C,MAAM,kBAAkB,aAAa;AAE9B,SAAS,aAAa,EAAE,WAAW,GAA2B;AACnE,QAAM,QAAQ,SAAS;AAEvB,MAAI,aAAa,mBAAmB;AAClC,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,cAAc;AAE9B,QAAM,QAAQ,UAAU,cAAO;AAE/B,SACE,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,UAAU,MAAM,QAAQ,MAAM,WACxC,OAAM,kBACN,KAAK,IAAI,GAAG,MAAM,KAAK,MAAO,aAAa,aAAc,GAAG,CAAC,GAAE,sDAElE,CACF;AAEJ;",
   "names": []
 }

package/dist/components/TreeConnector.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { Box, Text } from "ink";
+import { SYMBOLS } from "../constants/symbols.js";
+function TreeConnector({
+  isLast,
+  variant = "default"
+}) {
+  const branch = isLast ? `${SYMBOLS.TREE_LAST} ` : `${SYMBOLS.TREE_BRANCH} `;
+  if (variant === "compact") {
+    return /* @__PURE__ */ React.createElement(Text, { dimColor: true }, isLast ? "\u2514 " : "\u251C ");
+  }
+  return /* @__PURE__ */ React.createElement(Box, { minWidth: 3 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, branch));
+}
+function TreeContinuation({
+  parentIsLast,
+  width = 3
+}) {
+  const line = parentIsLast ? `${SYMBOLS.TREE_SPACE} ` : `${SYMBOLS.TREE_VERTICAL}  `;
+  return /* @__PURE__ */ React.createElement(Box, { minWidth: width }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, line));
+}
+export {
+  TreeConnector,
+  TreeContinuation
+};
+//# sourceMappingURL=TreeConnector.js.map

package/dist/components/TreeConnector.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/TreeConnector.tsx"],
+  "sourcesContent": ["/**\n * Tree Connector Component\n *\n * Renders tree-style connection lines for hierarchical display.\n * Uses REPL \u663E\u793A\u89C4\u8303\u5B9A\u4E49\u7684\u7ED3\u6784\u7B26\u53F7\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport { SYMBOLS } from '@constants/symbols'\n\ninterface Props {\n  /** Whether this is the last child in the parent */\n  isLast: boolean\n  /** Connector style variant */\n  variant?: 'default' | 'compact'\n}\n\nexport function TreeConnector({\n  isLast,\n  variant = 'default',\n}: Props): React.ReactNode {\n  // \u4F7F\u7528 REPL \u89C4\u8303\u5B9A\u4E49\u7684\u7ED3\u6784\u7B26\u53F7\n  const branch = isLast ? `${SYMBOLS.TREE_LAST} ` : `${SYMBOLS.TREE_BRANCH} `\n\n  if (variant === 'compact') {\n    return <Text dimColor>{isLast ? '\u2514 ' : '\u251C '}</Text>\n  }\n\n  return (\n    <Box minWidth={3}>\n      <Text dimColor>{branch}</Text>\n    </Box>\n  )\n}\n\n/**\n * Continuation line for nested content under a tree item\n * \u4F7F\u7528 REPL \u89C4\u8303\u5B9A\u4E49\u7684\u5782\u76F4\u8FDE\u63A5\u7B26\u53F7\n */\ninterface ContinuationProps {\n  /** Whether parent was the last child */\n  parentIsLast: boolean\n  /** Width of the continuation line area */\n  width?: number\n}\n\nexport function TreeContinuation({\n  parentIsLast,\n  width = 3,\n}: ContinuationProps): React.ReactNode {\n  // \u6700\u540E\u4E00\u9879\u540E\u4F7F\u7528\u7A7A\u767D\uFF0C\u975E\u6700\u540E\u9879\u4F7F\u7528\u5782\u76F4\u7EBF\n  const line = parentIsLast\n    ? `${SYMBOLS.TREE_SPACE} `\n    : `${SYMBOLS.TREE_VERTICAL}  `\n\n  return (\n    <Box minWidth={width}>\n      <Text dimColor>{line}</Text>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAOA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,eAAe;AASjB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,UAAU;AACZ,GAA2B;AAEzB,QAAM,SAAS,SAAS,GAAG,QAAQ,SAAS,MAAM,GAAG,QAAQ,WAAW;AAExE,MAAI,YAAY,WAAW;AACzB,WAAO,oCAAC,QAAK,UAAQ,QAAE,SAAS,YAAO,SAAK;AAAA,EAC9C;AAEA,SACE,oCAAC,OAAI,UAAU,KACb,oCAAC,QAAK,UAAQ,QAAE,MAAO,CACzB;AAEJ;AAaO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,QAAQ;AACV,GAAuC;AAErC,QAAM,OAAO,eACT,GAAG,QAAQ,UAAU,MACrB,GAAG,QAAQ,aAAa;AAE5B,SACE,oCAAC,OAAI,UAAU,SACb,oCAAC,QAAK,UAAQ,QAAE,IAAK,CACvB;AAEJ;",
+  "names": []
+}

package/dist/components/TurnCompletionIndicator.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { Box, Text } from "ink";
+import { formatDuration } from "../utils/format.js";
+import { getTheme } from "../utils/theme.js";
+function TurnCompletionIndicator({
+  durationMs,
+  isVisible
+}) {
+  if (!isVisible || durationMs === null || durationMs < 1e3) {
+    return null;
+  }
+  const theme = getTheme();
+  return /* @__PURE__ */ React.createElement(Box, { marginTop: 1, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u273B Cogitated for ", formatDuration(durationMs)));
+}
+export {
+  TurnCompletionIndicator
+};
+//# sourceMappingURL=TurnCompletionIndicator.js.map

package/dist/components/TurnCompletionIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/TurnCompletionIndicator.tsx"],
+  "sourcesContent": ["/**\n * Turn Completion Indicator\n *\n * Displays \"\u273B Cogitated for Xm Ys\" after an AI turn completes,\n * similar to Claude Code's turn duration display.\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport { formatDuration } from '@utils/format'\nimport { getTheme } from '@utils/theme'\n\ninterface Props {\n  /** Duration of the completed turn in milliseconds */\n  durationMs: number | null\n  /** Whether to show the indicator */\n  isVisible: boolean\n}\n\n/**\n * Shows a completion indicator with elapsed time after an AI turn finishes.\n * Uses \"Cogitated\" as a more engaging word than \"Worked\" or \"Processed\".\n */\nexport function TurnCompletionIndicator({\n  durationMs,\n  isVisible,\n}: Props): React.ReactNode {\n  if (!isVisible || durationMs === null || durationMs < 1000) {\n    // Don't show for very short turns (< 1s)\n    return null\n  }\n\n  const theme = getTheme()\n\n  return (\n    <Box marginTop={1} marginBottom={1}>\n      <Text color={theme.secondaryText}>\n        \u273B Cogitated for {formatDuration(durationMs)}\n      </Text>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAOA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AAalB,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAA2B;AACzB,MAAI,CAAC,aAAa,eAAe,QAAQ,aAAa,KAAM;AAE1D,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,SAAS;AAEvB,SACE,oCAAC,OAAI,WAAW,GAAG,cAAc,KAC/B,oCAAC,QAAK,OAAO,MAAM,iBAAe,yBACf,eAAe,UAAU,CAC5C,CACF;AAEJ;",
+  "names": []
+}

package/dist/components/messages/AssistantTextMessage.js

@@ -20,6 +20,7 @@ import {
 import { BLACK_CIRCLE } from "../../constants/figures.js";
 import { applyMarkdown } from "../../utils/markdown.js";
 import { useTerminalSize } from "../../hooks/useTerminalSize.js";
+import { formatTimestamp } from "../../utils/format.js";
 function AssistantTextMessage({
   param: { text },
   costUSD,
@@ -27,7 +28,9 @@ function AssistantTextMessage({
   debug,
   addMargin,
   shouldShowDot,
-  verbose
+  verbose,
+  timestamp,
+  modelId
 }) {
   const { columns } = useTerminalSize();
   if (isEmptyMessageText(text)) {
@@ -68,7 +71,7 @@ function AssistantTextMessage({
           width: "100%"
         },
         /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, shouldShowDot && /* @__PURE__ */ React.createElement(Box, { minWidth: 2 }, /* @__PURE__ */ React.createElement(Text, { color: getTheme().text }, BLACK_CIRCLE)), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: columns - 6 }, /* @__PURE__ */ React.createElement(Text, null, applyMarkdown(text)))),
-        /* @__PURE__ */ React.createElement(Cost, { costUSD, durationMs, debug })
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", alignItems: "flex-end" }, /* @__PURE__ */ React.createElement(Cost, { costUSD, durationMs, debug }), verbose && (timestamp || modelId) && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, timestamp ? formatTimestamp(timestamp) : "", timestamp && modelId ? "  " : "", modelId || ""))
       );
   }
 }

package/dist/components/messages/AssistantTextMessage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/messages/AssistantTextMessage.tsx"],
-  "sourcesContent": ["import { TextBlockParam } from '@anthropic-ai/sdk/resources/index.mjs'\nimport React from 'react'\nimport { AssistantBashOutputMessage } from './AssistantBashOutputMessage'\nimport { AssistantLocalCommandOutputMessage } from './AssistantLocalCommandOutputMessage'\nimport { getTheme } from '@utils/theme'\nimport { Box, Text } from 'ink'\nimport { Cost } from '@components/Cost'\nimport {\n  API_ERROR_MESSAGE_PREFIX,\n  CREDIT_BALANCE_TOO_LOW_ERROR_MESSAGE,\n  INVALID_API_KEY_ERROR_MESSAGE,\n  PROMPT_TOO_LONG_ERROR_MESSAGE,\n} from '@services/claude'\nimport {\n  CANCEL_MESSAGE,\n  INTERRUPT_MESSAGE,\n  INTERRUPT_MESSAGE_FOR_TOOL_USE,\n  isEmptyMessageText,\n  NO_RESPONSE_REQUESTED,\n} from '@utils/messages'\nimport { BLACK_CIRCLE } from '@constants/figures'\nimport { applyMarkdown } from '@utils/markdown'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\n\ntype Props = {\n  param: TextBlockParam\n  costUSD: number\n  durationMs: number\n  debug: boolean\n  addMargin: boolean\n  shouldShowDot: boolean\n  verbose?: boolean\n  width?: number | string\n}\n\nexport function AssistantTextMessage({\n  param: { text },\n  costUSD,\n  durationMs,\n  debug,\n  addMargin,\n  shouldShowDot,\n  verbose,\n}: Props): React.ReactNode {\n  const { columns } = useTerminalSize()\n  if (isEmptyMessageText(text)) {\n    return null\n  }\n\n  // Show bash output\n  if (text.startsWith('<bash-stdout') || text.startsWith('<bash-stderr')) {\n    return <AssistantBashOutputMessage content={text} verbose={verbose} />\n  }\n\n  // Show command output\n  if (\n    text.startsWith('<local-command-stdout') ||\n    text.startsWith('<local-command-stderr')\n  ) {\n    return <AssistantLocalCommandOutputMessage content={text} />\n  }\n\n  if (text.startsWith(API_ERROR_MESSAGE_PREFIX)) {\n    return (\n      <Text>\n        &nbsp;&nbsp;\u23BF &nbsp;\n        <Text color={getTheme().error}>\n          {text === API_ERROR_MESSAGE_PREFIX\n            ? `${API_ERROR_MESSAGE_PREFIX}: Please wait a moment and try again.`\n            : text}\n        </Text>\n      </Text>\n    )\n  }\n\n  switch (text) {\n    // Local JSX commands don't need a response, but we still want the assistant to see them\n    // Tool results render their own interrupt messages\n    case NO_RESPONSE_REQUESTED:\n    case INTERRUPT_MESSAGE_FOR_TOOL_USE:\n      return null\n\n    case INTERRUPT_MESSAGE:\n    case CANCEL_MESSAGE:\n      return (\n        <Text>\n          &nbsp;&nbsp;\u23BF &nbsp;\n          <Text color={getTheme().error}>Interrupted by user</Text>\n        </Text>\n      )\n\n    case PROMPT_TOO_LONG_ERROR_MESSAGE:\n      return (\n        <Text>\n          &nbsp;&nbsp;\u23BF &nbsp;\n          <Text color={getTheme().error}>\n            Context low &middot; Run /compact to compact & continue\n          </Text>\n        </Text>\n      )\n\n    case CREDIT_BALANCE_TOO_LOW_ERROR_MESSAGE:\n      return (\n        <Text>\n          &nbsp;&nbsp;\u23BF &nbsp;\n          <Text color={getTheme().error}>\n            Credit balance too low &middot; Add funds:\n            https://console.anthropic.com/settings/billing\n          </Text>\n        </Text>\n      )\n\n    case INVALID_API_KEY_ERROR_MESSAGE:\n      return (\n        <Text>\n          &nbsp;&nbsp;\u23BF &nbsp;\n          <Text color={getTheme().error}>{INVALID_API_KEY_ERROR_MESSAGE}</Text>\n        </Text>\n      )\n\n    default:\n      return (\n        <Box\n          alignItems=\"flex-start\"\n          flexDirection=\"row\"\n          justifyContent=\"space-between\"\n          marginTop={addMargin ? 1 : 0}\n          width=\"100%\"\n        >\n          <Box flexDirection=\"row\">\n            {shouldShowDot && (\n              <Box minWidth={2}>\n                <Text color={getTheme().text}>{BLACK_CIRCLE}</Text>\n              </Box>\n            )}\n            <Box flexDirection=\"column\" width={columns - 6}>\n              <Text>{applyMarkdown(text)}</Text>\n            </Box>\n          </Box>\n          <Cost costUSD={costUSD} durationMs={durationMs} debug={debug} />\n        </Box>\n      )\n  }\n}\n"],
-  "mappings": "AACA,OAAO,WAAW;AAClB,SAAS,kCAAkC;AAC3C,SAAS,0CAA0C;AACnD,SAAS,gBAAgB;AACzB,SAAS,KAAK,YAAY;AAC1B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAazB,SAAS,qBAAqB;AAAA,EACnC,OAAO,EAAE,KAAK;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,MAAI,mBAAmB,IAAI,GAAG;AAC5B,WAAO;AAAA,EACT;AAGA,MAAI,KAAK,WAAW,cAAc,KAAK,KAAK,WAAW,cAAc,GAAG;AACtE,WAAO,oCAAC,8BAA2B,SAAS,MAAM,SAAkB;AAAA,EACtE;AAGA,MACE,KAAK,WAAW,uBAAuB,KACvC,KAAK,WAAW,uBAAuB,GACvC;AACA,WAAO,oCAAC,sCAAmC,SAAS,MAAM;AAAA,EAC5D;AAEA,MAAI,KAAK,WAAW,wBAAwB,GAAG;AAC7C,WACE,oCAAC,YAAK,uBAEJ,oCAAC,QAAK,OAAO,SAAS,EAAE,SACrB,SAAS,2BACN,GAAG,wBAAwB,0CAC3B,IACN,CACF;AAAA,EAEJ;AAEA,UAAQ,MAAM;AAAA;AAAA;AAAA,IAGZ,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACH,aACE,oCAAC,YAAK,uBAEJ,oCAAC,QAAK,OAAO,SAAS,EAAE,SAAO,qBAAmB,CACpD;AAAA,IAGJ,KAAK;AACH,aACE,oCAAC,YAAK,uBAEJ,oCAAC,QAAK,OAAO,SAAS,EAAE,SAAO,qDAE/B,CACF;AAAA,IAGJ,KAAK;AACH,aACE,oCAAC,YAAK,uBAEJ,oCAAC,QAAK,OAAO,SAAS,EAAE,SAAO,uFAG/B,CACF;AAAA,IAGJ,KAAK;AACH,aACE,oCAAC,YAAK,uBAEJ,oCAAC,QAAK,OAAO,SAAS,EAAE,SAAQ,6BAA8B,CAChE;AAAA,IAGJ;AACE,aACE;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,WAAW,YAAY,IAAI;AAAA,UAC3B,OAAM;AAAA;AAAA,QAEN,oCAAC,OAAI,eAAc,SAChB,iBACC,oCAAC,OAAI,UAAU,KACb,oCAAC,QAAK,OAAO,SAAS,EAAE,QAAO,YAAa,CAC9C,GAEF,oCAAC,OAAI,eAAc,UAAS,OAAO,UAAU,KAC3C,oCAAC,YAAM,cAAc,IAAI,CAAE,CAC7B,CACF;AAAA,QACA,oCAAC,QAAK,SAAkB,YAAwB,OAAc;AAAA,MAChE;AAAA,EAEN;AACF;",
+  "sourcesContent": ["import { TextBlockParam } from '@anthropic-ai/sdk/resources/index.mjs'\nimport React from 'react'\nimport { AssistantBashOutputMessage } from './AssistantBashOutputMessage'\nimport { AssistantLocalCommandOutputMessage } from './AssistantLocalCommandOutputMessage'\nimport { getTheme } from '@utils/theme'\nimport { Box, Text } from 'ink'\nimport { Cost } from '@components/Cost'\nimport {\n  API_ERROR_MESSAGE_PREFIX,\n  CREDIT_BALANCE_TOO_LOW_ERROR_MESSAGE,\n  INVALID_API_KEY_ERROR_MESSAGE,\n  PROMPT_TOO_LONG_ERROR_MESSAGE,\n} from '@services/claude'\nimport {\n  CANCEL_MESSAGE,\n  INTERRUPT_MESSAGE,\n  INTERRUPT_MESSAGE_FOR_TOOL_USE,\n  isEmptyMessageText,\n  NO_RESPONSE_REQUESTED,\n} from '@utils/messages'\nimport { BLACK_CIRCLE } from '@constants/figures'\nimport { applyMarkdown } from '@utils/markdown'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\nimport { formatTimestamp } from '@utils/format'\n\ntype Props = {\n  param: TextBlockParam\n  costUSD: number\n  durationMs: number\n  debug: boolean\n  addMargin: boolean\n  shouldShowDot: boolean\n  verbose?: boolean\n  width?: number | string\n  /** Timestamp for verbose mode display */\n  timestamp?: number\n  /** Model ID for verbose mode display */\n  modelId?: string\n}\n\nexport function AssistantTextMessage({\n  param: { text },\n  costUSD,\n  durationMs,\n  debug,\n  addMargin,\n  shouldShowDot,\n  verbose,\n  timestamp,\n  modelId,\n}: Props): React.ReactNode {\n  const { columns } = useTerminalSize()\n  if (isEmptyMessageText(text)) {\n    return null\n  }\n\n  // Show bash output\n  if (text.startsWith('<bash-stdout') || text.startsWith('<bash-stderr')) {\n    return <AssistantBashOutputMessage content={text} verbose={verbose} />\n  }\n\n  // Show command output\n  if (\n    text.startsWith('<local-command-stdout') ||\n    text.startsWith('<local-command-stderr')\n  ) {\n    return <AssistantLocalCommandOutputMessage content={text} />\n  }\n\n  if (text.startsWith(API_ERROR_MESSAGE_PREFIX)) {\n    return (\n      <Text>\n        &nbsp;&nbsp;\u23BF &nbsp;\n        <Text color={getTheme().error}>\n          {text === API_ERROR_MESSAGE_PREFIX\n            ? `${API_ERROR_MESSAGE_PREFIX}: Please wait a moment and try again.`\n            : text}\n        </Text>\n      </Text>\n    )\n  }\n\n  switch (text) {\n    // Local JSX commands don't need a response, but we still want the assistant to see them\n    // Tool results render their own interrupt messages\n    case NO_RESPONSE_REQUESTED:\n    case INTERRUPT_MESSAGE_FOR_TOOL_USE:\n      return null\n\n    case INTERRUPT_MESSAGE:\n    case CANCEL_MESSAGE:\n      return (\n        <Text>\n          &nbsp;&nbsp;\u23BF &nbsp;\n          <Text color={getTheme().error}>Interrupted by user</Text>\n        </Text>\n      )\n\n    case PROMPT_TOO_LONG_ERROR_MESSAGE:\n      return (\n        <Text>\n          &nbsp;&nbsp;\u23BF &nbsp;\n          <Text color={getTheme().error}>\n            Context low &middot; Run /compact to compact & continue\n          </Text>\n        </Text>\n      )\n\n    case CREDIT_BALANCE_TOO_LOW_ERROR_MESSAGE:\n      return (\n        <Text>\n          &nbsp;&nbsp;\u23BF &nbsp;\n          <Text color={getTheme().error}>\n            Credit balance too low &middot; Add funds:\n            https://console.anthropic.com/settings/billing\n          </Text>\n        </Text>\n      )\n\n    case INVALID_API_KEY_ERROR_MESSAGE:\n      return (\n        <Text>\n          &nbsp;&nbsp;\u23BF &nbsp;\n          <Text color={getTheme().error}>{INVALID_API_KEY_ERROR_MESSAGE}</Text>\n        </Text>\n      )\n\n    default:\n      return (\n        <Box\n          alignItems=\"flex-start\"\n          flexDirection=\"row\"\n          justifyContent=\"space-between\"\n          marginTop={addMargin ? 1 : 0}\n          width=\"100%\"\n        >\n          <Box flexDirection=\"row\">\n            {shouldShowDot && (\n              <Box minWidth={2}>\n                <Text color={getTheme().text}>{BLACK_CIRCLE}</Text>\n              </Box>\n            )}\n            <Box flexDirection=\"column\" width={columns - 6}>\n              <Text>{applyMarkdown(text)}</Text>\n            </Box>\n          </Box>\n          <Box flexDirection=\"column\" alignItems=\"flex-end\">\n            <Cost costUSD={costUSD} durationMs={durationMs} debug={debug} />\n            {/* Verbose mode: show timestamp and model ID */}\n            {verbose && (timestamp || modelId) && (\n              <Text dimColor>\n                {timestamp ? formatTimestamp(timestamp) : ''}\n                {timestamp && modelId ? '  ' : ''}\n                {modelId || ''}\n              </Text>\n            )}\n          </Box>\n        </Box>\n      )\n  }\n}\n"],
+  "mappings": "AACA,OAAO,WAAW;AAClB,SAAS,kCAAkC;AAC3C,SAAS,0CAA0C;AACnD,SAAS,gBAAgB;AACzB,SAAS,KAAK,YAAY;AAC1B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAiBzB,SAAS,qBAAqB;AAAA,EACnC,OAAO,EAAE,KAAK;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,MAAI,mBAAmB,IAAI,GAAG;AAC5B,WAAO;AAAA,EACT;AAGA,MAAI,KAAK,WAAW,cAAc,KAAK,KAAK,WAAW,cAAc,GAAG;AACtE,WAAO,oCAAC,8BAA2B,SAAS,MAAM,SAAkB;AAAA,EACtE;AAGA,MACE,KAAK,WAAW,uBAAuB,KACvC,KAAK,WAAW,uBAAuB,GACvC;AACA,WAAO,oCAAC,sCAAmC,SAAS,MAAM;AAAA,EAC5D;AAEA,MAAI,KAAK,WAAW,wBAAwB,GAAG;AAC7C,WACE,oCAAC,YAAK,uBAEJ,oCAAC,QAAK,OAAO,SAAS,EAAE,SACrB,SAAS,2BACN,GAAG,wBAAwB,0CAC3B,IACN,CACF;AAAA,EAEJ;AAEA,UAAQ,MAAM;AAAA;AAAA;AAAA,IAGZ,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACH,aACE,oCAAC,YAAK,uBAEJ,oCAAC,QAAK,OAAO,SAAS,EAAE,SAAO,qBAAmB,CACpD;AAAA,IAGJ,KAAK;AACH,aACE,oCAAC,YAAK,uBAEJ,oCAAC,QAAK,OAAO,SAAS,EAAE,SAAO,qDAE/B,CACF;AAAA,IAGJ,KAAK;AACH,aACE,oCAAC,YAAK,uBAEJ,oCAAC,QAAK,OAAO,SAAS,EAAE,SAAO,uFAG/B,CACF;AAAA,IAGJ,KAAK;AACH,aACE,oCAAC,YAAK,uBAEJ,oCAAC,QAAK,OAAO,SAAS,EAAE,SAAQ,6BAA8B,CAChE;AAAA,IAGJ;AACE,aACE;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,WAAW,YAAY,IAAI;AAAA,UAC3B,OAAM;AAAA;AAAA,QAEN,oCAAC,OAAI,eAAc,SAChB,iBACC,oCAAC,OAAI,UAAU,KACb,oCAAC,QAAK,OAAO,SAAS,EAAE,QAAO,YAAa,CAC9C,GAEF,oCAAC,OAAI,eAAc,UAAS,OAAO,UAAU,KAC3C,oCAAC,YAAM,cAAc,IAAI,CAAE,CAC7B,CACF;AAAA,QACA,oCAAC,OAAI,eAAc,UAAS,YAAW,cACrC,oCAAC,QAAK,SAAkB,YAAwB,OAAc,GAE7D,YAAY,aAAa,YACxB,oCAAC,QAAK,UAAQ,QACX,YAAY,gBAAgB,SAAS,IAAI,IACzC,aAAa,UAAU,OAAO,IAC9B,WAAW,EACd,CAEJ;AAAA,MACF;AAAA,EAEN;AACF;",
   "names": []
 }

package/dist/components/messages/AssistantThinkingMessage.js

@@ -2,13 +2,28 @@ import React from "react";
 import { Box, Text } from "ink";
 import { getTheme } from "../../utils/theme.js";
 import { applyMarkdown } from "../../utils/markdown.js";
+import { formatDuration, formatNumber } from "../../utils/format.js";
+function formatThinkingMeta(metadata) {
+  const parts = [];
+  if (metadata.durationMs > 0) {
+    parts.push(formatDuration(metadata.durationMs));
+  }
+  if (metadata.charCount > 0) {
+    parts.push(`${formatNumber(metadata.charCount)} chars`);
+  }
+  return parts.join(" \xB7 ");
+}
 function AssistantThinkingMessage({
   param: { thinking },
-  addMargin = false
+  addMargin = false,
+  metadata,
+  showMetaInfo = false
 }) {
   if (!thinking) {
     return null;
   }
+  const theme = getTheme();
+  const metaText = showMetaInfo && metadata ? formatThinkingMeta(metadata) : null;
   return /* @__PURE__ */ React.createElement(
     Box,
     {
@@ -17,8 +32,8 @@ function AssistantThinkingMessage({
       marginTop: addMargin ? 1 : 0,
       width: "100%"
     },
-    /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText, italic: true }, "\u273B Thinking\u2026"),
-    /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText, italic: true }, applyMarkdown(thinking)))
+    /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText, italic: true }, "\u273B ", metadata?.isComplete ? "Thinking" : "Thinking\u2026"), metaText && /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " (", metaText, ")")),
+    /* @__PURE__ */ React.createElement(Box, { paddingLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText, italic: true }, applyMarkdown(thinking)))
   );
 }
 export {

package/dist/components/messages/AssistantThinkingMessage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/messages/AssistantThinkingMessage.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { applyMarkdown } from '@utils/markdown'\nimport {\n  ThinkingBlock,\n  ThinkingBlockParam,\n} from '@anthropic-ai/sdk/resources/index.mjs'\n\ntype Props = {\n  param: ThinkingBlock | ThinkingBlockParam\n  addMargin: boolean\n}\n\nexport function AssistantThinkingMessage({\n  param: { thinking },\n  addMargin = false,\n}: Props): React.ReactNode {\n  if (!thinking) {\n    return null\n  }\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      gap={1}\n      marginTop={addMargin ? 1 : 0}\n      width=\"100%\"\n    >\n      <Text color={getTheme().secondaryText} italic>\n        \u273B Thinking\u2026\n      </Text>\n      <Box paddingLeft={2}>\n        <Text color={getTheme().secondaryText} italic>\n          {applyMarkdown(thinking)}\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAWvB,SAAS,yBAAyB;AAAA,EACvC,OAAO,EAAE,SAAS;AAAA,EAClB,YAAY;AACd,GAA2B;AACzB,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,KAAK;AAAA,MACL,WAAW,YAAY,IAAI;AAAA,MAC3B,OAAM;AAAA;AAAA,IAEN,oCAAC,QAAK,OAAO,SAAS,EAAE,eAAe,QAAM,QAAC,uBAE9C;AAAA,IACA,oCAAC,OAAI,aAAa,KAChB,oCAAC,QAAK,OAAO,SAAS,EAAE,eAAe,QAAM,QAC1C,cAAc,QAAQ,CACzB,CACF;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import React from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { applyMarkdown } from '@utils/markdown'\nimport { formatDuration, formatNumber } from '@utils/format'\nimport {\n  ThinkingBlock,\n  ThinkingBlockParam,\n} from '@anthropic-ai/sdk/resources/index.mjs'\nimport type { ThinkingMetadata } from '@minto-types/thinking'\n\ntype Props = {\n  param: ThinkingBlock | ThinkingBlockParam\n  addMargin: boolean\n  metadata?: ThinkingMetadata\n  showMetaInfo?: boolean\n}\n\n/**\n * Format thinking metadata for display\n * e.g., \"15s \u00B7 4.2k chars\"\n */\nfunction formatThinkingMeta(metadata: ThinkingMetadata): string {\n  const parts: string[] = []\n  if (metadata.durationMs > 0) {\n    parts.push(formatDuration(metadata.durationMs))\n  }\n  if (metadata.charCount > 0) {\n    parts.push(`${formatNumber(metadata.charCount)} chars`)\n  }\n  return parts.join(' \u00B7 ')\n}\n\nexport function AssistantThinkingMessage({\n  param: { thinking },\n  addMargin = false,\n  metadata,\n  showMetaInfo = false,\n}: Props): React.ReactNode {\n  if (!thinking) {\n    return null\n  }\n\n  const theme = getTheme()\n\n  // Format metadata for display\n  const metaText =\n    showMetaInfo && metadata ? formatThinkingMeta(metadata) : null\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      gap={1}\n      marginTop={addMargin ? 1 : 0}\n      width=\"100%\"\n    >\n      <Box>\n        <Text color={theme.secondaryText} italic>\n          \u273B {metadata?.isComplete ? 'Thinking' : 'Thinking\u2026'}\n        </Text>\n        {metaText && <Text color={theme.mutedText}> ({metaText})</Text>}\n      </Box>\n      <Box paddingLeft={2}>\n        <Text color={theme.secondaryText} italic>\n          {applyMarkdown(thinking)}\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB,oBAAoB;AAkB7C,SAAS,mBAAmB,UAAoC;AAC9D,QAAM,QAAkB,CAAC;AACzB,MAAI,SAAS,aAAa,GAAG;AAC3B,UAAM,KAAK,eAAe,SAAS,UAAU,CAAC;AAAA,EAChD;AACA,MAAI,SAAS,YAAY,GAAG;AAC1B,UAAM,KAAK,GAAG,aAAa,SAAS,SAAS,CAAC,QAAQ;AAAA,EACxD;AACA,SAAO,MAAM,KAAK,QAAK;AACzB;AAEO,SAAS,yBAAyB;AAAA,EACvC,OAAO,EAAE,SAAS;AAAA,EAClB,YAAY;AAAA,EACZ;AAAA,EACA,eAAe;AACjB,GAA2B;AACzB,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,SAAS;AAGvB,QAAM,WACJ,gBAAgB,WAAW,mBAAmB,QAAQ,IAAI;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,KAAK;AAAA,MACL,WAAW,YAAY,IAAI;AAAA,MAC3B,OAAM;AAAA;AAAA,IAEN,oCAAC,WACC,oCAAC,QAAK,OAAO,MAAM,eAAe,QAAM,QAAC,WACpC,UAAU,aAAa,aAAa,gBACzC,GACC,YAAY,oCAAC,QAAK,OAAO,MAAM,aAAW,MAAG,UAAS,GAAC,CAC1D;AAAA,IACA,oCAAC,OAAI,aAAa,KAChB,oCAAC,QAAK,OAAO,MAAM,eAAe,QAAM,QACrC,cAAc,QAAQ,CACzB,CACF;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/components/messages/AssistantToolUseMessage.js

@@ -8,6 +8,8 @@ import { BLACK_CIRCLE } from "../../constants/figures.js";
 import { ThinkTool } from "../../tools/ThinkTool/ThinkTool.js";
 import { AssistantThinkingMessage } from "./AssistantThinkingMessage.js";
 import { TaskToolMessage } from "./TaskToolMessage.js";
+import { safeRenderToolUseMessage } from "../../utils/tooling/safeRender.js";
+import { formatTimestamp } from "../../utils/format.js";
 function AssistantToolUseMessage({
   param,
   costUSD,
@@ -20,7 +22,8 @@ function AssistantToolUseMessage({
   inProgressToolUseIDs,
   unresolvedToolUseIDs,
   shouldAnimate,
-  shouldShowDot
+  shouldShowDot,
+  modelId
 }) {
   const tool = tools.find((_) => _.name === param.name);
   if (!tool) {
@@ -73,18 +76,18 @@ function AssistantToolUseMessage({
         }
       ) : /* @__PURE__ */ React.createElement(Text, { color, bold: !isQueued }, userFacingToolName)
     ), /* @__PURE__ */ React.createElement(Box, { flexWrap: "nowrap" }, Object.keys(param.input).length > 0 && (() => {
-      const toolMessage = tool.renderToolUseMessage(
-        param.input,
-        {
-          verbose
-        }
-      );
+      const toolMessage = safeRenderToolUseMessage(tool, param.input, {
+        verbose
+      });
+      if (tool.name === "TodoWrite") {
+        return /* @__PURE__ */ React.createElement(Text, { color }, toolMessage);
+      }
       if (React.isValidElement(toolMessage)) {
         return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color }, "("), toolMessage, /* @__PURE__ */ React.createElement(Text, { color }, ")"));
       }
       return /* @__PURE__ */ React.createElement(Text, { color }, "(", toolMessage, ")");
     })(), /* @__PURE__ */ React.createElement(Text, { color }, "\u2026"))),
-    /* @__PURE__ */ React.createElement(Cost, { costUSD, durationMs, debug })
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", alignItems: "flex-end" }, /* @__PURE__ */ React.createElement(Cost, { costUSD, durationMs, debug }), verbose && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, formatTimestamp(Date.now()), modelId ? `  ${modelId}` : "", durationMs > 0 ? `  ${(durationMs / 1e3).toFixed(1)}s` : ""))
   );
 }
 export {

package/dist/components/messages/AssistantToolUseMessage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/messages/AssistantToolUseMessage.tsx"],
-  "sourcesContent": ["import { Box, Text } from 'ink'\nimport React from 'react'\nimport { logError } from '@utils/log'\nimport { ToolUseBlockParam } from '@anthropic-ai/sdk/resources/index.mjs'\nimport { Tool } from '@tool'\nimport { Cost } from '@components/Cost'\nimport { ToolUseLoader } from '@components/ToolUseLoader'\nimport { getTheme } from '@utils/theme'\nimport { BLACK_CIRCLE } from '@constants/figures'\nimport { ThinkTool } from '@tools/ThinkTool/ThinkTool'\nimport { AssistantThinkingMessage } from './AssistantThinkingMessage'\nimport { TaskToolMessage } from './TaskToolMessage'\n\ntype Props = {\n  param: ToolUseBlockParam\n  costUSD: number\n  durationMs: number\n  addMargin: boolean\n  tools: Tool[]\n  debug: boolean\n  verbose: boolean\n  erroredToolUseIDs: Set<string>\n  inProgressToolUseIDs: Set<string>\n  unresolvedToolUseIDs: Set<string>\n  shouldAnimate: boolean\n  shouldShowDot: boolean\n}\n\nexport function AssistantToolUseMessage({\n  param,\n  costUSD,\n  durationMs,\n  addMargin,\n  tools,\n  debug,\n  verbose,\n  erroredToolUseIDs,\n  inProgressToolUseIDs,\n  unresolvedToolUseIDs,\n  shouldAnimate,\n  shouldShowDot,\n}: Props): React.ReactNode {\n  const tool = tools.find(_ => _.name === param.name)\n  if (!tool) {\n    logError(`Tool ${param.name} not found`)\n    return null\n  }\n  const isQueued =\n    !inProgressToolUseIDs.has(param.id) && unresolvedToolUseIDs.has(param.id)\n  // Keeping color undefined makes the OS use the default color regardless of appearance\n  const color = isQueued ? getTheme().secondaryText : undefined\n\n  // Handle thinking tool with specialized rendering\n  if (tool === ThinkTool) {\n    const { thought } = ThinkTool.inputSchema.parse(param.input)\n    return (\n      <AssistantThinkingMessage\n        param={{ thinking: thought, signature: '', type: 'thinking' }}\n        addMargin={addMargin}\n      />\n    )\n  }\n\n  const userFacingToolName = tool.userFacingName\n    ? tool.userFacingName()\n    : tool.name\n  return (\n    <Box\n      flexDirection=\"row\"\n      justifyContent=\"space-between\"\n      marginTop={addMargin ? 1 : 0}\n      width=\"100%\"\n    >\n      <Box>\n        <Box\n          flexWrap=\"nowrap\"\n          minWidth={userFacingToolName.length + (shouldShowDot ? 2 : 0)}\n        >\n          {shouldShowDot &&\n            (isQueued ? (\n              <Box minWidth={2}>\n                <Text color={color}>{BLACK_CIRCLE}</Text>\n              </Box>\n            ) : (\n              <ToolUseLoader\n                shouldAnimate={shouldAnimate}\n                isUnresolved={unresolvedToolUseIDs.has(param.id)}\n                isError={erroredToolUseIDs.has(param.id)}\n              />\n            ))}\n          {tool.name === 'Task' && param.input ? (\n            <TaskToolMessage\n              agentType={String(\n                (param.input as any).subagent_type || 'general-purpose',\n              )}\n              bold={Boolean(!isQueued)}\n              children={String(userFacingToolName || '')}\n            />\n          ) : (\n            <Text color={color} bold={!isQueued}>\n              {userFacingToolName}\n            </Text>\n          )}\n        </Box>\n        <Box flexWrap=\"nowrap\">\n          {Object.keys(param.input as { [key: string]: unknown }).length > 0 &&\n            (() => {\n              const toolMessage = tool.renderToolUseMessage(\n                param.input as never,\n                {\n                  verbose,\n                },\n              )\n\n              // If the tool returns a React component, render it directly\n              if (React.isValidElement(toolMessage)) {\n                return (\n                  <Box flexDirection=\"row\">\n                    <Text color={color}>(</Text>\n                    {toolMessage}\n                    <Text color={color}>)</Text>\n                  </Box>\n                )\n              }\n\n              // If it's a string, wrap it in Text\n              return <Text color={color}>({toolMessage})</Text>\n            })()}\n          <Text color={color}>\u2026</Text>\n        </Box>\n      </Box>\n      <Cost costUSD={costUSD} durationMs={durationMs} debug={debug} />\n    </Box>\n  )\n}\n"],
-  "mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAGzB,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,gCAAgC;AACzC,SAAS,uBAAuB;AAiBzB,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,OAAO,MAAM,KAAK,OAAK,EAAE,SAAS,MAAM,IAAI;AAClD,MAAI,CAAC,MAAM;AACT,aAAS,QAAQ,MAAM,IAAI,YAAY;AACvC,WAAO;AAAA,EACT;AACA,QAAM,WACJ,CAAC,qBAAqB,IAAI,MAAM,EAAE,KAAK,qBAAqB,IAAI,MAAM,EAAE;AAE1E,QAAM,QAAQ,WAAW,SAAS,EAAE,gBAAgB;AAGpD,MAAI,SAAS,WAAW;AACtB,UAAM,EAAE,QAAQ,IAAI,UAAU,YAAY,MAAM,MAAM,KAAK;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,UAAU,SAAS,WAAW,IAAI,MAAM,WAAW;AAAA,QAC5D;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,qBAAqB,KAAK,iBAC5B,KAAK,eAAe,IACpB,KAAK;AACT,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAW,YAAY,IAAI;AAAA,MAC3B,OAAM;AAAA;AAAA,IAEN,oCAAC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAU,mBAAmB,UAAU,gBAAgB,IAAI;AAAA;AAAA,MAE1D,kBACE,WACC,oCAAC,OAAI,UAAU,KACb,oCAAC,QAAK,SAAe,YAAa,CACpC,IAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,cAAc,qBAAqB,IAAI,MAAM,EAAE;AAAA,UAC/C,SAAS,kBAAkB,IAAI,MAAM,EAAE;AAAA;AAAA,MACzC;AAAA,MAEH,KAAK,SAAS,UAAU,MAAM,QAC7B;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACR,MAAM,MAAc,iBAAiB;AAAA,UACxC;AAAA,UACA,MAAM,QAAQ,CAAC,QAAQ;AAAA,UACvB,UAAU,OAAO,sBAAsB,EAAE;AAAA;AAAA,MAC3C,IAEA,oCAAC,QAAK,OAAc,MAAM,CAAC,YACxB,kBACH;AAAA,IAEJ,GACA,oCAAC,OAAI,UAAS,YACX,OAAO,KAAK,MAAM,KAAmC,EAAE,SAAS,MAC9D,MAAM;AACL,YAAM,cAAc,KAAK;AAAA,QACvB,MAAM;AAAA,QACN;AAAA,UACE;AAAA,QACF;AAAA,MACF;AAGA,UAAI,MAAM,eAAe,WAAW,GAAG;AACrC,eACE,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,SAAc,GAAC,GACpB,aACD,oCAAC,QAAK,SAAc,GAAC,CACvB;AAAA,MAEJ;AAGA,aAAO,oCAAC,QAAK,SAAc,KAAE,aAAY,GAAC;AAAA,IAC5C,GAAG,GACL,oCAAC,QAAK,SAAc,QAAC,CACvB,CACF;AAAA,IACA,oCAAC,QAAK,SAAkB,YAAwB,OAAc;AAAA,EAChE;AAEJ;",
+  "sourcesContent": ["import { Box, Text } from 'ink'\nimport React from 'react'\nimport { logError } from '@utils/log'\nimport { ToolUseBlockParam } from '@anthropic-ai/sdk/resources/index.mjs'\nimport { Tool } from '@tool'\nimport { Cost } from '@components/Cost'\nimport { ToolUseLoader } from '@components/ToolUseLoader'\nimport { getTheme } from '@utils/theme'\nimport { BLACK_CIRCLE } from '@constants/figures'\nimport { ThinkTool } from '@tools/ThinkTool/ThinkTool'\nimport { AssistantThinkingMessage } from './AssistantThinkingMessage'\nimport { TaskToolMessage } from './TaskToolMessage'\nimport { safeRenderToolUseMessage } from '@utils/tooling/safeRender'\nimport { formatTimestamp } from '@utils/format'\n\ntype Props = {\n  param: ToolUseBlockParam\n  costUSD: number\n  durationMs: number\n  addMargin: boolean\n  tools: Tool[]\n  debug: boolean\n  verbose: boolean\n  erroredToolUseIDs: Set<string>\n  inProgressToolUseIDs: Set<string>\n  unresolvedToolUseIDs: Set<string>\n  shouldAnimate: boolean\n  shouldShowDot: boolean\n  /** Model ID for verbose mode display */\n  modelId?: string\n}\n\nexport function AssistantToolUseMessage({\n  param,\n  costUSD,\n  durationMs,\n  addMargin,\n  tools,\n  debug,\n  verbose,\n  erroredToolUseIDs,\n  inProgressToolUseIDs,\n  unresolvedToolUseIDs,\n  shouldAnimate,\n  shouldShowDot,\n  modelId,\n}: Props): React.ReactNode {\n  const tool = tools.find(_ => _.name === param.name)\n  if (!tool) {\n    logError(`Tool ${param.name} not found`)\n    return null\n  }\n  const isQueued =\n    !inProgressToolUseIDs.has(param.id) && unresolvedToolUseIDs.has(param.id)\n  // Keeping color undefined makes the OS use the default color regardless of appearance\n  const color = isQueued ? getTheme().secondaryText : undefined\n\n  // Handle thinking tool with specialized rendering\n  if (tool === ThinkTool) {\n    const { thought } = ThinkTool.inputSchema.parse(param.input)\n    return (\n      <AssistantThinkingMessage\n        param={{ thinking: thought, signature: '', type: 'thinking' }}\n        addMargin={addMargin}\n      />\n    )\n  }\n\n  const userFacingToolName = tool.userFacingName\n    ? tool.userFacingName()\n    : tool.name\n  return (\n    <Box\n      flexDirection=\"row\"\n      justifyContent=\"space-between\"\n      marginTop={addMargin ? 1 : 0}\n      width=\"100%\"\n    >\n      <Box>\n        <Box\n          flexWrap=\"nowrap\"\n          minWidth={userFacingToolName.length + (shouldShowDot ? 2 : 0)}\n        >\n          {shouldShowDot &&\n            (isQueued ? (\n              <Box minWidth={2}>\n                <Text color={color}>{BLACK_CIRCLE}</Text>\n              </Box>\n            ) : (\n              <ToolUseLoader\n                shouldAnimate={shouldAnimate}\n                isUnresolved={unresolvedToolUseIDs.has(param.id)}\n                isError={erroredToolUseIDs.has(param.id)}\n              />\n            ))}\n          {tool.name === 'Task' && param.input ? (\n            <TaskToolMessage\n              agentType={String(\n                (param.input as any).subagent_type || 'general-purpose',\n              )}\n              bold={Boolean(!isQueued)}\n              children={String(userFacingToolName || '')}\n            />\n          ) : (\n            <Text color={color} bold={!isQueued}>\n              {userFacingToolName}\n            </Text>\n          )}\n        </Box>\n        <Box flexWrap=\"nowrap\">\n          {Object.keys(param.input as { [key: string]: unknown }).length > 0 &&\n            (() => {\n              const toolMessage = safeRenderToolUseMessage(tool, param.input, {\n                verbose,\n              })\n\n              // TodoWriteTool: Special formatting - message already includes parentheses and formatting\n              // Format: \" (1 running, 2 pending): taskName\" (note leading space, parens around stats only)\n              if (tool.name === 'TodoWrite') {\n                return <Text color={color}>{toolMessage}</Text>\n              }\n\n              // If the tool returns a React component, render it directly\n              if (React.isValidElement(toolMessage)) {\n                return (\n                  <Box flexDirection=\"row\">\n                    <Text color={color}>(</Text>\n                    {toolMessage}\n                    <Text color={color}>)</Text>\n                  </Box>\n                )\n              }\n\n              // If it's a string, wrap it in Text\n              return <Text color={color}>({toolMessage})</Text>\n            })()}\n          <Text color={color}>\u2026</Text>\n        </Box>\n      </Box>\n      <Box flexDirection=\"column\" alignItems=\"flex-end\">\n        <Cost costUSD={costUSD} durationMs={durationMs} debug={debug} />\n        {/* Verbose mode: show timestamp, model, and tool ID */}\n        {verbose && (\n          <Text dimColor>\n            {formatTimestamp(Date.now())}\n            {modelId ? `  ${modelId}` : ''}\n            {durationMs > 0 ? `  ${(durationMs / 1000).toFixed(1)}s` : ''}\n          </Text>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/messages/GroupRenderer.js

@@ -0,0 +1,53 @@
+import React from "react";
+import { Box, Text } from "ink";
+import { ParallelTasksGroupView } from "./ParallelTasksGroupView.js";
+import { TaskInModuleView } from "./TaskInModuleView.js";
+function GroupRenderer({
+  group,
+  context,
+  messages,
+  transcripts,
+  outputs
+}) {
+  const { displayConfig, shouldAnimate, getTranscript } = context;
+  switch (group.type) {
+    case "parallel-tasks":
+      return /* @__PURE__ */ React.createElement(
+        ParallelTasksGroupView,
+        {
+          group,
+          messages,
+          transcripts,
+          outputs,
+          displayConfig,
+          shouldAnimate,
+          getTranscript
+        }
+      );
+    case "task": {
+      const toolUseId = group.metadata.toolUseId;
+      const agentId = group.metadata.agentId;
+      const transcript = agentId ? getTranscript?.(agentId) ?? transcripts.get(agentId) ?? null : null;
+      const output = outputs.get(toolUseId);
+      return /* @__PURE__ */ React.createElement(
+        TaskInModuleView,
+        {
+          toolUseId,
+          description: group.metadata.description || "Task",
+          agentType: group.metadata.agentType || "general-purpose",
+          transcript,
+          output: output || null,
+          config: displayConfig,
+          shouldAnimate,
+          inModule: false
+        }
+      );
+    }
+    default:
+      return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "[Unknown group type: ", group.type, "]"));
+  }
+}
+export {
+  GroupRenderer
+};
+//# sourceMappingURL=GroupRenderer.js.map

package/dist/components/messages/GroupRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/messages/GroupRenderer.tsx"],
+  "sourcesContent": ["/**\n * Group Renderer Component\n *\n * Dispatches rendering to specialized components based on group type.\n * Entry point for the V1+ hierarchical message display system.\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport type {\n  ToolResultBlockParam,\n  ToolUseBlockParam,\n} from '@anthropic-ai/sdk/resources/index.mjs'\nimport type { MessageGroup, GroupContext } from '@minto-types/messageGroup'\nimport type { AgentTranscript } from '@utils/agentTranscripts'\nimport type { NormalizedMessage } from '@utils/messages'\nimport { ParallelTasksGroupView } from './ParallelTasksGroupView'\nimport { TaskInModuleView } from './TaskInModuleView'\n\ninterface Props {\n  /** The group to render */\n  group: MessageGroup\n  /** Group rendering context */\n  context: GroupContext\n  /** Normalized messages */\n  messages: NormalizedMessage[]\n  /** Transcripts by agentId */\n  transcripts: Map<string, AgentTranscript>\n  /** Outputs by toolUseId */\n  outputs: Map<string, ToolResultBlockParam>\n}\n\nexport function GroupRenderer({\n  group,\n  context,\n  messages,\n  transcripts,\n  outputs,\n}: Props): React.ReactNode {\n  const { displayConfig, shouldAnimate, getTranscript } = context\n\n  switch (group.type) {\n    case 'parallel-tasks':\n      return (\n        <ParallelTasksGroupView\n          group={group}\n          messages={messages}\n          transcripts={transcripts}\n          outputs={outputs}\n          displayConfig={displayConfig}\n          shouldAnimate={shouldAnimate}\n          getTranscript={getTranscript}\n        />\n      )\n\n    case 'task': {\n      const toolUseId = group.metadata.toolUseId as string\n      const agentId = group.metadata.agentId as string | undefined\n      // Use getTranscript for lazy loading from disk (essential for historical messages)\n      const transcript = agentId\n        ? (getTranscript?.(agentId) ?? transcripts.get(agentId) ?? null)\n        : null\n      const output = outputs.get(toolUseId)\n\n      return (\n        <TaskInModuleView\n          toolUseId={toolUseId}\n          description={group.metadata.description || 'Task'}\n          agentType={group.metadata.agentType || 'general-purpose'}\n          transcript={transcript}\n          output={output || null}\n          config={displayConfig}\n          shouldAnimate={shouldAnimate}\n          inModule={false}\n        />\n      )\n    }\n\n    default:\n      // Unknown type: render a simple placeholder\n      return (\n        <Box>\n          <Text dimColor>[Unknown group type: {group.type}]</Text>\n        </Box>\n      )\n  }\n}\n"],
+  "mappings": "AAOA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAQ1B,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AAe1B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,EAAE,eAAe,eAAe,cAAc,IAAI;AAExD,UAAQ,MAAM,MAAM;AAAA,IAClB,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,IAGJ,KAAK,QAAQ;AACX,YAAM,YAAY,MAAM,SAAS;AACjC,YAAM,UAAU,MAAM,SAAS;AAE/B,YAAM,aAAa,UACd,gBAAgB,OAAO,KAAK,YAAY,IAAI,OAAO,KAAK,OACzD;AACJ,YAAM,SAAS,QAAQ,IAAI,SAAS;AAEpC,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,aAAa,MAAM,SAAS,eAAe;AAAA,UAC3C,WAAW,MAAM,SAAS,aAAa;AAAA,UACvC;AAAA,UACA,QAAQ,UAAU;AAAA,UAClB,QAAQ;AAAA,UACR;AAAA,UACA,UAAU;AAAA;AAAA,MACZ;AAAA,IAEJ;AAAA,IAEA;AAEE,aACE,oCAAC,WACC,oCAAC,QAAK,UAAQ,QAAC,yBAAsB,MAAM,MAAK,GAAC,CACnD;AAAA,EAEN;AACF;",
+  "names": []
+}

package/dist/components/messages/NestedTasksPreview.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { Box, Text } from "ink";
+function NestedTasksPreview({
+  tasks,
+  hiddenCount
+}) {
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, hiddenCount > 0 && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\xB7\xB7\xB7 ", hiddenCount, " earlier tasks hidden \xB7\xB7\xB7"), tasks.map((child, i) => /* @__PURE__ */ React.createElement(Box, { key: i, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, child.status === "completed" ? "\u2713" : "\u22EF", " "), /* @__PURE__ */ React.createElement(Text, null, child.description)), child.content && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, child.content)))));
+}
+export {
+  NestedTasksPreview
+};
+//# sourceMappingURL=NestedTasksPreview.js.map

package/dist/components/messages/NestedTasksPreview.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/messages/NestedTasksPreview.tsx"],
+  "sourcesContent": ["/**\n * Nested Tasks Preview Component\n *\n * Displays a preview of nested/child tasks with status and content.\n * Used for intermediate state display during task execution.\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\n\ninterface NestedTaskChild {\n  description: string\n  status: string\n  content: string\n}\n\ninterface Props {\n  tasks: NestedTaskChild[]\n  hiddenCount: number\n}\n\nexport function NestedTasksPreview({\n  tasks,\n  hiddenCount,\n}: Props): React.ReactNode {\n  return (\n    <Box flexDirection=\"column\">\n      {/* Hidden tasks indicator */}\n      {hiddenCount > 0 && (\n        <Text dimColor>\u00B7\u00B7\u00B7 {hiddenCount} earlier tasks hidden \u00B7\u00B7\u00B7</Text>\n      )}\n\n      {/* Visible nested tasks */}\n      {tasks.map((child, i) => (\n        <Box key={i} flexDirection=\"column\">\n          <Text>\n            <Text dimColor>{child.status === 'completed' ? '\u2713' : '\u22EF'} </Text>\n            <Text>{child.description}</Text>\n          </Text>\n          {child.content && (\n            <Box marginLeft={2}>\n              <Text dimColor>{child.content}</Text>\n            </Box>\n          )}\n        </Box>\n      ))}\n    </Box>\n  )\n}\n"],
+  "mappings": "AAOA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAanB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAA2B;AACzB,SACE,oCAAC,OAAI,eAAc,YAEhB,cAAc,KACb,oCAAC,QAAK,UAAQ,QAAC,iBAAK,aAAY,oCAAyB,GAI1D,MAAM,IAAI,CAAC,OAAO,MACjB,oCAAC,OAAI,KAAK,GAAG,eAAc,YACzB,oCAAC,YACC,oCAAC,QAAK,UAAQ,QAAE,MAAM,WAAW,cAAc,WAAM,UAAI,GAAC,GAC1D,oCAAC,YAAM,MAAM,WAAY,CAC3B,GACC,MAAM,WACL,oCAAC,OAAI,YAAY,KACf,oCAAC,QAAK,UAAQ,QAAE,MAAM,OAAQ,CAChC,CAEJ,CACD,CACH;AAEJ;",
+  "names": []
+}

package/dist/components/messages/ParallelTasksGroupView.js

@@ -0,0 +1,92 @@
+import React from "react";
+import { Box, Text } from "ink";
+import { TreeConnector } from "../TreeConnector.js";
+import { CollapsibleHint } from "../CollapsibleHint.js";
+import { TaskInModuleView } from "./TaskInModuleView.js";
+import { ParallelTasksHandler } from "../../utils/groupHandlers/parallelTasksHandler.js";
+import { MARGIN_BEFORE_MODULE, INDENT_LEVELS } from "../../constants/formatRules.js";
+import { SYMBOLS } from "../../constants/symbols.js";
+import {
+  SEMANTIC_COLORS,
+  VALUE_TIER_COLORS
+} from "../../constants/colors.js";
+import { formatMetaInfo } from "../../utils/taskDisplayUtils.js";
+function ParallelTasksGroupView({
+  group,
+  messages,
+  transcripts,
+  outputs,
+  displayConfig,
+  shouldAnimate,
+  getTranscript
+}) {
+  const memberIds = group.metadata.siblingToolUseIds || [];
+  const getTranscriptForAgent = (agentId) => {
+    return getTranscript?.(agentId) ?? transcripts.get(agentId) ?? null;
+  };
+  const memberInfos = ParallelTasksHandler.getMemberTaskInfo(group, messages);
+  const completedCount = memberInfos.filter((info) => {
+    const output = outputs.get(info.toolUseId);
+    if (output) return true;
+    if (!info.agentId) return false;
+    const transcript = getTranscriptForAgent(info.agentId);
+    return transcript?.status === "completed";
+  }).length;
+  const totalCount = memberInfos.length;
+  const isCompleted = completedCount === totalCount && totalCount > 0;
+  const statusColor = isCompleted ? SEMANTIC_COLORS.success : group.status === "running" ? SEMANTIC_COLORS.running : SEMANTIC_COLORS.dim;
+  const groupSymbol = isCompleted ? SYMBOLS.TOOL_SUCCESS : SYMBOLS.PARALLEL_GROUP;
+  const groupMetaInfo = (() => {
+    if (!isCompleted) return null;
+    const completedTranscripts = [];
+    for (const info of memberInfos) {
+      if (info.agentId) {
+        const transcript = getTranscriptForAgent(info.agentId);
+        if (transcript?.endTime) {
+          completedTranscripts.push(transcript);
+        }
+      }
+    }
+    if (completedTranscripts.length === 0) return null;
+    const startTimes = completedTranscripts.map((t) => t.startTime);
+    const endTimes = completedTranscripts.map((t) => t.endTime);
+    const earliestStart = Math.min(...startTimes);
+    const latestEnd = Math.max(...endTimes);
+    const totalDuration = latestEnd - earliestStart;
+    return {
+      duration: totalDuration,
+      timestamp: latestEnd
+    };
+  })();
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: "100%", marginTop: MARGIN_BEFORE_MODULE }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: statusColor }, groupSymbol, " "), /* @__PURE__ */ React.createElement(Text, { bold: true, color: SEMANTIC_COLORS.secondary }, "Parallel Tasks"), /* @__PURE__ */ React.createElement(Text, null, " "), /* @__PURE__ */ React.createElement(Text, null, "("), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.success }, completedCount), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "/", totalCount), /* @__PURE__ */ React.createElement(Text, null, " finished)"), displayConfig.showMetaInfo && groupMetaInfo && /* @__PURE__ */ React.createElement(Text, { color: VALUE_TIER_COLORS.meta }, " ", formatMetaInfo({
+    duration: groupMetaInfo.duration,
+    timestamp: groupMetaInfo.timestamp
+  })), /* @__PURE__ */ React.createElement(
+    CollapsibleHint,
+    {
+      canExpand: isCompleted && !displayConfig.showAllChildren
+    }
+  )), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginLeft: INDENT_LEVELS.L1 }, memberInfos.map((info, index) => {
+    const isLast = index === memberInfos.length - 1;
+    const transcript = info.agentId ? getTranscriptForAgent(info.agentId) : null;
+    const output = outputs.get(info.toolUseId);
+    return /* @__PURE__ */ React.createElement(Box, { key: info.toolUseId, flexDirection: "row" }, /* @__PURE__ */ React.createElement(TreeConnector, { isLast }), /* @__PURE__ */ React.createElement(
+      TaskInModuleView,
+      {
+        toolUseId: info.toolUseId,
+        description: info.description,
+        agentType: info.agentType,
+        transcript,
+        output: output || null,
+        config: displayConfig,
+        shouldAnimate,
+        inModule: true,
+        isLastInModule: isLast
+      }
+    ));
+  })));
+}
+export {
+  ParallelTasksGroupView
+};
+//# sourceMappingURL=ParallelTasksGroupView.js.map