@mastra/playground-ui 55.0.0 → 56.0.0-alpha.10

package/dist/components/ai/task-list.es.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ChevronRight, ListChecks, Circle, Loader2, CheckCircle2 } from 'lucide-react';
 import { useState } from 'react';
-import { C as Collapsible, a as CollapsibleContent, b as CollapsibleTrigger } from '../../collapsible-4eeo2ZU2.js';
-import { S as ScrollArea } from '../../scroll-area-B0L1nYJS.js';
-import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-Vj_jjcxE.js';
-import { c as cn } from '../../cn-ByEbywDh.js';
+import { C as Collapsible, a as CollapsibleContent, b as CollapsibleTrigger } from '../../collapsible-C2RuZzc7.js';
+import { S as ScrollArea } from '../../scroll-area-ByrWkkO_.js';
+import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-QuS0KEbc.js';
+import { c as cn } from '../../cn-C6s2yXwM.js';
 
 const TaskListContainer = ({ className, ...props }) => /* @__PURE__ */ jsx("section", { className: cn("rounded-2xl border border-border2/40 bg-surface3 px-3 py-2.5", className), ...props });
 const TaskListHeader = ({ className, ...props }) => /* @__PURE__ */ jsx(

package/dist/components/ai/tool-approval.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const toolApproval = require('../../tool-approval-CYO2CYZz.cjs');
+
+
+
+exports.ToolApproval = toolApproval.ToolApproval;
+exports.ToolApprovalActions = toolApproval.ToolApprovalActions;
+//# sourceMappingURL=tool-approval.cjs.js.map

package/dist/components/ai/tool-approval.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-approval.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/ai/tool-approval.d.ts

@@ -0,0 +1,2 @@
+export * from '../../src/ds/components/ai/tool-approval/index'
+export {}

package/dist/components/ai/tool-approval.es.js

@@ -0,0 +1,2 @@
+export { T as ToolApproval, a as ToolApprovalActions } from '../../tool-approval-BMPAEwt_.js';
+//# sourceMappingURL=tool-approval.es.js.map

package/dist/components/ai/tool-approval.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-approval.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/ai/tool-call.cjs.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const groupConsecutive = require('../../group-consecutive-KN5O6teY.cjs');
-const toolCall = require('../../tool-call-DVh_yWov.cjs');
+const toolCall = require('../../tool-call-CAzilpXy.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const code = require('../../code-DhrdtZce.cjs');
-const codeBlock = require('../../code-block-D1RequlX.cjs');
+const codeBlock = require('../../code-block-DgK__blB.cjs');
 const highlight = require('../../highlight-DK1dn-Fh.cjs');
 const utils_truncateString = require('../../utils/truncate-string.cjs.js');
-const utils_cn = require('../../cn-DnbTIGXa.cjs');
-const lucideReact = require('lucide-react');
+const utils_cn = require('../../cn-BuHW7Wrt.cjs');
 const toolPresentation = require('../../tool-presentation-BGWx2mEc.cjs');
-const scrollArea = require('../../scroll-area-DK4w_mMg.cjs');
-const Txt = require('../../Txt-i-sXSs2m.cjs');
+const lucideReact = require('lucide-react');
+const scrollArea = require('../../scroll-area-l6Yx-88I.cjs');
+const Txt = require('../../Txt-C7rZCmrg.cjs');
 
 const ANSI_RE = /[\u001b\u009b][[\]()#;?]*(?:(?:[a-zA-Z\d]*(?:;[-a-zA-Z\d/#&.:=?%@~_]*)*)?\u0007|(?:\d{1,4}(?:;\d{0,4})*)?[\dA-PR-TZcf-nq-uy=><~])/g;
 const ESCAPED_ANSI_RE = /(?<!\\)((?:\\\\)*)\\u001[bB](?:\[[0-9;?<=>]*[a-zA-Z]|\][\s\S]*?(?:\\u0007|\\u001[bB]\\\\))/g;
@@ -79,6 +79,21 @@ function ToolCallEdit({ edit }) {
   );
 }
 
+function ToolCallArguments({
+  toolName,
+  args,
+  argsText,
+  hideArguments,
+  "data-testid": testId
+}) {
+  const edit = toolPresentation.toolEdit(toolName, args);
+  if (edit) return /* @__PURE__ */ jsxRuntime.jsx(ToolCallEdit, { edit });
+  if (hideArguments) return null;
+  const text = args === void 0 ? argsText : toolPresentation.stringifyToolValue(args);
+  if (!text) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(toolCall.ToolCallMono, { copyText: text, "data-testid": testId, className: "text-icon5", children: text });
+}
+
 const MAX_KIND_GLYPHS = 4;
 function ToolCallGroup({ steps, leading, children }) {
   const running = steps.find((step) => step.status === "running");
@@ -132,6 +147,28 @@ function GroupKinds({ steps }) {
   return /* @__PURE__ */ jsxRuntime.jsx(toolCall.ToolCallSummary, { role: "img", "aria-label": kinds.map(([label]) => label).join(", "), className: "shrink-0 gap-1.5", children: kinds.map(([label, Kind]) => /* @__PURE__ */ jsxRuntime.jsx(Kind, { size: 12, strokeWidth: 1.75, className: "text-icon2" }, label)) });
 }
 
+function ToolCallOutput({ text, error, maxLength, "data-testid": testId }) {
+  const preview = maxLength !== void 0 && text.length > maxLength ? `${text.slice(0, maxLength)}…` : text;
+  return /* @__PURE__ */ jsxRuntime.jsx(toolCall.ToolCallMono, { copyText: text, "data-testid": testId, className: error ? "text-error/90" : "text-icon3", children: preview });
+}
+
+const clock = new Intl.DateTimeFormat(void 0, { hour: "numeric", minute: "2-digit", second: "2-digit" });
+const calendar = new Intl.DateTimeFormat(void 0, { dateStyle: "full", timeStyle: "medium" });
+function ToolCallTime({ at }) {
+  if (at === void 0) return null;
+  const time = new Date(at);
+  if (Number.isNaN(time.getTime())) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "time",
+    {
+      className: "text-ui-xs text-icon3 shrink-0 tabular-nums",
+      dateTime: time.toISOString(),
+      title: calendar.format(time),
+      children: clock.format(time)
+    }
+  );
+}
+
 exports.TOOL_GROUP_MIN = groupConsecutive.TOOL_GROUP_MIN;
 exports.groupConsecutive = groupConsecutive.groupConsecutive;
 exports.ToolCall = toolCall.ToolCall;
@@ -152,8 +189,11 @@ exports.isTaskTool = toolPresentation.isTaskTool;
 exports.presentTool = toolPresentation.presentTool;
 exports.stringifyToolValue = toolPresentation.stringifyToolValue;
 exports.toolEdit = toolPresentation.toolEdit;
+exports.ToolCallArguments = ToolCallArguments;
 exports.ToolCallEdit = ToolCallEdit;
 exports.ToolCallGroup = ToolCallGroup;
+exports.ToolCallOutput = ToolCallOutput;
+exports.ToolCallTime = ToolCallTime;
 exports.stripAnsi = stripAnsi;
 exports.stripSerializedAnsi = stripSerializedAnsi;
 //# sourceMappingURL=tool-call.cjs.js.map

package/dist/components/ai/tool-call.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-call.cjs.js","sources":["../../../src/ds/components/ai/tool-call/ansi.ts","../../../src/ds/components/ai/tool-call/tool-call-edit.tsx","../../../src/ds/components/ai/tool-call/tool-call-group.tsx"],"sourcesContent":["// Sandbox commands run in a PTY, so CLIs emit color escapes even under NO_COLOR.\n// eslint-disable-next-line no-control-regex\nconst ANSI_RE =\n  /[\\u001b\\u009b][[\\]()#;?]*(?:(?:[a-zA-Z\\d]*(?:;[-a-zA-Z\\d/#&.:=?%@~_]*)*)?\\u0007|(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~])/g;\n\n// The same sequences once JSON.stringify escaped the bytes; an even backslash run before the `u` is source text spelling the escape, kept.\nconst ESCAPED_ANSI_RE = /(?<!\\\\)((?:\\\\\\\\)*)\\\\u001[bB](?:\\[[0-9;?<=>]*[a-zA-Z]|\\][\\s\\S]*?(?:\\\\u0007|\\\\u001[bB]\\\\\\\\))/g;\n\nexport function stripAnsi(text: string): string {\n  return text.replace(ANSI_RE, '');\n}\n\nexport function stripSerializedAnsi(text: string): string {\n  return stripAnsi(text).replace(ESCAPED_ANSI_RE, '$1');\n}\n","import type { ToolEdit } from './tool-presentation';\nimport { tokenStyle, useHighlight } from '@/ds/components/Code';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { languageForPath } from '@/ds/components/CodeEditor/highlight';\nimport { truncateString } from '@/lib/truncate-string';\nimport { cn } from '@/lib/utils';\n\nconst DIFF_MAX_LINES = 200;\nconst WRITTEN_FILE_MAX_CHARS = 2000;\n\nconst DIFF_SIDES = {\n  removed: { sign: '-', row: 'bg-error/10', gutter: 'text-error' },\n  added: { sign: '+', row: 'bg-accent1/10', gutter: 'text-accent1' },\n} as const;\n\nfunction boundedLines(text: string): { lines: string[]; hidden: number } {\n  const lines = text.split('\\n');\n  return { lines: lines.slice(0, DIFF_MAX_LINES), hidden: Math.max(0, lines.length - DIFF_MAX_LINES) };\n}\n\nfunction DiffSide({ lines, side, lang }: { lines: string[]; side: keyof typeof DIFF_SIDES; lang: string | undefined }) {\n  const { sign, row, gutter } = DIFF_SIDES[side];\n  const code = lines.join('\\n');\n  const highlighted = useHighlight(code, lang);\n  const tokens = highlighted?.code === code ? highlighted.tokens : undefined;\n\n  return (\n    <>\n      {lines.map((line, index) => (\n        <div key={index} className={cn('flex whitespace-pre', row)}>\n          <span className={cn('w-5 shrink-0 text-center opacity-70 select-none', gutter)}>{sign}</span>\n          <span className=\"text-icon6 flex-1 pr-2.5\">\n            {tokens?.[index]?.map((token, tokenIndex) => (\n              <span key={tokenIndex} className=\"shiki-token\" style={tokenStyle(token)}>\n                {token.content}\n              </span>\n            )) ?? line}\n          </span>\n        </div>\n      ))}\n    </>\n  );\n}\n\nexport function ToolCallEdit({ edit }: { edit: ToolEdit }) {\n  const lang = languageForPath(edit.path);\n\n  if ('content' in edit) {\n    return (\n      <CodeBlock\n        code={truncateString(edit.content, WRITTEN_FILE_MAX_CHARS)}\n        lang={lang}\n        fileName={edit.path ?? 'Change'}\n        overflow=\"scroll\"\n      />\n    );\n  }\n\n  const removed = boundedLines(edit.oldText);\n  const added = boundedLines(edit.newText);\n  const hidden = removed.hidden + added.hidden;\n\n  return (\n    <div\n      className=\"border-border1 bg-neutral6/5 text-ui-sm max-w-full min-w-0 overflow-x-auto rounded-md border font-mono\"\n      role=\"group\"\n      aria-label=\"File change\"\n    >\n      <DiffSide lines={removed.lines} side=\"removed\" lang={lang} />\n      <DiffSide lines={added.lines} side=\"added\" lang={lang} />\n      {hidden > 0 && <div className=\"text-icon3 px-2.5 py-1 select-none\">… {hidden} more lines</div>}\n    </div>\n  );\n}\n","import { FoldVertical, X } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport {\n  ToolCall,\n  ToolCallContent,\n  ToolCallDetail,\n  ToolCallDisclosure,\n  ToolCallHeader,\n  ToolCallIcon,\n  ToolCallLabel,\n  ToolCallSpacer,\n  ToolCallSummary,\n  ToolCallTrailing,\n  ToolCallTrigger,\n} from './tool-call';\nimport type { ToolCallStatus } from './tool-call';\nimport { presentTool } from './tool-presentation';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface ToolCallGroupStep {\n  toolName: string;\n  args: unknown;\n  status: ToolCallStatus;\n  /** A successful tool result was recorded. Supply for every step to enable outcome counts; omit to keep legacy summaries. */\n  hasResult?: boolean;\n}\n\nexport interface ToolCallGroupProps {\n  steps: ToolCallGroupStep[];\n  /** Rendered ahead of the icon, e.g. the time the first step began. */\n  leading?: ReactNode;\n  children: ReactNode;\n}\n\nconst MAX_KIND_GLYPHS = 4;\n\nexport function ToolCallGroup({ steps, leading, children }: ToolCallGroupProps) {\n  const running = steps.find(step => step.status === 'running');\n  const liveDetail = running && presentTool(running.toolName, running.args).detail;\n\n  return (\n    <ToolCall status={running ? 'running' : 'idle'} aria-label={`Tool group: ${steps.length} steps`}>\n      <ToolCallTrigger>\n        <ToolCallHeader>\n          {leading}\n          <ToolCallIcon>\n            <FoldVertical size={14} strokeWidth={1.75} aria-hidden className=\"text-icon2\" />\n          </ToolCallIcon>\n          <ToolCallLabel>{steps.length} steps</ToolCallLabel>\n          {liveDetail && <ToolCallDetail>{liveDetail}</ToolCallDetail>}\n          <GroupKinds steps={steps} />\n          <ToolCallSpacer rule />\n          <ToolCallTrailing>\n            <GroupProgress steps={steps} />\n          </ToolCallTrailing>\n          <ToolCallDisclosure />\n        </ToolCallHeader>\n      </ToolCallTrigger>\n      <ToolCallContent className=\"py-0.5 pr-0 pl-2.5\">\n        <ScrollArea maxHeight=\"18rem\" autoScroll={Boolean(running)} revealScrollbarOnHover={false}>\n          {children}\n        </ScrollArea>\n      </ToolCallContent>\n    </ToolCall>\n  );\n}\n\nfunction GroupProgress({ steps }: { steps: ToolCallGroupStep[] }) {\n  const done = steps.filter(step => step.status !== 'running').length;\n  if (done < steps.length) {\n    return (\n      <Txt as=\"span\" variant=\"ui-xs\" className=\"text-icon3 shrink-0 tabular-nums\">\n        {done}/{steps.length}\n      </Txt>\n    );\n  }\n  const failed = steps.filter(step => step.status === 'error').length;\n  const errorIndicator =\n    failed > 0 ? <X size={13} role=\"img\" aria-label=\"Failed\" className=\"text-error shrink-0\" /> : null;\n  // Older consumers only supply visual status, which cannot distinguish completed from interrupted calls.\n  if (steps.some(step => step.hasResult === undefined)) return errorIndicator;\n\n  const succeeded = steps.filter(step => step.status === 'idle' && step.hasResult).length;\n  const incomplete = steps.length - succeeded - failed;\n  const summary = [\n    succeeded > 0 && `${succeeded} OK`,\n    failed > 0 && `${failed} failed`,\n    incomplete > 0 && `${incomplete} incomplete`,\n  ]\n    .filter(Boolean)\n    .join(' · ');\n\n  return (\n    <>\n      {errorIndicator}\n      <Txt as=\"span\" variant=\"ui-xs\" className=\"text-icon3 shrink-0 tabular-nums\">\n        {summary}\n      </Txt>\n    </>\n  );\n}\n\nfunction GroupKinds({ steps }: { steps: ToolCallGroupStep[] }) {\n  const iconByLabel = new Map(\n    steps.map(step => presentTool(step.toolName, step.args)).map(({ label, icon }) => [label, icon]),\n  );\n  const kinds = [...iconByLabel].slice(0, MAX_KIND_GLYPHS);\n\n  return (\n    <ToolCallSummary role=\"img\" aria-label={kinds.map(([label]) => label).join(', ')} className=\"shrink-0 gap-1.5\">\n      {kinds.map(([label, Kind]) => (\n        <Kind key={label} size={12} strokeWidth={1.75} className=\"text-icon2\" />\n      ))}\n    </ToolCallSummary>\n  );\n}\n"],"names":["code","useHighlight","jsx","Fragment","jsxs","cn","tokenStyle","languageForPath","CodeBlock","truncateString","presentTool","ToolCall","ToolCallTrigger","ToolCallHeader","ToolCallIcon","FoldVertical","ToolCallLabel","ToolCallDetail","ToolCallSpacer","ToolCallTrailing","ToolCallDisclosure","ToolCallContent","ScrollArea","Txt","X","ToolCallSummary"],"mappings":"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"}
+{"version":3,"file":"tool-call.cjs.js","sources":["../../../src/ds/components/ai/tool-call/ansi.ts","../../../src/ds/components/ai/tool-call/tool-call-edit.tsx","../../../src/ds/components/ai/tool-call/tool-call-arguments.tsx","../../../src/ds/components/ai/tool-call/tool-call-group.tsx","../../../src/ds/components/ai/tool-call/tool-call-output.tsx","../../../src/ds/components/ai/tool-call/tool-call-time.tsx"],"sourcesContent":["// Sandbox commands run in a PTY, so CLIs emit color escapes even under NO_COLOR.\n// eslint-disable-next-line no-control-regex\nconst ANSI_RE =\n  /[\\u001b\\u009b][[\\]()#;?]*(?:(?:[a-zA-Z\\d]*(?:;[-a-zA-Z\\d/#&.:=?%@~_]*)*)?\\u0007|(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~])/g;\n\n// The same sequences once JSON.stringify escaped the bytes; an even backslash run before the `u` is source text spelling the escape, kept.\nconst ESCAPED_ANSI_RE = /(?<!\\\\)((?:\\\\\\\\)*)\\\\u001[bB](?:\\[[0-9;?<=>]*[a-zA-Z]|\\][\\s\\S]*?(?:\\\\u0007|\\\\u001[bB]\\\\\\\\))/g;\n\nexport function stripAnsi(text: string): string {\n  return text.replace(ANSI_RE, '');\n}\n\nexport function stripSerializedAnsi(text: string): string {\n  return stripAnsi(text).replace(ESCAPED_ANSI_RE, '$1');\n}\n","import type { ToolEdit } from './tool-presentation';\nimport { tokenStyle, useHighlight } from '@/ds/components/Code';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { languageForPath } from '@/ds/components/CodeEditor/highlight';\nimport { truncateString } from '@/lib/truncate-string';\nimport { cn } from '@/lib/utils';\n\nconst DIFF_MAX_LINES = 200;\nconst WRITTEN_FILE_MAX_CHARS = 2000;\n\nconst DIFF_SIDES = {\n  removed: { sign: '-', row: 'bg-error/10', gutter: 'text-error' },\n  added: { sign: '+', row: 'bg-accent1/10', gutter: 'text-accent1' },\n} as const;\n\nfunction boundedLines(text: string): { lines: string[]; hidden: number } {\n  const lines = text.split('\\n');\n  return { lines: lines.slice(0, DIFF_MAX_LINES), hidden: Math.max(0, lines.length - DIFF_MAX_LINES) };\n}\n\nfunction DiffSide({ lines, side, lang }: { lines: string[]; side: keyof typeof DIFF_SIDES; lang: string | undefined }) {\n  const { sign, row, gutter } = DIFF_SIDES[side];\n  const code = lines.join('\\n');\n  const highlighted = useHighlight(code, lang);\n  const tokens = highlighted?.code === code ? highlighted.tokens : undefined;\n\n  return (\n    <>\n      {lines.map((line, index) => (\n        <div key={index} className={cn('flex whitespace-pre', row)}>\n          <span className={cn('w-5 shrink-0 text-center opacity-70 select-none', gutter)}>{sign}</span>\n          <span className=\"text-icon6 flex-1 pr-2.5\">\n            {tokens?.[index]?.map((token, tokenIndex) => (\n              <span key={tokenIndex} className=\"shiki-token\" style={tokenStyle(token)}>\n                {token.content}\n              </span>\n            )) ?? line}\n          </span>\n        </div>\n      ))}\n    </>\n  );\n}\n\nexport function ToolCallEdit({ edit }: { edit: ToolEdit }) {\n  const lang = languageForPath(edit.path);\n\n  if ('content' in edit) {\n    return (\n      <CodeBlock\n        code={truncateString(edit.content, WRITTEN_FILE_MAX_CHARS)}\n        lang={lang}\n        fileName={edit.path ?? 'Change'}\n        overflow=\"scroll\"\n      />\n    );\n  }\n\n  const removed = boundedLines(edit.oldText);\n  const added = boundedLines(edit.newText);\n  const hidden = removed.hidden + added.hidden;\n\n  return (\n    <div\n      className=\"border-border1 bg-neutral6/5 text-ui-sm max-w-full min-w-0 overflow-x-auto rounded-md border font-mono\"\n      role=\"group\"\n      aria-label=\"File change\"\n    >\n      <DiffSide lines={removed.lines} side=\"removed\" lang={lang} />\n      <DiffSide lines={added.lines} side=\"added\" lang={lang} />\n      {hidden > 0 && <div className=\"text-icon3 px-2.5 py-1 select-none\">… {hidden} more lines</div>}\n    </div>\n  );\n}\n","import { ToolCallMono } from './tool-call';\nimport { ToolCallEdit } from './tool-call-edit';\nimport { stringifyToolValue, toolEdit } from './tool-presentation';\n\nexport interface ToolCallArgumentsProps {\n  toolName: string;\n  args: unknown;\n  argsText?: string;\n  hideArguments?: boolean;\n  'data-testid'?: string;\n}\n\nexport function ToolCallArguments({\n  toolName,\n  args,\n  argsText,\n  hideArguments,\n  'data-testid': testId,\n}: ToolCallArgumentsProps) {\n  const edit = toolEdit(toolName, args);\n  if (edit) return <ToolCallEdit edit={edit} />;\n  if (hideArguments) return null;\n\n  const text = args === undefined ? argsText : stringifyToolValue(args);\n  if (!text) return null;\n\n  return (\n    <ToolCallMono copyText={text} data-testid={testId} className=\"text-icon5\">\n      {text}\n    </ToolCallMono>\n  );\n}\n","import { FoldVertical, X } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport {\n  ToolCall,\n  ToolCallContent,\n  ToolCallDetail,\n  ToolCallDisclosure,\n  ToolCallHeader,\n  ToolCallIcon,\n  ToolCallLabel,\n  ToolCallSpacer,\n  ToolCallSummary,\n  ToolCallTrailing,\n  ToolCallTrigger,\n} from './tool-call';\nimport type { ToolCallStatus } from './tool-call';\nimport { presentTool } from './tool-presentation';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface ToolCallGroupStep {\n  toolName: string;\n  args: unknown;\n  status: ToolCallStatus;\n  /** A successful tool result was recorded. Supply for every step to enable outcome counts; omit to keep legacy summaries. */\n  hasResult?: boolean;\n}\n\nexport interface ToolCallGroupProps {\n  steps: ToolCallGroupStep[];\n  /** Rendered ahead of the icon, e.g. the time the first step began. */\n  leading?: ReactNode;\n  children: ReactNode;\n}\n\nconst MAX_KIND_GLYPHS = 4;\n\nexport function ToolCallGroup({ steps, leading, children }: ToolCallGroupProps) {\n  const running = steps.find(step => step.status === 'running');\n  const liveDetail = running && presentTool(running.toolName, running.args).detail;\n\n  return (\n    <ToolCall status={running ? 'running' : 'idle'} aria-label={`Tool group: ${steps.length} steps`}>\n      <ToolCallTrigger>\n        <ToolCallHeader>\n          {leading}\n          <ToolCallIcon>\n            <FoldVertical size={14} strokeWidth={1.75} aria-hidden className=\"text-icon2\" />\n          </ToolCallIcon>\n          <ToolCallLabel>{steps.length} steps</ToolCallLabel>\n          {liveDetail && <ToolCallDetail>{liveDetail}</ToolCallDetail>}\n          <GroupKinds steps={steps} />\n          <ToolCallSpacer rule />\n          <ToolCallTrailing>\n            <GroupProgress steps={steps} />\n          </ToolCallTrailing>\n          <ToolCallDisclosure />\n        </ToolCallHeader>\n      </ToolCallTrigger>\n      <ToolCallContent className=\"py-0.5 pr-0 pl-2.5\">\n        <ScrollArea maxHeight=\"18rem\" autoScroll={Boolean(running)} revealScrollbarOnHover={false}>\n          {children}\n        </ScrollArea>\n      </ToolCallContent>\n    </ToolCall>\n  );\n}\n\nfunction GroupProgress({ steps }: { steps: ToolCallGroupStep[] }) {\n  const done = steps.filter(step => step.status !== 'running').length;\n  if (done < steps.length) {\n    return (\n      <Txt as=\"span\" variant=\"ui-xs\" className=\"text-icon3 shrink-0 tabular-nums\">\n        {done}/{steps.length}\n      </Txt>\n    );\n  }\n  const failed = steps.filter(step => step.status === 'error').length;\n  const errorIndicator =\n    failed > 0 ? <X size={13} role=\"img\" aria-label=\"Failed\" className=\"text-error shrink-0\" /> : null;\n  // Older consumers only supply visual status, which cannot distinguish completed from interrupted calls.\n  if (steps.some(step => step.hasResult === undefined)) return errorIndicator;\n\n  const succeeded = steps.filter(step => step.status === 'idle' && step.hasResult).length;\n  const incomplete = steps.length - succeeded - failed;\n  const summary = [\n    succeeded > 0 && `${succeeded} OK`,\n    failed > 0 && `${failed} failed`,\n    incomplete > 0 && `${incomplete} incomplete`,\n  ]\n    .filter(Boolean)\n    .join(' · ');\n\n  return (\n    <>\n      {errorIndicator}\n      <Txt as=\"span\" variant=\"ui-xs\" className=\"text-icon3 shrink-0 tabular-nums\">\n        {summary}\n      </Txt>\n    </>\n  );\n}\n\nfunction GroupKinds({ steps }: { steps: ToolCallGroupStep[] }) {\n  const iconByLabel = new Map(\n    steps.map(step => presentTool(step.toolName, step.args)).map(({ label, icon }) => [label, icon]),\n  );\n  const kinds = [...iconByLabel].slice(0, MAX_KIND_GLYPHS);\n\n  return (\n    <ToolCallSummary role=\"img\" aria-label={kinds.map(([label]) => label).join(', ')} className=\"shrink-0 gap-1.5\">\n      {kinds.map(([label, Kind]) => (\n        <Kind key={label} size={12} strokeWidth={1.75} className=\"text-icon2\" />\n      ))}\n    </ToolCallSummary>\n  );\n}\n","import { ToolCallMono } from './tool-call';\n\nexport interface ToolCallOutputProps {\n  text: string;\n  error?: boolean;\n  maxLength?: number;\n  'data-testid'?: string;\n}\n\nexport function ToolCallOutput({ text, error, maxLength, 'data-testid': testId }: ToolCallOutputProps) {\n  const preview = maxLength !== undefined && text.length > maxLength ? `${text.slice(0, maxLength)}…` : text;\n\n  return (\n    <ToolCallMono copyText={text} data-testid={testId} className={error ? 'text-error/90' : 'text-icon3'}>\n      {preview}\n    </ToolCallMono>\n  );\n}\n","const clock = new Intl.DateTimeFormat(undefined, { hour: 'numeric', minute: '2-digit', second: '2-digit' });\nconst calendar = new Intl.DateTimeFormat(undefined, { dateStyle: 'full', timeStyle: 'medium' });\n\nexport function ToolCallTime({ at }: { at?: number }) {\n  if (at === undefined) return null;\n  const time = new Date(at);\n  if (Number.isNaN(time.getTime())) return null;\n\n  return (\n    <time\n      className=\"text-ui-xs text-icon3 shrink-0 tabular-nums\"\n      dateTime={time.toISOString()}\n      title={calendar.format(time)}\n    >\n      {clock.format(time)}\n    </time>\n  );\n}\n"],"names":["code","useHighlight","jsx","Fragment","jsxs","cn","tokenStyle","languageForPath","CodeBlock","truncateString","toolEdit","stringifyToolValue","ToolCallMono","presentTool","ToolCall","ToolCallTrigger","ToolCallHeader","ToolCallIcon","FoldVertical","ToolCallLabel","ToolCallDetail","ToolCallSpacer","ToolCallTrailing","ToolCallDisclosure","ToolCallContent","ScrollArea","Txt","X","ToolCallSummary"],"mappings":"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"}

package/dist/components/ai/tool-call.es.js

@@ -1,17 +1,17 @@
 export { T as TOOL_GROUP_MIN, g as groupConsecutive } from '../../group-consecutive-EVLIMgcO.js';
-import { T as ToolCall, a as ToolCallTrigger, d as ToolCallHeader, e as ToolCallIcon, f as ToolCallLabel, g as ToolCallDetail, h as ToolCallSpacer, b as ToolCallTrailing, i as ToolCallDisclosure, c as ToolCallContent, j as ToolCallSummary } from '../../tool-call-BlKbOYRH.js';
-export { k as ToolCallCommand, l as ToolCallMono, m as ToolCallPresentedHeader } from '../../tool-call-BlKbOYRH.js';
+import { k as ToolCallMono, T as ToolCall, a as ToolCallTrigger, d as ToolCallHeader, e as ToolCallIcon, f as ToolCallLabel, g as ToolCallDetail, h as ToolCallSpacer, b as ToolCallTrailing, i as ToolCallDisclosure, c as ToolCallContent, l as ToolCallSummary } from '../../tool-call-98H2-r5p.js';
+export { m as ToolCallCommand, j as ToolCallPresentedHeader } from '../../tool-call-98H2-r5p.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { u as useHighlight, t as tokenStyle } from '../../code-D4Vw_fYq.js';
-import { C as CodeBlock } from '../../code-block-BdzrmA-p.js';
+import { C as CodeBlock } from '../../code-block-BBG-Zv3I.js';
 import { l as languageForPath } from '../../highlight-BmpoELR4.js';
 import { truncateString } from '../../utils/truncate-string.es.js';
-import { c as cn } from '../../cn-ByEbywDh.js';
+import { c as cn } from '../../cn-C6s2yXwM.js';
+import { t as toolEdit, s as stringifyToolValue, p as presentTool } from '../../tool-presentation-D-smNbXC.js';
+export { i as isTaskTool } from '../../tool-presentation-D-smNbXC.js';
 import { FoldVertical, X } from 'lucide-react';
-import { p as presentTool } from '../../tool-presentation-D-smNbXC.js';
-export { i as isTaskTool, s as stringifyToolValue, t as toolEdit } from '../../tool-presentation-D-smNbXC.js';
-import { S as ScrollArea } from '../../scroll-area-B0L1nYJS.js';
-import { T as Txt } from '../../Txt-CfPhlZOu.js';
+import { S as ScrollArea } from '../../scroll-area-ByrWkkO_.js';
+import { T as Txt } from '../../Txt-hyo2FKuO.js';
 
 const ANSI_RE = /[\u001b\u009b][[\]()#;?]*(?:(?:[a-zA-Z\d]*(?:;[-a-zA-Z\d/#&.:=?%@~_]*)*)?\u0007|(?:\d{1,4}(?:;\d{0,4})*)?[\dA-PR-TZcf-nq-uy=><~])/g;
 const ESCAPED_ANSI_RE = /(?<!\\)((?:\\\\)*)\\u001[bB](?:\[[0-9;?<=>]*[a-zA-Z]|\][\s\S]*?(?:\\u0007|\\u001[bB]\\\\))/g;
@@ -77,6 +77,21 @@ function ToolCallEdit({ edit }) {
   );
 }
 
+function ToolCallArguments({
+  toolName,
+  args,
+  argsText,
+  hideArguments,
+  "data-testid": testId
+}) {
+  const edit = toolEdit(toolName, args);
+  if (edit) return /* @__PURE__ */ jsx(ToolCallEdit, { edit });
+  if (hideArguments) return null;
+  const text = args === void 0 ? argsText : stringifyToolValue(args);
+  if (!text) return null;
+  return /* @__PURE__ */ jsx(ToolCallMono, { copyText: text, "data-testid": testId, className: "text-icon5", children: text });
+}
+
 const MAX_KIND_GLYPHS = 4;
 function ToolCallGroup({ steps, leading, children }) {
   const running = steps.find((step) => step.status === "running");
@@ -130,5 +145,27 @@ function GroupKinds({ steps }) {
   return /* @__PURE__ */ jsx(ToolCallSummary, { role: "img", "aria-label": kinds.map(([label]) => label).join(", "), className: "shrink-0 gap-1.5", children: kinds.map(([label, Kind]) => /* @__PURE__ */ jsx(Kind, { size: 12, strokeWidth: 1.75, className: "text-icon2" }, label)) });
 }
 
-export { ToolCall, ToolCallContent, ToolCallDetail, ToolCallDisclosure, ToolCallEdit, ToolCallGroup, ToolCallHeader, ToolCallIcon, ToolCallLabel, ToolCallSpacer, ToolCallSummary, ToolCallTrailing, ToolCallTrigger, presentTool, stripAnsi, stripSerializedAnsi };
+function ToolCallOutput({ text, error, maxLength, "data-testid": testId }) {
+  const preview = maxLength !== void 0 && text.length > maxLength ? `${text.slice(0, maxLength)}…` : text;
+  return /* @__PURE__ */ jsx(ToolCallMono, { copyText: text, "data-testid": testId, className: error ? "text-error/90" : "text-icon3", children: preview });
+}
+
+const clock = new Intl.DateTimeFormat(void 0, { hour: "numeric", minute: "2-digit", second: "2-digit" });
+const calendar = new Intl.DateTimeFormat(void 0, { dateStyle: "full", timeStyle: "medium" });
+function ToolCallTime({ at }) {
+  if (at === void 0) return null;
+  const time = new Date(at);
+  if (Number.isNaN(time.getTime())) return null;
+  return /* @__PURE__ */ jsx(
+    "time",
+    {
+      className: "text-ui-xs text-icon3 shrink-0 tabular-nums",
+      dateTime: time.toISOString(),
+      title: calendar.format(time),
+      children: clock.format(time)
+    }
+  );
+}
+
+export { ToolCall, ToolCallArguments, ToolCallContent, ToolCallDetail, ToolCallDisclosure, ToolCallEdit, ToolCallGroup, ToolCallHeader, ToolCallIcon, ToolCallLabel, ToolCallMono, ToolCallOutput, ToolCallSpacer, ToolCallSummary, ToolCallTime, ToolCallTrailing, ToolCallTrigger, presentTool, stringifyToolValue, stripAnsi, stripSerializedAnsi, toolEdit };
 //# sourceMappingURL=tool-call.es.js.map

package/dist/components/ai/tool-call.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-call.es.js","sources":["../../../src/ds/components/ai/tool-call/ansi.ts","../../../src/ds/components/ai/tool-call/tool-call-edit.tsx","../../../src/ds/components/ai/tool-call/tool-call-group.tsx"],"sourcesContent":["// Sandbox commands run in a PTY, so CLIs emit color escapes even under NO_COLOR.\n// eslint-disable-next-line no-control-regex\nconst ANSI_RE =\n  /[\\u001b\\u009b][[\\]()#;?]*(?:(?:[a-zA-Z\\d]*(?:;[-a-zA-Z\\d/#&.:=?%@~_]*)*)?\\u0007|(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~])/g;\n\n// The same sequences once JSON.stringify escaped the bytes; an even backslash run before the `u` is source text spelling the escape, kept.\nconst ESCAPED_ANSI_RE = /(?<!\\\\)((?:\\\\\\\\)*)\\\\u001[bB](?:\\[[0-9;?<=>]*[a-zA-Z]|\\][\\s\\S]*?(?:\\\\u0007|\\\\u001[bB]\\\\\\\\))/g;\n\nexport function stripAnsi(text: string): string {\n  return text.replace(ANSI_RE, '');\n}\n\nexport function stripSerializedAnsi(text: string): string {\n  return stripAnsi(text).replace(ESCAPED_ANSI_RE, '$1');\n}\n","import type { ToolEdit } from './tool-presentation';\nimport { tokenStyle, useHighlight } from '@/ds/components/Code';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { languageForPath } from '@/ds/components/CodeEditor/highlight';\nimport { truncateString } from '@/lib/truncate-string';\nimport { cn } from '@/lib/utils';\n\nconst DIFF_MAX_LINES = 200;\nconst WRITTEN_FILE_MAX_CHARS = 2000;\n\nconst DIFF_SIDES = {\n  removed: { sign: '-', row: 'bg-error/10', gutter: 'text-error' },\n  added: { sign: '+', row: 'bg-accent1/10', gutter: 'text-accent1' },\n} as const;\n\nfunction boundedLines(text: string): { lines: string[]; hidden: number } {\n  const lines = text.split('\\n');\n  return { lines: lines.slice(0, DIFF_MAX_LINES), hidden: Math.max(0, lines.length - DIFF_MAX_LINES) };\n}\n\nfunction DiffSide({ lines, side, lang }: { lines: string[]; side: keyof typeof DIFF_SIDES; lang: string | undefined }) {\n  const { sign, row, gutter } = DIFF_SIDES[side];\n  const code = lines.join('\\n');\n  const highlighted = useHighlight(code, lang);\n  const tokens = highlighted?.code === code ? highlighted.tokens : undefined;\n\n  return (\n    <>\n      {lines.map((line, index) => (\n        <div key={index} className={cn('flex whitespace-pre', row)}>\n          <span className={cn('w-5 shrink-0 text-center opacity-70 select-none', gutter)}>{sign}</span>\n          <span className=\"text-icon6 flex-1 pr-2.5\">\n            {tokens?.[index]?.map((token, tokenIndex) => (\n              <span key={tokenIndex} className=\"shiki-token\" style={tokenStyle(token)}>\n                {token.content}\n              </span>\n            )) ?? line}\n          </span>\n        </div>\n      ))}\n    </>\n  );\n}\n\nexport function ToolCallEdit({ edit }: { edit: ToolEdit }) {\n  const lang = languageForPath(edit.path);\n\n  if ('content' in edit) {\n    return (\n      <CodeBlock\n        code={truncateString(edit.content, WRITTEN_FILE_MAX_CHARS)}\n        lang={lang}\n        fileName={edit.path ?? 'Change'}\n        overflow=\"scroll\"\n      />\n    );\n  }\n\n  const removed = boundedLines(edit.oldText);\n  const added = boundedLines(edit.newText);\n  const hidden = removed.hidden + added.hidden;\n\n  return (\n    <div\n      className=\"border-border1 bg-neutral6/5 text-ui-sm max-w-full min-w-0 overflow-x-auto rounded-md border font-mono\"\n      role=\"group\"\n      aria-label=\"File change\"\n    >\n      <DiffSide lines={removed.lines} side=\"removed\" lang={lang} />\n      <DiffSide lines={added.lines} side=\"added\" lang={lang} />\n      {hidden > 0 && <div className=\"text-icon3 px-2.5 py-1 select-none\">… {hidden} more lines</div>}\n    </div>\n  );\n}\n","import { FoldVertical, X } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport {\n  ToolCall,\n  ToolCallContent,\n  ToolCallDetail,\n  ToolCallDisclosure,\n  ToolCallHeader,\n  ToolCallIcon,\n  ToolCallLabel,\n  ToolCallSpacer,\n  ToolCallSummary,\n  ToolCallTrailing,\n  ToolCallTrigger,\n} from './tool-call';\nimport type { ToolCallStatus } from './tool-call';\nimport { presentTool } from './tool-presentation';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface ToolCallGroupStep {\n  toolName: string;\n  args: unknown;\n  status: ToolCallStatus;\n  /** A successful tool result was recorded. Supply for every step to enable outcome counts; omit to keep legacy summaries. */\n  hasResult?: boolean;\n}\n\nexport interface ToolCallGroupProps {\n  steps: ToolCallGroupStep[];\n  /** Rendered ahead of the icon, e.g. the time the first step began. */\n  leading?: ReactNode;\n  children: ReactNode;\n}\n\nconst MAX_KIND_GLYPHS = 4;\n\nexport function ToolCallGroup({ steps, leading, children }: ToolCallGroupProps) {\n  const running = steps.find(step => step.status === 'running');\n  const liveDetail = running && presentTool(running.toolName, running.args).detail;\n\n  return (\n    <ToolCall status={running ? 'running' : 'idle'} aria-label={`Tool group: ${steps.length} steps`}>\n      <ToolCallTrigger>\n        <ToolCallHeader>\n          {leading}\n          <ToolCallIcon>\n            <FoldVertical size={14} strokeWidth={1.75} aria-hidden className=\"text-icon2\" />\n          </ToolCallIcon>\n          <ToolCallLabel>{steps.length} steps</ToolCallLabel>\n          {liveDetail && <ToolCallDetail>{liveDetail}</ToolCallDetail>}\n          <GroupKinds steps={steps} />\n          <ToolCallSpacer rule />\n          <ToolCallTrailing>\n            <GroupProgress steps={steps} />\n          </ToolCallTrailing>\n          <ToolCallDisclosure />\n        </ToolCallHeader>\n      </ToolCallTrigger>\n      <ToolCallContent className=\"py-0.5 pr-0 pl-2.5\">\n        <ScrollArea maxHeight=\"18rem\" autoScroll={Boolean(running)} revealScrollbarOnHover={false}>\n          {children}\n        </ScrollArea>\n      </ToolCallContent>\n    </ToolCall>\n  );\n}\n\nfunction GroupProgress({ steps }: { steps: ToolCallGroupStep[] }) {\n  const done = steps.filter(step => step.status !== 'running').length;\n  if (done < steps.length) {\n    return (\n      <Txt as=\"span\" variant=\"ui-xs\" className=\"text-icon3 shrink-0 tabular-nums\">\n        {done}/{steps.length}\n      </Txt>\n    );\n  }\n  const failed = steps.filter(step => step.status === 'error').length;\n  const errorIndicator =\n    failed > 0 ? <X size={13} role=\"img\" aria-label=\"Failed\" className=\"text-error shrink-0\" /> : null;\n  // Older consumers only supply visual status, which cannot distinguish completed from interrupted calls.\n  if (steps.some(step => step.hasResult === undefined)) return errorIndicator;\n\n  const succeeded = steps.filter(step => step.status === 'idle' && step.hasResult).length;\n  const incomplete = steps.length - succeeded - failed;\n  const summary = [\n    succeeded > 0 && `${succeeded} OK`,\n    failed > 0 && `${failed} failed`,\n    incomplete > 0 && `${incomplete} incomplete`,\n  ]\n    .filter(Boolean)\n    .join(' · ');\n\n  return (\n    <>\n      {errorIndicator}\n      <Txt as=\"span\" variant=\"ui-xs\" className=\"text-icon3 shrink-0 tabular-nums\">\n        {summary}\n      </Txt>\n    </>\n  );\n}\n\nfunction GroupKinds({ steps }: { steps: ToolCallGroupStep[] }) {\n  const iconByLabel = new Map(\n    steps.map(step => presentTool(step.toolName, step.args)).map(({ label, icon }) => [label, icon]),\n  );\n  const kinds = [...iconByLabel].slice(0, MAX_KIND_GLYPHS);\n\n  return (\n    <ToolCallSummary role=\"img\" aria-label={kinds.map(([label]) => label).join(', ')} className=\"shrink-0 gap-1.5\">\n      {kinds.map(([label, Kind]) => (\n        <Kind key={label} size={12} strokeWidth={1.75} className=\"text-icon2\" />\n      ))}\n    </ToolCallSummary>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tool-call.es.js","sources":["../../../src/ds/components/ai/tool-call/ansi.ts","../../../src/ds/components/ai/tool-call/tool-call-edit.tsx","../../../src/ds/components/ai/tool-call/tool-call-arguments.tsx","../../../src/ds/components/ai/tool-call/tool-call-group.tsx","../../../src/ds/components/ai/tool-call/tool-call-output.tsx","../../../src/ds/components/ai/tool-call/tool-call-time.tsx"],"sourcesContent":["// Sandbox commands run in a PTY, so CLIs emit color escapes even under NO_COLOR.\n// eslint-disable-next-line no-control-regex\nconst ANSI_RE =\n  /[\\u001b\\u009b][[\\]()#;?]*(?:(?:[a-zA-Z\\d]*(?:;[-a-zA-Z\\d/#&.:=?%@~_]*)*)?\\u0007|(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~])/g;\n\n// The same sequences once JSON.stringify escaped the bytes; an even backslash run before the `u` is source text spelling the escape, kept.\nconst ESCAPED_ANSI_RE = /(?<!\\\\)((?:\\\\\\\\)*)\\\\u001[bB](?:\\[[0-9;?<=>]*[a-zA-Z]|\\][\\s\\S]*?(?:\\\\u0007|\\\\u001[bB]\\\\\\\\))/g;\n\nexport function stripAnsi(text: string): string {\n  return text.replace(ANSI_RE, '');\n}\n\nexport function stripSerializedAnsi(text: string): string {\n  return stripAnsi(text).replace(ESCAPED_ANSI_RE, '$1');\n}\n","import type { ToolEdit } from './tool-presentation';\nimport { tokenStyle, useHighlight } from '@/ds/components/Code';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { languageForPath } from '@/ds/components/CodeEditor/highlight';\nimport { truncateString } from '@/lib/truncate-string';\nimport { cn } from '@/lib/utils';\n\nconst DIFF_MAX_LINES = 200;\nconst WRITTEN_FILE_MAX_CHARS = 2000;\n\nconst DIFF_SIDES = {\n  removed: { sign: '-', row: 'bg-error/10', gutter: 'text-error' },\n  added: { sign: '+', row: 'bg-accent1/10', gutter: 'text-accent1' },\n} as const;\n\nfunction boundedLines(text: string): { lines: string[]; hidden: number } {\n  const lines = text.split('\\n');\n  return { lines: lines.slice(0, DIFF_MAX_LINES), hidden: Math.max(0, lines.length - DIFF_MAX_LINES) };\n}\n\nfunction DiffSide({ lines, side, lang }: { lines: string[]; side: keyof typeof DIFF_SIDES; lang: string | undefined }) {\n  const { sign, row, gutter } = DIFF_SIDES[side];\n  const code = lines.join('\\n');\n  const highlighted = useHighlight(code, lang);\n  const tokens = highlighted?.code === code ? highlighted.tokens : undefined;\n\n  return (\n    <>\n      {lines.map((line, index) => (\n        <div key={index} className={cn('flex whitespace-pre', row)}>\n          <span className={cn('w-5 shrink-0 text-center opacity-70 select-none', gutter)}>{sign}</span>\n          <span className=\"text-icon6 flex-1 pr-2.5\">\n            {tokens?.[index]?.map((token, tokenIndex) => (\n              <span key={tokenIndex} className=\"shiki-token\" style={tokenStyle(token)}>\n                {token.content}\n              </span>\n            )) ?? line}\n          </span>\n        </div>\n      ))}\n    </>\n  );\n}\n\nexport function ToolCallEdit({ edit }: { edit: ToolEdit }) {\n  const lang = languageForPath(edit.path);\n\n  if ('content' in edit) {\n    return (\n      <CodeBlock\n        code={truncateString(edit.content, WRITTEN_FILE_MAX_CHARS)}\n        lang={lang}\n        fileName={edit.path ?? 'Change'}\n        overflow=\"scroll\"\n      />\n    );\n  }\n\n  const removed = boundedLines(edit.oldText);\n  const added = boundedLines(edit.newText);\n  const hidden = removed.hidden + added.hidden;\n\n  return (\n    <div\n      className=\"border-border1 bg-neutral6/5 text-ui-sm max-w-full min-w-0 overflow-x-auto rounded-md border font-mono\"\n      role=\"group\"\n      aria-label=\"File change\"\n    >\n      <DiffSide lines={removed.lines} side=\"removed\" lang={lang} />\n      <DiffSide lines={added.lines} side=\"added\" lang={lang} />\n      {hidden > 0 && <div className=\"text-icon3 px-2.5 py-1 select-none\">… {hidden} more lines</div>}\n    </div>\n  );\n}\n","import { ToolCallMono } from './tool-call';\nimport { ToolCallEdit } from './tool-call-edit';\nimport { stringifyToolValue, toolEdit } from './tool-presentation';\n\nexport interface ToolCallArgumentsProps {\n  toolName: string;\n  args: unknown;\n  argsText?: string;\n  hideArguments?: boolean;\n  'data-testid'?: string;\n}\n\nexport function ToolCallArguments({\n  toolName,\n  args,\n  argsText,\n  hideArguments,\n  'data-testid': testId,\n}: ToolCallArgumentsProps) {\n  const edit = toolEdit(toolName, args);\n  if (edit) return <ToolCallEdit edit={edit} />;\n  if (hideArguments) return null;\n\n  const text = args === undefined ? argsText : stringifyToolValue(args);\n  if (!text) return null;\n\n  return (\n    <ToolCallMono copyText={text} data-testid={testId} className=\"text-icon5\">\n      {text}\n    </ToolCallMono>\n  );\n}\n","import { FoldVertical, X } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport {\n  ToolCall,\n  ToolCallContent,\n  ToolCallDetail,\n  ToolCallDisclosure,\n  ToolCallHeader,\n  ToolCallIcon,\n  ToolCallLabel,\n  ToolCallSpacer,\n  ToolCallSummary,\n  ToolCallTrailing,\n  ToolCallTrigger,\n} from './tool-call';\nimport type { ToolCallStatus } from './tool-call';\nimport { presentTool } from './tool-presentation';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface ToolCallGroupStep {\n  toolName: string;\n  args: unknown;\n  status: ToolCallStatus;\n  /** A successful tool result was recorded. Supply for every step to enable outcome counts; omit to keep legacy summaries. */\n  hasResult?: boolean;\n}\n\nexport interface ToolCallGroupProps {\n  steps: ToolCallGroupStep[];\n  /** Rendered ahead of the icon, e.g. the time the first step began. */\n  leading?: ReactNode;\n  children: ReactNode;\n}\n\nconst MAX_KIND_GLYPHS = 4;\n\nexport function ToolCallGroup({ steps, leading, children }: ToolCallGroupProps) {\n  const running = steps.find(step => step.status === 'running');\n  const liveDetail = running && presentTool(running.toolName, running.args).detail;\n\n  return (\n    <ToolCall status={running ? 'running' : 'idle'} aria-label={`Tool group: ${steps.length} steps`}>\n      <ToolCallTrigger>\n        <ToolCallHeader>\n          {leading}\n          <ToolCallIcon>\n            <FoldVertical size={14} strokeWidth={1.75} aria-hidden className=\"text-icon2\" />\n          </ToolCallIcon>\n          <ToolCallLabel>{steps.length} steps</ToolCallLabel>\n          {liveDetail && <ToolCallDetail>{liveDetail}</ToolCallDetail>}\n          <GroupKinds steps={steps} />\n          <ToolCallSpacer rule />\n          <ToolCallTrailing>\n            <GroupProgress steps={steps} />\n          </ToolCallTrailing>\n          <ToolCallDisclosure />\n        </ToolCallHeader>\n      </ToolCallTrigger>\n      <ToolCallContent className=\"py-0.5 pr-0 pl-2.5\">\n        <ScrollArea maxHeight=\"18rem\" autoScroll={Boolean(running)} revealScrollbarOnHover={false}>\n          {children}\n        </ScrollArea>\n      </ToolCallContent>\n    </ToolCall>\n  );\n}\n\nfunction GroupProgress({ steps }: { steps: ToolCallGroupStep[] }) {\n  const done = steps.filter(step => step.status !== 'running').length;\n  if (done < steps.length) {\n    return (\n      <Txt as=\"span\" variant=\"ui-xs\" className=\"text-icon3 shrink-0 tabular-nums\">\n        {done}/{steps.length}\n      </Txt>\n    );\n  }\n  const failed = steps.filter(step => step.status === 'error').length;\n  const errorIndicator =\n    failed > 0 ? <X size={13} role=\"img\" aria-label=\"Failed\" className=\"text-error shrink-0\" /> : null;\n  // Older consumers only supply visual status, which cannot distinguish completed from interrupted calls.\n  if (steps.some(step => step.hasResult === undefined)) return errorIndicator;\n\n  const succeeded = steps.filter(step => step.status === 'idle' && step.hasResult).length;\n  const incomplete = steps.length - succeeded - failed;\n  const summary = [\n    succeeded > 0 && `${succeeded} OK`,\n    failed > 0 && `${failed} failed`,\n    incomplete > 0 && `${incomplete} incomplete`,\n  ]\n    .filter(Boolean)\n    .join(' · ');\n\n  return (\n    <>\n      {errorIndicator}\n      <Txt as=\"span\" variant=\"ui-xs\" className=\"text-icon3 shrink-0 tabular-nums\">\n        {summary}\n      </Txt>\n    </>\n  );\n}\n\nfunction GroupKinds({ steps }: { steps: ToolCallGroupStep[] }) {\n  const iconByLabel = new Map(\n    steps.map(step => presentTool(step.toolName, step.args)).map(({ label, icon }) => [label, icon]),\n  );\n  const kinds = [...iconByLabel].slice(0, MAX_KIND_GLYPHS);\n\n  return (\n    <ToolCallSummary role=\"img\" aria-label={kinds.map(([label]) => label).join(', ')} className=\"shrink-0 gap-1.5\">\n      {kinds.map(([label, Kind]) => (\n        <Kind key={label} size={12} strokeWidth={1.75} className=\"text-icon2\" />\n      ))}\n    </ToolCallSummary>\n  );\n}\n","import { ToolCallMono } from './tool-call';\n\nexport interface ToolCallOutputProps {\n  text: string;\n  error?: boolean;\n  maxLength?: number;\n  'data-testid'?: string;\n}\n\nexport function ToolCallOutput({ text, error, maxLength, 'data-testid': testId }: ToolCallOutputProps) {\n  const preview = maxLength !== undefined && text.length > maxLength ? `${text.slice(0, maxLength)}…` : text;\n\n  return (\n    <ToolCallMono copyText={text} data-testid={testId} className={error ? 'text-error/90' : 'text-icon3'}>\n      {preview}\n    </ToolCallMono>\n  );\n}\n","const clock = new Intl.DateTimeFormat(undefined, { hour: 'numeric', minute: '2-digit', second: '2-digit' });\nconst calendar = new Intl.DateTimeFormat(undefined, { dateStyle: 'full', timeStyle: 'medium' });\n\nexport function ToolCallTime({ at }: { at?: number }) {\n  if (at === undefined) return null;\n  const time = new Date(at);\n  if (Number.isNaN(time.getTime())) return null;\n\n  return (\n    <time\n      className=\"text-ui-xs text-icon3 shrink-0 tabular-nums\"\n      dateTime={time.toISOString()}\n      title={calendar.format(time)}\n    >\n      {clock.format(time)}\n    </time>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,MAAM,OAAA,GACJ,oIAAA;AAGF,MAAM,eAAA,GAAkB,6FAAA;AAEjB,SAAS,UAAU,IAAA,EAAsB;AAC9C,EAAA,OAAO,IAAA,CAAK,OAAA,CAAQ,OAAA,EAAS,EAAE,CAAA;AACjC;AAEO,SAAS,oBAAoB,IAAA,EAAsB;AACxD,EAAA,OAAO,SAAA,CAAU,IAAI,CAAA,CAAE,OAAA,CAAQ,iBAAiB,IAAI,CAAA;AACtD;;ACPA,MAAM,cAAA,GAAiB,GAAA;AACvB,MAAM,sBAAA,GAAyB,GAAA;AAE/B,MAAM,UAAA,GAAa;AAAA,EACjB,SAAS,EAAE,IAAA,EAAM,KAAK,GAAA,EAAK,aAAA,EAAe,QAAQ,YAAA,EAAa;AAAA,EAC/D,OAAO,EAAE,IAAA,EAAM,KAAK,GAAA,EAAK,eAAA,EAAiB,QAAQ,cAAA;AACpD,CAAA;AAEA,SAAS,aAAa,IAAA,EAAmD;AACvE,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,IAAI,CAAA;AAC7B,EAAA,OAAO,EAAE,KAAA,EAAO,KAAA,CAAM,KAAA,CAAM,GAAG,cAAc,CAAA,EAAG,MAAA,EAAQ,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,KAAA,CAAM,MAAA,GAAS,cAAc,CAAA,EAAE;AACrG;AAEA,SAAS,QAAA,CAAS,EAAE,KAAA,EAAO,IAAA,EAAM,MAAK,EAAiF;AACrH,EAAA,MAAM,EAAE,IAAA,EAAM,GAAA,EAAK,MAAA,EAAO,GAAI,WAAW,IAAI,CAAA;AAC7C,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA;AAC5B,EAAA,MAAM,WAAA,GAAc,YAAA,CAAa,IAAA,EAAM,IAAI,CAAA;AAC3C,EAAA,MAAM,MAAA,GAAS,WAAA,EAAa,IAAA,KAAS,IAAA,GAAO,YAAY,MAAA,GAAS,MAAA;AAEjE,EAAA,uBACE,GAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,qBAChB,IAAA,CAAC,KAAA,EAAA,EAAgB,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,GAAG,CAAA,EACvD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,iDAAA,EAAmD,MAAM,GAAI,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,oBACtF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0BAAA,EACb,QAAA,EAAA,MAAA,GAAS,KAAK,CAAA,EAAG,GAAA,CAAI,CAAC,KAAA,EAAO,UAAA,qBAC5B,GAAA,CAAC,UAAsB,SAAA,EAAU,aAAA,EAAc,KAAA,EAAO,UAAA,CAAW,KAAK,CAAA,EACnE,gBAAM,OAAA,EAAA,EADE,UAEX,CACD,CAAA,IAAK,IAAA,EACR;AAAA,GAAA,EAAA,EARQ,KASV,CACD,CAAA,EACH,CAAA;AAEJ;AAEO,SAAS,YAAA,CAAa,EAAE,IAAA,EAAK,EAAuB;AACzD,EAAA,MAAM,IAAA,GAAO,eAAA,CAAgB,IAAA,CAAK,IAAI,CAAA;AAEtC,EAAA,IAAI,aAAa,IAAA,EAAM;AACrB,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,cAAA,CAAe,IAAA,CAAK,OAAA,EAAS,sBAAsB,CAAA;AAAA,QACzD,IAAA;AAAA,QACA,QAAA,EAAU,KAAK,IAAA,IAAQ,QAAA;AAAA,QACvB,QAAA,EAAS;AAAA;AAAA,KACX;AAAA,EAEJ;AAEA,EAAA,MAAM,OAAA,GAAU,YAAA,CAAa,IAAA,CAAK,OAAO,CAAA;AACzC,EAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,IAAA,CAAK,OAAO,CAAA;AACvC,EAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,MAAA,GAAS,KAAA,CAAM,MAAA;AAEtC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,wGAAA;AAAA,MACV,IAAA,EAAK,OAAA;AAAA,MACL,YAAA,EAAW,aAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAS,KAAA,EAAO,OAAA,CAAQ,KAAA,EAAO,IAAA,EAAK,WAAU,IAAA,EAAY,CAAA;AAAA,4BAC1D,QAAA,EAAA,EAAS,KAAA,EAAO,MAAM,KAAA,EAAO,IAAA,EAAK,SAAQ,IAAA,EAAY,CAAA;AAAA,QACtD,MAAA,GAAS,CAAA,oBAAK,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EAAqC,QAAA,EAAA;AAAA,UAAA,IAAA;AAAA,UAAG,MAAA;AAAA,UAAO;AAAA,SAAA,EAAW;AAAA;AAAA;AAAA,GAC1F;AAEJ;;AC7DO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA,EAAe;AACjB,CAAA,EAA2B;AACzB,EAAA,MAAM,IAAA,GAAO,QAAA,CAAS,QAAA,EAAU,IAAI,CAAA;AACpC,EAAA,IAAI,IAAA,EAAM,uBAAO,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAY,CAAA;AAC3C,EAAA,IAAI,eAAe,OAAO,IAAA;AAE1B,EAAA,MAAM,IAAA,GAAO,IAAA,KAAS,MAAA,GAAY,QAAA,GAAW,mBAAmB,IAAI,CAAA;AACpE,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,uBACE,GAAA,CAAC,gBAAa,QAAA,EAAU,IAAA,EAAM,eAAa,MAAA,EAAQ,SAAA,EAAU,cAC1D,QAAA,EAAA,IAAA,EACH,CAAA;AAEJ;;ACIA,MAAM,eAAA,GAAkB,CAAA;AAEjB,SAAS,aAAA,CAAc,EAAE,KAAA,EAAO,OAAA,EAAS,UAAS,EAAuB;AAC9E,EAAA,MAAM,UAAU,KAAA,CAAM,IAAA,CAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,WAAW,SAAS,CAAA;AAC5D,EAAA,MAAM,aAAa,OAAA,IAAW,WAAA,CAAY,QAAQ,QAAA,EAAU,OAAA,CAAQ,IAAI,CAAA,CAAE,MAAA;AAE1E,EAAA,uBACE,IAAA,CAAC,QAAA,EAAA,EAAS,MAAA,EAAQ,OAAA,GAAU,SAAA,GAAY,QAAQ,YAAA,EAAY,CAAA,YAAA,EAAe,KAAA,CAAM,MAAM,CAAA,MAAA,CAAA,EACrF,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eAAA,EAAA,EACC,+BAAC,cAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,OAAA;AAAA,sBACD,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAM,EAAA,EAAI,WAAA,EAAa,IAAA,EAAM,aAAA,EAAW,IAAA,EAAC,SAAA,EAAU,YAAA,EAAa,CAAA,EAChF,CAAA;AAAA,2BACC,aAAA,EAAA,EAAe,QAAA,EAAA;AAAA,QAAA,KAAA,CAAM,MAAA;AAAA,QAAO;AAAA,OAAA,EAAM,CAAA;AAAA,MAClC,UAAA,oBAAc,GAAA,CAAC,cAAA,EAAA,EAAgB,QAAA,EAAA,UAAA,EAAW,CAAA;AAAA,sBAC3C,GAAA,CAAC,cAAW,KAAA,EAAc,CAAA;AAAA,sBAC1B,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAI,IAAA,EAAC,CAAA;AAAA,sBACrB,GAAA,CAAC,gBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,OAAc,CAAA,EAC/B,CAAA;AAAA,0BACC,kBAAA,EAAA,EAAmB;AAAA,KAAA,EACtB,CAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,eAAA,EAAA,EAAgB,SAAA,EAAU,oBAAA,EACzB,8BAAC,UAAA,EAAA,EAAW,SAAA,EAAU,OAAA,EAAQ,UAAA,EAAY,QAAQ,OAAO,CAAA,EAAG,sBAAA,EAAwB,KAAA,EACjF,UACH,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,aAAA,CAAc,EAAE,KAAA,EAAM,EAAmC;AAChE,EAAA,MAAM,OAAO,KAAA,CAAM,MAAA,CAAO,UAAQ,IAAA,CAAK,MAAA,KAAW,SAAS,CAAA,CAAE,MAAA;AAC7D,EAAA,IAAI,IAAA,GAAO,MAAM,MAAA,EAAQ;AACvB,IAAA,4BACG,GAAA,EAAA,EAAI,EAAA,EAAG,QAAO,OAAA,EAAQ,OAAA,EAAQ,WAAU,kCAAA,EACtC,QAAA,EAAA;AAAA,MAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAE,KAAA,CAAM;AAAA,KAAA,EAChB,CAAA;AAAA,EAEJ;AACA,EAAA,MAAM,SAAS,KAAA,CAAM,MAAA,CAAO,UAAQ,IAAA,CAAK,MAAA,KAAW,OAAO,CAAA,CAAE,MAAA;AAC7D,EAAA,MAAM,cAAA,GACJ,MAAA,GAAS,CAAA,mBAAI,GAAA,CAAC,CAAA,EAAA,EAAE,IAAA,EAAM,EAAA,EAAI,IAAA,EAAK,KAAA,EAAM,YAAA,EAAW,QAAA,EAAS,SAAA,EAAU,uBAAsB,CAAA,GAAK,IAAA;AAEhG,EAAA,IAAI,MAAM,IAAA,CAAK,CAAA,IAAA,KAAQ,KAAK,SAAA,KAAc,MAAS,GAAG,OAAO,cAAA;AAE7D,EAAA,MAAM,SAAA,GAAY,MAAM,MAAA,CAAO,CAAA,IAAA,KAAQ,KAAK,MAAA,KAAW,MAAA,IAAU,IAAA,CAAK,SAAS,CAAA,CAAE,MAAA;AACjF,EAAA,MAAM,UAAA,GAAa,KAAA,CAAM,MAAA,GAAS,SAAA,GAAY,MAAA;AAC9C,EAAA,MAAM,OAAA,GAAU;AAAA,IACd,SAAA,GAAY,CAAA,IAAK,CAAA,EAAG,SAAS,CAAA,GAAA,CAAA;AAAA,IAC7B,MAAA,GAAS,CAAA,IAAK,CAAA,EAAG,MAAM,CAAA,OAAA,CAAA;AAAA,IACvB,UAAA,GAAa,CAAA,IAAK,CAAA,EAAG,UAAU,CAAA,WAAA;AAAA,GACjC,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,KAAK,CAAA;AAEb,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,cAAA;AAAA,oBACD,GAAA,CAAC,OAAI,EAAA,EAAG,MAAA,EAAO,SAAQ,OAAA,EAAQ,SAAA,EAAU,oCACtC,QAAA,EAAA,OAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,UAAA,CAAW,EAAE,KAAA,EAAM,EAAmC;AAC7D,EAAA,MAAM,cAAc,IAAI,GAAA;AAAA,IACtB,MAAM,GAAA,CAAI,CAAA,IAAA,KAAQ,YAAY,IAAA,CAAK,QAAA,EAAU,KAAK,IAAI,CAAC,EAAE,GAAA,CAAI,CAAC,EAAE,KAAA,EAAO,IAAA,OAAW,CAAC,KAAA,EAAO,IAAI,CAAC;AAAA,GACjG;AACA,EAAA,MAAM,QAAQ,CAAC,GAAG,WAAW,CAAA,CAAE,KAAA,CAAM,GAAG,eAAe,CAAA;AAEvD,EAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAK,KAAA,EAAM,cAAY,KAAA,CAAM,GAAA,CAAI,CAAC,CAAC,KAAK,CAAA,KAAM,KAAK,CAAA,CAAE,IAAA,CAAK,IAAI,CAAA,EAAG,SAAA,EAAU,kBAAA,EACzF,QAAA,EAAA,KAAA,CAAM,IAAI,CAAC,CAAC,KAAA,EAAO,IAAI,sBACtB,GAAA,CAAC,IAAA,EAAA,EAAiB,IAAA,EAAM,EAAA,EAAI,aAAa,IAAA,EAAM,SAAA,EAAU,YAAA,EAAA,EAA9C,KAA2D,CACvE,CAAA,EACH,CAAA;AAEJ;;AC3GO,SAAS,eAAe,EAAE,IAAA,EAAM,OAAO,SAAA,EAAW,aAAA,EAAe,QAAO,EAAwB;AACrG,EAAA,MAAM,OAAA,GAAU,SAAA,KAAc,MAAA,IAAa,IAAA,CAAK,MAAA,GAAS,SAAA,GAAY,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,SAAS,CAAC,CAAA,CAAA,CAAA,GAAM,IAAA;AAEtG,EAAA,uBACE,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAU,IAAA,EAAM,aAAA,EAAa,QAAQ,SAAA,EAAW,KAAA,GAAQ,eAAA,GAAkB,YAAA,EACrF,QAAA,EAAA,OAAA,EACH,CAAA;AAEJ;;ACjBA,MAAM,KAAA,GAAQ,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW,EAAE,IAAA,EAAM,SAAA,EAAW,MAAA,EAAQ,SAAA,EAAW,MAAA,EAAQ,SAAA,EAAW,CAAA;AAC1G,MAAM,QAAA,GAAW,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW,EAAE,SAAA,EAAW,MAAA,EAAQ,SAAA,EAAW,QAAA,EAAU,CAAA;AAEvF,SAAS,YAAA,CAAa,EAAE,EAAA,EAAG,EAAoB;AACpD,EAAA,IAAI,EAAA,KAAO,QAAW,OAAO,IAAA;AAC7B,EAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,EAAE,CAAA;AACxB,EAAA,IAAI,OAAO,KAAA,CAAM,IAAA,CAAK,OAAA,EAAS,GAAG,OAAO,IAAA;AAEzC,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,6CAAA;AAAA,MACV,QAAA,EAAU,KAAK,WAAA,EAAY;AAAA,MAC3B,KAAA,EAAO,QAAA,CAAS,MAAA,CAAO,IAAI,CAAA;AAAA,MAE1B,QAAA,EAAA,KAAA,CAAM,OAAO,IAAI;AAAA;AAAA,GACpB;AAEJ;;;;"}

package/dist/components/fluid-hover-highlight.cjs.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const framerMotion = require('framer-motion');
+const lib_springs = require('../lib/springs.cjs.js');
+const utils_cn = require('../cn-BuHW7Wrt.cjs');
+
+const fade = { duration: 0.08 };
+const snap = { duration: 0 };
+function toTarget(rect) {
+  return { x: rect.left, y: rect.top, width: rect.width, height: rect.height };
+}
+function resolveHighlightTransition(transition, reduceMotion) {
+  const positional = transition === false || reduceMotion ? snap : transition ?? lib_springs.spring.fast;
+  return { ...positional, opacity: fade };
+}
+function resolveHighlightSource(props) {
+  if (props.hover) {
+    const { activeIndex, itemRects, isMeasured, sessionRef } = props.hover;
+    const rect = !props.hidden && isMeasured && activeIndex !== null ? itemRects[activeIndex] ?? null : null;
+    return { rect, session: sessionRef.current };
+  }
+  return { rect: props.rect, session: props.session };
+}
+function FluidHoverHighlight(props) {
+  const { from, className, transition } = props;
+  const { rect, session } = resolveHighlightSource(props);
+  const reduceMotion = framerMotion.useReducedMotion() ?? false;
+  return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: rect && /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.div,
+    {
+      "data-slot": "fluid-hover-highlight",
+      className: utils_cn.cn("bg-hover pointer-events-none absolute top-0 left-0", className),
+      initial: { opacity: 0, ...toTarget(from ?? rect) },
+      animate: { opacity: 1, ...toTarget(rect) },
+      exit: { opacity: 0, transition: lib_springs.spring.fast.exit },
+      transition: resolveHighlightTransition(transition, reduceMotion)
+    },
+    session
+  ) });
+}
+
+exports.FluidHoverHighlight = FluidHoverHighlight;
+exports.resolveHighlightSource = resolveHighlightSource;
+exports.resolveHighlightTransition = resolveHighlightTransition;
+exports.toTarget = toTarget;
+//# sourceMappingURL=fluid-hover-highlight.cjs.js.map

package/dist/components/fluid-hover-highlight.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid-hover-highlight.cjs.js","sources":["../../src/components/fluid-hover-highlight.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components -- highlight component ships its pure helpers for the unit test */\n'use client';\n\nimport { motion, AnimatePresence, useReducedMotion, type Transition } from 'framer-motion';\nimport type { ItemRect, UseFluidHoverReturn } from '@/hooks/use-fluid-hover';\nimport { spring } from '@/lib/springs';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// The one hover highlight every fluid hover list renders: an absolutely\n// positioned fill that springs between the rects `useFluidHover` measures.\n// Consumers used to hand-roll this motion.div; this is that block, once.\n//\n//   const hover = useFluidHover(ref);\n//   <FluidHoverHighlight hover={hover} className={shape.bg} />\n//\n// It owns no layout opinion beyond `absolute`: radius, z-index, and the\n// offsetParent (the container must be `relative`) are the consumer's.\n// ---------------------------------------------------------------------------\n\n/** What the highlight reads off the hook: the highlighted index, the\n *  measured rects, whether they are current, and the pointer session. */\nexport type FluidHoverSource = Pick<UseFluidHoverReturn, 'activeIndex' | 'itemRects' | 'isMeasured' | 'sessionRef'>;\n\ninterface HighlightFromHook {\n  /** The hook's return value. The highlight sits on\n   *  `itemRects[activeIndex]` once `isMeasured`, and re-keys on the session. */\n  hover: FluidHoverSource;\n  /** Keep the list's state but show nothing (a closed popup, hover switched\n   *  off). Runs the exit fade. */\n  hidden?: boolean;\n  rect?: never;\n  session?: never;\n}\n\ninterface HighlightFromRect {\n  /** For lists that resolve their own rect (the sidebar's unified scope):\n   *  the rect to sit on, in the container's coordinate space. `null` hides\n   *  the highlight (it fades out on `spring.fast.exit`). */\n  rect: ItemRect | null;\n  /** `sessionRef.current` from `useFluidHover`. It increments when the\n   *  cursor enters the container, which re-keys the highlight so it fades in\n   *  at `from ?? rect` instead of sliding over from wherever it was last. */\n  session: number;\n  hover?: never;\n  hidden?: never;\n}\n\nexport type FluidHoverHighlightProps = (HighlightFromHook | HighlightFromRect) & {\n  /** Where a fresh session fades in from. A dropdown passes its checked row,\n   *  a nav menu its active route. Defaults to the rect itself. */\n  from?: ItemRect | null;\n  /** Radius, z-index, anything else. Merged onto\n   *  `absolute bg-hover pointer-events-none`. */\n  className?: string;\n  /** The positional spring. Defaults to `spring.fast`. Pass `false` to snap\n   *  to the new rect with no travel (a layout reflow that moved the rows\n   *  underneath, not a hover change). The opacity fade is always 0.08s. */\n  transition?: Transition | false;\n};\n\nconst fade: Transition = { duration: 0.08 };\nconst snap: Transition = { duration: 0 };\n\n/** A measured rect as animation targets: position as a transform, size as\n *  layout. Exported for the unit test. */\nexport function toTarget(rect: ItemRect) {\n  return { x: rect.left, y: rect.top, width: rect.width, height: rect.height };\n}\n\n/**\n * Resolves the positional transition. Reduced motion keeps the opacity fade\n * and drops the travel, per the motion guidelines: fewer and gentler, not\n * none. Exported for the unit test.\n */\nexport function resolveHighlightTransition(\n  transition: Transition | false | undefined,\n  reduceMotion: boolean,\n): Transition {\n  const positional = transition === false || reduceMotion ? snap : (transition ?? spring.fast);\n  return { ...positional, opacity: fade };\n}\n\n/** The rect and session a set of props resolves to. Exported for the test. */\nexport function resolveHighlightSource(props: FluidHoverHighlightProps): { rect: ItemRect | null; session: number } {\n  if (props.hover) {\n    const { activeIndex, itemRects, isMeasured, sessionRef } = props.hover;\n    const rect = !props.hidden && isMeasured && activeIndex !== null ? (itemRects[activeIndex] ?? null) : null;\n    return { rect, session: sessionRef.current };\n  }\n  return { rect: props.rect, session: props.session };\n}\n\nexport function FluidHoverHighlight(props: FluidHoverHighlightProps) {\n  const { from, className, transition } = props;\n  const { rect, session } = resolveHighlightSource(props);\n  // Reads the OS media query directly, so an installed copy honours reduced\n  // motion without the app wrapping its tree in MotionConfig. A wrapped app\n  // gets the same result twice over: the travel is a transform, which\n  // MotionConfig reduces too.\n  const reduceMotion = useReducedMotion() ?? false;\n  return (\n    <AnimatePresence>\n      {rect && (\n        <motion.div\n          key={session}\n          data-slot=\"fluid-hover-highlight\"\n          // Pinned to the container's padding corner and moved with a\n          // transform, so the travel runs on the compositor instead of\n          // re-laying out every frame. Width and height are real layout\n          // values, but they only change when the target rect's size does,\n          // which in most lists is never.\n          className={cn('bg-hover pointer-events-none absolute top-0 left-0', className)}\n          initial={{ opacity: 0, ...toTarget(from ?? rect) }}\n          animate={{ opacity: 1, ...toTarget(rect) }}\n          exit={{ opacity: 0, transition: spring.fast.exit }}\n          transition={resolveHighlightTransition(transition, reduceMotion)}\n        />\n      )}\n    </AnimatePresence>\n  );\n}\n"],"names":["spring","useReducedMotion","jsx","AnimatePresence","motion","cn"],"mappings":";;;;;;;;;AA6DA,MAAM,IAAA,GAAmB,EAAE,QAAA,EAAU,IAAA,EAAK;AAC1C,MAAM,IAAA,GAAmB,EAAE,QAAA,EAAU,CAAA,EAAE;AAIhC,SAAS,SAAS,IAAA,EAAgB;AACvC,EAAA,OAAO,EAAE,CAAA,EAAG,IAAA,CAAK,IAAA,EAAM,CAAA,EAAG,IAAA,CAAK,GAAA,EAAK,KAAA,EAAO,IAAA,CAAK,KAAA,EAAO,MAAA,EAAQ,IAAA,CAAK,MAAA,EAAO;AAC7E;AAOO,SAAS,0BAAA,CACd,YACA,YAAA,EACY;AACZ,EAAA,MAAM,aAAa,UAAA,KAAe,KAAA,IAAS,YAAA,GAAe,IAAA,GAAQ,cAAcA,kBAAA,CAAO,IAAA;AACvF,EAAA,OAAO,EAAE,GAAG,UAAA,EAAY,OAAA,EAAS,IAAA,EAAK;AACxC;AAGO,SAAS,uBAAuB,KAAA,EAA6E;AAClH,EAAA,IAAI,MAAM,KAAA,EAAO;AACf,IAAA,MAAM,EAAE,WAAA,EAAa,SAAA,EAAW,UAAA,EAAY,UAAA,KAAe,KAAA,CAAM,KAAA;AACjE,IAAA,MAAM,IAAA,GAAO,CAAC,KAAA,CAAM,MAAA,IAAU,UAAA,IAAc,gBAAgB,IAAA,GAAQ,SAAA,CAAU,WAAW,CAAA,IAAK,IAAA,GAAQ,IAAA;AACtG,IAAA,OAAO,EAAE,IAAA,EAAM,OAAA,EAAS,UAAA,CAAW,OAAA,EAAQ;AAAA,EAC7C;AACA,EAAA,OAAO,EAAE,IAAA,EAAM,KAAA,CAAM,IAAA,EAAM,OAAA,EAAS,MAAM,OAAA,EAAQ;AACpD;AAEO,SAAS,oBAAoB,KAAA,EAAiC;AACnE,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAW,UAAA,EAAW,GAAI,KAAA;AACxC,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAQ,GAAI,uBAAuB,KAAK,CAAA;AAKtD,EAAA,MAAM,YAAA,GAAeC,+BAAiB,IAAK,KAAA;AAC3C,EAAA,uBACEC,cAAA,CAACC,gCACE,QAAA,EAAA,IAAA,oBACCD,cAAA;AAAA,IAACE,mBAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MAEC,WAAA,EAAU,uBAAA;AAAA,MAMV,SAAA,EAAWC,WAAA,CAAG,oDAAA,EAAsD,SAAS,CAAA;AAAA,MAC7E,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,QAAA,CAAS,IAAA,IAAQ,IAAI,CAAA,EAAE;AAAA,MACjD,SAAS,EAAE,OAAA,EAAS,GAAG,GAAG,QAAA,CAAS,IAAI,CAAA,EAAE;AAAA,MACzC,MAAM,EAAE,OAAA,EAAS,GAAG,UAAA,EAAYL,kBAAA,CAAO,KAAK,IAAA,EAAK;AAAA,MACjD,UAAA,EAAY,0BAAA,CAA2B,UAAA,EAAY,YAAY;AAAA,KAAA;AAAA,IAX1D;AAAA,GAYP,EAEJ,CAAA;AAEJ;;;;;;;"}

package/dist/components/fluid-hover-highlight.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/components/fluid-hover-highlight'
+export {}

package/dist/components/fluid-hover-highlight.es.js

@@ -0,0 +1,42 @@
+import { jsx } from 'react/jsx-runtime';
+import { useReducedMotion, AnimatePresence, motion } from 'framer-motion';
+import { spring } from '../lib/springs.es.js';
+import { c as cn } from '../cn-C6s2yXwM.js';
+
+const fade = { duration: 0.08 };
+const snap = { duration: 0 };
+function toTarget(rect) {
+  return { x: rect.left, y: rect.top, width: rect.width, height: rect.height };
+}
+function resolveHighlightTransition(transition, reduceMotion) {
+  const positional = transition === false || reduceMotion ? snap : transition ?? spring.fast;
+  return { ...positional, opacity: fade };
+}
+function resolveHighlightSource(props) {
+  if (props.hover) {
+    const { activeIndex, itemRects, isMeasured, sessionRef } = props.hover;
+    const rect = !props.hidden && isMeasured && activeIndex !== null ? itemRects[activeIndex] ?? null : null;
+    return { rect, session: sessionRef.current };
+  }
+  return { rect: props.rect, session: props.session };
+}
+function FluidHoverHighlight(props) {
+  const { from, className, transition } = props;
+  const { rect, session } = resolveHighlightSource(props);
+  const reduceMotion = useReducedMotion() ?? false;
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: rect && /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      "data-slot": "fluid-hover-highlight",
+      className: cn("bg-hover pointer-events-none absolute top-0 left-0", className),
+      initial: { opacity: 0, ...toTarget(from ?? rect) },
+      animate: { opacity: 1, ...toTarget(rect) },
+      exit: { opacity: 0, transition: spring.fast.exit },
+      transition: resolveHighlightTransition(transition, reduceMotion)
+    },
+    session
+  ) });
+}
+
+export { FluidHoverHighlight, resolveHighlightSource, resolveHighlightTransition, toTarget };
+//# sourceMappingURL=fluid-hover-highlight.es.js.map

package/dist/components/fluid-hover-highlight.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid-hover-highlight.es.js","sources":["../../src/components/fluid-hover-highlight.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components -- highlight component ships its pure helpers for the unit test */\n'use client';\n\nimport { motion, AnimatePresence, useReducedMotion, type Transition } from 'framer-motion';\nimport type { ItemRect, UseFluidHoverReturn } from '@/hooks/use-fluid-hover';\nimport { spring } from '@/lib/springs';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// The one hover highlight every fluid hover list renders: an absolutely\n// positioned fill that springs between the rects `useFluidHover` measures.\n// Consumers used to hand-roll this motion.div; this is that block, once.\n//\n//   const hover = useFluidHover(ref);\n//   <FluidHoverHighlight hover={hover} className={shape.bg} />\n//\n// It owns no layout opinion beyond `absolute`: radius, z-index, and the\n// offsetParent (the container must be `relative`) are the consumer's.\n// ---------------------------------------------------------------------------\n\n/** What the highlight reads off the hook: the highlighted index, the\n *  measured rects, whether they are current, and the pointer session. */\nexport type FluidHoverSource = Pick<UseFluidHoverReturn, 'activeIndex' | 'itemRects' | 'isMeasured' | 'sessionRef'>;\n\ninterface HighlightFromHook {\n  /** The hook's return value. The highlight sits on\n   *  `itemRects[activeIndex]` once `isMeasured`, and re-keys on the session. */\n  hover: FluidHoverSource;\n  /** Keep the list's state but show nothing (a closed popup, hover switched\n   *  off). Runs the exit fade. */\n  hidden?: boolean;\n  rect?: never;\n  session?: never;\n}\n\ninterface HighlightFromRect {\n  /** For lists that resolve their own rect (the sidebar's unified scope):\n   *  the rect to sit on, in the container's coordinate space. `null` hides\n   *  the highlight (it fades out on `spring.fast.exit`). */\n  rect: ItemRect | null;\n  /** `sessionRef.current` from `useFluidHover`. It increments when the\n   *  cursor enters the container, which re-keys the highlight so it fades in\n   *  at `from ?? rect` instead of sliding over from wherever it was last. */\n  session: number;\n  hover?: never;\n  hidden?: never;\n}\n\nexport type FluidHoverHighlightProps = (HighlightFromHook | HighlightFromRect) & {\n  /** Where a fresh session fades in from. A dropdown passes its checked row,\n   *  a nav menu its active route. Defaults to the rect itself. */\n  from?: ItemRect | null;\n  /** Radius, z-index, anything else. Merged onto\n   *  `absolute bg-hover pointer-events-none`. */\n  className?: string;\n  /** The positional spring. Defaults to `spring.fast`. Pass `false` to snap\n   *  to the new rect with no travel (a layout reflow that moved the rows\n   *  underneath, not a hover change). The opacity fade is always 0.08s. */\n  transition?: Transition | false;\n};\n\nconst fade: Transition = { duration: 0.08 };\nconst snap: Transition = { duration: 0 };\n\n/** A measured rect as animation targets: position as a transform, size as\n *  layout. Exported for the unit test. */\nexport function toTarget(rect: ItemRect) {\n  return { x: rect.left, y: rect.top, width: rect.width, height: rect.height };\n}\n\n/**\n * Resolves the positional transition. Reduced motion keeps the opacity fade\n * and drops the travel, per the motion guidelines: fewer and gentler, not\n * none. Exported for the unit test.\n */\nexport function resolveHighlightTransition(\n  transition: Transition | false | undefined,\n  reduceMotion: boolean,\n): Transition {\n  const positional = transition === false || reduceMotion ? snap : (transition ?? spring.fast);\n  return { ...positional, opacity: fade };\n}\n\n/** The rect and session a set of props resolves to. Exported for the test. */\nexport function resolveHighlightSource(props: FluidHoverHighlightProps): { rect: ItemRect | null; session: number } {\n  if (props.hover) {\n    const { activeIndex, itemRects, isMeasured, sessionRef } = props.hover;\n    const rect = !props.hidden && isMeasured && activeIndex !== null ? (itemRects[activeIndex] ?? null) : null;\n    return { rect, session: sessionRef.current };\n  }\n  return { rect: props.rect, session: props.session };\n}\n\nexport function FluidHoverHighlight(props: FluidHoverHighlightProps) {\n  const { from, className, transition } = props;\n  const { rect, session } = resolveHighlightSource(props);\n  // Reads the OS media query directly, so an installed copy honours reduced\n  // motion without the app wrapping its tree in MotionConfig. A wrapped app\n  // gets the same result twice over: the travel is a transform, which\n  // MotionConfig reduces too.\n  const reduceMotion = useReducedMotion() ?? false;\n  return (\n    <AnimatePresence>\n      {rect && (\n        <motion.div\n          key={session}\n          data-slot=\"fluid-hover-highlight\"\n          // Pinned to the container's padding corner and moved with a\n          // transform, so the travel runs on the compositor instead of\n          // re-laying out every frame. Width and height are real layout\n          // values, but they only change when the target rect's size does,\n          // which in most lists is never.\n          className={cn('bg-hover pointer-events-none absolute top-0 left-0', className)}\n          initial={{ opacity: 0, ...toTarget(from ?? rect) }}\n          animate={{ opacity: 1, ...toTarget(rect) }}\n          exit={{ opacity: 0, transition: spring.fast.exit }}\n          transition={resolveHighlightTransition(transition, reduceMotion)}\n        />\n      )}\n    </AnimatePresence>\n  );\n}\n"],"names":[],"mappings":";;;;;AA6DA,MAAM,IAAA,GAAmB,EAAE,QAAA,EAAU,IAAA,EAAK;AAC1C,MAAM,IAAA,GAAmB,EAAE,QAAA,EAAU,CAAA,EAAE;AAIhC,SAAS,SAAS,IAAA,EAAgB;AACvC,EAAA,OAAO,EAAE,CAAA,EAAG,IAAA,CAAK,IAAA,EAAM,CAAA,EAAG,IAAA,CAAK,GAAA,EAAK,KAAA,EAAO,IAAA,CAAK,KAAA,EAAO,MAAA,EAAQ,IAAA,CAAK,MAAA,EAAO;AAC7E;AAOO,SAAS,0BAAA,CACd,YACA,YAAA,EACY;AACZ,EAAA,MAAM,aAAa,UAAA,KAAe,KAAA,IAAS,YAAA,GAAe,IAAA,GAAQ,cAAc,MAAA,CAAO,IAAA;AACvF,EAAA,OAAO,EAAE,GAAG,UAAA,EAAY,OAAA,EAAS,IAAA,EAAK;AACxC;AAGO,SAAS,uBAAuB,KAAA,EAA6E;AAClH,EAAA,IAAI,MAAM,KAAA,EAAO;AACf,IAAA,MAAM,EAAE,WAAA,EAAa,SAAA,EAAW,UAAA,EAAY,UAAA,KAAe,KAAA,CAAM,KAAA;AACjE,IAAA,MAAM,IAAA,GAAO,CAAC,KAAA,CAAM,MAAA,IAAU,UAAA,IAAc,gBAAgB,IAAA,GAAQ,SAAA,CAAU,WAAW,CAAA,IAAK,IAAA,GAAQ,IAAA;AACtG,IAAA,OAAO,EAAE,IAAA,EAAM,OAAA,EAAS,UAAA,CAAW,OAAA,EAAQ;AAAA,EAC7C;AACA,EAAA,OAAO,EAAE,IAAA,EAAM,KAAA,CAAM,IAAA,EAAM,OAAA,EAAS,MAAM,OAAA,EAAQ;AACpD;AAEO,SAAS,oBAAoB,KAAA,EAAiC;AACnE,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAW,UAAA,EAAW,GAAI,KAAA;AACxC,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAQ,GAAI,uBAAuB,KAAK,CAAA;AAKtD,EAAA,MAAM,YAAA,GAAe,kBAAiB,IAAK,KAAA;AAC3C,EAAA,uBACE,GAAA,CAAC,mBACE,QAAA,EAAA,IAAA,oBACC,GAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MAEC,WAAA,EAAU,uBAAA;AAAA,MAMV,SAAA,EAAW,EAAA,CAAG,oDAAA,EAAsD,SAAS,CAAA;AAAA,MAC7E,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,QAAA,CAAS,IAAA,IAAQ,IAAI,CAAA,EAAE;AAAA,MACjD,SAAS,EAAE,OAAA,EAAS,GAAG,GAAG,QAAA,CAAS,IAAI,CAAA,EAAE;AAAA,MACzC,MAAM,EAAE,OAAA,EAAS,GAAG,UAAA,EAAY,MAAA,CAAO,KAAK,IAAA,EAAK;AAAA,MACjD,UAAA,EAAY,0BAAA,CAA2B,UAAA,EAAY,YAAY;AAAA,KAAA;AAAA,IAX1D;AAAA,GAYP,EAEJ,CAAA;AAEJ;;;;"}