@mastra/playground-ui 56.0.0 → 57.0.0-alpha.1

package/dist/components/ai/chat-event.es.js

@@ -1,10 +1,10 @@
-import { a as ChatEvent } from '../../chat-notification-4OuPNhtu.js';
-export { C as ChatNotification } from '../../chat-notification-4OuPNhtu.js';
-export { C as ChatSignal } from '../../chat-signal-CG5-vy21.js';
+import { a as ChatEvent } from '../../chat-notification-BM24QnK9.js';
+export { C as ChatNotification } from '../../chat-notification-BM24QnK9.js';
+export { C as ChatSignal } from '../../chat-signal-5gAZo10e.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { BookOpen } from 'lucide-react';
-import { M as MarkdownRenderer } from '../../markdown-renderer-B0gTm_Ea.js';
-import { S as ScrollArea } from '../../scroll-area-CdQ_5bLm.js';
+import { M as MarkdownRenderer } from '../../markdown-renderer-DZAcPOxC.js';
+import { S as ScrollArea } from '../../scroll-area-DyTZoISq.js';
 import { T as Txt } from '../../Txt-DTh3Pa_a.js';
 
 function ChatSkill({ name, arguments: args, instructions, defaultOpen }) {
@@ -26,9 +26,9 @@ function ChatTimeGap({ text }) {
   const [phrase, timestamp] = text.split(" — ");
   if (!phrase) return null;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-3", role: "separator", "aria-label": text, children: [
-    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "bg-border h-px flex-1" }),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-px flex-1 bg-border" }),
     /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", tone: "muted", className: "shrink-0", title: timestamp, children: phrase }),
-    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "bg-border h-px flex-1" })
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-px flex-1 bg-border" })
   ] });
 }
 

package/dist/components/ai/chat-event.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-event.es.js","sources":["../../../src/ds/components/ai/chat-event/chat-skill.tsx","../../../src/ds/components/ai/chat-event/chat-time-gap.tsx"],"sourcesContent":["import { BookOpen } from 'lucide-react';\nimport { ChatEvent } from './chat-event';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\n\nexport interface ChatSkillProps {\n  name: string;\n  arguments?: string;\n  instructions: string;\n  defaultOpen?: boolean;\n}\n\nexport function ChatSkill({ name, arguments: args, instructions, defaultOpen }: ChatSkillProps) {\n  return (\n    <ChatEvent\n      label=\"Skill\"\n      detail={args ? `${name} ${args}` : name}\n      icon={<BookOpen size={14} strokeWidth={1.75} aria-hidden className=\"text-accent3\" />}\n      data-skill-name={name}\n      aria-label={`Skill: ${name}`}\n      defaultOpen={defaultOpen}\n    >\n      <ScrollArea maxHeight=\"24rem\" revealScrollbarOnHover={false}>\n        <MarkdownRenderer className=\"text-caption\">{instructions}</MarkdownRenderer>\n      </ScrollArea>\n    </ChatEvent>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\n\nexport function ChatTimeGap({ text }: { text: string }) {\n  const [phrase, timestamp] = text.split(' — ');\n  if (!phrase) return null;\n\n  return (\n    <div className=\"flex items-center gap-3 py-3\" role=\"separator\" aria-label={text}>\n      <span aria-hidden className=\"bg-border h-px flex-1\" />\n      <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"shrink-0\" title={timestamp}>\n        {phrase}\n      </Txt>\n      <span aria-hidden className=\"bg-border h-px flex-1\" />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAYO,SAAS,UAAU,EAAE,IAAA,EAAM,WAAW,IAAA,EAAM,YAAA,EAAc,aAAY,EAAmB;AAC9F,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,OAAA;AAAA,MACN,QAAQ,IAAA,GAAO,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,GAAK,IAAA;AAAA,MACnC,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAM,EAAA,EAAI,aAAa,IAAA,EAAM,aAAA,EAAW,IAAA,EAAC,SAAA,EAAU,cAAA,EAAe,CAAA;AAAA,MAClF,iBAAA,EAAiB,IAAA;AAAA,MACjB,YAAA,EAAY,UAAU,IAAI,CAAA,CAAA;AAAA,MAC1B,WAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,OAAA,EAAQ,sBAAA,EAAwB,KAAA,EACpD,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,SAAA,EAAU,cAAA,EAAgB,QAAA,EAAA,YAAA,EAAa,CAAA,EAC3D;AAAA;AAAA,GACF;AAEJ;;ACzBO,SAAS,WAAA,CAAY,EAAE,IAAA,EAAK,EAAqB;AACtD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,IAAA,CAAK,MAAM,KAAK,CAAA;AAC5C,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAEpB,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAU,gCAA+B,IAAA,EAAK,WAAA,EAAY,cAAY,IAAA,EACzE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAW,IAAA,EAAC,SAAA,EAAU,uBAAA,EAAwB,CAAA;AAAA,oBACpD,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,UAAA,EAAW,KAAA,EAAO,SAAA,EACpE,QAAA,EAAA,MAAA,EACH,CAAA;AAAA,oBACA,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAW,IAAA,EAAC,WAAU,uBAAA,EAAwB;AAAA,GAAA,EACtD,CAAA;AAEJ;;;;"}
+{"version":3,"file":"chat-event.es.js","sources":["../../../src/ds/components/ai/chat-event/chat-skill.tsx","../../../src/ds/components/ai/chat-event/chat-time-gap.tsx"],"sourcesContent":["import { BookOpen } from 'lucide-react';\nimport { ChatEvent } from './chat-event';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\n\nexport interface ChatSkillProps {\n  name: string;\n  arguments?: string;\n  instructions: string;\n  defaultOpen?: boolean;\n}\n\nexport function ChatSkill({ name, arguments: args, instructions, defaultOpen }: ChatSkillProps) {\n  return (\n    <ChatEvent\n      label=\"Skill\"\n      detail={args ? `${name} ${args}` : name}\n      icon={<BookOpen size={14} strokeWidth={1.75} aria-hidden className=\"text-accent3\" />}\n      data-skill-name={name}\n      aria-label={`Skill: ${name}`}\n      defaultOpen={defaultOpen}\n    >\n      <ScrollArea maxHeight=\"24rem\" revealScrollbarOnHover={false}>\n        <MarkdownRenderer className=\"text-caption\">{instructions}</MarkdownRenderer>\n      </ScrollArea>\n    </ChatEvent>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\n\nexport function ChatTimeGap({ text }: { text: string }) {\n  const [phrase, timestamp] = text.split(' — ');\n  if (!phrase) return null;\n\n  return (\n    <div className=\"flex items-center gap-3 py-3\" role=\"separator\" aria-label={text}>\n      <span aria-hidden className=\"h-px flex-1 bg-border\" />\n      <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"shrink-0\" title={timestamp}>\n        {phrase}\n      </Txt>\n      <span aria-hidden className=\"h-px flex-1 bg-border\" />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAYO,SAAS,UAAU,EAAE,IAAA,EAAM,WAAW,IAAA,EAAM,YAAA,EAAc,aAAY,EAAmB;AAC9F,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,OAAA;AAAA,MACN,QAAQ,IAAA,GAAO,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,GAAK,IAAA;AAAA,MACnC,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAM,EAAA,EAAI,aAAa,IAAA,EAAM,aAAA,EAAW,IAAA,EAAC,SAAA,EAAU,cAAA,EAAe,CAAA;AAAA,MAClF,iBAAA,EAAiB,IAAA;AAAA,MACjB,YAAA,EAAY,UAAU,IAAI,CAAA,CAAA;AAAA,MAC1B,WAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,OAAA,EAAQ,sBAAA,EAAwB,KAAA,EACpD,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,SAAA,EAAU,cAAA,EAAgB,QAAA,EAAA,YAAA,EAAa,CAAA,EAC3D;AAAA;AAAA,GACF;AAEJ;;ACzBO,SAAS,WAAA,CAAY,EAAE,IAAA,EAAK,EAAqB;AACtD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,IAAA,CAAK,MAAM,KAAK,CAAA;AAC5C,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAEpB,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAU,gCAA+B,IAAA,EAAK,WAAA,EAAY,cAAY,IAAA,EACzE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAW,IAAA,EAAC,SAAA,EAAU,uBAAA,EAAwB,CAAA;AAAA,oBACpD,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,UAAA,EAAW,KAAA,EAAO,SAAA,EACpE,QAAA,EAAA,MAAA,EACH,CAAA;AAAA,oBACA,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAW,IAAA,EAAC,WAAU,uBAAA,EAAwB;AAAA,GAAA,EACtD,CAAA;AAEJ;;;;"}

package/dist/components/ai/plan.cjs.js

@@ -6,8 +6,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Badge = require('../../Badge-BEeYtjmv.cjs');
-const Button = require('../../Button-CVewl8nT.cjs');
-const markdownRenderer = require('../../markdown-renderer-D8qYAU7K.cjs');
+const Button = require('../../Button-C0DBEBcJ.cjs');
+const markdownRenderer = require('../../markdown-renderer-C74wABzc.cjs');
 const Txt = require('../../Txt-B4-2nLaI.cjs');
 const icons_Icon = require('../../icons/Icon.cjs.js');
 const hooks_useCopyToClipboard = require('../../hooks/use-copy-to-clipboard.cjs.js');

package/dist/components/ai/plan.es.js

@@ -2,8 +2,8 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { CheckIcon, CopyIcon, Minimize2, Maximize2, ClipboardList } from 'lucide-react';
 import { useState, useRef, useLayoutEffect, createContext, useContext } from 'react';
 import { B as Badge } from '../../Badge-TD55_qZJ.js';
-import { B as Button } from '../../Button-cWcBEd-G.js';
-import { M as MarkdownRenderer } from '../../markdown-renderer-B0gTm_Ea.js';
+import { B as Button } from '../../Button-C9cvaVFG.js';
+import { M as MarkdownRenderer } from '../../markdown-renderer-DZAcPOxC.js';
 import { T as Txt } from '../../Txt-DTh3Pa_a.js';
 import { Icon } from '../../icons/Icon.es.js';
 import { useCopyToClipboard } from '../../hooks/use-copy-to-clipboard.es.js';

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const collapsible = require('../../collapsible-BvrI6XnN.cjs');
-const scrollArea = require('../../scroll-area-Qjf7e0Ik.cjs');
+const collapsible = require('../../collapsible-BFSJouuI.cjs');
+const scrollArea = require('../../scroll-area-BzOyuS8Y.cjs');
 const tooltip = require('../../tooltip-FvWL16Xn.cjs');
 const primitives_raisedSurface = require('../../primitives/raised-surface.cjs.js');
 const utils_cn = require('../../cn-DG0X1KEP.cjs');
@@ -60,9 +60,9 @@ const TaskListProgress = ({ tasks, className, ...props }) => {
   ] }) });
 };
 const icons = {
-  completed: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "text-positive1 size-3.5 shrink-0" }),
-  in_progress: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "text-warning1 size-3.5 shrink-0 motion-safe:animate-spin" }),
-  pending: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "text-muted-foreground size-3.5 shrink-0" })
+  completed: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "size-3.5 shrink-0 text-positive1" }),
+  in_progress: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-3.5 shrink-0 text-warning1 motion-safe:animate-spin" }),
+  pending: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "size-3.5 shrink-0 text-muted-foreground" })
 };
 const statusLabels = {
   completed: "Completed",
@@ -85,8 +85,8 @@ const TaskListSummary = ({ task }) => /* @__PURE__ */ jsxRuntime.jsxs("span", {
   /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("truncate text-caption", textClasses[task.status]), children: taskLabel(task) })
 ] });
 const TaskListTitle = ({ title }) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListChecks, { className: "text-accent6 size-4 shrink-0" }),
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-column text-foreground truncate", children: title })
+  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListChecks, { className: "size-4 shrink-0 text-accent6" }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-column text-foreground", children: title })
 ] });
 const scrollTaskIntoView = (node) => {
   if (typeof node?.scrollIntoView === "function") node.scrollIntoView({ block: "nearest" });

package/dist/components/ai/task-list.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"task-list.cjs.js","sources":["../../../src/ds/components/ai/task-list/task-list.tsx"],"sourcesContent":["import type { TaskItem } from '@mastra/core/signals';\nimport { CheckCircle2, ChevronRight, Circle, ListChecks, Loader2 } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport type TaskListItem = TaskItem;\n\nexport const TaskListContainer = ({ className, ...props }: ComponentProps<'section'>) => (\n  <section className={cn(raisedSurfaceStyle, 'rounded-2xl px-3 py-2.5', className)} {...props} />\n);\n\nexport const TaskListHeader = ({ className, ...props }: ComponentProps<typeof CollapsibleTrigger>) => (\n  <CollapsibleTrigger\n    className={cn('flex w-full cursor-pointer items-center gap-2 text-left text-muted-foreground', className)}\n    {...props}\n  />\n);\n\nconst barColors: Record<TaskListItem['status'], string> = {\n  completed: 'bg-positive1',\n  in_progress: 'bg-warning1',\n  pending: 'bg-fill-hover',\n};\n\nexport interface TaskListProgressProps extends Omit<ComponentProps<'span'>, 'children'> {\n  tasks: TaskListItem[];\n}\n\nexport const TaskListProgress = ({ tasks, className, ...props }: TaskListProgressProps) => {\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger\n          render={\n            <span\n              role=\"progressbar\"\n              aria-label=\"Task completion\"\n              aria-valuemin={0}\n              aria-valuemax={tasks.length}\n              aria-valuenow={completed}\n              className={cn('ml-auto flex h-4 w-fit max-w-40 shrink-0 items-center gap-1 overflow-hidden', className)}\n              {...props}\n            >\n              {tasks.map(task => (\n                <span\n                  key={task.id}\n                  className={cn('h-full w-0.5 min-w-px shrink rounded-full', barColors[task.status])}\n                />\n              ))}\n            </span>\n          }\n        />\n        <TooltipContent>\n          {completed}/{tasks.length} completed\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nconst icons: Record<TaskListItem['status'], ReactNode> = {\n  completed: <CheckCircle2 className=\"text-positive1 size-3.5 shrink-0\" />,\n  in_progress: <Loader2 className=\"text-warning1 size-3.5 shrink-0 motion-safe:animate-spin\" />,\n  pending: <Circle className=\"text-muted-foreground size-3.5 shrink-0\" />,\n};\n\nconst statusLabels: Record<TaskListItem['status'], string> = {\n  completed: 'Completed',\n  in_progress: 'In progress',\n  pending: 'Pending',\n};\n\nconst textClasses: Record<TaskListItem['status'], string> = {\n  completed: 'text-muted-foreground line-through',\n  in_progress: 'text-column text-warning1',\n  pending: 'text-foreground',\n};\n\nconst taskLabel = (task: TaskListItem) => (task.status === 'in_progress' ? task.activeForm : task.content);\n\nexport interface TaskListStatusIconProps extends ComponentProps<'span'> {\n  status: TaskListItem['status'];\n}\n\nexport const TaskListStatusIcon = ({ status, className, ...props }: TaskListStatusIconProps) => (\n  <span aria-label={statusLabels[status]} className={cn('flex pt-0.5', className)} {...props}>\n    {icons[status]}\n  </span>\n);\n\nexport interface TaskListRowProps extends ComponentProps<'li'> {\n  task: TaskListItem;\n}\n\nexport const TaskListRow = ({ task, className, ...props }: TaskListRowProps) => (\n  <li className={cn('flex items-start gap-2 py-0.5', className)} {...props}>\n    <TaskListStatusIcon status={task.status} />\n    <span className={cn('text-caption', textClasses[task.status])}>{taskLabel(task)}</span>\n  </li>\n);\n\nconst TaskListSummary = ({ task }: { task: TaskListItem }) => (\n  <span className=\"flex min-w-0 flex-1 items-center gap-2\">\n    <TaskListStatusIcon status={task.status} className=\"pt-0\" />\n    <span className={cn('truncate text-caption', textClasses[task.status])}>{taskLabel(task)}</span>\n  </span>\n);\n\nconst TaskListTitle = ({ title }: { title: ReactNode }) => (\n  <span className=\"flex min-w-0 flex-1 items-center gap-2\">\n    <ListChecks className=\"text-accent6 size-4 shrink-0\" />\n    <span className=\"text-column text-foreground truncate\">{title}</span>\n  </span>\n);\n\nconst scrollTaskIntoView = (node: HTMLLIElement | null) => {\n  if (typeof node?.scrollIntoView === 'function') node.scrollIntoView({ block: 'nearest' });\n};\n\nexport interface TaskListProps extends Omit<ComponentProps<typeof TaskListContainer>, 'children' | 'title'> {\n  tasks: TaskListItem[];\n  title?: ReactNode;\n  hideWhenEmpty?: boolean;\n  hideWhenComplete?: boolean;\n  scrollActiveIntoView?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport const TaskList = ({\n  tasks,\n  title = 'Tasks',\n  hideWhenEmpty = true,\n  hideWhenComplete = true,\n  scrollActiveIntoView = true,\n  defaultOpen = true,\n  ...props\n}: TaskListProps) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const activeTask = tasks.find(task => task.status === 'in_progress');\n  const summaryTask = activeTask ?? tasks.find(task => task.status === 'pending');\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  const total = tasks.length;\n\n  if ((hideWhenEmpty && total === 0) || (hideWhenComplete && total > 0 && completed === total)) return null;\n\n  return (\n    <TaskListContainer aria-label=\"Task list\" data-testid=\"task-list\" {...props}>\n      <Collapsible open={open} onOpenChange={setOpen}>\n        <TaskListHeader>\n          <ChevronRight className=\"size-3.5 shrink-0\" />\n          {open || !summaryTask ? <TaskListTitle title={title} /> : <TaskListSummary task={summaryTask} />}\n          <TaskListProgress tasks={tasks} />\n        </TaskListHeader>\n        <CollapsibleContent>\n          <ScrollArea maxHeight=\"8rem\" viewPortClassName=\"pr-1\" className=\"mt-1\">\n            <ul className=\"space-y-1\">\n              {tasks.map(task => (\n                <TaskListRow\n                  key={task.id}\n                  ref={scrollActiveIntoView && task.id === activeTask?.id ? scrollTaskIntoView : undefined}\n                  task={task}\n                />\n              ))}\n            </ul>\n          </ScrollArea>\n        </CollapsibleContent>\n      </Collapsible>\n    </TaskListContainer>\n  );\n};\n"],"names":["jsx","cn","raisedSurfaceStyle","CollapsibleTrigger","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","CheckCircle2","Loader2","Circle","jsxs","ListChecks","useState","Collapsible","ChevronRight","CollapsibleContent","ScrollArea"],"mappings":";;;;;;;;;;;;;AAYO,MAAM,oBAAoB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBACtDA,cAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAWC,YAAGC,2CAAA,EAAoB,yBAAA,EAA2B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAGxF,MAAM,iBAAiB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBACnDF,cAAA;AAAA,EAACG,8BAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAWF,WAAA,CAAG,+EAAA,EAAiF,SAAS,CAAA;AAAA,IACvG,GAAG;AAAA;AACN;AAGF,MAAM,SAAA,GAAoD;AAAA,EACxD,SAAA,EAAW,cAAA;AAAA,EACX,WAAA,EAAa,aAAA;AAAA,EACb,OAAA,EAAS;AACX,CAAA;AAMO,MAAM,mBAAmB,CAAC,EAAE,OAAO,SAAA,EAAW,GAAG,OAAM,KAA6B;AACzF,EAAA,MAAM,YAAY,KAAA,CAAM,MAAA,CAAO,UAAQ,IAAA,CAAK,MAAA,KAAW,WAAW,CAAA,CAAE,MAAA;AACpE,EAAA,uBACED,cAAA,CAACI,uBAAA,EAAA,EAAgB,aAAA,EAAe,CAAA,EAC9B,0CAACC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAL,cAAA;AAAA,MAACM,sBAAA;AAAA,MAAA;AAAA,QACC,MAAA,kBACEN,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,aAAA;AAAA,YACL,YAAA,EAAW,iBAAA;AAAA,YACX,eAAA,EAAe,CAAA;AAAA,YACf,iBAAe,KAAA,CAAM,MAAA;AAAA,YACrB,eAAA,EAAe,SAAA;AAAA,YACf,SAAA,EAAWC,WAAA,CAAG,6EAAA,EAA+E,SAAS,CAAA;AAAA,YACrG,GAAG,KAAA;AAAA,YAEH,QAAA,EAAA,KAAA,CAAM,IAAI,CAAA,IAAA,qBACTD,cAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBAEC,WAAWC,WAAA,CAAG,2CAAA,EAA6C,SAAA,CAAU,IAAA,CAAK,MAAM,CAAC;AAAA,eAAA;AAAA,cAD5E,IAAA,CAAK;AAAA,aAGb;AAAA;AAAA;AACH;AAAA,KAEJ;AAAA,oCACCM,sBAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,SAAA;AAAA,MAAU,GAAA;AAAA,MAAE,KAAA,CAAM,MAAA;AAAA,MAAO;AAAA,KAAA,EAC5B;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;AAEA,MAAM,KAAA,GAAmD;AAAA,EACvD,SAAA,kBAAWP,cAAA,CAACQ,wBAAA,EAAA,EAAa,SAAA,EAAU,kCAAA,EAAmC,CAAA;AAAA,EACtE,WAAA,kBAAaR,cAAA,CAACS,mBAAA,EAAA,EAAQ,SAAA,EAAU,0DAAA,EAA2D,CAAA;AAAA,EAC3F,OAAA,kBAAST,cAAA,CAACU,kBAAA,EAAA,EAAO,SAAA,EAAU,yCAAA,EAA0C;AACvE,CAAA;AAEA,MAAM,YAAA,GAAuD;AAAA,EAC3D,SAAA,EAAW,WAAA;AAAA,EACX,WAAA,EAAa,aAAA;AAAA,EACb,OAAA,EAAS;AACX,CAAA;AAEA,MAAM,WAAA,GAAsD;AAAA,EAC1D,SAAA,EAAW,oCAAA;AAAA,EACX,WAAA,EAAa,2BAAA;AAAA,EACb,OAAA,EAAS;AACX,CAAA;AAEA,MAAM,SAAA,GAAY,CAAC,IAAA,KAAwB,IAAA,CAAK,WAAW,aAAA,GAAgB,IAAA,CAAK,aAAa,IAAA,CAAK,OAAA;AAM3F,MAAM,kBAAA,GAAqB,CAAC,EAAE,MAAA,EAAQ,WAAW,GAAG,KAAA,EAAM,qBAC/DV,cAAA,CAAC,MAAA,EAAA,EAAK,YAAA,EAAY,aAAa,MAAM,CAAA,EAAG,SAAA,EAAWC,WAAA,CAAG,aAAA,EAAe,SAAS,GAAI,GAAG,KAAA,EAClF,QAAA,EAAA,KAAA,CAAM,MAAM,CAAA,EACf;AAOK,MAAM,cAAc,CAAC,EAAE,IAAA,EAAM,SAAA,EAAW,GAAG,KAAA,EAAM,qBACtDU,eAAA,CAAC,IAAA,EAAA,EAAG,WAAWV,WAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA,EAAI,GAAG,KAAA,EACjE,QAAA,EAAA;AAAA,kBAAAD,cAAA,CAAC,kBAAA,EAAA,EAAmB,MAAA,EAAQ,IAAA,CAAK,MAAA,EAAQ,CAAA;AAAA,kBACzCA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAWC,WAAA,CAAG,cAAA,EAAgB,WAAA,CAAY,IAAA,CAAK,MAAM,CAAC,CAAA,EAAI,QAAA,EAAA,SAAA,CAAU,IAAI,CAAA,EAAE;AAAA,CAAA,EAClF;AAGF,MAAM,eAAA,GAAkB,CAAC,EAAE,IAAA,uBACzBU,eAAA,CAAC,MAAA,EAAA,EAAK,WAAU,wCAAA,EACd,QAAA,EAAA;AAAA,kBAAAX,cAAA,CAAC,kBAAA,EAAA,EAAmB,MAAA,EAAQ,IAAA,CAAK,MAAA,EAAQ,WAAU,MAAA,EAAO,CAAA;AAAA,kBAC1DA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAWC,WAAA,CAAG,uBAAA,EAAyB,WAAA,CAAY,IAAA,CAAK,MAAM,CAAC,CAAA,EAAI,QAAA,EAAA,SAAA,CAAU,IAAI,CAAA,EAAE;AAAA,CAAA,EAC3F,CAAA;AAGF,MAAM,aAAA,GAAgB,CAAC,EAAE,KAAA,uBACvBU,eAAA,CAAC,MAAA,EAAA,EAAK,WAAU,wCAAA,EACd,QAAA,EAAA;AAAA,kBAAAX,cAAA,CAACY,sBAAA,EAAA,EAAW,WAAU,8BAAA,EAA+B,CAAA;AAAA,kBACrDZ,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sCAAA,EAAwC,QAAA,EAAA,KAAA,EAAM;AAAA,CAAA,EAChE,CAAA;AAGF,MAAM,kBAAA,GAAqB,CAAC,IAAA,KAA+B;AACzD,EAAA,IAAI,OAAO,MAAM,cAAA,KAAmB,UAAA,OAAiB,cAAA,CAAe,EAAE,KAAA,EAAO,SAAA,EAAW,CAAA;AAC1F,CAAA;AAWO,MAAM,WAAW,CAAC;AAAA,EACvB,KAAA;AAAA,EACA,KAAA,GAAQ,OAAA;AAAA,EACR,aAAA,GAAgB,IAAA;AAAA,EAChB,gBAAA,GAAmB,IAAA;AAAA,EACnB,oBAAA,GAAuB,IAAA;AAAA,EACvB,WAAA,GAAc,IAAA;AAAA,EACd,GAAG;AACL,CAAA,KAAqB;AACnB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIa,eAAS,WAAW,CAAA;AAC5C,EAAA,MAAM,aAAa,KAAA,CAAM,IAAA,CAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,WAAW,aAAa,CAAA;AACnE,EAAA,MAAM,cAAc,UAAA,IAAc,KAAA,CAAM,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,WAAW,SAAS,CAAA;AAC9E,EAAA,MAAM,YAAY,KAAA,CAAM,MAAA,CAAO,UAAQ,IAAA,CAAK,MAAA,KAAW,WAAW,CAAA,CAAE,MAAA;AACpE,EAAA,MAAM,QAAQ,KAAA,CAAM,MAAA;AAEpB,EAAA,IAAK,aAAA,IAAiB,UAAU,CAAA,IAAO,gBAAA,IAAoB,QAAQ,CAAA,IAAK,SAAA,KAAc,OAAQ,OAAO,IAAA;AAErG,EAAA,uBACEb,cAAA,CAAC,iBAAA,EAAA,EAAkB,YAAA,EAAW,WAAA,EAAY,aAAA,EAAY,WAAA,EAAa,GAAG,KAAA,EACpE,QAAA,kBAAAW,eAAA,CAACG,uBAAA,EAAA,EAAY,IAAA,EAAY,YAAA,EAAc,OAAA,EACrC,QAAA,EAAA;AAAA,oBAAAH,eAAA,CAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAX,cAAA,CAACe,wBAAA,EAAA,EAAa,WAAU,mBAAA,EAAoB,CAAA;AAAA,MAC3C,IAAA,IAAQ,CAAC,WAAA,mBAAcf,cAAA,CAAC,aAAA,EAAA,EAAc,OAAc,CAAA,mBAAKA,cAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAM,WAAA,EAAa,CAAA;AAAA,sBAC9FA,cAAA,CAAC,oBAAiB,KAAA,EAAc;AAAA,KAAA,EAClC,CAAA;AAAA,mCACCgB,8BAAA,EAAA,EACC,QAAA,kBAAAhB,cAAA,CAACiB,qBAAA,EAAA,EAAW,SAAA,EAAU,QAAO,iBAAA,EAAkB,MAAA,EAAO,SAAA,EAAU,MAAA,EAC9D,yCAAC,IAAA,EAAA,EAAG,SAAA,EAAU,WAAA,EACX,QAAA,EAAA,KAAA,CAAM,IAAI,CAAA,IAAA,qBACTjB,cAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QAEC,KAAK,oBAAA,IAAwB,IAAA,CAAK,EAAA,KAAO,UAAA,EAAY,KAAK,kBAAA,GAAqB,MAAA;AAAA,QAC/E;AAAA,OAAA;AAAA,MAFK,IAAA,CAAK;AAAA,KAIb,CAAA,EACH,CAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;;;;;;"}
+{"version":3,"file":"task-list.cjs.js","sources":["../../../src/ds/components/ai/task-list/task-list.tsx"],"sourcesContent":["import type { TaskItem } from '@mastra/core/signals';\nimport { CheckCircle2, ChevronRight, Circle, ListChecks, Loader2 } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport type TaskListItem = TaskItem;\n\nexport const TaskListContainer = ({ className, ...props }: ComponentProps<'section'>) => (\n  <section className={cn(raisedSurfaceStyle, 'rounded-2xl px-3 py-2.5', className)} {...props} />\n);\n\nexport const TaskListHeader = ({ className, ...props }: ComponentProps<typeof CollapsibleTrigger>) => (\n  <CollapsibleTrigger\n    className={cn('flex w-full cursor-pointer items-center gap-2 text-left text-muted-foreground', className)}\n    {...props}\n  />\n);\n\nconst barColors: Record<TaskListItem['status'], string> = {\n  completed: 'bg-positive1',\n  in_progress: 'bg-warning1',\n  pending: 'bg-fill-hover',\n};\n\nexport interface TaskListProgressProps extends Omit<ComponentProps<'span'>, 'children'> {\n  tasks: TaskListItem[];\n}\n\nexport const TaskListProgress = ({ tasks, className, ...props }: TaskListProgressProps) => {\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger\n          render={\n            <span\n              role=\"progressbar\"\n              aria-label=\"Task completion\"\n              aria-valuemin={0}\n              aria-valuemax={tasks.length}\n              aria-valuenow={completed}\n              className={cn('ml-auto flex h-4 w-fit max-w-40 shrink-0 items-center gap-1 overflow-hidden', className)}\n              {...props}\n            >\n              {tasks.map(task => (\n                <span\n                  key={task.id}\n                  className={cn('h-full w-0.5 min-w-px shrink rounded-full', barColors[task.status])}\n                />\n              ))}\n            </span>\n          }\n        />\n        <TooltipContent>\n          {completed}/{tasks.length} completed\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nconst icons: Record<TaskListItem['status'], ReactNode> = {\n  completed: <CheckCircle2 className=\"size-3.5 shrink-0 text-positive1\" />,\n  in_progress: <Loader2 className=\"size-3.5 shrink-0 text-warning1 motion-safe:animate-spin\" />,\n  pending: <Circle className=\"size-3.5 shrink-0 text-muted-foreground\" />,\n};\n\nconst statusLabels: Record<TaskListItem['status'], string> = {\n  completed: 'Completed',\n  in_progress: 'In progress',\n  pending: 'Pending',\n};\n\nconst textClasses: Record<TaskListItem['status'], string> = {\n  completed: 'text-muted-foreground line-through',\n  in_progress: 'text-column text-warning1',\n  pending: 'text-foreground',\n};\n\nconst taskLabel = (task: TaskListItem) => (task.status === 'in_progress' ? task.activeForm : task.content);\n\nexport interface TaskListStatusIconProps extends ComponentProps<'span'> {\n  status: TaskListItem['status'];\n}\n\nexport const TaskListStatusIcon = ({ status, className, ...props }: TaskListStatusIconProps) => (\n  <span aria-label={statusLabels[status]} className={cn('flex pt-0.5', className)} {...props}>\n    {icons[status]}\n  </span>\n);\n\nexport interface TaskListRowProps extends ComponentProps<'li'> {\n  task: TaskListItem;\n}\n\nexport const TaskListRow = ({ task, className, ...props }: TaskListRowProps) => (\n  <li className={cn('flex items-start gap-2 py-0.5', className)} {...props}>\n    <TaskListStatusIcon status={task.status} />\n    <span className={cn('text-caption', textClasses[task.status])}>{taskLabel(task)}</span>\n  </li>\n);\n\nconst TaskListSummary = ({ task }: { task: TaskListItem }) => (\n  <span className=\"flex min-w-0 flex-1 items-center gap-2\">\n    <TaskListStatusIcon status={task.status} className=\"pt-0\" />\n    <span className={cn('truncate text-caption', textClasses[task.status])}>{taskLabel(task)}</span>\n  </span>\n);\n\nconst TaskListTitle = ({ title }: { title: ReactNode }) => (\n  <span className=\"flex min-w-0 flex-1 items-center gap-2\">\n    <ListChecks className=\"size-4 shrink-0 text-accent6\" />\n    <span className=\"truncate text-column text-foreground\">{title}</span>\n  </span>\n);\n\nconst scrollTaskIntoView = (node: HTMLLIElement | null) => {\n  if (typeof node?.scrollIntoView === 'function') node.scrollIntoView({ block: 'nearest' });\n};\n\nexport interface TaskListProps extends Omit<ComponentProps<typeof TaskListContainer>, 'children' | 'title'> {\n  tasks: TaskListItem[];\n  title?: ReactNode;\n  hideWhenEmpty?: boolean;\n  hideWhenComplete?: boolean;\n  scrollActiveIntoView?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport const TaskList = ({\n  tasks,\n  title = 'Tasks',\n  hideWhenEmpty = true,\n  hideWhenComplete = true,\n  scrollActiveIntoView = true,\n  defaultOpen = true,\n  ...props\n}: TaskListProps) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const activeTask = tasks.find(task => task.status === 'in_progress');\n  const summaryTask = activeTask ?? tasks.find(task => task.status === 'pending');\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  const total = tasks.length;\n\n  if ((hideWhenEmpty && total === 0) || (hideWhenComplete && total > 0 && completed === total)) return null;\n\n  return (\n    <TaskListContainer aria-label=\"Task list\" data-testid=\"task-list\" {...props}>\n      <Collapsible open={open} onOpenChange={setOpen}>\n        <TaskListHeader>\n          <ChevronRight className=\"size-3.5 shrink-0\" />\n          {open || !summaryTask ? <TaskListTitle title={title} /> : <TaskListSummary task={summaryTask} />}\n          <TaskListProgress tasks={tasks} />\n        </TaskListHeader>\n        <CollapsibleContent>\n          <ScrollArea maxHeight=\"8rem\" viewPortClassName=\"pr-1\" className=\"mt-1\">\n            <ul className=\"space-y-1\">\n              {tasks.map(task => (\n                <TaskListRow\n                  key={task.id}\n                  ref={scrollActiveIntoView && task.id === activeTask?.id ? scrollTaskIntoView : undefined}\n                  task={task}\n                />\n              ))}\n            </ul>\n          </ScrollArea>\n        </CollapsibleContent>\n      </Collapsible>\n    </TaskListContainer>\n  );\n};\n"],"names":["jsx","cn","raisedSurfaceStyle","CollapsibleTrigger","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","CheckCircle2","Loader2","Circle","jsxs","ListChecks","useState","Collapsible","ChevronRight","CollapsibleContent","ScrollArea"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 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-B2uUy8w5.js';
-import { S as ScrollArea } from '../../scroll-area-CdQ_5bLm.js';
+import { C as Collapsible, a as CollapsibleContent, b as CollapsibleTrigger } from '../../collapsible-DhhP5p1j.js';
+import { S as ScrollArea } from '../../scroll-area-DyTZoISq.js';
 import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-BrDiP0RI.js';
 import { raisedSurfaceStyle } from '../../primitives/raised-surface.es.js';
 import { c as cn } from '../../cn-65Adrsfj.js';
@@ -56,9 +56,9 @@ const TaskListProgress = ({ tasks, className, ...props }) => {
   ] }) });
 };
 const icons = {
-  completed: /* @__PURE__ */ jsx(CheckCircle2, { className: "text-positive1 size-3.5 shrink-0" }),
-  in_progress: /* @__PURE__ */ jsx(Loader2, { className: "text-warning1 size-3.5 shrink-0 motion-safe:animate-spin" }),
-  pending: /* @__PURE__ */ jsx(Circle, { className: "text-muted-foreground size-3.5 shrink-0" })
+  completed: /* @__PURE__ */ jsx(CheckCircle2, { className: "size-3.5 shrink-0 text-positive1" }),
+  in_progress: /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 shrink-0 text-warning1 motion-safe:animate-spin" }),
+  pending: /* @__PURE__ */ jsx(Circle, { className: "size-3.5 shrink-0 text-muted-foreground" })
 };
 const statusLabels = {
   completed: "Completed",
@@ -81,8 +81,8 @@ const TaskListSummary = ({ task }) => /* @__PURE__ */ jsxs("span", { className:
   /* @__PURE__ */ jsx("span", { className: cn("truncate text-caption", textClasses[task.status]), children: taskLabel(task) })
 ] });
 const TaskListTitle = ({ title }) => /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-  /* @__PURE__ */ jsx(ListChecks, { className: "text-accent6 size-4 shrink-0" }),
-  /* @__PURE__ */ jsx("span", { className: "text-column text-foreground truncate", children: title })
+  /* @__PURE__ */ jsx(ListChecks, { className: "size-4 shrink-0 text-accent6" }),
+  /* @__PURE__ */ jsx("span", { className: "truncate text-column text-foreground", children: title })
 ] });
 const scrollTaskIntoView = (node) => {
   if (typeof node?.scrollIntoView === "function") node.scrollIntoView({ block: "nearest" });

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

@@ -1 +1 @@
-{"version":3,"file":"task-list.es.js","sources":["../../../src/ds/components/ai/task-list/task-list.tsx"],"sourcesContent":["import type { TaskItem } from '@mastra/core/signals';\nimport { CheckCircle2, ChevronRight, Circle, ListChecks, Loader2 } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport type TaskListItem = TaskItem;\n\nexport const TaskListContainer = ({ className, ...props }: ComponentProps<'section'>) => (\n  <section className={cn(raisedSurfaceStyle, 'rounded-2xl px-3 py-2.5', className)} {...props} />\n);\n\nexport const TaskListHeader = ({ className, ...props }: ComponentProps<typeof CollapsibleTrigger>) => (\n  <CollapsibleTrigger\n    className={cn('flex w-full cursor-pointer items-center gap-2 text-left text-muted-foreground', className)}\n    {...props}\n  />\n);\n\nconst barColors: Record<TaskListItem['status'], string> = {\n  completed: 'bg-positive1',\n  in_progress: 'bg-warning1',\n  pending: 'bg-fill-hover',\n};\n\nexport interface TaskListProgressProps extends Omit<ComponentProps<'span'>, 'children'> {\n  tasks: TaskListItem[];\n}\n\nexport const TaskListProgress = ({ tasks, className, ...props }: TaskListProgressProps) => {\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger\n          render={\n            <span\n              role=\"progressbar\"\n              aria-label=\"Task completion\"\n              aria-valuemin={0}\n              aria-valuemax={tasks.length}\n              aria-valuenow={completed}\n              className={cn('ml-auto flex h-4 w-fit max-w-40 shrink-0 items-center gap-1 overflow-hidden', className)}\n              {...props}\n            >\n              {tasks.map(task => (\n                <span\n                  key={task.id}\n                  className={cn('h-full w-0.5 min-w-px shrink rounded-full', barColors[task.status])}\n                />\n              ))}\n            </span>\n          }\n        />\n        <TooltipContent>\n          {completed}/{tasks.length} completed\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nconst icons: Record<TaskListItem['status'], ReactNode> = {\n  completed: <CheckCircle2 className=\"text-positive1 size-3.5 shrink-0\" />,\n  in_progress: <Loader2 className=\"text-warning1 size-3.5 shrink-0 motion-safe:animate-spin\" />,\n  pending: <Circle className=\"text-muted-foreground size-3.5 shrink-0\" />,\n};\n\nconst statusLabels: Record<TaskListItem['status'], string> = {\n  completed: 'Completed',\n  in_progress: 'In progress',\n  pending: 'Pending',\n};\n\nconst textClasses: Record<TaskListItem['status'], string> = {\n  completed: 'text-muted-foreground line-through',\n  in_progress: 'text-column text-warning1',\n  pending: 'text-foreground',\n};\n\nconst taskLabel = (task: TaskListItem) => (task.status === 'in_progress' ? task.activeForm : task.content);\n\nexport interface TaskListStatusIconProps extends ComponentProps<'span'> {\n  status: TaskListItem['status'];\n}\n\nexport const TaskListStatusIcon = ({ status, className, ...props }: TaskListStatusIconProps) => (\n  <span aria-label={statusLabels[status]} className={cn('flex pt-0.5', className)} {...props}>\n    {icons[status]}\n  </span>\n);\n\nexport interface TaskListRowProps extends ComponentProps<'li'> {\n  task: TaskListItem;\n}\n\nexport const TaskListRow = ({ task, className, ...props }: TaskListRowProps) => (\n  <li className={cn('flex items-start gap-2 py-0.5', className)} {...props}>\n    <TaskListStatusIcon status={task.status} />\n    <span className={cn('text-caption', textClasses[task.status])}>{taskLabel(task)}</span>\n  </li>\n);\n\nconst TaskListSummary = ({ task }: { task: TaskListItem }) => (\n  <span className=\"flex min-w-0 flex-1 items-center gap-2\">\n    <TaskListStatusIcon status={task.status} className=\"pt-0\" />\n    <span className={cn('truncate text-caption', textClasses[task.status])}>{taskLabel(task)}</span>\n  </span>\n);\n\nconst TaskListTitle = ({ title }: { title: ReactNode }) => (\n  <span className=\"flex min-w-0 flex-1 items-center gap-2\">\n    <ListChecks className=\"text-accent6 size-4 shrink-0\" />\n    <span className=\"text-column text-foreground truncate\">{title}</span>\n  </span>\n);\n\nconst scrollTaskIntoView = (node: HTMLLIElement | null) => {\n  if (typeof node?.scrollIntoView === 'function') node.scrollIntoView({ block: 'nearest' });\n};\n\nexport interface TaskListProps extends Omit<ComponentProps<typeof TaskListContainer>, 'children' | 'title'> {\n  tasks: TaskListItem[];\n  title?: ReactNode;\n  hideWhenEmpty?: boolean;\n  hideWhenComplete?: boolean;\n  scrollActiveIntoView?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport const TaskList = ({\n  tasks,\n  title = 'Tasks',\n  hideWhenEmpty = true,\n  hideWhenComplete = true,\n  scrollActiveIntoView = true,\n  defaultOpen = true,\n  ...props\n}: TaskListProps) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const activeTask = tasks.find(task => task.status === 'in_progress');\n  const summaryTask = activeTask ?? tasks.find(task => task.status === 'pending');\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  const total = tasks.length;\n\n  if ((hideWhenEmpty && total === 0) || (hideWhenComplete && total > 0 && completed === total)) return null;\n\n  return (\n    <TaskListContainer aria-label=\"Task list\" data-testid=\"task-list\" {...props}>\n      <Collapsible open={open} onOpenChange={setOpen}>\n        <TaskListHeader>\n          <ChevronRight className=\"size-3.5 shrink-0\" />\n          {open || !summaryTask ? <TaskListTitle title={title} /> : <TaskListSummary task={summaryTask} />}\n          <TaskListProgress tasks={tasks} />\n        </TaskListHeader>\n        <CollapsibleContent>\n          <ScrollArea maxHeight=\"8rem\" viewPortClassName=\"pr-1\" className=\"mt-1\">\n            <ul className=\"space-y-1\">\n              {tasks.map(task => (\n                <TaskListRow\n                  key={task.id}\n                  ref={scrollActiveIntoView && task.id === activeTask?.id ? scrollTaskIntoView : undefined}\n                  task={task}\n                />\n              ))}\n            </ul>\n          </ScrollArea>\n        </CollapsibleContent>\n      </Collapsible>\n    </TaskListContainer>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"task-list.es.js","sources":["../../../src/ds/components/ai/task-list/task-list.tsx"],"sourcesContent":["import type { TaskItem } from '@mastra/core/signals';\nimport { CheckCircle2, ChevronRight, Circle, ListChecks, Loader2 } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport type TaskListItem = TaskItem;\n\nexport const TaskListContainer = ({ className, ...props }: ComponentProps<'section'>) => (\n  <section className={cn(raisedSurfaceStyle, 'rounded-2xl px-3 py-2.5', className)} {...props} />\n);\n\nexport const TaskListHeader = ({ className, ...props }: ComponentProps<typeof CollapsibleTrigger>) => (\n  <CollapsibleTrigger\n    className={cn('flex w-full cursor-pointer items-center gap-2 text-left text-muted-foreground', className)}\n    {...props}\n  />\n);\n\nconst barColors: Record<TaskListItem['status'], string> = {\n  completed: 'bg-positive1',\n  in_progress: 'bg-warning1',\n  pending: 'bg-fill-hover',\n};\n\nexport interface TaskListProgressProps extends Omit<ComponentProps<'span'>, 'children'> {\n  tasks: TaskListItem[];\n}\n\nexport const TaskListProgress = ({ tasks, className, ...props }: TaskListProgressProps) => {\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger\n          render={\n            <span\n              role=\"progressbar\"\n              aria-label=\"Task completion\"\n              aria-valuemin={0}\n              aria-valuemax={tasks.length}\n              aria-valuenow={completed}\n              className={cn('ml-auto flex h-4 w-fit max-w-40 shrink-0 items-center gap-1 overflow-hidden', className)}\n              {...props}\n            >\n              {tasks.map(task => (\n                <span\n                  key={task.id}\n                  className={cn('h-full w-0.5 min-w-px shrink rounded-full', barColors[task.status])}\n                />\n              ))}\n            </span>\n          }\n        />\n        <TooltipContent>\n          {completed}/{tasks.length} completed\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nconst icons: Record<TaskListItem['status'], ReactNode> = {\n  completed: <CheckCircle2 className=\"size-3.5 shrink-0 text-positive1\" />,\n  in_progress: <Loader2 className=\"size-3.5 shrink-0 text-warning1 motion-safe:animate-spin\" />,\n  pending: <Circle className=\"size-3.5 shrink-0 text-muted-foreground\" />,\n};\n\nconst statusLabels: Record<TaskListItem['status'], string> = {\n  completed: 'Completed',\n  in_progress: 'In progress',\n  pending: 'Pending',\n};\n\nconst textClasses: Record<TaskListItem['status'], string> = {\n  completed: 'text-muted-foreground line-through',\n  in_progress: 'text-column text-warning1',\n  pending: 'text-foreground',\n};\n\nconst taskLabel = (task: TaskListItem) => (task.status === 'in_progress' ? task.activeForm : task.content);\n\nexport interface TaskListStatusIconProps extends ComponentProps<'span'> {\n  status: TaskListItem['status'];\n}\n\nexport const TaskListStatusIcon = ({ status, className, ...props }: TaskListStatusIconProps) => (\n  <span aria-label={statusLabels[status]} className={cn('flex pt-0.5', className)} {...props}>\n    {icons[status]}\n  </span>\n);\n\nexport interface TaskListRowProps extends ComponentProps<'li'> {\n  task: TaskListItem;\n}\n\nexport const TaskListRow = ({ task, className, ...props }: TaskListRowProps) => (\n  <li className={cn('flex items-start gap-2 py-0.5', className)} {...props}>\n    <TaskListStatusIcon status={task.status} />\n    <span className={cn('text-caption', textClasses[task.status])}>{taskLabel(task)}</span>\n  </li>\n);\n\nconst TaskListSummary = ({ task }: { task: TaskListItem }) => (\n  <span className=\"flex min-w-0 flex-1 items-center gap-2\">\n    <TaskListStatusIcon status={task.status} className=\"pt-0\" />\n    <span className={cn('truncate text-caption', textClasses[task.status])}>{taskLabel(task)}</span>\n  </span>\n);\n\nconst TaskListTitle = ({ title }: { title: ReactNode }) => (\n  <span className=\"flex min-w-0 flex-1 items-center gap-2\">\n    <ListChecks className=\"size-4 shrink-0 text-accent6\" />\n    <span className=\"truncate text-column text-foreground\">{title}</span>\n  </span>\n);\n\nconst scrollTaskIntoView = (node: HTMLLIElement | null) => {\n  if (typeof node?.scrollIntoView === 'function') node.scrollIntoView({ block: 'nearest' });\n};\n\nexport interface TaskListProps extends Omit<ComponentProps<typeof TaskListContainer>, 'children' | 'title'> {\n  tasks: TaskListItem[];\n  title?: ReactNode;\n  hideWhenEmpty?: boolean;\n  hideWhenComplete?: boolean;\n  scrollActiveIntoView?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport const TaskList = ({\n  tasks,\n  title = 'Tasks',\n  hideWhenEmpty = true,\n  hideWhenComplete = true,\n  scrollActiveIntoView = true,\n  defaultOpen = true,\n  ...props\n}: TaskListProps) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const activeTask = tasks.find(task => task.status === 'in_progress');\n  const summaryTask = activeTask ?? tasks.find(task => task.status === 'pending');\n  const completed = tasks.filter(task => task.status === 'completed').length;\n  const total = tasks.length;\n\n  if ((hideWhenEmpty && total === 0) || (hideWhenComplete && total > 0 && completed === total)) return null;\n\n  return (\n    <TaskListContainer aria-label=\"Task list\" data-testid=\"task-list\" {...props}>\n      <Collapsible open={open} onOpenChange={setOpen}>\n        <TaskListHeader>\n          <ChevronRight className=\"size-3.5 shrink-0\" />\n          {open || !summaryTask ? <TaskListTitle title={title} /> : <TaskListSummary task={summaryTask} />}\n          <TaskListProgress tasks={tasks} />\n        </TaskListHeader>\n        <CollapsibleContent>\n          <ScrollArea maxHeight=\"8rem\" viewPortClassName=\"pr-1\" className=\"mt-1\">\n            <ul className=\"space-y-1\">\n              {tasks.map(task => (\n                <TaskListRow\n                  key={task.id}\n                  ref={scrollActiveIntoView && task.id === activeTask?.id ? scrollTaskIntoView : undefined}\n                  task={task}\n                />\n              ))}\n            </ul>\n          </ScrollArea>\n        </CollapsibleContent>\n      </Collapsible>\n    </TaskListContainer>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const toolApproval = require('../../tool-approval-Dys524ty.cjs');
+const toolApproval = require('../../tool-approval-DODxfqk7.cjs');
 
 
 

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

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

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const groupConsecutive = require('../../group-consecutive-KN5O6teY.cjs');
-const toolCall = require('../../tool-call-CMRvRE-v.cjs');
+const toolCall = require('../../tool-call-CNBGnCmO.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const code = require('../../code-DhrdtZce.cjs');
-const codeBlock = require('../../code-block-Cd4u7Bo9.cjs');
+const codeBlock = require('../../code-block-D2q4w1t-.cjs');
 const highlight = require('../../highlight-DK1dn-Fh.cjs');
 const utils_truncateString = require('../../utils/truncate-string.cjs.js');
 const utils_cn = require('../../cn-DG0X1KEP.cjs');
 const toolPresentation = require('../../tool-presentation-BGWx2mEc.cjs');
 const lucideReact = require('lucide-react');
-const scrollArea = require('../../scroll-area-Qjf7e0Ik.cjs');
+const scrollArea = require('../../scroll-area-BzOyuS8Y.cjs');
 const Txt = require('../../Txt-B4-2nLaI.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;
@@ -41,7 +41,7 @@ function DiffSide({ lines, side, lang }) {
   const tokens = highlighted?.code === code$1 ? highlighted.tokens : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: lines.map((line, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex whitespace-pre", row), children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("w-5 shrink-0 text-center opacity-70 select-none", gutter), children: sign }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground flex-1 pr-2.5", children: tokens?.[index]?.map((token, tokenIndex) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shiki-token", style: code.tokenStyle(token), children: token.content }, tokenIndex)) ?? line })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 pr-2.5 text-foreground", children: tokens?.[index]?.map((token, tokenIndex) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shiki-token", style: code.tokenStyle(token), children: token.content }, tokenIndex)) ?? line })
   ] }, index)) });
 }
 function ToolCallEdit({ edit }) {
@@ -63,13 +63,13 @@ function ToolCallEdit({ edit }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: "border-border bg-fill text-caption max-w-full min-w-0 overflow-x-auto rounded-md border font-mono",
+      className: "max-w-full min-w-0 overflow-x-auto rounded-md border border-border bg-fill font-mono text-caption",
       role: "group",
       "aria-label": "File change",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(DiffSide, { lines: removed.lines, side: "removed", lang }),
         /* @__PURE__ */ jsxRuntime.jsx(DiffSide, { lines: added.lines, side: "added", lang }),
-        hidden > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground px-2.5 py-1 select-none", children: [
+        hidden > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-2.5 py-1 text-muted-foreground select-none", children: [
           "… ",
           hidden,
           " more lines"
@@ -125,7 +125,7 @@ function GroupProgress({ steps }) {
     ] });
   }
   const failed = steps.filter((step) => step.status === "error").length;
-  const errorIndicator = failed > 0 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 13, role: "img", "aria-label": "Failed", className: "text-error shrink-0" }) : null;
+  const errorIndicator = failed > 0 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 13, role: "img", "aria-label": "Failed", className: "shrink-0 text-error" }) : null;
   if (steps.some((step) => step.hasResult === void 0)) return errorIndicator;
   const succeeded = steps.filter((step) => step.status === "idle" && step.hasResult).length;
   const incomplete = steps.length - succeeded - failed;
@@ -161,7 +161,7 @@ function ToolCallTime({ at }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "time",
     {
-      className: "text-meta text-muted-foreground shrink-0 tabular-nums",
+      className: "shrink-0 text-meta text-muted-foreground tabular-nums",
       dateTime: time.toISOString(),
       title: calendar.format(time),
       children: clock.format(time)

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-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-foreground 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-border bg-fill text-caption 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-muted-foreground 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-foreground\">\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-placeholder\" />\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=\"meta\" tone=\"muted\" className=\"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=\"meta\" tone=\"muted\" className=\"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-placeholder\" />\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-muted-foreground'}>\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-meta text-muted-foreground 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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"}
+{"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=\"flex-1 pr-2.5 text-foreground\">\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=\"max-w-full min-w-0 overflow-x-auto rounded-md border border-border bg-fill font-mono text-caption\"\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=\"px-2.5 py-1 text-muted-foreground 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-foreground\">\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-placeholder\" />\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=\"meta\" tone=\"muted\" className=\"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=\"shrink-0 text-error\" /> : 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=\"meta\" tone=\"muted\" className=\"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-placeholder\" />\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-muted-foreground'}>\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=\"shrink-0 text-meta text-muted-foreground 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,16 +1,16 @@
 export { T as TOOL_GROUP_MIN, g as groupConsecutive } from '../../group-consecutive-EVLIMgcO.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-K147tCug.js';
-export { m as ToolCallCommand, j as ToolCallPresentedHeader } from '../../tool-call-K147tCug.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-BjAGFbH-.js';
+export { m as ToolCallCommand, j as ToolCallPresentedHeader } from '../../tool-call-BjAGFbH-.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-CSqjpBvb.js';
+import { C as CodeBlock } from '../../code-block-D3BWud_S.js';
 import { l as languageForPath } from '../../highlight-BmpoELR4.js';
 import { truncateString } from '../../utils/truncate-string.es.js';
 import { c as cn } from '../../cn-65Adrsfj.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 { S as ScrollArea } from '../../scroll-area-CdQ_5bLm.js';
+import { S as ScrollArea } from '../../scroll-area-DyTZoISq.js';
 import { T as Txt } from '../../Txt-DTh3Pa_a.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;
@@ -39,7 +39,7 @@ function DiffSide({ lines, side, lang }) {
   const tokens = highlighted?.code === code ? highlighted.tokens : void 0;
   return /* @__PURE__ */ jsx(Fragment, { children: lines.map((line, index) => /* @__PURE__ */ jsxs("div", { className: cn("flex whitespace-pre", row), children: [
     /* @__PURE__ */ jsx("span", { className: cn("w-5 shrink-0 text-center opacity-70 select-none", gutter), children: sign }),
-    /* @__PURE__ */ jsx("span", { className: "text-foreground flex-1 pr-2.5", children: tokens?.[index]?.map((token, tokenIndex) => /* @__PURE__ */ jsx("span", { className: "shiki-token", style: tokenStyle(token), children: token.content }, tokenIndex)) ?? line })
+    /* @__PURE__ */ jsx("span", { className: "flex-1 pr-2.5 text-foreground", children: tokens?.[index]?.map((token, tokenIndex) => /* @__PURE__ */ jsx("span", { className: "shiki-token", style: tokenStyle(token), children: token.content }, tokenIndex)) ?? line })
   ] }, index)) });
 }
 function ToolCallEdit({ edit }) {
@@ -61,13 +61,13 @@ function ToolCallEdit({ edit }) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "border-border bg-fill text-caption max-w-full min-w-0 overflow-x-auto rounded-md border font-mono",
+      className: "max-w-full min-w-0 overflow-x-auto rounded-md border border-border bg-fill font-mono text-caption",
       role: "group",
       "aria-label": "File change",
       children: [
         /* @__PURE__ */ jsx(DiffSide, { lines: removed.lines, side: "removed", lang }),
         /* @__PURE__ */ jsx(DiffSide, { lines: added.lines, side: "added", lang }),
-        hidden > 0 && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground px-2.5 py-1 select-none", children: [
+        hidden > 0 && /* @__PURE__ */ jsxs("div", { className: "px-2.5 py-1 text-muted-foreground select-none", children: [
           "… ",
           hidden,
           " more lines"
@@ -123,7 +123,7 @@ function GroupProgress({ steps }) {
     ] });
   }
   const failed = steps.filter((step) => step.status === "error").length;
-  const errorIndicator = failed > 0 ? /* @__PURE__ */ jsx(X, { size: 13, role: "img", "aria-label": "Failed", className: "text-error shrink-0" }) : null;
+  const errorIndicator = failed > 0 ? /* @__PURE__ */ jsx(X, { size: 13, role: "img", "aria-label": "Failed", className: "shrink-0 text-error" }) : null;
   if (steps.some((step) => step.hasResult === void 0)) return errorIndicator;
   const succeeded = steps.filter((step) => step.status === "idle" && step.hasResult).length;
   const incomplete = steps.length - succeeded - failed;
@@ -159,7 +159,7 @@ function ToolCallTime({ at }) {
   return /* @__PURE__ */ jsx(
     "time",
     {
-      className: "text-meta text-muted-foreground shrink-0 tabular-nums",
+      className: "shrink-0 text-meta text-muted-foreground tabular-nums",
       dateTime: time.toISOString(),
       title: calendar.format(time),
       children: clock.format(time)