@within-7/minto 0.1.7 → 0.3.0

package/dist/components/binary-feedback/BinaryFeedbackView.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/binary-feedback/BinaryFeedbackView.tsx"],
-  "sourcesContent": ["import { Option, SelectProps } from '@inkjs/ui'\nimport chalk from 'chalk'\nimport { Box, Text, useInput } from 'ink'\nimport Link from 'ink-link'\nimport React, { useState } from 'react'\nimport { getTheme } from '@utils/theme'\nimport { Select } from '@components/CustomSelect/select'\nimport type { Tool } from '@tool'\nimport type { NormalizedMessage } from '@utils/messages'\nimport { BinaryFeedbackOption } from './BinaryFeedbackOption'\nimport type { AssistantMessage } from '@query'\nimport type { BinaryFeedbackChoose } from './utils'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { BinaryFeedbackChoice } from './utils'\nimport { PRODUCT_NAME } from '@constants/product'\n\nconst HELP_URL = 'https://go/cli-feedback'\n\ntype BinaryFeedbackOption = Option & { value: BinaryFeedbackChoice }\n\n// Make options a function to avoid early theme access during module initialization\nexport function getOptions(): BinaryFeedbackOption[] {\n  return [\n    {\n      // This option combines the follow user intents:\n      // - The two options look about equally good to me\n      // - I don't feel confident enough to choose\n      // - I don't want to choose right now\n      label: 'Choose for me',\n      value: 'no-preference',\n    },\n    {\n      label: 'Left option looks better',\n      value: 'prefer-left',\n    },\n    {\n      label: 'Right option looks better',\n      value: 'prefer-right',\n    },\n    {\n      label: `Neither, and tell ${PRODUCT_NAME} what to do differently (${chalk.bold.hex(getTheme().warning)('esc')})`,\n      value: 'neither',\n    },\n  ]\n}\n\ntype Props = {\n  m1: AssistantMessage\n  m2: AssistantMessage\n  onChoose?: BinaryFeedbackChoose\n  debug: boolean\n  erroredToolUseIDs: Set<string>\n  inProgressToolUseIDs: Set<string>\n  normalizedMessages: NormalizedMessage[]\n  tools: Tool[]\n  unresolvedToolUseIDs: Set<string>\n  verbose: boolean\n}\n\nexport function BinaryFeedbackView({\n  m1,\n  m2,\n  onChoose,\n  debug,\n  erroredToolUseIDs,\n  inProgressToolUseIDs,\n  normalizedMessages,\n  tools,\n  unresolvedToolUseIDs,\n  verbose,\n}: Props) {\n  const theme = getTheme()\n  const [focused, setFocus] = useState('no-preference')\n  const [focusValue, setFocusValue] = useState<string | undefined>(undefined)\n  const exitState = useExitOnCtrlCD(() => process.exit(1))\n\n  useInput((_input, key) => {\n    if (key.leftArrow) {\n      setFocusValue('prefer-left')\n    } else if (key.rightArrow) {\n      setFocusValue('prefer-right')\n    } else if (key.escape) {\n      onChoose?.('neither')\n    }\n  })\n\n  return (\n    <>\n      <Box\n        flexDirection=\"column\"\n        height=\"100%\"\n        width=\"100%\"\n        borderStyle=\"round\"\n        borderColor={theme.permission}\n      >\n        <Box width=\"100%\" justifyContent=\"space-between\" paddingX={1}>\n          <Text bold color={theme.permission}>\n            [ANT-ONLY] Help train {PRODUCT_NAME}\n          </Text>\n          <Text>\n            <Link url={HELP_URL}>[?]</Link>\n          </Text>\n        </Box>\n        <Box flexDirection=\"row\" width=\"100%\" flexGrow={1} paddingTop={1}>\n          <Box\n            flexDirection=\"column\"\n            flexGrow={1}\n            flexBasis={1}\n            gap={1}\n            borderStyle={focused === 'prefer-left' ? 'bold' : 'single'}\n            borderColor={\n              focused === 'prefer-left' ? theme.success : theme.secondaryBorder\n            }\n            marginRight={1}\n            padding={1}\n          >\n            <BinaryFeedbackOption\n              erroredToolUseIDs={erroredToolUseIDs}\n              debug={debug}\n              inProgressToolUseIDs={inProgressToolUseIDs}\n              message={m1}\n              normalizedMessages={normalizedMessages}\n              tools={tools}\n              unresolvedToolUseIDs={unresolvedToolUseIDs}\n              verbose={verbose}\n            />\n          </Box>\n          <Box\n            flexDirection=\"column\"\n            flexGrow={1}\n            flexBasis={1}\n            gap={1}\n            borderStyle={focused === 'prefer-right' ? 'bold' : 'single'}\n            borderColor={\n              focused === 'prefer-right' ? theme.success : theme.secondaryBorder\n            }\n            marginLeft={1}\n            padding={1}\n          >\n            <BinaryFeedbackOption\n              erroredToolUseIDs={erroredToolUseIDs}\n              debug={debug}\n              inProgressToolUseIDs={inProgressToolUseIDs}\n              message={m2}\n              normalizedMessages={normalizedMessages}\n              tools={tools}\n              unresolvedToolUseIDs={unresolvedToolUseIDs}\n              verbose={verbose}\n            />\n          </Box>\n        </Box>\n        <Box flexDirection=\"column\" paddingTop={1} paddingX={1}>\n          <Text>How do you want to proceed?</Text>\n          <Select\n            options={getOptions()}\n            onFocus={setFocus}\n            focusValue={focusValue}\n            onChange={onChoose as SelectProps['onChange']}\n          />\n        </Box>\n      </Box>\n      {exitState.pending ? (\n        <Box marginLeft={3}>\n          <Text dimColor>Press {exitState.keyName} again to exit</Text>\n        </Box>\n      ) : (\n        // Render a blank line so that the UI doesn't reflow when the exit message is shown\n        <Text> </Text>\n      )}\n    </>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Option, SelectProps } from '@inkjs/ui'\nimport chalk from 'chalk'\nimport { Box, Text, useInput } from 'ink'\nimport Link from 'ink-link'\nimport React, { useState } from 'react'\nimport { getTheme } from '@utils/theme'\nimport { Select } from '@components/CustomSelect/select'\nimport type { Tool } from '@tool'\nimport type { NormalizedMessage } from '@utils/messages'\nimport { BinaryFeedbackOption } from './BinaryFeedbackOption'\nimport type { AssistantMessage } from '@query'\nimport type { BinaryFeedbackChoose } from './utils'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { BinaryFeedbackChoice } from './utils'\nimport { PRODUCT_NAME } from '@constants/product'\nimport { SEMANTIC_COLORS } from '@constants/colors'\n\nconst HELP_URL = 'https://go/cli-feedback'\n\ntype BinaryFeedbackOption = Option & { value: BinaryFeedbackChoice }\n\n// Make options a function to avoid early theme access during module initialization\nexport function getOptions(): BinaryFeedbackOption[] {\n  return [\n    {\n      // This option combines the follow user intents:\n      // - The two options look about equally good to me\n      // - I don't feel confident enough to choose\n      // - I don't want to choose right now\n      label: 'Choose for me',\n      value: 'no-preference',\n    },\n    {\n      label: 'Left option looks better',\n      value: 'prefer-left',\n    },\n    {\n      label: 'Right option looks better',\n      value: 'prefer-right',\n    },\n    {\n      label: `Neither, and tell ${PRODUCT_NAME} what to do differently (${chalk.bold.hex(getTheme().warning)('esc')})`,\n      value: 'neither',\n    },\n  ]\n}\n\ntype Props = {\n  m1: AssistantMessage\n  m2: AssistantMessage\n  onChoose?: BinaryFeedbackChoose\n  debug: boolean\n  erroredToolUseIDs: Set<string>\n  inProgressToolUseIDs: Set<string>\n  normalizedMessages: NormalizedMessage[]\n  tools: Tool[]\n  unresolvedToolUseIDs: Set<string>\n  verbose: boolean\n}\n\nexport function BinaryFeedbackView({\n  m1,\n  m2,\n  onChoose,\n  debug,\n  erroredToolUseIDs,\n  inProgressToolUseIDs,\n  normalizedMessages,\n  tools,\n  unresolvedToolUseIDs,\n  verbose,\n}: Props) {\n  const theme = getTheme()\n  const [focused, setFocus] = useState('no-preference')\n  const [focusValue, setFocusValue] = useState<string | undefined>(undefined)\n  const exitState = useExitOnCtrlCD(() => process.exit(1))\n\n  useInput((_input, key) => {\n    if (key.leftArrow) {\n      setFocusValue('prefer-left')\n    } else if (key.rightArrow) {\n      setFocusValue('prefer-right')\n    } else if (key.escape) {\n      onChoose?.('neither')\n    }\n  })\n\n  return (\n    <>\n      <Box\n        flexDirection=\"column\"\n        height=\"100%\"\n        width=\"100%\"\n        borderStyle=\"round\"\n        borderColor={theme.permission}\n      >\n        <Box width=\"100%\" justifyContent=\"space-between\" paddingX={1}>\n          <Text bold color={theme.permission}>\n            [ANT-ONLY] Help train {PRODUCT_NAME}\n          </Text>\n          <Text>\n            <Link url={HELP_URL}>[?]</Link>\n          </Text>\n        </Box>\n        <Box flexDirection=\"row\" width=\"100%\" flexGrow={1} paddingTop={1}>\n          <Box\n            flexDirection=\"column\"\n            flexGrow={1}\n            flexBasis={1}\n            gap={1}\n            borderStyle={focused === 'prefer-left' ? 'bold' : 'single'}\n            borderColor={\n              focused === 'prefer-left' ? theme.success : theme.secondaryBorder\n            }\n            marginRight={1}\n            padding={1}\n          >\n            <BinaryFeedbackOption\n              erroredToolUseIDs={erroredToolUseIDs}\n              debug={debug}\n              inProgressToolUseIDs={inProgressToolUseIDs}\n              message={m1}\n              normalizedMessages={normalizedMessages}\n              tools={tools}\n              unresolvedToolUseIDs={unresolvedToolUseIDs}\n              verbose={verbose}\n            />\n          </Box>\n          <Box\n            flexDirection=\"column\"\n            flexGrow={1}\n            flexBasis={1}\n            gap={1}\n            borderStyle={focused === 'prefer-right' ? 'bold' : 'single'}\n            borderColor={\n              focused === 'prefer-right' ? theme.success : theme.secondaryBorder\n            }\n            marginLeft={1}\n            padding={1}\n          >\n            <BinaryFeedbackOption\n              erroredToolUseIDs={erroredToolUseIDs}\n              debug={debug}\n              inProgressToolUseIDs={inProgressToolUseIDs}\n              message={m2}\n              normalizedMessages={normalizedMessages}\n              tools={tools}\n              unresolvedToolUseIDs={unresolvedToolUseIDs}\n              verbose={verbose}\n            />\n          </Box>\n        </Box>\n        <Box flexDirection=\"column\" paddingTop={1} paddingX={1}>\n          <Text>How do you want to proceed?</Text>\n          <Select\n            options={getOptions()}\n            onFocus={setFocus}\n            focusValue={focusValue}\n            onChange={onChoose as SelectProps['onChange']}\n          />\n        </Box>\n      </Box>\n      {exitState.pending ? (\n        <Box marginLeft={3}>\n          <Text color={SEMANTIC_COLORS.dim}>\n            Press {exitState.keyName} again to exit\n          </Text>\n        </Box>\n      ) : (\n        // Render a blank line so that the UI doesn't reflow when the exit message is shown\n        <Text> </Text>\n      )}\n    </>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/messages/AssistantTextMessage.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { AssistantBashOutputMessage } from "./AssistantBashOutputMessage.js";
 import { AssistantLocalCommandOutputMessage } from "./AssistantLocalCommandOutputMessage.js";
-import { getTheme } from "../../utils/theme.js";
 import { Box, Text } from "ink";
 import { Cost } from "../Cost.js";
 import {
@@ -20,6 +19,12 @@ import {
 import { BLACK_CIRCLE } from "../../constants/figures.js";
 import { applyMarkdown } from "../../utils/markdown.js";
 import { useTerminalSize } from "../../hooks/useTerminalSize.js";
+import { formatMetaInfo } from "../../utils/taskDisplayUtils.js";
+import {
+  SEMANTIC_COLORS,
+  SYMBOL_COLORS,
+  VALUE_TIER_COLORS
+} from "../../constants/colors.js";
 function AssistantTextMessage({
   param: { text },
   costUSD,
@@ -27,7 +32,9 @@ function AssistantTextMessage({
   debug,
   addMargin,
   shouldShowDot,
-  verbose
+  verbose,
+  timestamp,
+  modelId
 }) {
   const { columns } = useTerminalSize();
   if (isEmptyMessageText(text)) {
@@ -40,7 +47,7 @@ function AssistantTextMessage({
     return /* @__PURE__ */ React.createElement(AssistantLocalCommandOutputMessage, { content: text });
   }
   if (text.startsWith(API_ERROR_MESSAGE_PREFIX)) {
-    return /* @__PURE__ */ React.createElement(Text, null, "\xA0\xA0\u23BF \xA0", /* @__PURE__ */ React.createElement(Text, { color: getTheme().error }, text === API_ERROR_MESSAGE_PREFIX ? `${API_ERROR_MESSAGE_PREFIX}: Please wait a moment and try again.` : text));
+    return /* @__PURE__ */ React.createElement(Text, null, "\xA0\xA0\u23BF \xA0", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.error }, text === API_ERROR_MESSAGE_PREFIX ? `${API_ERROR_MESSAGE_PREFIX}: Please try again` : text));
   }
   switch (text) {
     // Local JSX commands don't need a response, but we still want the assistant to see them
@@ -50,13 +57,13 @@ function AssistantTextMessage({
       return null;
     case INTERRUPT_MESSAGE:
     case CANCEL_MESSAGE:
-      return /* @__PURE__ */ React.createElement(Text, null, "\xA0\xA0\u23BF \xA0", /* @__PURE__ */ React.createElement(Text, { color: getTheme().error }, "Interrupted by user"));
+      return /* @__PURE__ */ React.createElement(Text, null, "\xA0\xA0\u23BF \xA0", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.error }, "Cancelled"));
     case PROMPT_TOO_LONG_ERROR_MESSAGE:
-      return /* @__PURE__ */ React.createElement(Text, null, "\xA0\xA0\u23BF \xA0", /* @__PURE__ */ React.createElement(Text, { color: getTheme().error }, "Context low \xB7 Run /compact to compact & continue"));
+      return /* @__PURE__ */ React.createElement(Text, null, "\xA0\xA0\u23BF \xA0", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.error }, "Context too long \xB7 Run /compact to continue"));
     case CREDIT_BALANCE_TOO_LOW_ERROR_MESSAGE:
-      return /* @__PURE__ */ React.createElement(Text, null, "\xA0\xA0\u23BF \xA0", /* @__PURE__ */ React.createElement(Text, { color: getTheme().error }, "Credit balance too low \xB7 Add funds: https://console.anthropic.com/settings/billing"));
+      return /* @__PURE__ */ React.createElement(Text, null, "\xA0\xA0\u23BF \xA0", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.error }, "Insufficient credits \xB7 Top up: https://console.anthropic.com/settings/billing"));
     case INVALID_API_KEY_ERROR_MESSAGE:
-      return /* @__PURE__ */ React.createElement(Text, null, "\xA0\xA0\u23BF \xA0", /* @__PURE__ */ React.createElement(Text, { color: getTheme().error }, INVALID_API_KEY_ERROR_MESSAGE));
+      return /* @__PURE__ */ React.createElement(Text, null, "\xA0\xA0\u23BF \xA0", /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.error }, "Invalid API key"));
     default:
       return /* @__PURE__ */ React.createElement(
         Box,
@@ -67,8 +74,12 @@ function AssistantTextMessage({
           marginTop: addMargin ? 1 : 0,
           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: "row" }, shouldShowDot && /* @__PURE__ */ React.createElement(Box, { minWidth: 2 }, /* @__PURE__ */ React.createElement(Text, { color: SYMBOL_COLORS.success }, BLACK_CIRCLE)), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: columns - 6 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.primary }, applyMarkdown(text)))),
+        /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", alignItems: "flex-end" }, /* @__PURE__ */ React.createElement(Cost, { costUSD, durationMs, debug }), verbose && (timestamp || modelId || durationMs > 0) && /* @__PURE__ */ React.createElement(Text, { color: VALUE_TIER_COLORS.meta }, formatMetaInfo({
+          duration: durationMs > 0 ? durationMs : void 0,
+          model: modelId,
+          timestamp
+        })))
       );
   }
 }

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 { formatMetaInfo } from '@utils/taskDisplayUtils'\nimport {\n  SEMANTIC_COLORS,\n  SYMBOL_COLORS,\n  VALUE_TIER_COLORS,\n} from '@constants/colors'\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={SEMANTIC_COLORS.error}>\n          {text === API_ERROR_MESSAGE_PREFIX\n            ? `${API_ERROR_MESSAGE_PREFIX}: Please 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={SEMANTIC_COLORS.error}>Cancelled</Text>\n        </Text>\n      )\n\n    case PROMPT_TOO_LONG_ERROR_MESSAGE:\n      return (\n        <Text>\n          &nbsp;&nbsp;\u23BF &nbsp;\n          <Text color={SEMANTIC_COLORS.error}>\n            Context too long \u00B7 Run /compact to 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={SEMANTIC_COLORS.error}>\n            Insufficient credits \u00B7 Top up:\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={SEMANTIC_COLORS.error}>Invalid API key</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={SYMBOL_COLORS.success}>{BLACK_CIRCLE}</Text>\n              </Box>\n            )}\n            <Box flexDirection=\"column\" width={columns - 6}>\n              <Text color={SEMANTIC_COLORS.primary}>{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: duration \u00B7 model \u00B7 time */}\n            {verbose && (timestamp || modelId || durationMs > 0) && (\n              <Text color={VALUE_TIER_COLORS.meta}>\n                {formatMetaInfo({\n                  duration: durationMs > 0 ? durationMs : undefined,\n                  model: modelId,\n                  timestamp: timestamp,\n                })}\n              </Text>\n            )}\n          </Box>\n        </Box>\n      )\n  }\n}\n"],
+  "mappings": "AACA,OAAO,WAAW;AAClB,SAAS,kCAAkC;AAC3C,SAAS,0CAA0C;AAEnD,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,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAiBA,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,gBAAgB,SAC1B,SAAS,2BACN,GAAG,wBAAwB,uBAC3B,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,gBAAgB,SAAO,WAAS,CAC/C;AAAA,IAGJ,KAAK;AACH,aACE,oCAAC,YAAK,uBAEJ,oCAAC,QAAK,OAAO,gBAAgB,SAAO,gDAEpC,CACF;AAAA,IAGJ,KAAK;AACH,aACE,oCAAC,YAAK,uBAEJ,oCAAC,QAAK,OAAO,gBAAgB,SAAO,kFAGpC,CACF;AAAA,IAGJ,KAAK;AACH,aACE,oCAAC,YAAK,uBAEJ,oCAAC,QAAK,OAAO,gBAAgB,SAAO,iBAAe,CACrD;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,cAAc,WAAU,YAAa,CACpD,GAEF,oCAAC,OAAI,eAAc,UAAS,OAAO,UAAU,KAC3C,oCAAC,QAAK,OAAO,gBAAgB,WAAU,cAAc,IAAI,CAAE,CAC7D,CACF;AAAA,QACA,oCAAC,OAAI,eAAc,UAAS,YAAW,cACrC,oCAAC,QAAK,SAAkB,YAAwB,OAAc,GAE7D,YAAY,aAAa,WAAW,aAAa,MAChD,oCAAC,QAAK,OAAO,kBAAkB,QAC5B,eAAe;AAAA,UACd,UAAU,aAAa,IAAI,aAAa;AAAA,UACxC,OAAO;AAAA,UACP;AAAA,QACF,CAAC,CACH,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

@@ -3,11 +3,13 @@ import React from "react";
 import { logError } from "../../utils/log.js";
 import { Cost } from "../Cost.js";
 import { ToolUseLoader } from "../ToolUseLoader.js";
-import { getTheme } from "../../utils/theme.js";
 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 { formatMetaInfo } from "../../utils/taskDisplayUtils.js";
+import { SEMANTIC_COLORS, VALUE_TIER_COLORS } from "../../constants/colors.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) {
@@ -28,7 +31,7 @@ function AssistantToolUseMessage({
     return null;
   }
   const isQueued = !inProgressToolUseIDs.has(param.id) && unresolvedToolUseIDs.has(param.id);
-  const color = isQueued ? getTheme().secondaryText : void 0;
+  const color = isQueued ? SEMANTIC_COLORS.dim : void 0;
   if (tool === ThinkTool) {
     const { thought } = ThinkTool.inputSchema.parse(param.input);
     return /* @__PURE__ */ React.createElement(
@@ -73,18 +76,22 @@ 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, { color: VALUE_TIER_COLORS.meta }, formatMetaInfo({
+      duration: durationMs > 0 ? durationMs : void 0,
+      model: modelId,
+      timestamp: Date.now()
+    })))
   );
 }
 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 { 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 { formatMetaInfo } from '@utils/taskDisplayUtils'\nimport { SEMANTIC_COLORS, VALUE_TIER_COLORS } from '@constants/colors'\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  // \u4F7F\u7528\u8BED\u4E49\u989C\u8272\uFF1A\u6392\u961F\u4E2D\u7528 dim\uFF0C\u8FDB\u884C\u4E2D\u7528\u9ED8\u8BA4\n  const color = isQueued ? SEMANTIC_COLORS.dim : 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: duration \u00B7 model \u00B7 time */}\n        {verbose && (\n          <Text color={VALUE_TIER_COLORS.meta}>\n            {formatMetaInfo({\n              duration: durationMs > 0 ? durationMs : undefined,\n              model: modelId,\n              timestamp: Date.now(),\n            })}\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,54 @@
+import React from "react";
+import { Box, Text } from "ink";
+import { ParallelTasksGroupView } from "./ParallelTasksGroupView.js";
+import { TaskInModuleView } from "./TaskInModuleView.js";
+import { SEMANTIC_COLORS } from "../../constants/colors.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, { color: SEMANTIC_COLORS.dim }, "[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'\nimport { SEMANTIC_COLORS } from '@constants/colors'\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 color={SEMANTIC_COLORS.dim}>\n            [Unknown group type: {group.type}]\n          </Text>\n        </Box>\n      )\n  }\n}\n"],
+  "mappings": "AAOA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAQ1B,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAezB,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,OAAO,gBAAgB,OAAK,yBACV,MAAM,MAAK,GACnC,CACF;AAAA,EAEN;AACF;",
+  "names": []
+}

package/dist/components/messages/NestedTasksPreview.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { Box, Text } from "ink";
+import {
+  SEMANTIC_COLORS,
+  SYMBOL_COLORS,
+  STATUS_COLORS
+} from "../../constants/colors.js";
+function NestedTasksPreview({
+  tasks,
+  hiddenCount
+}) {
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, hiddenCount > 0 && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, "\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,
+    {
+      color: child.status === "completed" ? SYMBOL_COLORS.success : STATUS_COLORS.running
+    },
+    child.status === "completed" ? "\u2713" : "\u22EF",
+    " "
+  ), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, child.description)), child.content && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, 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'\nimport {\n  SEMANTIC_COLORS,\n  SYMBOL_COLORS,\n  STATUS_COLORS,\n} from '@constants/colors'\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 color={SEMANTIC_COLORS.dim}>\n          \u00B7\u00B7\u00B7 {hiddenCount} earlier tasks hidden \u00B7\u00B7\u00B7\n        </Text>\n      )}\n\n      {/* Visible nested tasks */}\n      {tasks.map((child, i) => (\n        <Box key={i} flexDirection=\"column\">\n          <Text>\n            <Text\n              color={\n                child.status === 'completed'\n                  ? SYMBOL_COLORS.success\n                  : STATUS_COLORS.running\n              }\n            >\n              {child.status === 'completed' ? '\u2713' : '\u22EF'}{' '}\n            </Text>\n            <Text color={SEMANTIC_COLORS.secondary}>{child.description}</Text>\n          </Text>\n          {child.content && (\n            <Box marginLeft={2}>\n              <Text color={SEMANTIC_COLORS.dim}>{child.content}</Text>\n            </Box>\n          )}\n        </Box>\n      ))}\n    </Box>\n  )\n}\n"],
+  "mappings": "AAOA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAaA,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAA2B;AACzB,SACE,oCAAC,OAAI,eAAc,YAEhB,cAAc,KACb,oCAAC,QAAK,OAAO,gBAAgB,OAAK,iBAC3B,aAAY,oCACnB,GAID,MAAM,IAAI,CAAC,OAAO,MACjB,oCAAC,OAAI,KAAK,GAAG,eAAc,YACzB,oCAAC,YACC;AAAA,IAAC;AAAA;AAAA,MACC,OACE,MAAM,WAAW,cACb,cAAc,UACd,cAAc;AAAA;AAAA,IAGnB,MAAM,WAAW,cAAc,WAAM;AAAA,IAAK;AAAA,EAC7C,GACA,oCAAC,QAAK,OAAO,gBAAgB,aAAY,MAAM,WAAY,CAC7D,GACC,MAAM,WACL,oCAAC,OAAI,YAAY,KACf,oCAAC,QAAK,OAAO,gBAAgB,OAAM,MAAM,OAAQ,CACnD,CAEJ,CACD,CACH;AAEJ;",
+  "names": []
+}

package/dist/components/messages/ParallelTasksGroupView.js

@@ -0,0 +1,93 @@
+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,
+  SYMBOL_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 ? SYMBOL_COLORS.success : group.status === "running" ? SYMBOL_COLORS.running : SYMBOL_COLORS.pending;
+  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: SYMBOL_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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/messages/ParallelTasksGroupView.tsx"],
+  "sourcesContent": ["/**\n * Parallel Tasks Group View\n *\n * Renders a group of concurrent tasks as a unified module.\n * Displays completion progress and individual task status.\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport type { ToolResultBlockParam } from '@anthropic-ai/sdk/resources/index.mjs'\nimport type { MessageGroup, DisplayConfig } from '@minto-types/messageGroup'\nimport type { AgentTranscript } from '@utils/agentTranscripts'\nimport type { NormalizedMessage } from '@utils/messages'\nimport { ToolUseLoader } from '@components/ToolUseLoader'\nimport { TreeConnector, TreeContinuation } from '@components/TreeConnector'\nimport { CollapsibleHint } from '@components/CollapsibleHint'\nimport { TaskInModuleView } from './TaskInModuleView'\nimport { ParallelTasksHandler } from '@utils/groupHandlers/parallelTasksHandler'\nimport { MARGIN_BEFORE_MODULE, INDENT_LEVELS } from '@constants/formatRules'\nimport { SYMBOLS } from '@constants/symbols'\nimport {\n  SEMANTIC_COLORS,\n  STATUS_COLORS,\n  VALUE_TIER_COLORS,\n  SYMBOL_COLORS,\n} from '@constants/colors'\nimport { formatMetaInfo } from '@utils/taskDisplayUtils'\n\ninterface Props {\n  /** The parallel tasks group */\n  group: MessageGroup\n  /** Normalized messages for looking up task info */\n  messages: NormalizedMessage[]\n  /** Transcripts by agentId */\n  transcripts: Map<string, AgentTranscript>\n  /** Outputs by toolUseId */\n  outputs: Map<string, ToolResultBlockParam>\n  /** Display configuration */\n  displayConfig: DisplayConfig\n  /** Whether to animate */\n  shouldAnimate: boolean\n  /**\n   * Function to get transcript by agentId with lazy loading from disk.\n   * Essential for loading historical transcripts that aren't in memory.\n   */\n  getTranscript?: (agentId: string) => AgentTranscript | null\n}\n\nexport function ParallelTasksGroupView({\n  group,\n  messages,\n  transcripts,\n  outputs,\n  displayConfig,\n  shouldAnimate,\n  getTranscript,\n}: Props): React.ReactNode {\n  const memberIds = (group.metadata.siblingToolUseIds as string[]) || []\n\n  // Helper to get transcript - use getTranscript for lazy loading, fallback to Map\n  const getTranscriptForAgent = (agentId: string): AgentTranscript | null => {\n    return getTranscript?.(agentId) ?? transcripts.get(agentId) ?? null\n  }\n\n  // Get task info for each member\n  const memberInfos = ParallelTasksHandler.getMemberTaskInfo(group, messages)\n\n  // Count completions - check both transcript status AND output existence\n  const completedCount = memberInfos.filter(info => {\n    // Check if output exists (definitive completion signal)\n    const output = outputs.get(info.toolUseId)\n    if (output) return true\n\n    // Fallback to transcript status\n    if (!info.agentId) return false\n    const transcript = getTranscriptForAgent(info.agentId)\n    return transcript?.status === 'completed'\n  }).length\n\n  const totalCount = memberInfos.length\n\n  // Determine completion status - use actual completion count as primary signal\n  // This is more reliable than group.status which may have timing issues\n  const isCompleted = completedCount === totalCount && totalCount > 0\n\n  // \u4F7F\u7528 SYMBOL_COLORS \u4E0E Logo \u54C1\u724C\u914D\u8272\u4FDD\u6301\u4E00\u81F4\n  const statusColor = isCompleted\n    ? SYMBOL_COLORS.success\n    : group.status === 'running'\n      ? SYMBOL_COLORS.running\n      : SYMBOL_COLORS.pending\n\n  // \u4F7F\u7528 REPL \u89C4\u8303\u5B9A\u4E49\u7684\u7B26\u53F7\uFF1A\u5E76\u884C\u4EFB\u52A1\u7EC4 \u25C8\n  const groupSymbol = isCompleted\n    ? SYMBOLS.TOOL_SUCCESS\n    : SYMBOLS.PARALLEL_GROUP\n\n  // \u8BA1\u7B97\u7EC4\u7EA7\u522B\u7684\u5143\u4FE1\u606F\uFF08\u7528\u4E8E verbose \u6A21\u5F0F\uFF09\n  const groupMetaInfo = (() => {\n    if (!isCompleted) return null\n\n    // \u83B7\u53D6\u6240\u6709\u5DF2\u5B8C\u6210\u4EFB\u52A1\u7684 transcript\n    const completedTranscripts: AgentTranscript[] = []\n    for (const info of memberInfos) {\n      if (info.agentId) {\n        const transcript = getTranscriptForAgent(info.agentId)\n        if (transcript?.endTime) {\n          completedTranscripts.push(transcript)\n        }\n      }\n    }\n\n    if (completedTranscripts.length === 0) return null\n\n    // \u8BA1\u7B97\u603B\u8017\u65F6\uFF08\u4ECE\u6700\u65E9\u5F00\u59CB\u5230\u6700\u665A\u7ED3\u675F\uFF09\n    const startTimes = completedTranscripts.map(t => t.startTime)\n    const endTimes = completedTranscripts.map(t => t.endTime!)\n    const earliestStart = Math.min(...startTimes)\n    const latestEnd = Math.max(...endTimes)\n    const totalDuration = latestEnd - earliestStart\n\n    return {\n      duration: totalDuration,\n      timestamp: latestEnd,\n    }\n  })()\n\n  return (\n    <Box flexDirection=\"column\" width=\"100%\" marginTop={MARGIN_BEFORE_MODULE}>\n      {/* Module header - \u4F7F\u7528 REPL \u89C4\u8303\u7B26\u53F7 */}\n      <Box flexDirection=\"row\">\n        {/* \u4F7F\u7528 \u25C8 \u4F5C\u4E3A\u5E76\u884C\u4EFB\u52A1\u7EC4\u7B26\u53F7\uFF0C\u5B8C\u6210\u65F6\u4F7F\u7528 \u2713 */}\n        <Text color={statusColor}>{groupSymbol} </Text>\n        <Text bold color={SEMANTIC_COLORS.secondary}>\n          Parallel Tasks\n        </Text>\n        <Text> </Text>\n        {/* \u8FDB\u5EA6\u6570\u5B57\uFF1A\u5B8C\u6210\u6570\u7528 success \u8272\uFF0C\u603B\u6570\u7528 dim \u8272 */}\n        <Text>(</Text>\n        <Text color={SYMBOL_COLORS.success}>{completedCount}</Text>\n        <Text color={SEMANTIC_COLORS.dim}>/{totalCount}</Text>\n        <Text> finished)</Text>\n        {/* Verbose mode: \u663E\u793A\u7EC4\u7EA7\u522B\u7684\u5143\u4FE1\u606F */}\n        {displayConfig.showMetaInfo && groupMetaInfo && (\n          <Text color={VALUE_TIER_COLORS.meta}>\n            {' '}\n            {formatMetaInfo({\n              duration: groupMetaInfo.duration,\n              timestamp: groupMetaInfo.timestamp,\n            })}\n          </Text>\n        )}\n        {/* Show expand hint in normal mode when completed */}\n        <CollapsibleHint\n          canExpand={isCompleted && !displayConfig.showAllChildren}\n        />\n      </Box>\n\n      {/* Member tasks - \u4F7F\u7528 REPL \u89C4\u8303\u5B9A\u4E49\u7684\u7F29\u8FDB\u5C42\u7EA7 L1 */}\n      <Box flexDirection=\"column\" marginLeft={INDENT_LEVELS.L1}>\n        {memberInfos.map((info, index) => {\n          const isLast = index === memberInfos.length - 1\n          const transcript = info.agentId\n            ? getTranscriptForAgent(info.agentId)\n            : null\n          const output = outputs.get(info.toolUseId)\n\n          return (\n            <Box key={info.toolUseId} flexDirection=\"row\">\n              {/* Tree connector */}\n              <TreeConnector isLast={isLast} />\n\n              {/* Task content */}\n              <TaskInModuleView\n                toolUseId={info.toolUseId}\n                description={info.description}\n                agentType={info.agentType}\n                transcript={transcript}\n                output={output || null}\n                config={displayConfig}\n                shouldAnimate={shouldAnimate}\n                inModule={true}\n                isLastInModule={isLast}\n              />\n            </Box>\n          )\n        })}\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}