@mastra/playground-ui 56.0.0-alpha.9 → 56.0.0

package/dist/tooltip-BrDiP0RI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-BrDiP0RI.js","sources":["../src/ds/components/Tooltip/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';\nimport type { TooltipPopupProps, TooltipPositionerProps } from '@base-ui/react/tooltip';\nimport * as React from 'react';\n\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\ntype TooltipProviderProps = Omit<TooltipPrimitive.Provider.Props, 'delay' | 'timeout'> & {\n  delay?: number;\n  timeout?: number;\n  /** Radix API compatibility alias for `delay`. */\n  delayDuration?: number;\n  /** Radix API compatibility alias for `timeout`. */\n  skipDelayDuration?: number;\n};\n\nfunction TooltipProvider({ delay, delayDuration, timeout, skipDelayDuration, ...props }: TooltipProviderProps) {\n  const resolvedDelay = delay ?? delayDuration;\n  const resolvedTimeout = timeout ?? skipDelayDuration;\n  return (\n    <TooltipPrimitive.Provider\n      {...(resolvedDelay !== undefined ? { delay: resolvedDelay } : {})}\n      {...(resolvedTimeout !== undefined ? { timeout: resolvedTimeout } : {})}\n      {...props}\n    />\n  );\n}\n\nconst Tooltip = TooltipPrimitive.Root;\n\ntype TooltipTriggerProps = TooltipPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst TooltipTrigger = React.forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  ({ asChild, render, children, ...props }, ref) => {\n    if (asChild && React.isValidElement(children)) {\n      return <TooltipPrimitive.Trigger ref={ref} render={children} {...props} />;\n    }\n    return (\n      <TooltipPrimitive.Trigger ref={ref} render={render} {...props}>\n        {children}\n      </TooltipPrimitive.Trigger>\n    );\n  },\n);\nTooltipTrigger.displayName = 'TooltipTrigger';\n\ntype TooltipContentPositionerProps = Omit<TooltipPositionerProps, keyof TooltipPopupProps>;\n\ntype TooltipContentProps = TooltipPopupProps & TooltipContentPositionerProps;\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  (\n    {\n      className,\n      side = 'top',\n      sideOffset = 8,\n      align = 'center',\n      alignOffset = 0,\n      arrowPadding = 10,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const positionerProps: TooltipContentPositionerProps = {\n      side,\n      sideOffset,\n      align,\n      alignOffset,\n      arrowPadding,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Positioner className=\"isolate z-100\" {...positionerProps}>\n          <TooltipPrimitive.Popup\n            ref={ref}\n            // Base UI omits the tooltip role queried by existing consumers.\n            role=\"tooltip\"\n            className={cn(\n              'relative z-100 flex origin-(--transform-origin) flex-col rounded-lg px-2.5 py-1.5 text-caption text-foreground transition-[transform,scale,opacity] duration-150',\n              overlaySurfaceStyle,\n              'data-[starting-style]:scale-95 data-[starting-style]:opacity-0',\n              'data-[ending-style]:scale-95 data-[ending-style]:opacity-0',\n              'data-[instant]:transition-none motion-reduce:transition-none',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n            <TooltipPrimitive.Arrow\n              className={cn(\n                'flex',\n                'data-[side=top]:-bottom-[7px] data-[side=top]:rotate-180',\n                'data-[side=bottom]:-top-[7px]',\n                'data-[side=left]:right-[-9px] data-[side=left]:rotate-90',\n                'data-[side=right]:left-[-9px] data-[side=right]:-rotate-90',\n              )}\n            >\n              <TooltipArrowSvg />\n            </TooltipPrimitive.Arrow>\n          </TooltipPrimitive.Popup>\n        </TooltipPrimitive.Positioner>\n      </TooltipPrimitive.Portal>\n    );\n  },\n);\nTooltipContent.displayName = 'TooltipContent';\n\n// The arrow is the popup's edge, continued: same fill, and a stroke on the one\n// rim the overlay material draws. It overlaps that edge by a pixel so its base\n// band paints over the rim, which is inset and would otherwise run straight\n// across the arrow's mouth.\nfunction TooltipArrowSvg() {\n  return (\n    <svg width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" overflow=\"visible\">\n      <path d=\"M0 7L4 2Q6 0 8 2L12 7L12 8L0 8Z\" className=\"fill-card\" />\n      <path\n        d=\"M0 7.5L4 2.5Q6 0.5 8 2.5L12 7.5\"\n        className=\"fill-none [stroke:var(--surface-rim)]\"\n        strokeWidth=\"1\"\n        strokeLinejoin=\"round\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"names":["TooltipPrimitive"],"mappings":"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"}

package/dist/tooltip-FvWL16Xn.cjs

@@ -0,0 +1,138 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const tooltip = require('@base-ui/react/tooltip');
+const React = require('react');
+const primitives_floating = require('./primitives/floating.cjs.js');
+const primitives_raisedSurface = require('./primitives/raised-surface.cjs.js');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function TooltipProvider({ delay, delayDuration, timeout, skipDelayDuration, ...props }) {
+  const resolvedDelay = delay ?? delayDuration;
+  const resolvedTimeout = timeout ?? skipDelayDuration;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    tooltip.Tooltip.Provider,
+    {
+      ...resolvedDelay !== void 0 ? { delay: resolvedDelay } : {},
+      ...resolvedTimeout !== void 0 ? { timeout: resolvedTimeout } : {},
+      ...props
+    }
+  );
+}
+const Tooltip = tooltip.Tooltip.Root;
+const TooltipTrigger = React__namespace.forwardRef(
+  ({ asChild, render, children, ...props }, ref) => {
+    if (asChild && React__namespace.isValidElement(children)) {
+      return /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Trigger, { ref, render: children, ...props });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Trigger, { ref, render, ...props, children });
+  }
+);
+TooltipTrigger.displayName = "TooltipTrigger";
+const TooltipContent = React__namespace.forwardRef(
+  ({
+    className,
+    side = "top",
+    sideOffset = 8,
+    align = "center",
+    alignOffset = 0,
+    arrowPadding = 10,
+    anchor,
+    positionMethod = primitives_floating.FLOATING_POSITION_METHOD,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    disableAnchorTracking,
+    collisionAvoidance,
+    children,
+    ...props
+  }, ref) => {
+    const positionerProps = {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      arrowPadding,
+      anchor,
+      positionMethod,
+      collisionBoundary,
+      collisionPadding,
+      sticky,
+      disableAnchorTracking,
+      collisionAvoidance
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Positioner, { className: "isolate z-100", ...positionerProps, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      tooltip.Tooltip.Popup,
+      {
+        ref,
+        role: "tooltip",
+        className: utils_cn.cn(
+          "relative z-100 flex origin-(--transform-origin) flex-col rounded-lg px-2.5 py-1.5 text-caption text-foreground transition-[transform,scale,opacity] duration-150",
+          primitives_raisedSurface.overlaySurfaceStyle,
+          "data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
+          "data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
+          "data-[instant]:transition-none motion-reduce:transition-none",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            tooltip.Tooltip.Arrow,
+            {
+              className: utils_cn.cn(
+                "flex",
+                "data-[side=top]:-bottom-[7px] data-[side=top]:rotate-180",
+                "data-[side=bottom]:-top-[7px]",
+                "data-[side=left]:right-[-9px] data-[side=left]:rotate-90",
+                "data-[side=right]:left-[-9px] data-[side=right]:-rotate-90"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(TooltipArrowSvg, {})
+            }
+          )
+        ]
+      }
+    ) }) });
+  }
+);
+TooltipContent.displayName = "TooltipContent";
+function TooltipArrowSvg() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 7L4 2Q6 0 8 2L12 7L12 8L0 8Z", className: "fill-card" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M0 7.5L4 2.5Q6 0.5 8 2.5L12 7.5",
+        className: "fill-none [stroke:var(--surface-rim)]",
+        strokeWidth: "1",
+        strokeLinejoin: "round",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+//# sourceMappingURL=tooltip-FvWL16Xn.cjs.map

package/dist/tooltip-FvWL16Xn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-FvWL16Xn.cjs","sources":["../src/ds/components/Tooltip/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';\nimport type { TooltipPopupProps, TooltipPositionerProps } from '@base-ui/react/tooltip';\nimport * as React from 'react';\n\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\ntype TooltipProviderProps = Omit<TooltipPrimitive.Provider.Props, 'delay' | 'timeout'> & {\n  delay?: number;\n  timeout?: number;\n  /** Radix API compatibility alias for `delay`. */\n  delayDuration?: number;\n  /** Radix API compatibility alias for `timeout`. */\n  skipDelayDuration?: number;\n};\n\nfunction TooltipProvider({ delay, delayDuration, timeout, skipDelayDuration, ...props }: TooltipProviderProps) {\n  const resolvedDelay = delay ?? delayDuration;\n  const resolvedTimeout = timeout ?? skipDelayDuration;\n  return (\n    <TooltipPrimitive.Provider\n      {...(resolvedDelay !== undefined ? { delay: resolvedDelay } : {})}\n      {...(resolvedTimeout !== undefined ? { timeout: resolvedTimeout } : {})}\n      {...props}\n    />\n  );\n}\n\nconst Tooltip = TooltipPrimitive.Root;\n\ntype TooltipTriggerProps = TooltipPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst TooltipTrigger = React.forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  ({ asChild, render, children, ...props }, ref) => {\n    if (asChild && React.isValidElement(children)) {\n      return <TooltipPrimitive.Trigger ref={ref} render={children} {...props} />;\n    }\n    return (\n      <TooltipPrimitive.Trigger ref={ref} render={render} {...props}>\n        {children}\n      </TooltipPrimitive.Trigger>\n    );\n  },\n);\nTooltipTrigger.displayName = 'TooltipTrigger';\n\ntype TooltipContentPositionerProps = Omit<TooltipPositionerProps, keyof TooltipPopupProps>;\n\ntype TooltipContentProps = TooltipPopupProps & TooltipContentPositionerProps;\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  (\n    {\n      className,\n      side = 'top',\n      sideOffset = 8,\n      align = 'center',\n      alignOffset = 0,\n      arrowPadding = 10,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const positionerProps: TooltipContentPositionerProps = {\n      side,\n      sideOffset,\n      align,\n      alignOffset,\n      arrowPadding,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Positioner className=\"isolate z-100\" {...positionerProps}>\n          <TooltipPrimitive.Popup\n            ref={ref}\n            // Base UI omits the tooltip role queried by existing consumers.\n            role=\"tooltip\"\n            className={cn(\n              'relative z-100 flex origin-(--transform-origin) flex-col rounded-lg px-2.5 py-1.5 text-caption text-foreground transition-[transform,scale,opacity] duration-150',\n              overlaySurfaceStyle,\n              'data-[starting-style]:scale-95 data-[starting-style]:opacity-0',\n              'data-[ending-style]:scale-95 data-[ending-style]:opacity-0',\n              'data-[instant]:transition-none motion-reduce:transition-none',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n            <TooltipPrimitive.Arrow\n              className={cn(\n                'flex',\n                'data-[side=top]:-bottom-[7px] data-[side=top]:rotate-180',\n                'data-[side=bottom]:-top-[7px]',\n                'data-[side=left]:right-[-9px] data-[side=left]:rotate-90',\n                'data-[side=right]:left-[-9px] data-[side=right]:-rotate-90',\n              )}\n            >\n              <TooltipArrowSvg />\n            </TooltipPrimitive.Arrow>\n          </TooltipPrimitive.Popup>\n        </TooltipPrimitive.Positioner>\n      </TooltipPrimitive.Portal>\n    );\n  },\n);\nTooltipContent.displayName = 'TooltipContent';\n\n// The arrow is the popup's edge, continued: same fill, and a stroke on the one\n// rim the overlay material draws. It overlaps that edge by a pixel so its base\n// band paints over the rim, which is inset and would otherwise run straight\n// across the arrow's mouth.\nfunction TooltipArrowSvg() {\n  return (\n    <svg width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" overflow=\"visible\">\n      <path d=\"M0 7L4 2Q6 0 8 2L12 7L12 8L0 8Z\" className=\"fill-card\" />\n      <path\n        d=\"M0 7.5L4 2.5Q6 0.5 8 2.5L12 7.5\"\n        className=\"fill-none [stroke:var(--surface-rim)]\"\n        strokeWidth=\"1\"\n        strokeLinejoin=\"round\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"names":["jsx","TooltipPrimitive","React","FLOATING_POSITION_METHOD","jsxs","cn","overlaySurfaceStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,aAAA,EAAe,SAAS,iBAAA,EAAmB,GAAG,OAAM,EAAyB;AAC7G,EAAA,MAAM,gBAAgB,KAAA,IAAS,aAAA;AAC/B,EAAA,MAAM,kBAAkB,OAAA,IAAW,iBAAA;AACnC,EAAA,uBACEA,cAAA;AAAA,IAACC,eAAA,CAAiB,QAAA;AAAA,IAAjB;AAAA,MACE,GAAI,aAAA,KAAkB,MAAA,GAAY,EAAE,KAAA,EAAO,aAAA,KAAkB,EAAC;AAAA,MAC9D,GAAI,eAAA,KAAoB,MAAA,GAAY,EAAE,OAAA,EAAS,eAAA,KAAoB,EAAC;AAAA,MACpE,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,MAAM,UAAUA,eAAA,CAAiB;AAOjC,MAAM,iBAAiBC,gBAAA,CAAM,UAAA;AAAA,EAC3B,CAAC,EAAE,OAAA,EAAS,MAAA,EAAQ,UAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAChD,IAAA,IAAI,OAAA,IAAWA,gBAAA,CAAM,cAAA,CAAe,QAAQ,CAAA,EAAG;AAC7C,MAAA,uBAAOF,cAAA,CAACC,gBAAiB,OAAA,EAAjB,EAAyB,KAAU,MAAA,EAAQ,QAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAAA,IAC1E;AACA,IAAA,uBACED,cAAA,CAACC,gBAAiB,OAAA,EAAjB,EAAyB,KAAU,MAAA,EAAiB,GAAG,OACrD,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAM7B,MAAM,iBAAiBC,gBAAA,CAAM,UAAA;AAAA,EAC3B,CACE;AAAA,IACE,SAAA;AAAA,IACA,IAAA,GAAO,KAAA;AAAA,IACP,UAAA,GAAa,CAAA;AAAA,IACb,KAAA,GAAQ,QAAA;AAAA,IACR,WAAA,GAAc,CAAA;AAAA,IACd,YAAA,GAAe,EAAA;AAAA,IACf,MAAA;AAAA,IACA,cAAA,GAAiBC,4CAAA;AAAA,IACjB,iBAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,IACA,qBAAA;AAAA,IACA,kBAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,eAAA,GAAiD;AAAA,MACrD,IAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,qBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,uBACEH,cAAA,CAACC,eAAA,CAAiB,MAAA,EAAjB,EACC,QAAA,kBAAAD,cAAA,CAACC,eAAA,CAAiB,UAAA,EAAjB,EAA4B,SAAA,EAAU,eAAA,EAAiB,GAAG,eAAA,EACzD,QAAA,kBAAAG,eAAA;AAAA,MAACH,eAAA,CAAiB,KAAA;AAAA,MAAjB;AAAA,QACC,GAAA;AAAA,QAEA,IAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAWI,WAAA;AAAA,UACT,kKAAA;AAAA,UACAC,4CAAA;AAAA,UACA,gEAAA;AAAA,UACA,4DAAA;AAAA,UACA,8DAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BACDN,cAAA;AAAA,YAACC,eAAA,CAAiB,KAAA;AAAA,YAAjB;AAAA,cACC,SAAA,EAAWI,WAAA;AAAA,gBACT,MAAA;AAAA,gBACA,0DAAA;AAAA,gBACA,+BAAA;AAAA,gBACA,0DAAA;AAAA,gBACA;AAAA,eACF;AAAA,cAEA,yCAAC,eAAA,EAAA,EAAgB;AAAA;AAAA;AACnB;AAAA;AAAA,OAEJ,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAM7B,SAAS,eAAA,GAAkB;AACzB,EAAA,uBACED,eAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,GAAA,EAAI,OAAA,EAAQ,UAAA,EAAW,IAAA,EAAK,MAAA,EAAO,QAAA,EAAS,SAAA,EACjE,QAAA,EAAA;AAAA,oBAAAJ,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iCAAA,EAAkC,SAAA,EAAU,WAAA,EAAY,CAAA;AAAA,oBAChEA,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAA,EAAE,iCAAA;AAAA,QACF,SAAA,EAAU,uCAAA;AAAA,QACV,WAAA,EAAY,GAAA;AAAA,QACZ,cAAA,EAAe,OAAA;AAAA,QACf,aAAA,EAAc;AAAA;AAAA;AAChB,GAAA,EACF,CAAA;AAEJ;;;;;;;"}

package/dist/traces-data-list-B3q_cy6c.cjs

@@ -0,0 +1,97 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const dataListTop = require('./data-list-top-RK_yX6z8.cjs');
+const dataListSpacer = require('./data-list-spacer-EWo65MrK.cjs');
+const dataList = require('./data-list-CypPKOQ_.cjs');
+const lucideReact = require('lucide-react');
+const Badge = require('./Badge-BEeYtjmv.cjs');
+const tooltip = require('./tooltip-FvWL16Xn.cjs');
+const icons_AgentIcon = require('./icons/AgentIcon.cjs.js');
+const icons_McpServerIcon = require('./icons/McpServerIcon.cjs.js');
+const icons_MemoryIcon = require('./icons/MemoryIcon.cjs.js');
+const icons_ProcessorIcon = require('./icons/ProcessorIcon.cjs.js');
+const icons_ScorersIcon = require('./icons/ScorersIcon.cjs.js');
+const icons_ToolsIcon = require('./icons/ToolsIcon.cjs.js');
+const icons_WorkflowIcon = require('./icons/WorkflowIcon.cjs.js');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }) {
+  const isRoot = parentSpanId == null;
+  const Icon = isRoot ? lucideReact.ListTreeIcon : lucideReact.CornerDownRightIcon;
+  const label = isRoot ? "Trace" : "Subtrace";
+  const icon = /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": label, className: "inline-flex shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: utils_cn.cn("size-4 shrink-0", isRoot ? "text-muted-foreground" : "text-placeholder"), "aria-hidden": true }) });
+  return /* @__PURE__ */ jsxRuntime.jsxs(dataListTop.DataListCell, { className: "text-body-sm text-muted-foreground flex min-w-0 items-center gap-2", children: [
+    showLevelTooltip ? /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: icon }),
+      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: label })
+    ] }) : icon,
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: name || "-" })
+  ] });
+}
+function TracesDataListInputCell({ input }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListTextCell, { font: "mono", children: input || "-" });
+}
+const ENTITY_TYPE_DISPLAY = {
+  agent: { label: "Agent", Icon: icons_AgentIcon.AgentIcon },
+  workflow: { label: "Workflow", Icon: icons_WorkflowIcon.WorkflowIcon },
+  workflow_run: { label: "Workflow", Icon: icons_WorkflowIcon.WorkflowIcon },
+  workflow_step: { label: "Step", Icon: icons_WorkflowIcon.WorkflowIcon },
+  tool: { label: "Tool", Icon: icons_ToolsIcon.ToolsIcon },
+  scorer: { label: "Scorer", Icon: icons_ScorersIcon.ScorersIcon },
+  memory: { label: "Memory", Icon: icons_MemoryIcon.MemoryIcon },
+  mcp_server: { label: "MCP Server", Icon: icons_McpServerIcon.McpServerIcon },
+  input_processor: { label: "Processor", Icon: icons_ProcessorIcon.ProcessorIcon },
+  input_step_processor: { label: "Processor", Icon: icons_ProcessorIcon.ProcessorIcon },
+  output_processor: { label: "Processor", Icon: icons_ProcessorIcon.ProcessorIcon },
+  output_step_processor: { label: "Processor", Icon: icons_ProcessorIcon.ProcessorIcon },
+  tool_result_processor: { label: "Processor", Icon: icons_ProcessorIcon.ProcessorIcon },
+  rag_ingestion: { label: "RAG", Icon: lucideReact.DatabaseIcon },
+  trajectory: { label: "Trajectory", Icon: lucideReact.RouteIcon }
+};
+function TracesDataListTypeCell({ entityType }) {
+  const display = entityType ? ENTITY_TYPE_DISPLAY[entityType.toLowerCase()] : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { className: "flex min-w-0 items-center gap-2", children: display ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(display.Icon, { className: "text-placeholder size-3.5 shrink-0", "aria-hidden": true }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-body-sm min-w-0 truncate", children: display.label })
+  ] }) : "-" });
+}
+const UNSET_STATUS_CONFIG = { label: "-", variant: "neutral" };
+const STATUS_CONFIG = {
+  completed: { label: "OK", variant: "green" },
+  ok: { label: "OK", variant: "green" },
+  success: { label: "OK", variant: "green" },
+  error: { label: "ERR", variant: "red" },
+  running: { label: "RUN", variant: "neutral" },
+  unset: UNSET_STATUS_CONFIG
+};
+function TracesDataListStatusCell({ status }) {
+  const key = (status ?? "unset").toLowerCase();
+  const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: config.variant, children: config.label }) });
+}
+
+function TracesDataListRoot(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListRoot, { ...props });
+}
+const TracesDataList = Object.assign(TracesDataListRoot, {
+  Top: dataListTop.DataListTop,
+  TopCell: dataListTop.DataListTopCell,
+  SortableTopCell: dataListSpacer.DataListSortableTopCell,
+  TopCellWithTooltip: dataListTop.DataListTopCellWithTooltip,
+  RowButton: dataListSpacer.DataListRowButton,
+  NoMatch: dataListSpacer.DataListNoMatch,
+  Subheader: dataList.DataListSubheader,
+  SubHeading: dataList.DataListSubHeading,
+  Spacer: dataListSpacer.DataListSpacer,
+  IdCell: dataListTop.DataListIdCell,
+  CreatedCell: dataListTop.DataListCreatedCell,
+  NameCell: TracesDataListNameCell,
+  InputCell: TracesDataListInputCell,
+  TypeCell: TracesDataListTypeCell,
+  StatusCell: TracesDataListStatusCell,
+  NextPageLoading: dataListSpacer.DataListNextPageLoading
+});
+
+exports.TracesDataList = TracesDataList;
+//# sourceMappingURL=traces-data-list-B3q_cy6c.cjs.map

package/dist/traces-data-list-B3q_cy6c.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-data-list-B3q_cy6c.cjs","sources":["../src/ds/components/DataList/TracesDataList/traces-data-list-cells.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list.tsx"],"sourcesContent":["import { CornerDownRightIcon, DatabaseIcon, ListTreeIcon, RouteIcon } from 'lucide-react';\nimport type { ComponentType, SVGProps } from 'react';\nimport { DataListCell, DataListTextCell } from '../data-list-cells';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { McpServerIcon } from '@/ds/icons/McpServerIcon';\nimport { MemoryIcon } from '@/ds/icons/MemoryIcon';\nimport { ProcessorIcon } from '@/ds/icons/ProcessorIcon';\nimport { ScorersIcon } from '@/ds/icons/ScorersIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// NameCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListNameCellProps {\n  name?: string | null;\n  /** `null`/missing → root span (Trace). Set → nested span (Subtrace). Drives the leading level icon. */\n  parentSpanId?: string | null;\n  /** When true, the leading level icon is wrapped in a Trace/Subtrace tooltip. Off by default —\n   *  only meaningful in branches mode, where rows mix root traces and subtraces. */\n  showLevelTooltip?: boolean;\n}\n\nexport function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }: TracesDataListNameCellProps) {\n  const isRoot = parentSpanId == null;\n  const Icon = isRoot ? ListTreeIcon : CornerDownRightIcon;\n  const label = isRoot ? 'Trace' : 'Subtrace';\n  const icon = (\n    <span aria-label={label} className=\"inline-flex shrink-0\">\n      <Icon className={cn('size-4 shrink-0', isRoot ? 'text-muted-foreground' : 'text-placeholder')} aria-hidden />\n    </span>\n  );\n  return (\n    <DataListCell className=\"text-body-sm text-muted-foreground flex min-w-0 items-center gap-2\">\n      {showLevelTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{icon}</TooltipTrigger>\n          <TooltipContent>{label}</TooltipContent>\n        </Tooltip>\n      ) : (\n        icon\n      )}\n      <span className=\"min-w-0 truncate\">{name || '-'}</span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListInputCellProps {\n  input?: string | null;\n}\n\nexport function TracesDataListInputCell({ input }: TracesDataListInputCellProps) {\n  return <DataListTextCell font=\"mono\">{input || '-'}</DataListTextCell>;\n}\n\n// ---------------------------------------------------------------------------\n// TypeCell\n// ---------------------------------------------------------------------------\n\ntype EntityTypeDisplay = { label: string; Icon: ComponentType<SVGProps<SVGSVGElement>> };\n\n// Keys are lowercase `EntityType` enum values (plus legacy `workflow`).\nconst ENTITY_TYPE_DISPLAY: Record<string, EntityTypeDisplay> = {\n  agent: { label: 'Agent', Icon: AgentIcon },\n  workflow: { label: 'Workflow', Icon: WorkflowIcon },\n  workflow_run: { label: 'Workflow', Icon: WorkflowIcon },\n  workflow_step: { label: 'Step', Icon: WorkflowIcon },\n  tool: { label: 'Tool', Icon: ToolsIcon },\n  scorer: { label: 'Scorer', Icon: ScorersIcon },\n  memory: { label: 'Memory', Icon: MemoryIcon },\n  mcp_server: { label: 'MCP Server', Icon: McpServerIcon },\n  input_processor: { label: 'Processor', Icon: ProcessorIcon },\n  input_step_processor: { label: 'Processor', Icon: ProcessorIcon },\n  output_processor: { label: 'Processor', Icon: ProcessorIcon },\n  output_step_processor: { label: 'Processor', Icon: ProcessorIcon },\n  tool_result_processor: { label: 'Processor', Icon: ProcessorIcon },\n  rag_ingestion: { label: 'RAG', Icon: DatabaseIcon },\n  trajectory: { label: 'Trajectory', Icon: RouteIcon },\n};\n\nexport interface TracesDataListTypeCellProps {\n  entityType?: string | null;\n}\n\nexport function TracesDataListTypeCell({ entityType }: TracesDataListTypeCellProps) {\n  const display = entityType ? ENTITY_TYPE_DISPLAY[entityType.toLowerCase()] : undefined;\n\n  return (\n    <DataListCell className=\"flex min-w-0 items-center gap-2\">\n      {display ? (\n        <>\n          <display.Icon className=\"text-placeholder size-3.5 shrink-0\" aria-hidden />\n          <span className=\"text-body-sm min-w-0 truncate\">{display.label}</span>\n        </>\n      ) : (\n        '-'\n      )}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// StatusCell\n// ---------------------------------------------------------------------------\n\nconst UNSET_STATUS_CONFIG: { label: string; variant: BadgeVariant } = { label: '-', variant: 'neutral' };\n\nconst STATUS_CONFIG: Record<string, { label: string; variant: BadgeVariant }> = {\n  completed: { label: 'OK', variant: 'green' },\n  ok: { label: 'OK', variant: 'green' },\n  success: { label: 'OK', variant: 'green' },\n  error: { label: 'ERR', variant: 'red' },\n  running: { label: 'RUN', variant: 'neutral' },\n  unset: UNSET_STATUS_CONFIG,\n};\n\nexport interface TracesDataListStatusCellProps {\n  status?: string | null;\n}\n\nexport function TracesDataListStatusCell({ status }: TracesDataListStatusCellProps) {\n  const key = (status ?? 'unset').toLowerCase();\n  const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;\n\n  return (\n    <DataListCell>\n      <Badge size=\"xs\" variant={config.variant}>\n        {config.label}\n      </Badge>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListCreatedCell, DataListIdCell } from '../data-list-cells';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListSortableTopCell } from '../data-list-sortable-top-cell';\nimport { DataListSpacer } from '../data-list-spacer';\nimport { DataListSubheader } from '../data-list-subheader';\nimport { DataListSubHeading } from '../data-list-subheading';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell, DataListTopCellWithTooltip } from '../data-list-top-cell';\nimport {\n  TracesDataListNameCell,\n  TracesDataListInputCell,\n  TracesDataListTypeCell,\n  TracesDataListStatusCell,\n} from './traces-data-list-cells';\n\n// oxlint-disable-next-line react/only-export-components -- compound component root, same pattern as ScoresDataList\n// eslint-disable-next-line react-refresh/only-export-components -- compound component root, same pattern as ScoresDataList\nfunction TracesDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const TracesDataList = Object.assign(TracesDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  SortableTopCell: DataListSortableTopCell,\n  TopCellWithTooltip: DataListTopCellWithTooltip,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  Subheader: DataListSubheader,\n  SubHeading: DataListSubHeading,\n  Spacer: DataListSpacer,\n  IdCell: DataListIdCell,\n  CreatedCell: DataListCreatedCell,\n  NameCell: TracesDataListNameCell,\n  InputCell: TracesDataListInputCell,\n  TypeCell: TracesDataListTypeCell,\n  StatusCell: TracesDataListStatusCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"names":["ListTreeIcon","CornerDownRightIcon","jsx","cn","jsxs","DataListCell","Tooltip","TooltipTrigger","TooltipContent","DataListTextCell","AgentIcon","WorkflowIcon","ToolsIcon","ScorersIcon","MemoryIcon","McpServerIcon","ProcessorIcon","DatabaseIcon","RouteIcon","Fragment","Badge","DataListRoot","DataListTop","DataListTopCell","DataListSortableTopCell","DataListTopCellWithTooltip","DataListRowButton","DataListNoMatch","DataListSubheader","DataListSubHeading","DataListSpacer","DataListIdCell","DataListCreatedCell","DataListNextPageLoading"],"mappings":"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"}

package/dist/traces-data-list-CDNE9P8W.js

@@ -0,0 +1,95 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { c as DataListCell, e as DataListTextCell, j as DataListCreatedCell, k as DataListIdCell, i as DataListTopCellWithTooltip, b as DataListTopCell, a as DataListTop, D as DataListRoot } from './data-list-top-DLwt_Sv-.js';
+import { D as DataListNextPageLoading, b as DataListSpacer, a as DataListNoMatch, d as DataListRowButton, f as DataListSortableTopCell } from './data-list-spacer-DRHNUeeP.js';
+import { a as DataListSubHeading, b as DataListSubheader } from './data-list-DnSdaRES.js';
+import { RouteIcon, DatabaseIcon, ListTreeIcon, CornerDownRightIcon } from 'lucide-react';
+import { B as Badge } from './Badge-TD55_qZJ.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-BrDiP0RI.js';
+import { AgentIcon } from './icons/AgentIcon.es.js';
+import { McpServerIcon } from './icons/McpServerIcon.es.js';
+import { MemoryIcon } from './icons/MemoryIcon.es.js';
+import { ProcessorIcon } from './icons/ProcessorIcon.es.js';
+import { ScorersIcon } from './icons/ScorersIcon.es.js';
+import { ToolsIcon } from './icons/ToolsIcon.es.js';
+import { WorkflowIcon } from './icons/WorkflowIcon.es.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }) {
+  const isRoot = parentSpanId == null;
+  const Icon = isRoot ? ListTreeIcon : CornerDownRightIcon;
+  const label = isRoot ? "Trace" : "Subtrace";
+  const icon = /* @__PURE__ */ jsx("span", { "aria-label": label, className: "inline-flex shrink-0", children: /* @__PURE__ */ jsx(Icon, { className: cn("size-4 shrink-0", isRoot ? "text-muted-foreground" : "text-placeholder"), "aria-hidden": true }) });
+  return /* @__PURE__ */ jsxs(DataListCell, { className: "text-body-sm text-muted-foreground flex min-w-0 items-center gap-2", children: [
+    showLevelTooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: icon }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: label })
+    ] }) : icon,
+    /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: name || "-" })
+  ] });
+}
+function TracesDataListInputCell({ input }) {
+  return /* @__PURE__ */ jsx(DataListTextCell, { font: "mono", children: input || "-" });
+}
+const ENTITY_TYPE_DISPLAY = {
+  agent: { label: "Agent", Icon: AgentIcon },
+  workflow: { label: "Workflow", Icon: WorkflowIcon },
+  workflow_run: { label: "Workflow", Icon: WorkflowIcon },
+  workflow_step: { label: "Step", Icon: WorkflowIcon },
+  tool: { label: "Tool", Icon: ToolsIcon },
+  scorer: { label: "Scorer", Icon: ScorersIcon },
+  memory: { label: "Memory", Icon: MemoryIcon },
+  mcp_server: { label: "MCP Server", Icon: McpServerIcon },
+  input_processor: { label: "Processor", Icon: ProcessorIcon },
+  input_step_processor: { label: "Processor", Icon: ProcessorIcon },
+  output_processor: { label: "Processor", Icon: ProcessorIcon },
+  output_step_processor: { label: "Processor", Icon: ProcessorIcon },
+  tool_result_processor: { label: "Processor", Icon: ProcessorIcon },
+  rag_ingestion: { label: "RAG", Icon: DatabaseIcon },
+  trajectory: { label: "Trajectory", Icon: RouteIcon }
+};
+function TracesDataListTypeCell({ entityType }) {
+  const display = entityType ? ENTITY_TYPE_DISPLAY[entityType.toLowerCase()] : void 0;
+  return /* @__PURE__ */ jsx(DataListCell, { className: "flex min-w-0 items-center gap-2", children: display ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(display.Icon, { className: "text-placeholder size-3.5 shrink-0", "aria-hidden": true }),
+    /* @__PURE__ */ jsx("span", { className: "text-body-sm min-w-0 truncate", children: display.label })
+  ] }) : "-" });
+}
+const UNSET_STATUS_CONFIG = { label: "-", variant: "neutral" };
+const STATUS_CONFIG = {
+  completed: { label: "OK", variant: "green" },
+  ok: { label: "OK", variant: "green" },
+  success: { label: "OK", variant: "green" },
+  error: { label: "ERR", variant: "red" },
+  running: { label: "RUN", variant: "neutral" },
+  unset: UNSET_STATUS_CONFIG
+};
+function TracesDataListStatusCell({ status }) {
+  const key = (status ?? "unset").toLowerCase();
+  const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;
+  return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx(Badge, { size: "xs", variant: config.variant, children: config.label }) });
+}
+
+function TracesDataListRoot(props) {
+  return /* @__PURE__ */ jsx(DataListRoot, { ...props });
+}
+const TracesDataList = Object.assign(TracesDataListRoot, {
+  Top: DataListTop,
+  TopCell: DataListTopCell,
+  SortableTopCell: DataListSortableTopCell,
+  TopCellWithTooltip: DataListTopCellWithTooltip,
+  RowButton: DataListRowButton,
+  NoMatch: DataListNoMatch,
+  Subheader: DataListSubheader,
+  SubHeading: DataListSubHeading,
+  Spacer: DataListSpacer,
+  IdCell: DataListIdCell,
+  CreatedCell: DataListCreatedCell,
+  NameCell: TracesDataListNameCell,
+  InputCell: TracesDataListInputCell,
+  TypeCell: TracesDataListTypeCell,
+  StatusCell: TracesDataListStatusCell,
+  NextPageLoading: DataListNextPageLoading
+});
+
+export { TracesDataList as T };
+//# sourceMappingURL=traces-data-list-CDNE9P8W.js.map

package/dist/traces-data-list-CDNE9P8W.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-data-list-CDNE9P8W.js","sources":["../src/ds/components/DataList/TracesDataList/traces-data-list-cells.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list.tsx"],"sourcesContent":["import { CornerDownRightIcon, DatabaseIcon, ListTreeIcon, RouteIcon } from 'lucide-react';\nimport type { ComponentType, SVGProps } from 'react';\nimport { DataListCell, DataListTextCell } from '../data-list-cells';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { McpServerIcon } from '@/ds/icons/McpServerIcon';\nimport { MemoryIcon } from '@/ds/icons/MemoryIcon';\nimport { ProcessorIcon } from '@/ds/icons/ProcessorIcon';\nimport { ScorersIcon } from '@/ds/icons/ScorersIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// NameCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListNameCellProps {\n  name?: string | null;\n  /** `null`/missing → root span (Trace). Set → nested span (Subtrace). Drives the leading level icon. */\n  parentSpanId?: string | null;\n  /** When true, the leading level icon is wrapped in a Trace/Subtrace tooltip. Off by default —\n   *  only meaningful in branches mode, where rows mix root traces and subtraces. */\n  showLevelTooltip?: boolean;\n}\n\nexport function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }: TracesDataListNameCellProps) {\n  const isRoot = parentSpanId == null;\n  const Icon = isRoot ? ListTreeIcon : CornerDownRightIcon;\n  const label = isRoot ? 'Trace' : 'Subtrace';\n  const icon = (\n    <span aria-label={label} className=\"inline-flex shrink-0\">\n      <Icon className={cn('size-4 shrink-0', isRoot ? 'text-muted-foreground' : 'text-placeholder')} aria-hidden />\n    </span>\n  );\n  return (\n    <DataListCell className=\"text-body-sm text-muted-foreground flex min-w-0 items-center gap-2\">\n      {showLevelTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{icon}</TooltipTrigger>\n          <TooltipContent>{label}</TooltipContent>\n        </Tooltip>\n      ) : (\n        icon\n      )}\n      <span className=\"min-w-0 truncate\">{name || '-'}</span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListInputCellProps {\n  input?: string | null;\n}\n\nexport function TracesDataListInputCell({ input }: TracesDataListInputCellProps) {\n  return <DataListTextCell font=\"mono\">{input || '-'}</DataListTextCell>;\n}\n\n// ---------------------------------------------------------------------------\n// TypeCell\n// ---------------------------------------------------------------------------\n\ntype EntityTypeDisplay = { label: string; Icon: ComponentType<SVGProps<SVGSVGElement>> };\n\n// Keys are lowercase `EntityType` enum values (plus legacy `workflow`).\nconst ENTITY_TYPE_DISPLAY: Record<string, EntityTypeDisplay> = {\n  agent: { label: 'Agent', Icon: AgentIcon },\n  workflow: { label: 'Workflow', Icon: WorkflowIcon },\n  workflow_run: { label: 'Workflow', Icon: WorkflowIcon },\n  workflow_step: { label: 'Step', Icon: WorkflowIcon },\n  tool: { label: 'Tool', Icon: ToolsIcon },\n  scorer: { label: 'Scorer', Icon: ScorersIcon },\n  memory: { label: 'Memory', Icon: MemoryIcon },\n  mcp_server: { label: 'MCP Server', Icon: McpServerIcon },\n  input_processor: { label: 'Processor', Icon: ProcessorIcon },\n  input_step_processor: { label: 'Processor', Icon: ProcessorIcon },\n  output_processor: { label: 'Processor', Icon: ProcessorIcon },\n  output_step_processor: { label: 'Processor', Icon: ProcessorIcon },\n  tool_result_processor: { label: 'Processor', Icon: ProcessorIcon },\n  rag_ingestion: { label: 'RAG', Icon: DatabaseIcon },\n  trajectory: { label: 'Trajectory', Icon: RouteIcon },\n};\n\nexport interface TracesDataListTypeCellProps {\n  entityType?: string | null;\n}\n\nexport function TracesDataListTypeCell({ entityType }: TracesDataListTypeCellProps) {\n  const display = entityType ? ENTITY_TYPE_DISPLAY[entityType.toLowerCase()] : undefined;\n\n  return (\n    <DataListCell className=\"flex min-w-0 items-center gap-2\">\n      {display ? (\n        <>\n          <display.Icon className=\"text-placeholder size-3.5 shrink-0\" aria-hidden />\n          <span className=\"text-body-sm min-w-0 truncate\">{display.label}</span>\n        </>\n      ) : (\n        '-'\n      )}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// StatusCell\n// ---------------------------------------------------------------------------\n\nconst UNSET_STATUS_CONFIG: { label: string; variant: BadgeVariant } = { label: '-', variant: 'neutral' };\n\nconst STATUS_CONFIG: Record<string, { label: string; variant: BadgeVariant }> = {\n  completed: { label: 'OK', variant: 'green' },\n  ok: { label: 'OK', variant: 'green' },\n  success: { label: 'OK', variant: 'green' },\n  error: { label: 'ERR', variant: 'red' },\n  running: { label: 'RUN', variant: 'neutral' },\n  unset: UNSET_STATUS_CONFIG,\n};\n\nexport interface TracesDataListStatusCellProps {\n  status?: string | null;\n}\n\nexport function TracesDataListStatusCell({ status }: TracesDataListStatusCellProps) {\n  const key = (status ?? 'unset').toLowerCase();\n  const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;\n\n  return (\n    <DataListCell>\n      <Badge size=\"xs\" variant={config.variant}>\n        {config.label}\n      </Badge>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListCreatedCell, DataListIdCell } from '../data-list-cells';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListSortableTopCell } from '../data-list-sortable-top-cell';\nimport { DataListSpacer } from '../data-list-spacer';\nimport { DataListSubheader } from '../data-list-subheader';\nimport { DataListSubHeading } from '../data-list-subheading';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell, DataListTopCellWithTooltip } from '../data-list-top-cell';\nimport {\n  TracesDataListNameCell,\n  TracesDataListInputCell,\n  TracesDataListTypeCell,\n  TracesDataListStatusCell,\n} from './traces-data-list-cells';\n\n// oxlint-disable-next-line react/only-export-components -- compound component root, same pattern as ScoresDataList\n// eslint-disable-next-line react-refresh/only-export-components -- compound component root, same pattern as ScoresDataList\nfunction TracesDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const TracesDataList = Object.assign(TracesDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  SortableTopCell: DataListSortableTopCell,\n  TopCellWithTooltip: DataListTopCellWithTooltip,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  Subheader: DataListSubheader,\n  SubHeading: DataListSubHeading,\n  Spacer: DataListSpacer,\n  IdCell: DataListIdCell,\n  CreatedCell: DataListCreatedCell,\n  NameCell: TracesDataListNameCell,\n  InputCell: TracesDataListInputCell,\n  TypeCell: TracesDataListTypeCell,\n  StatusCell: TracesDataListStatusCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"names":[],"mappings":"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"}

package/dist/use-text-highlight.css

@@ -4,7 +4,7 @@
    ignored by the spec, so the highlight cannot have rounded corners. */
 ::highlight(search-result) {
   background-color: var(--color-accent6);
-  color: var(--color-surface1);
+  color: var(--color-sidebar);
 }
 
 /* The indirect match is a hint, not the answer: same hue, muted pairing (`accent6Dark`

package/dist/utils/cn.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 
 

package/dist/utils/cn.es.js

@@ -1,2 +1,2 @@
-export { c as cn } from '../cn-C6s2yXwM.js';
+export { c as cn } from '../cn-65Adrsfj.js';
 //# sourceMappingURL=cn.es.js.map

package/dist/utils/duration.cjs.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const utils_number = require('./number.cjs.js');
+
+function formatDuration(durationMs) {
+  if (!Number.isFinite(durationMs) || durationMs < 0) return void 0;
+  if (durationMs < 1e3) return `${utils_number.toSigFigs(durationMs, 3)}ms`;
+  const seconds = durationMs / 1e3;
+  if (seconds < 60) return `${utils_number.toSigFigs(seconds, 3)}s`;
+  const [minutes, hours, days] = [Math.floor(seconds / 60), Math.floor(seconds / 3600), Math.floor(seconds / 86400)];
+  if (minutes < 60) return withRemainder(`${minutes}m`, Math.floor(seconds % 60), "s");
+  if (hours < 24) return withRemainder(`${hours}h`, minutes % 60, "m");
+  return withRemainder(`${days}d`, hours % 24, "h");
+}
+function withRemainder(head, remainder, unit) {
+  return remainder > 0 ? `${head} ${remainder}${unit}` : head;
+}
+
+exports.formatDuration = formatDuration;
+//# sourceMappingURL=duration.cjs.js.map

package/dist/utils/duration.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"duration.cjs.js","sources":["../../src/utils/duration.ts"],"sourcesContent":["import { toSigFigs } from './number';\n\nexport function formatDuration(durationMs: number) {\n  if (!Number.isFinite(durationMs) || durationMs < 0) return undefined;\n  if (durationMs < 1_000) return `${toSigFigs(durationMs, 3)}ms`;\n\n  const seconds = durationMs / 1_000;\n  if (seconds < 60) return `${toSigFigs(seconds, 3)}s`;\n\n  const [minutes, hours, days] = [Math.floor(seconds / 60), Math.floor(seconds / 3_600), Math.floor(seconds / 86_400)];\n  if (minutes < 60) return withRemainder(`${minutes}m`, Math.floor(seconds % 60), 's');\n  if (hours < 24) return withRemainder(`${hours}h`, minutes % 60, 'm');\n  return withRemainder(`${days}d`, hours % 24, 'h');\n}\n\nfunction withRemainder(head: string, remainder: number, unit: string) {\n  return remainder > 0 ? `${head} ${remainder}${unit}` : head;\n}\n"],"names":["toSigFigs"],"mappings":";;;;;;AAEO,SAAS,eAAe,UAAA,EAAoB;AACjD,EAAA,IAAI,CAAC,MAAA,CAAO,QAAA,CAAS,UAAU,CAAA,IAAK,UAAA,GAAa,GAAG,OAAO,MAAA;AAC3D,EAAA,IAAI,aAAa,GAAA,EAAO,OAAO,GAAGA,sBAAA,CAAU,UAAA,EAAY,CAAC,CAAC,CAAA,EAAA,CAAA;AAE1D,EAAA,MAAM,UAAU,UAAA,GAAa,GAAA;AAC7B,EAAA,IAAI,UAAU,EAAA,EAAI,OAAO,GAAGA,sBAAA,CAAU,OAAA,EAAS,CAAC,CAAC,CAAA,CAAA,CAAA;AAEjD,EAAA,MAAM,CAAC,SAAS,KAAA,EAAO,IAAI,IAAI,CAAC,IAAA,CAAK,MAAM,OAAA,GAAU,EAAE,GAAG,IAAA,CAAK,KAAA,CAAM,UAAU,IAAK,CAAA,EAAG,KAAK,KAAA,CAAM,OAAA,GAAU,KAAM,CAAC,CAAA;AACnH,EAAA,IAAI,OAAA,GAAU,EAAA,EAAI,OAAO,aAAA,CAAc,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,EAAK,IAAA,CAAK,KAAA,CAAM,OAAA,GAAU,EAAE,CAAA,EAAG,GAAG,CAAA;AACnF,EAAA,IAAI,KAAA,GAAQ,IAAI,OAAO,aAAA,CAAc,GAAG,KAAK,CAAA,CAAA,CAAA,EAAK,OAAA,GAAU,EAAA,EAAI,GAAG,CAAA;AACnE,EAAA,OAAO,cAAc,CAAA,EAAG,IAAI,CAAA,CAAA,CAAA,EAAK,KAAA,GAAQ,IAAI,GAAG,CAAA;AAClD;AAEA,SAAS,aAAA,CAAc,IAAA,EAAc,SAAA,EAAmB,IAAA,EAAc;AACpE,EAAA,OAAO,SAAA,GAAY,IAAI,CAAA,EAAG,IAAI,IAAI,SAAS,CAAA,EAAG,IAAI,CAAA,CAAA,GAAK,IAAA;AACzD;;;;"}

package/dist/utils/duration.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/utils/duration'
+export {}

package/dist/utils/duration.es.js

@@ -0,0 +1,18 @@
+import { toSigFigs } from './number.es.js';
+
+function formatDuration(durationMs) {
+  if (!Number.isFinite(durationMs) || durationMs < 0) return void 0;
+  if (durationMs < 1e3) return `${toSigFigs(durationMs, 3)}ms`;
+  const seconds = durationMs / 1e3;
+  if (seconds < 60) return `${toSigFigs(seconds, 3)}s`;
+  const [minutes, hours, days] = [Math.floor(seconds / 60), Math.floor(seconds / 3600), Math.floor(seconds / 86400)];
+  if (minutes < 60) return withRemainder(`${minutes}m`, Math.floor(seconds % 60), "s");
+  if (hours < 24) return withRemainder(`${hours}h`, minutes % 60, "m");
+  return withRemainder(`${days}d`, hours % 24, "h");
+}
+function withRemainder(head, remainder, unit) {
+  return remainder > 0 ? `${head} ${remainder}${unit}` : head;
+}
+
+export { formatDuration };
+//# sourceMappingURL=duration.es.js.map

package/dist/utils/duration.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"duration.es.js","sources":["../../src/utils/duration.ts"],"sourcesContent":["import { toSigFigs } from './number';\n\nexport function formatDuration(durationMs: number) {\n  if (!Number.isFinite(durationMs) || durationMs < 0) return undefined;\n  if (durationMs < 1_000) return `${toSigFigs(durationMs, 3)}ms`;\n\n  const seconds = durationMs / 1_000;\n  if (seconds < 60) return `${toSigFigs(seconds, 3)}s`;\n\n  const [minutes, hours, days] = [Math.floor(seconds / 60), Math.floor(seconds / 3_600), Math.floor(seconds / 86_400)];\n  if (minutes < 60) return withRemainder(`${minutes}m`, Math.floor(seconds % 60), 's');\n  if (hours < 24) return withRemainder(`${hours}h`, minutes % 60, 'm');\n  return withRemainder(`${days}d`, hours % 24, 'h');\n}\n\nfunction withRemainder(head: string, remainder: number, unit: string) {\n  return remainder > 0 ? `${head} ${remainder}${unit}` : head;\n}\n"],"names":[],"mappings":";;AAEO,SAAS,eAAe,UAAA,EAAoB;AACjD,EAAA,IAAI,CAAC,MAAA,CAAO,QAAA,CAAS,UAAU,CAAA,IAAK,UAAA,GAAa,GAAG,OAAO,MAAA;AAC3D,EAAA,IAAI,aAAa,GAAA,EAAO,OAAO,GAAG,SAAA,CAAU,UAAA,EAAY,CAAC,CAAC,CAAA,EAAA,CAAA;AAE1D,EAAA,MAAM,UAAU,UAAA,GAAa,GAAA;AAC7B,EAAA,IAAI,UAAU,EAAA,EAAI,OAAO,GAAG,SAAA,CAAU,OAAA,EAAS,CAAC,CAAC,CAAA,CAAA,CAAA;AAEjD,EAAA,MAAM,CAAC,SAAS,KAAA,EAAO,IAAI,IAAI,CAAC,IAAA,CAAK,MAAM,OAAA,GAAU,EAAE,GAAG,IAAA,CAAK,KAAA,CAAM,UAAU,IAAK,CAAA,EAAG,KAAK,KAAA,CAAM,OAAA,GAAU,KAAM,CAAC,CAAA;AACnH,EAAA,IAAI,OAAA,GAAU,EAAA,EAAI,OAAO,aAAA,CAAc,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,EAAK,IAAA,CAAK,KAAA,CAAM,OAAA,GAAU,EAAE,CAAA,EAAG,GAAG,CAAA;AACnF,EAAA,IAAI,KAAA,GAAQ,IAAI,OAAO,aAAA,CAAc,GAAG,KAAK,CAAA,CAAA,CAAA,EAAK,OAAA,GAAU,EAAA,EAAI,GAAG,CAAA;AACnE,EAAA,OAAO,cAAc,CAAA,EAAG,IAAI,CAAA,CAAA,CAAA,EAAK,KAAA,GAAQ,IAAI,GAAG,CAAA;AAClD;AAEA,SAAS,aAAA,CAAc,IAAA,EAAc,SAAA,EAAmB,IAAA,EAAc;AACpE,EAAA,OAAO,SAAA,GAAY,IAAI,CAAA,EAAG,IAAI,IAAI,SAAS,CAAA,EAAG,IAAI,CAAA,CAAA,GAAK,IAAA;AACzD;;;;"}

package/dist/utils/toast.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const toast = require('../toast-CwH7p9gV.cjs');
+const toast = require('../toast-nm-fM7BR.cjs');
 
 
 

package/dist/utils/toast.es.js

@@ -1,2 +1,2 @@
-export { t as toast } from '../toast-CTMSqE4M.js';
+export { t as toast } from '../toast-c5kCpyWt.js';
 //# sourceMappingURL=toast.es.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "56.0.0-alpha.9",
+  "version": "56.0.0",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -9,12 +9,11 @@
   "files": [
     "dist",
     "theme.css",
-    "new-theme.css"
+    "theme"
   ],
   "exports": {
     "./style.css": "./dist/style.css",
     "./theme.css": "./theme.css",
-    "./new-theme.css": "./new-theme.css",
     "./tokens": {
       "import": {
         "types": "./dist/tokens.d.ts",
@@ -85,6 +84,16 @@
         "default": "./dist/resize/*.cjs.js"
       }
     },
+    "./sort/*": {
+      "import": {
+        "types": "./dist/sort/*.d.ts",
+        "default": "./dist/sort/*.es.js"
+      },
+      "require": {
+        "types": "./dist/sort/*.d.ts",
+        "default": "./dist/sort/*.cjs.js"
+      }
+    },
     "./lib/*": {
       "import": {
         "types": "./dist/lib/*.d.ts",
@@ -202,8 +211,8 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/client-js": "^1.47.0-alpha.9",
-    "@mastra/react": "1.6.0-alpha.9"
+    "@mastra/client-js": "^1.47.0",
+    "@mastra/react": "1.6.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.4.1",
@@ -245,11 +254,11 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.11",
-    "@mastra/client-js": "^1.47.0-alpha.9",
-    "@mastra/core": "1.68.0-alpha.9",
-    "@mastra/memory": "1.31.0-alpha.3",
-    "@internal/lint": "0.0.133",
-    "@mastra/react": "1.6.0-alpha.9"
+    "@internal/lint": "0.0.134",
+    "@mastra/client-js": "^1.47.0",
+    "@mastra/memory": "1.31.0",
+    "@mastra/core": "1.68.0",
+    "@mastra/react": "1.6.0"
   },
   "homepage": "https://mastra.ai",
   "repository": {