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

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-cOfcD1BM.js';
+import { S as ScrollArea } from '../../scroll-area-DmygE5DR.js';
+import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-D1PLTHDf.js';
+import { c as cn } from '../../cn-Dxjsbr9n.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-B_6bj-6N.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-RUhKvh57.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-DEtotEm0.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-C4soB6uN.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-DPfV6E6L.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-CVqPmOtx.cjs');
+const Txt = require('../../Txt-BZXvaPLR.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-B-OO_6DC.js';
+export { m as ToolCallCommand, j as ToolCallPresentedHeader } from '../../tool-call-B-OO_6DC.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-B7ySYtNZ.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-Dxjsbr9n.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-DmygE5DR.js';
+import { T as Txt } from '../../Txt-23XtxAlc.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":";;;;;;;;;;;;;;;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;;ACtCA,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;;;;"}
+{"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":"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"}

package/dist/composer-CocKItIW.js

@@ -0,0 +1,148 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, forwardRef } from 'react';
+import { S as ScrollArea } from './scroll-area-DmygE5DR.js';
+import { c as cn } from './cn-Dxjsbr9n.js';
+
+import './composer.css';function useComposerPointer(enabled) {
+  const [pointer, setPointer] = useState();
+  function trackPointer(event) {
+    if (!enabled || event.defaultPrevented) return;
+    const bounds = event.currentTarget.getBoundingClientRect();
+    const x = event.clientX - bounds.left;
+    const y = event.clientY - bounds.top;
+    const radians = Math.atan2(y - bounds.height / 2, x - bounds.width / 2);
+    setPointer({ x, y, angle: radians * 180 / Math.PI + 90 });
+  }
+  return {
+    trackPointer,
+    pointerStyle: {
+      "--composer-spotlight-x": pointer && `${pointer.x}px`,
+      "--composer-spotlight-y": pointer && `${pointer.y}px`,
+      "--composer-ring-angle": pointer && `${pointer.angle}deg`
+    }
+  };
+}
+
+const Composer = forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx("form", { ref, "data-slot": "composer", ...props, children }));
+Composer.displayName = "Composer";
+const ComposerBox = forwardRef(
+  ({ children, className, sendingPulseKey = 0, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "composer-box",
+      className: cn(
+        "composer-box @container relative mx-auto mt-auto w-full max-w-3xl overflow-hidden rounded-[22px] border border-border2/40 transition-colors duration-normal focus-within:border-border2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ComposerSendingPulse, { pulseKey: sendingPulseKey }),
+        /* @__PURE__ */ jsx("div", { className: "relative z-10", children })
+      ]
+    }
+  )
+);
+ComposerBox.displayName = "ComposerBox";
+const ComposerRing = ({
+  busy = false,
+  tone = "green",
+  className,
+  style,
+  onPointerEnter,
+  onPointerMove,
+  ...props
+}) => {
+  const { trackPointer, pointerStyle } = useComposerPointer(!busy);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "composer-ring",
+      "data-composer-tone": tone,
+      "data-busy": busy ? "true" : "false",
+      className: cn("composer-ring relative mx-auto w-full max-w-3xl rounded-[23px] p-px", className),
+      style: { ...pointerStyle, ...style },
+      onPointerEnter: (event) => {
+        onPointerEnter?.(event);
+        trackPointer(event);
+      },
+      onPointerMove: (event) => {
+        onPointerMove?.(event);
+        trackPointer(event);
+      },
+      ...props
+    }
+  );
+};
+ComposerRing.displayName = "ComposerRing";
+const ComposerAttachments = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "region",
+      "data-slot": "composer-attachments",
+      className: cn("mx-auto w-full max-w-3xl pb-2", className),
+      ...props
+    }
+  )
+);
+ComposerAttachments.displayName = "ComposerAttachments";
+const ComposerInput = forwardRef(
+  ({ className, variant = "inline", maxHeight, ...props }, ref) => /* @__PURE__ */ jsx(ScrollArea, { maxHeight: maxHeight ?? (variant === "textarea" ? "16rem" : "13rem"), children: /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref,
+      "data-slot": "composer-input",
+      className: cn(
+        "field-sizing-content w-full resize-none overflow-hidden bg-transparent px-3 pt-2.5 pb-2 text-ui-md leading-ui-md font-[450] text-neutral4 outline-hidden placeholder:text-neutral2 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+        variant === "textarea" ? "min-h-28" : "min-h-10",
+        className
+      ),
+      ...props
+    }
+  ) })
+);
+ComposerInput.displayName = "ComposerInput";
+const ComposerActions = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "region",
+      "data-slot": "composer-actions",
+      className: cn("flex w-full flex-wrap items-end justify-between gap-2 px-3 pb-3", className),
+      ...props
+    }
+  )
+);
+ComposerActions.displayName = "ComposerActions";
+const ComposerGradientColumn = ({ className }) => /* @__PURE__ */ jsxs("div", { className: cn("flex size-full flex-col -space-y-3", className), children: [
+  /* @__PURE__ */ jsx("div", { className: "bg-accent1 w-full flex-1 blur-xl" }),
+  /* @__PURE__ */ jsx("div", { className: "bg-accent1Dark w-full flex-1 blur-xl" }),
+  /* @__PURE__ */ jsx("div", { className: "bg-accent1 w-full flex-1 blur-xl" }),
+  /* @__PURE__ */ jsx("div", { className: "bg-accent1Darker w-full flex-1 blur-xl" })
+] });
+const ComposerSendingPulse = ({ pulseKey }) => {
+  if (pulseKey === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-hidden": "true",
+      "data-slot": "composer-sending-pulse",
+      className: "composer-sending pointer-events-none absolute top-0 left-[-10%] z-0 flex h-10 w-[120%] transform-gpu",
+      children: [
+        /* @__PURE__ */ jsx(ComposerGradientColumn, {}),
+        /* @__PURE__ */ jsx(ComposerGradientColumn, { className: "-translate-y-2" }),
+        /* @__PURE__ */ jsx(ComposerGradientColumn, {})
+      ]
+    },
+    pulseKey
+  );
+};
+function ComposerToneLabel({ tone, className, ...props }) {
+  return /* @__PURE__ */ jsx("span", { "data-composer-tone": tone, className: cn("composer-tone-label", className), ...props });
+}
+
+export { ComposerAttachments as C, Composer as a, ComposerActions as b, ComposerBox as c, ComposerInput as d, ComposerRing as e, ComposerToneLabel as f };
+//# sourceMappingURL=composer-CocKItIW.js.map

package/dist/composer-CocKItIW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer-CocKItIW.js","sources":["../src/ds/components/Composer/use-composer-pointer.ts","../src/ds/components/Composer/composer.tsx"],"sourcesContent":["import { useState, type PointerEvent } from 'react';\n\nexport function useComposerPointer(enabled: boolean) {\n  const [pointer, setPointer] = useState<{ x: number; y: number; angle: number }>();\n\n  function trackPointer(event: PointerEvent<HTMLDivElement>) {\n    if (!enabled || event.defaultPrevented) return;\n\n    const bounds = event.currentTarget.getBoundingClientRect();\n    const x = event.clientX - bounds.left;\n    const y = event.clientY - bounds.top;\n    const radians = Math.atan2(y - bounds.height / 2, x - bounds.width / 2);\n    // conic-gradient starts at 12 o'clock, atan2 at 3 o'clock\n    setPointer({ x, y, angle: (radians * 180) / Math.PI + 90 });\n  }\n\n  return {\n    trackPointer,\n    pointerStyle: {\n      '--composer-spotlight-x': pointer && `${pointer.x}px`,\n      '--composer-spotlight-y': pointer && `${pointer.y}px`,\n      '--composer-ring-angle': pointer && `${pointer.angle}deg`,\n    },\n  };\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport { ScrollArea } from '../ScrollArea';\nimport { useComposerPointer } from './use-composer-pointer';\nimport { cn } from '@/lib/utils';\n\nimport './composer.css';\nimport './composer-ring.css';\nimport './composer-sending.css';\n\nexport type ComposerProps = ComponentPropsWithoutRef<'form'>;\n\nexport interface ComposerInputProps extends ComponentPropsWithoutRef<'textarea'> {\n  variant?: 'inline' | 'textarea';\n  maxHeight?: string;\n}\n\nexport const Composer = forwardRef<HTMLFormElement, ComposerProps>(({ children, ...props }, ref) => (\n  <form ref={ref} data-slot=\"composer\" {...props}>\n    {children}\n  </form>\n));\nComposer.displayName = 'Composer';\n\nexport interface ComposerBoxProps extends ComponentPropsWithoutRef<'div'> {\n  sendingPulseKey?: number;\n}\n\nexport const ComposerBox = forwardRef<HTMLDivElement, ComposerBoxProps>(\n  ({ children, className, sendingPulseKey = 0, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"composer-box\"\n      className={cn(\n        'composer-box @container relative mx-auto mt-auto w-full max-w-3xl overflow-hidden rounded-[22px] border border-border2/40 transition-colors duration-normal focus-within:border-border2',\n        className,\n      )}\n      {...props}\n    >\n      <ComposerSendingPulse pulseKey={sendingPulseKey} />\n      <div className=\"relative z-10\">{children}</div>\n    </div>\n  ),\n);\nComposerBox.displayName = 'ComposerBox';\n\nexport type ComposerTone = 'default' | 'green' | 'purple' | 'orange';\n\nexport interface ComposerRingProps extends ComponentPropsWithoutRef<'div'> {\n  busy?: boolean;\n  tone?: ComposerTone;\n}\n\nexport const ComposerRing = ({\n  busy = false,\n  tone = 'green',\n  className,\n  style,\n  onPointerEnter,\n  onPointerMove,\n  ...props\n}: ComposerRingProps) => {\n  const { trackPointer, pointerStyle } = useComposerPointer(!busy);\n\n  return (\n    <div\n      data-slot=\"composer-ring\"\n      data-composer-tone={tone}\n      data-busy={busy ? 'true' : 'false'}\n      className={cn('composer-ring relative mx-auto w-full max-w-3xl rounded-[23px] p-px', className)}\n      style={{ ...pointerStyle, ...style }}\n      onPointerEnter={event => {\n        onPointerEnter?.(event);\n        trackPointer(event);\n      }}\n      onPointerMove={event => {\n        onPointerMove?.(event);\n        trackPointer(event);\n      }}\n      {...props}\n    />\n  );\n};\nComposerRing.displayName = 'ComposerRing';\n\nexport const ComposerAttachments = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"region\"\n      data-slot=\"composer-attachments\"\n      className={cn('mx-auto w-full max-w-3xl pb-2', className)}\n      {...props}\n    />\n  ),\n);\nComposerAttachments.displayName = 'ComposerAttachments';\n\nexport const ComposerInput = forwardRef<HTMLTextAreaElement, ComposerInputProps>(\n  ({ className, variant = 'inline', maxHeight, ...props }, ref) => (\n    <ScrollArea maxHeight={maxHeight ?? (variant === 'textarea' ? '16rem' : '13rem')}>\n      <textarea\n        ref={ref}\n        data-slot=\"composer-input\"\n        className={cn(\n          'field-sizing-content w-full resize-none overflow-hidden bg-transparent px-3 pt-2.5 pb-2 text-ui-md leading-ui-md font-[450] text-neutral4 outline-hidden placeholder:text-neutral2 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n          variant === 'textarea' ? 'min-h-28' : 'min-h-10',\n          className,\n        )}\n        {...props}\n      />\n    </ScrollArea>\n  ),\n);\nComposerInput.displayName = 'ComposerInput';\n\nexport const ComposerActions = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"region\"\n      data-slot=\"composer-actions\"\n      className={cn('flex w-full flex-wrap items-end justify-between gap-2 px-3 pb-3', className)}\n      {...props}\n    />\n  ),\n);\nComposerActions.displayName = 'ComposerActions';\n\nconst ComposerGradientColumn = ({ className }: { className?: string }) => (\n  <div className={cn('flex size-full flex-col -space-y-3', className)}>\n    <div className=\"bg-accent1 w-full flex-1 blur-xl\" />\n    <div className=\"bg-accent1Dark w-full flex-1 blur-xl\" />\n    <div className=\"bg-accent1 w-full flex-1 blur-xl\" />\n    <div className=\"bg-accent1Darker w-full flex-1 blur-xl\" />\n  </div>\n);\n\nconst ComposerSendingPulse = ({ pulseKey }: { pulseKey: number }) => {\n  if (pulseKey === 0) return null;\n\n  return (\n    <div\n      key={pulseKey}\n      aria-hidden=\"true\"\n      data-slot=\"composer-sending-pulse\"\n      className=\"composer-sending pointer-events-none absolute top-0 left-[-10%] z-0 flex h-10 w-[120%] transform-gpu\"\n    >\n      <ComposerGradientColumn />\n      <ComposerGradientColumn className=\"-translate-y-2\" />\n      <ComposerGradientColumn />\n    </div>\n  );\n};\n\nexport interface ComposerToneLabelProps extends ComponentPropsWithoutRef<'span'> {\n  tone: ComposerTone;\n}\n\nexport function ComposerToneLabel({ tone, className, ...props }: ComposerToneLabelProps) {\n  return <span data-composer-tone={tone} className={cn('composer-tone-label', className)} {...props} />;\n}\n"],"names":[],"mappings":";;;;;AAEO,SAAS,mBAAmB,OAAA,EAAkB;AACnD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA,EAAkD;AAEhF,EAAA,SAAS,aAAa,KAAA,EAAqC;AACzD,IAAA,IAAI,CAAC,OAAA,IAAW,KAAA,CAAM,gBAAA,EAAkB;AAExC,IAAA,MAAM,MAAA,GAAS,KAAA,CAAM,aAAA,CAAc,qBAAA,EAAsB;AACzD,IAAA,MAAM,CAAA,GAAI,KAAA,CAAM,OAAA,GAAU,MAAA,CAAO,IAAA;AACjC,IAAA,MAAM,CAAA,GAAI,KAAA,CAAM,OAAA,GAAU,MAAA,CAAO,GAAA;AACjC,IAAA,MAAM,OAAA,GAAU,IAAA,CAAK,KAAA,CAAM,CAAA,GAAI,MAAA,CAAO,SAAS,CAAA,EAAG,CAAA,GAAI,MAAA,CAAO,KAAA,GAAQ,CAAC,CAAA;AAEtE,IAAA,UAAA,CAAW,EAAE,GAAG,CAAA,EAAG,KAAA,EAAQ,UAAU,GAAA,GAAO,IAAA,CAAK,EAAA,GAAK,EAAA,EAAI,CAAA;AAAA,EAC5D;AAEA,EAAA,OAAO;AAAA,IACL,YAAA;AAAA,IACA,YAAA,EAAc;AAAA,MACZ,wBAAA,EAA0B,OAAA,IAAW,CAAA,EAAG,OAAA,CAAQ,CAAC,CAAA,EAAA,CAAA;AAAA,MACjD,wBAAA,EAA0B,OAAA,IAAW,CAAA,EAAG,OAAA,CAAQ,CAAC,CAAA,EAAA,CAAA;AAAA,MACjD,uBAAA,EAAyB,OAAA,IAAW,CAAA,EAAG,OAAA,CAAQ,KAAK,CAAA,GAAA;AAAA;AACtD,GACF;AACF;;ACNO,MAAM,WAAW,UAAA,CAA2C,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1F,GAAA,CAAC,UAAK,GAAA,EAAU,WAAA,EAAU,YAAY,GAAG,KAAA,EACtC,UACH,CACD;AACD,QAAA,CAAS,WAAA,GAAc,UAAA;AAMhB,MAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,kBAAkB,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,qBACvD,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,yLAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,UAAU,eAAA,EAAiB,CAAA;AAAA,wBACjD,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAS;AAAA;AAAA;AAAA;AAG/C;AACA,WAAA,CAAY,WAAA,GAAc,aAAA;AASnB,MAAM,eAAe,CAAC;AAAA,EAC3B,IAAA,GAAO,KAAA;AAAA,EACP,IAAA,GAAO,OAAA;AAAA,EACP,SAAA;AAAA,EACA,KAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAyB;AACvB,EAAA,MAAM,EAAE,YAAA,EAAc,YAAA,EAAa,GAAI,kBAAA,CAAmB,CAAC,IAAI,CAAA;AAE/D,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,oBAAA,EAAoB,IAAA;AAAA,MACpB,WAAA,EAAW,OAAO,MAAA,GAAS,OAAA;AAAA,MAC3B,SAAA,EAAW,EAAA,CAAG,qEAAA,EAAuE,SAAS,CAAA;AAAA,MAC9F,KAAA,EAAO,EAAE,GAAG,YAAA,EAAc,GAAG,KAAA,EAAM;AAAA,MACnC,gBAAgB,CAAA,KAAA,KAAS;AACvB,QAAA,cAAA,GAAiB,KAAK,CAAA;AACtB,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA,MACpB,CAAA;AAAA,MACA,eAAe,CAAA,KAAA,KAAS;AACtB,QAAA,aAAA,GAAgB,KAAK,CAAA;AACrB,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA,MACpB,CAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AACA,YAAA,CAAa,WAAA,GAAc,cAAA;AAEpB,MAAM,mBAAA,GAAsB,UAAA;AAAA,EACjC,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,sBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,MACvD,GAAG;AAAA;AAAA;AAGV;AACA,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AAE3B,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,CAAC,EAAE,SAAA,EAAW,OAAA,GAAU,QAAA,EAAU,WAAW,GAAG,KAAA,EAAM,EAAG,GAAA,yBACtD,UAAA,EAAA,EAAW,SAAA,EAAW,cAAc,OAAA,KAAY,UAAA,GAAa,UAAU,OAAA,CAAA,EACtE,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,yPAAA;AAAA,QACA,OAAA,KAAY,aAAa,UAAA,GAAa,UAAA;AAAA,QACtC;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN,EACF;AAEJ;AACA,aAAA,CAAc,WAAA,GAAc,eAAA;AAErB,MAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,iEAAA,EAAmE,SAAS,CAAA;AAAA,MACzF,GAAG;AAAA;AAAA;AAGV;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAE9B,MAAM,sBAAA,GAAyB,CAAC,EAAE,SAAA,EAAU,qBAC1C,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA,EAChE,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kCAAA,EAAmC,CAAA;AAAA,kBAClD,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EAAuC,CAAA;AAAA,kBACtD,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EAAmC,CAAA;AAAA,kBAClD,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wCAAA,EAAyC;AAAA,CAAA,EAC1D,CAAA;AAGF,MAAM,oBAAA,GAAuB,CAAC,EAAE,QAAA,EAAS,KAA4B;AACnE,EAAA,IAAI,QAAA,KAAa,GAAG,OAAO,IAAA;AAE3B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAA,EAAY,MAAA;AAAA,MACZ,WAAA,EAAU,wBAAA;AAAA,MACV,SAAA,EAAU,sGAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,sBAAA,EAAA,EAAuB,CAAA;AAAA,wBACxB,GAAA,CAAC,sBAAA,EAAA,EAAuB,SAAA,EAAU,gBAAA,EAAiB,CAAA;AAAA,4BAClD,sBAAA,EAAA,EAAuB;AAAA;AAAA,KAAA;AAAA,IAPnB;AAAA,GAQP;AAEJ,CAAA;AAMO,SAAS,kBAAkB,EAAE,IAAA,EAAM,SAAA,EAAW,GAAG,OAAM,EAA2B;AACvF,EAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAK,oBAAA,EAAoB,IAAA,EAAM,SAAA,EAAW,GAAG,qBAAA,EAAuB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AACrG;;;;"}