@mastra/playground-ui 36.0.1-alpha.0 → 36.1.0-alpha.2

package/dist/{traces-data-list-DRyI45Ke.js → traces-data-list-DKU-oZxQ.js}

@@ -1,133 +1,13 @@
-import { u as useDataListRowWrapperContext, p as dataListRowVariants, q as dataListRowStaticStyles, c as DataListRoot, d as DataListNextPageLoading, h as DataListSpacer, g as DataListNoMatch, r as DataListTopSelectCell, s as DataListSelectCell, e as DataListTimeCell, f as DataListDateCell, b as DataListMonoCell, t as DataListIdCell, v as DataListDescriptionCell, w as DataListNameCell, x as DataListTextCell, a as DataListCell, i as DataListRowLink, j as DataListRowButton, k as DataListRowWrapper, l as DataListTopCellSmart, m as DataListTopCellWithTooltip, n as DataListTopCell, o as DataListTop, W as WorkflowIcon, A as AgentIcon } from './data-list-skeleton-DD7ljjgS.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ArrowLeftIcon, ArrowRightIcon, ListTreeIcon, CornerDownRightIcon } from 'lucide-react';
-import { B as Button } from './Button-DoOEJwa_.js';
-import { forwardRef } from 'react';
-import { c as cn } from './utils-CzYGxqbG.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { a as DataListCell, c as DataListNextPageLoading, f as DataListNoMatch, i as DataListRowButton, m as DataListTopCell, n as DataListTop, D as DataListRoot, b as DataListMonoCell, d as DataListTimeCell, e as DataListDateCell, o as DataListIdCell, g as DataListSpacer, l as DataListTopCellWithTooltip } from './data-list-top-cell-DcI6Vwlh.js';
 import { format, isToday } from 'date-fns';
+import { a as DataListSubHeading, b as DataListSubheader } from './data-list-CIqwJqP6.js';
 import { EntityType } from '@mastra/core/observability';
-import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-DehuxlSR.js';
+import { ListTreeIcon, CornerDownRightIcon } from 'lucide-react';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-wX2UZKox.js';
+import { W as WorkflowIcon, A as AgentIcon } from './data-list-skeleton-BCx_L8EW.js';
 import { C as Colors } from './spacings-0Zbr65EW.js';
-
-function DataListPagination({ currentPage, hasMore, onNextPage, onPrevPage }) {
-  const showNavigation = typeof currentPage === "number" && currentPage > 0 || hasMore;
-  return /* @__PURE__ */ jsxs("div", { className: "col-span-full flex py-4 items-center justify-center text-neutral3 text-ui-md gap-8", children: [
-    /* @__PURE__ */ jsxs("span", { children: [
-      "Page ",
-      /* @__PURE__ */ jsx("b", { children: currentPage ? currentPage + 1 : "1" })
-    ] }),
-    showNavigation && /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-      typeof currentPage === "number" && currentPage > 0 && /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: onPrevPage, children: [
-        /* @__PURE__ */ jsx(ArrowLeftIcon, {}),
-        "Previous"
-      ] }),
-      hasMore && /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: onNextPage, children: [
-        "Next",
-        /* @__PURE__ */ jsx(ArrowRightIcon, {})
-      ] })
-    ] })
-  ] });
-}
-
-const DataListRowStatic = forwardRef(
-  ({ children, className, flushLeft, flushRight, colStart, colEnd, featured, variant, style, ...rest }, ref) => {
-    const isWrapped = useDataListRowWrapperContext();
-    const hasColumnOverride = colStart !== void 0 || colEnd !== void 0;
-    const resolvedStyle = hasColumnOverride ? { ...style, gridColumn: `${colStart ?? 1} / ${colEnd ?? -1}` } : style;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          isWrapped ? "grid grid-cols-subgrid gap-8 px-5 transition-colors duration-200 rounded-lg" : dataListRowStaticStyles,
-          !isWrapped && flushLeft && "ml-0!",
-          !isWrapped && flushRight && "mr-0!",
-          // `!` so the selection fill wins over borderless table root styling
-          // (higher-specificity descendant rules); same color in `default`.
-          featured && "bg-surface4!",
-          dataListRowVariants({ variant }),
-          className
-        ),
-        style: resolvedStyle,
-        ...rest,
-        children
-      }
-    );
-  }
-);
-DataListRowStatic.displayName = "DataListRowStatic";
-
-const DataListSubheader = forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "data-list-subheader relative isolate col-span-full px-4 py-3 border-none text-ui-md text-neutral4 font-medium mx-1",
-          "before:absolute before:inset-x-0 before:inset-y-1 before:bg-surface4 before:rounded-md before:-z-1",
-          className
-        ),
-        ...rest,
-        children
-      }
-    );
-  }
-);
-DataListSubheader.displayName = "DataListSubheader";
-
-function DataListSubHeading({ children, className }) {
-  return /* @__PURE__ */ jsx("span", { className: cn("text-ui-sm text-neutral2 font-normal", className), children });
-}
-
-const DataListTopCells = forwardRef(
-  ({ children, className, flushLeft, colStart, style, ...rest }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "grid grid-cols-subgrid gap-8 px-5 pointer-events-none [&>*]:pointer-events-auto",
-          !colStart && "col-span-full",
-          flushLeft && "pl-0!",
-          className
-        ),
-        style: colStart ? { ...style, gridColumn: `${colStart} / -1` } : style,
-        ...rest,
-        children
-      }
-    );
-  }
-);
-DataListTopCells.displayName = "DataListTopCells";
-
-const DataList = Object.assign(DataListRoot, {
-  Top: DataListTop,
-  TopCells: DataListTopCells,
-  TopCell: DataListTopCell,
-  TopCellWithTooltip: DataListTopCellWithTooltip,
-  TopCellSmart: DataListTopCellSmart,
-  RowWrapper: DataListRowWrapper,
-  RowButton: DataListRowButton,
-  RowLink: DataListRowLink,
-  RowStatic: DataListRowStatic,
-  Cell: DataListCell,
-  TextCell: DataListTextCell,
-  NameCell: DataListNameCell,
-  DescriptionCell: DataListDescriptionCell,
-  IdCell: DataListIdCell,
-  MonoCell: DataListMonoCell,
-  DateCell: DataListDateCell,
-  TimeCell: DataListTimeCell,
-  SelectCell: DataListSelectCell,
-  TopSelectCell: DataListTopSelectCell,
-  NoMatch: DataListNoMatch,
-  Subheader: DataListSubheader,
-  SubHeading: DataListSubHeading,
-  Spacer: DataListSpacer,
-  NextPageLoading: DataListNextPageLoading,
-  Pagination: DataListPagination
-});
+import { c as cn } from './utils-CzYGxqbG.js';
 
 function toDate(value) {
   const date = value instanceof Date ? value : new Date(value);
@@ -238,5 +118,5 @@ const TracesDataList = Object.assign(TracesDataListRoot, {
   NextPageLoading: DataListNextPageLoading
 });
 
-export { DataList as D, ScoresDataList as S, TracesDataList as T };
-//# sourceMappingURL=traces-data-list-DRyI45Ke.js.map
+export { ScoresDataList as S, TracesDataList as T };
+//# sourceMappingURL=traces-data-list-DKU-oZxQ.js.map

package/dist/traces-data-list-DKU-oZxQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-data-list-DKU-oZxQ.js","sources":["../src/ds/components/DataList/ScoresDataList/scores-data-list-cells.tsx","../src/ds/components/DataList/ScoresDataList/scores-data-list.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list-cells.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list.tsx"],"sourcesContent":["import { format, isToday } from 'date-fns';\nimport { DataListCell } from '../data-list-cells';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction toDate(value: Date | string): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return isNaN(date.getTime()) ? null : date;\n}\n\n// ---------------------------------------------------------------------------\n// DateCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListDateCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListDateCell({ timestamp }: ScoresDataListDateCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell height=\"compact\" className=\"text-ui-smd text-neutral2\">\n      {date ? (isToday(date) ? 'Today' : format(date, 'MMM dd')) : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TimeCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListTimeCell({ timestamp }: ScoresDataListTimeCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell height=\"compact\" className=\"text-ui-smd text-neutral3\">\n      {date ? format(date, 'h:mm:ss aaa') : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListInputCellProps {\n  input?: unknown;\n}\n\nexport function ScoresDataListInputCell({ input }: ScoresDataListInputCellProps) {\n  return (\n    <DataListCell height=\"compact\" className=\"min-w-0\">\n      <span className=\"block text-neutral3 text-ui-smd font-mono truncate\">\n        {input != null ? JSON.stringify(input) : '-'}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListEntityCellProps {\n  entityId?: string | null;\n}\n\nexport function ScoresDataListEntityCell({ entityId }: ScoresDataListEntityCellProps) {\n  return (\n    <DataListCell height=\"compact\" className=\"min-w-0\">\n      <span className=\"block text-ui-smd truncate\">{entityId || '-'}</span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// ScoreCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListScoreCellProps {\n  score?: unknown;\n}\n\nexport function ScoresDataListScoreCell({ score }: ScoresDataListScoreCellProps) {\n  const display = score == null ? '-' : typeof score === 'object' ? JSON.stringify(score) : String(score);\n  return (\n    <DataListCell height=\"compact\" className=\"text-ui-smd font-mono text-neutral3\">\n      {display}\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\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 { DataListTop } from '../data-list-top';\nimport { DataListTopCell } from '../data-list-top-cell';\nimport {\n  ScoresDataListDateCell,\n  ScoresDataListTimeCell,\n  ScoresDataListInputCell,\n  ScoresDataListEntityCell,\n  ScoresDataListScoreCell,\n} from './scores-data-list-cells';\n\nfunction ScoresDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const ScoresDataList = Object.assign(ScoresDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  NextPageLoading: DataListNextPageLoading,\n  DateCell: ScoresDataListDateCell,\n  TimeCell: ScoresDataListTimeCell,\n  InputCell: ScoresDataListInputCell,\n  EntityCell: ScoresDataListEntityCell,\n  ScoreCell: ScoresDataListScoreCell,\n});\n","import { EntityType } from '@mastra/core/observability';\nimport { CornerDownRightIcon, ListTreeIcon } from 'lucide-react';\nimport { DataListCell, DataListMonoCell } from '../data-list-cells';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { Colors } from '@/ds/tokens/colors';\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-neutral3' : 'text-neutral2')} aria-hidden />\n    </span>\n  );\n  return (\n    <DataListCell height=\"compact\" className=\"text-neutral4 text-ui-smd min-w-0 flex 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 <DataListMonoCell>{input || '-'}</DataListMonoCell>;\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nfunction EntityTypeIcon({ entityType, className }: { entityType: string; className?: string }) {\n  const iconClass = cn('size-3.5 shrink-0 text-neutral2', className);\n  const normalizedEntityType = entityType.toLowerCase();\n\n  switch (normalizedEntityType) {\n    case EntityType.AGENT:\n      return <AgentIcon className={iconClass} aria-hidden />;\n    case 'workflow':\n    case EntityType.WORKFLOW_RUN:\n      return <WorkflowIcon className={iconClass} aria-hidden />;\n    default:\n      return null;\n  }\n}\n\nexport interface TracesDataListEntityCellProps {\n  entityType?: string | null;\n  entityName?: string | null;\n}\n\nexport function TracesDataListEntityCell({ entityType, entityName }: TracesDataListEntityCellProps) {\n  const type = entityType ?? '';\n\n  return (\n    <DataListCell height=\"compact\" className=\"flex min-w-0 items-center gap-2\">\n      <EntityTypeIcon entityType={type} />\n      {entityName ? <span className=\"min-w-0 text-ui-smd truncate\">{entityName}</span> : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// StatusCell\n// ---------------------------------------------------------------------------\n\nconst STATUS_CONFIG: Record<string, { label: string; color: string }> = {\n  completed: { label: 'OK', color: Colors.accent2 },\n  ok: { label: 'OK', color: Colors.accent2 },\n  error: { label: 'ERR', color: Colors.error },\n  unset: { label: '-', color: Colors.neutral4 },\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] ?? STATUS_CONFIG['unset'];\n\n  return (\n    <DataListCell height=\"compact\">\n      <span className=\"uppercase text-ui-sm font-semibold\" style={{ color: config.color }}>\n        {config.label}\n      </span>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListDateCell, DataListIdCell, DataListTimeCell } 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 { 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  TracesDataListEntityCell,\n  TracesDataListStatusCell,\n} from './traces-data-list-cells';\n\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  TopCellWithTooltip: DataListTopCellWithTooltip,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  Subheader: DataListSubheader,\n  SubHeading: DataListSubHeading,\n  Spacer: DataListSpacer,\n  IdCell: DataListIdCell,\n  DateCell: DataListDateCell,\n  TimeCell: DataListTimeCell,\n  NameCell: TracesDataListNameCell,\n  InputCell: TracesDataListInputCell,\n  EntityCell: TracesDataListEntityCell,\n  StatusCell: TracesDataListStatusCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,125 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const dataListTopCell = require('./data-list-top-cell-C2XN7N1Q.cjs');
+const dateFns = require('date-fns');
+const dataList = require('./data-list-DLNj4u4L.cjs');
+const observability = require('@mastra/core/observability');
+const lucideReact = require('lucide-react');
+const tooltip = require('./tooltip-FowezTqp.cjs');
+const dataListSkeleton = require('./data-list-skeleton-CFw0wA4X.cjs');
+const spacings = require('./spacings-BP8L49kn.cjs');
+const utils = require('./utils-vA5sWo9W.cjs');
+
+function toDate(value) {
+  const date = value instanceof Date ? value : new Date(value);
+  return isNaN(date.getTime()) ? null : date;
+}
+function ScoresDataListDateCell({ timestamp }) {
+  const date = toDate(timestamp);
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { height: "compact", className: "text-ui-smd text-neutral2", children: date ? dateFns.isToday(date) ? "Today" : dateFns.format(date, "MMM dd") : "-" });
+}
+function ScoresDataListTimeCell({ timestamp }) {
+  const date = toDate(timestamp);
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { height: "compact", className: "text-ui-smd text-neutral3", children: date ? dateFns.format(date, "h:mm:ss aaa") : "-" });
+}
+function ScoresDataListInputCell({ input }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { height: "compact", className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-neutral3 text-ui-smd font-mono truncate", children: input != null ? JSON.stringify(input) : "-" }) });
+}
+function ScoresDataListEntityCell({ entityId }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { height: "compact", className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-ui-smd truncate", children: entityId || "-" }) });
+}
+function ScoresDataListScoreCell({ score }) {
+  const display = score == null ? "-" : typeof score === "object" ? JSON.stringify(score) : String(score);
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { height: "compact", className: "text-ui-smd font-mono text-neutral3", children: display });
+}
+
+function ScoresDataListRoot(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListRoot, { ...props });
+}
+const ScoresDataList = Object.assign(ScoresDataListRoot, {
+  Top: dataListTopCell.DataListTop,
+  TopCell: dataListTopCell.DataListTopCell,
+  RowButton: dataListTopCell.DataListRowButton,
+  NoMatch: dataListTopCell.DataListNoMatch,
+  NextPageLoading: dataListTopCell.DataListNextPageLoading,
+  DateCell: ScoresDataListDateCell,
+  TimeCell: ScoresDataListTimeCell,
+  InputCell: ScoresDataListInputCell,
+  EntityCell: ScoresDataListEntityCell,
+  ScoreCell: ScoresDataListScoreCell
+});
+
+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("size-4 shrink-0", isRoot ? "text-neutral3" : "text-neutral2"), "aria-hidden": true }) });
+  return /* @__PURE__ */ jsxRuntime.jsxs(dataListTopCell.DataListCell, { height: "compact", className: "text-neutral4 text-ui-smd min-w-0 flex 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(dataListTopCell.DataListMonoCell, { children: input || "-" });
+}
+function EntityTypeIcon({ entityType, className }) {
+  const iconClass = utils.cn("size-3.5 shrink-0 text-neutral2", className);
+  const normalizedEntityType = entityType.toLowerCase();
+  switch (normalizedEntityType) {
+    case observability.EntityType.AGENT:
+      return /* @__PURE__ */ jsxRuntime.jsx(dataListSkeleton.AgentIcon, { className: iconClass, "aria-hidden": true });
+    case "workflow":
+    case observability.EntityType.WORKFLOW_RUN:
+      return /* @__PURE__ */ jsxRuntime.jsx(dataListSkeleton.WorkflowIcon, { className: iconClass, "aria-hidden": true });
+    default:
+      return null;
+  }
+}
+function TracesDataListEntityCell({ entityType, entityName }) {
+  const type = entityType ?? "";
+  return /* @__PURE__ */ jsxRuntime.jsxs(dataListTopCell.DataListCell, { height: "compact", className: "flex min-w-0 items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(EntityTypeIcon, { entityType: type }),
+    entityName ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 text-ui-smd truncate", children: entityName }) : "-"
+  ] });
+}
+const STATUS_CONFIG = {
+  completed: { label: "OK", color: spacings.Colors.accent2 },
+  ok: { label: "OK", color: spacings.Colors.accent2 },
+  error: { label: "ERR", color: spacings.Colors.error },
+  unset: { label: "-", color: spacings.Colors.neutral4 }
+};
+function TracesDataListStatusCell({ status }) {
+  const key = (status ?? "unset").toLowerCase();
+  const config = STATUS_CONFIG[key] ?? STATUS_CONFIG["unset"];
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { height: "compact", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "uppercase text-ui-sm font-semibold", style: { color: config.color }, children: config.label }) });
+}
+
+function TracesDataListRoot(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListRoot, { ...props });
+}
+const TracesDataList = Object.assign(TracesDataListRoot, {
+  Top: dataListTopCell.DataListTop,
+  TopCell: dataListTopCell.DataListTopCell,
+  TopCellWithTooltip: dataListTopCell.DataListTopCellWithTooltip,
+  RowButton: dataListTopCell.DataListRowButton,
+  NoMatch: dataListTopCell.DataListNoMatch,
+  Subheader: dataList.DataListSubheader,
+  SubHeading: dataList.DataListSubHeading,
+  Spacer: dataListTopCell.DataListSpacer,
+  IdCell: dataListTopCell.DataListIdCell,
+  DateCell: dataListTopCell.DataListDateCell,
+  TimeCell: dataListTopCell.DataListTimeCell,
+  NameCell: TracesDataListNameCell,
+  InputCell: TracesDataListInputCell,
+  EntityCell: TracesDataListEntityCell,
+  StatusCell: TracesDataListStatusCell,
+  NextPageLoading: dataListTopCell.DataListNextPageLoading
+});
+
+exports.ScoresDataList = ScoresDataList;
+exports.TracesDataList = TracesDataList;
+//# sourceMappingURL=traces-data-list-kqDZjURb.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-data-list-kqDZjURb.cjs","sources":["../src/ds/components/DataList/ScoresDataList/scores-data-list-cells.tsx","../src/ds/components/DataList/ScoresDataList/scores-data-list.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list-cells.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list.tsx"],"sourcesContent":["import { format, isToday } from 'date-fns';\nimport { DataListCell } from '../data-list-cells';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction toDate(value: Date | string): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return isNaN(date.getTime()) ? null : date;\n}\n\n// ---------------------------------------------------------------------------\n// DateCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListDateCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListDateCell({ timestamp }: ScoresDataListDateCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell height=\"compact\" className=\"text-ui-smd text-neutral2\">\n      {date ? (isToday(date) ? 'Today' : format(date, 'MMM dd')) : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TimeCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListTimeCell({ timestamp }: ScoresDataListTimeCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell height=\"compact\" className=\"text-ui-smd text-neutral3\">\n      {date ? format(date, 'h:mm:ss aaa') : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListInputCellProps {\n  input?: unknown;\n}\n\nexport function ScoresDataListInputCell({ input }: ScoresDataListInputCellProps) {\n  return (\n    <DataListCell height=\"compact\" className=\"min-w-0\">\n      <span className=\"block text-neutral3 text-ui-smd font-mono truncate\">\n        {input != null ? JSON.stringify(input) : '-'}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListEntityCellProps {\n  entityId?: string | null;\n}\n\nexport function ScoresDataListEntityCell({ entityId }: ScoresDataListEntityCellProps) {\n  return (\n    <DataListCell height=\"compact\" className=\"min-w-0\">\n      <span className=\"block text-ui-smd truncate\">{entityId || '-'}</span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// ScoreCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListScoreCellProps {\n  score?: unknown;\n}\n\nexport function ScoresDataListScoreCell({ score }: ScoresDataListScoreCellProps) {\n  const display = score == null ? '-' : typeof score === 'object' ? JSON.stringify(score) : String(score);\n  return (\n    <DataListCell height=\"compact\" className=\"text-ui-smd font-mono text-neutral3\">\n      {display}\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\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 { DataListTop } from '../data-list-top';\nimport { DataListTopCell } from '../data-list-top-cell';\nimport {\n  ScoresDataListDateCell,\n  ScoresDataListTimeCell,\n  ScoresDataListInputCell,\n  ScoresDataListEntityCell,\n  ScoresDataListScoreCell,\n} from './scores-data-list-cells';\n\nfunction ScoresDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const ScoresDataList = Object.assign(ScoresDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  NextPageLoading: DataListNextPageLoading,\n  DateCell: ScoresDataListDateCell,\n  TimeCell: ScoresDataListTimeCell,\n  InputCell: ScoresDataListInputCell,\n  EntityCell: ScoresDataListEntityCell,\n  ScoreCell: ScoresDataListScoreCell,\n});\n","import { EntityType } from '@mastra/core/observability';\nimport { CornerDownRightIcon, ListTreeIcon } from 'lucide-react';\nimport { DataListCell, DataListMonoCell } from '../data-list-cells';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { Colors } from '@/ds/tokens/colors';\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-neutral3' : 'text-neutral2')} aria-hidden />\n    </span>\n  );\n  return (\n    <DataListCell height=\"compact\" className=\"text-neutral4 text-ui-smd min-w-0 flex 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 <DataListMonoCell>{input || '-'}</DataListMonoCell>;\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nfunction EntityTypeIcon({ entityType, className }: { entityType: string; className?: string }) {\n  const iconClass = cn('size-3.5 shrink-0 text-neutral2', className);\n  const normalizedEntityType = entityType.toLowerCase();\n\n  switch (normalizedEntityType) {\n    case EntityType.AGENT:\n      return <AgentIcon className={iconClass} aria-hidden />;\n    case 'workflow':\n    case EntityType.WORKFLOW_RUN:\n      return <WorkflowIcon className={iconClass} aria-hidden />;\n    default:\n      return null;\n  }\n}\n\nexport interface TracesDataListEntityCellProps {\n  entityType?: string | null;\n  entityName?: string | null;\n}\n\nexport function TracesDataListEntityCell({ entityType, entityName }: TracesDataListEntityCellProps) {\n  const type = entityType ?? '';\n\n  return (\n    <DataListCell height=\"compact\" className=\"flex min-w-0 items-center gap-2\">\n      <EntityTypeIcon entityType={type} />\n      {entityName ? <span className=\"min-w-0 text-ui-smd truncate\">{entityName}</span> : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// StatusCell\n// ---------------------------------------------------------------------------\n\nconst STATUS_CONFIG: Record<string, { label: string; color: string }> = {\n  completed: { label: 'OK', color: Colors.accent2 },\n  ok: { label: 'OK', color: Colors.accent2 },\n  error: { label: 'ERR', color: Colors.error },\n  unset: { label: '-', color: Colors.neutral4 },\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] ?? STATUS_CONFIG['unset'];\n\n  return (\n    <DataListCell height=\"compact\">\n      <span className=\"uppercase text-ui-sm font-semibold\" style={{ color: config.color }}>\n        {config.label}\n      </span>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListDateCell, DataListIdCell, DataListTimeCell } 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 { 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  TracesDataListEntityCell,\n  TracesDataListStatusCell,\n} from './traces-data-list-cells';\n\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  TopCellWithTooltip: DataListTopCellWithTooltip,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  Subheader: DataListSubheader,\n  SubHeading: DataListSubHeading,\n  Spacer: DataListSpacer,\n  IdCell: DataListIdCell,\n  DateCell: DataListDateCell,\n  TimeCell: DataListTimeCell,\n  NameCell: TracesDataListNameCell,\n  InputCell: TracesDataListInputCell,\n  EntityCell: TracesDataListEntityCell,\n  StatusCell: TracesDataListStatusCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"names":["jsx","DataListCell","isToday","format","DataListRoot","DataListTop","DataListTopCell","DataListRowButton","DataListNoMatch","DataListNextPageLoading","ListTreeIcon","CornerDownRightIcon","cn","jsxs","Tooltip","TooltipTrigger","TooltipContent","DataListMonoCell","EntityType","AgentIcon","WorkflowIcon","Colors","DataListTopCellWithTooltip","DataListSubheader","DataListSubHeading","DataListSpacer","DataListIdCell","DataListDateCell","DataListTimeCell"],"mappings":"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"}

package/dist/{truncate-B8_8wx-G.js → truncate-CNJINJdu.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { C as CopyButton } from './copy-button-RffVknBA.js';
-import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-DehuxlSR.js';
+import { C as CopyButton } from './copy-button-B-6j0Ghf.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-wX2UZKox.js';
 import { T as Txt } from './Txt-AhytBlTj.js';
 import { c as cn } from './utils-CzYGxqbG.js';
 
@@ -44,4 +44,4 @@ function Truncate({
 }
 
 export { Truncate as T };
-//# sourceMappingURL=truncate-B8_8wx-G.js.map
+//# sourceMappingURL=truncate-CNJINJdu.js.map

package/dist/{truncate-B8_8wx-G.js.map → truncate-CNJINJdu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"truncate-B8_8wx-G.js","sources":["../src/ds/components/Truncate/truncate.tsx"],"sourcesContent":["import { CopyButton } from '@/ds/components/CopyButton';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface TruncateProps extends Omit<TxtProps, 'children'> {\n  children: string;\n  untilChar?: string;\n  charCount?: number;\n  copy?: boolean;\n  withTooltip?: boolean;\n}\n\nexport function Truncate({\n  children,\n  untilChar,\n  charCount,\n  copy,\n  withTooltip = true,\n  className,\n  as = 'span',\n  ...txtProps\n}: TruncateProps) {\n  const fullText = children;\n\n  let truncatedText = fullText;\n  let isTruncated = false;\n\n  if (untilChar !== undefined) {\n    const index = fullText.indexOf(untilChar);\n    if (index !== -1) {\n      truncatedText = fullText.slice(0, index);\n      isTruncated = true;\n    }\n  } else if (charCount !== undefined && fullText.length > charCount) {\n    truncatedText = fullText.slice(0, charCount);\n    isTruncated = true;\n  }\n\n  if (!isTruncated) {\n    return (\n      <Txt as={as} className={className} {...txtProps}>\n        {fullText}\n      </Txt>\n    );\n  }\n\n  const truncatedContent = (\n    <Txt as=\"span\" className=\"cursor-default\" variant={txtProps.variant} font={txtProps.font}>\n      {truncatedText}...\n    </Txt>\n  );\n\n  return (\n    <Txt as={as} className={cn('group inline-flex items-center gap-1', className)} {...txtProps}>\n      {withTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{truncatedContent}</TooltipTrigger>\n          <TooltipContent>{fullText}</TooltipContent>\n        </Tooltip>\n      ) : (\n        truncatedContent\n      )}\n      {copy && <CopyButton content={fullText} className=\"opacity-0 group-hover:opacity-100 transition-opacity\" />}\n    </Txt>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAcO,SAAS,QAAA,CAAS;AAAA,EACvB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,GAAc,IAAA;AAAA,EACd,SAAA;AAAA,EACA,EAAA,GAAK,MAAA;AAAA,EACL,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,QAAA,GAAW,QAAA;AAEjB,EAAA,IAAI,aAAA,GAAgB,QAAA;AACpB,EAAA,IAAI,WAAA,GAAc,KAAA;AAElB,EAAA,IAAI,cAAc,MAAA,EAAW;AAC3B,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,CAAQ,SAAS,CAAA;AACxC,IAAA,IAAI,UAAU,EAAA,EAAI;AAChB,MAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,KAAK,CAAA;AACvC,MAAA,WAAA,GAAc,IAAA;AAAA,IAChB;AAAA,EACF,CAAA,MAAA,IAAW,SAAA,KAAc,MAAA,IAAa,QAAA,CAAS,SAAS,SAAA,EAAW;AACjE,IAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA;AAC3C,IAAA,WAAA,GAAc,IAAA;AAAA,EAChB;AAEA,EAAA,IAAI,CAAC,WAAA,EAAa;AAChB,IAAA,2BACG,GAAA,EAAA,EAAI,EAAA,EAAQ,SAAA,EAAuB,GAAG,UACpC,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,gBAAA,mBACJ,IAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,SAAA,EAAU,gBAAA,EAAiB,OAAA,EAAS,QAAA,CAAS,OAAA,EAAS,IAAA,EAAM,QAAA,CAAS,IAAA,EACjF,QAAA,EAAA;AAAA,IAAA,aAAA;AAAA,IAAc;AAAA,GAAA,EACjB,CAAA;AAGF,EAAA,uBACE,IAAA,CAAC,OAAI,EAAA,EAAQ,SAAA,EAAW,GAAG,sCAAA,EAAwC,SAAS,CAAA,EAAI,GAAG,QAAA,EAChF,QAAA,EAAA;AAAA,IAAA,WAAA,wBACE,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,sBAC1C,GAAA,CAAC,kBAAgB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC5B,CAAA,GAEA,gBAAA;AAAA,IAED,wBAAQ,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,QAAA,EAAU,WAAU,sDAAA,EAAuD;AAAA,GAAA,EAC3G,CAAA;AAEJ;;;;"}
+{"version":3,"file":"truncate-CNJINJdu.js","sources":["../src/ds/components/Truncate/truncate.tsx"],"sourcesContent":["import { CopyButton } from '@/ds/components/CopyButton';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface TruncateProps extends Omit<TxtProps, 'children'> {\n  children: string;\n  untilChar?: string;\n  charCount?: number;\n  copy?: boolean;\n  withTooltip?: boolean;\n}\n\nexport function Truncate({\n  children,\n  untilChar,\n  charCount,\n  copy,\n  withTooltip = true,\n  className,\n  as = 'span',\n  ...txtProps\n}: TruncateProps) {\n  const fullText = children;\n\n  let truncatedText = fullText;\n  let isTruncated = false;\n\n  if (untilChar !== undefined) {\n    const index = fullText.indexOf(untilChar);\n    if (index !== -1) {\n      truncatedText = fullText.slice(0, index);\n      isTruncated = true;\n    }\n  } else if (charCount !== undefined && fullText.length > charCount) {\n    truncatedText = fullText.slice(0, charCount);\n    isTruncated = true;\n  }\n\n  if (!isTruncated) {\n    return (\n      <Txt as={as} className={className} {...txtProps}>\n        {fullText}\n      </Txt>\n    );\n  }\n\n  const truncatedContent = (\n    <Txt as=\"span\" className=\"cursor-default\" variant={txtProps.variant} font={txtProps.font}>\n      {truncatedText}...\n    </Txt>\n  );\n\n  return (\n    <Txt as={as} className={cn('group inline-flex items-center gap-1', className)} {...txtProps}>\n      {withTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{truncatedContent}</TooltipTrigger>\n          <TooltipContent>{fullText}</TooltipContent>\n        </Tooltip>\n      ) : (\n        truncatedContent\n      )}\n      {copy && <CopyButton content={fullText} className=\"opacity-0 group-hover:opacity-100 transition-opacity\" />}\n    </Txt>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAcO,SAAS,QAAA,CAAS;AAAA,EACvB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,GAAc,IAAA;AAAA,EACd,SAAA;AAAA,EACA,EAAA,GAAK,MAAA;AAAA,EACL,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,QAAA,GAAW,QAAA;AAEjB,EAAA,IAAI,aAAA,GAAgB,QAAA;AACpB,EAAA,IAAI,WAAA,GAAc,KAAA;AAElB,EAAA,IAAI,cAAc,MAAA,EAAW;AAC3B,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,CAAQ,SAAS,CAAA;AACxC,IAAA,IAAI,UAAU,EAAA,EAAI;AAChB,MAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,KAAK,CAAA;AACvC,MAAA,WAAA,GAAc,IAAA;AAAA,IAChB;AAAA,EACF,CAAA,MAAA,IAAW,SAAA,KAAc,MAAA,IAAa,QAAA,CAAS,SAAS,SAAA,EAAW;AACjE,IAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA;AAC3C,IAAA,WAAA,GAAc,IAAA;AAAA,EAChB;AAEA,EAAA,IAAI,CAAC,WAAA,EAAa;AAChB,IAAA,2BACG,GAAA,EAAA,EAAI,EAAA,EAAQ,SAAA,EAAuB,GAAG,UACpC,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,gBAAA,mBACJ,IAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,SAAA,EAAU,gBAAA,EAAiB,OAAA,EAAS,QAAA,CAAS,OAAA,EAAS,IAAA,EAAM,QAAA,CAAS,IAAA,EACjF,QAAA,EAAA;AAAA,IAAA,aAAA;AAAA,IAAc;AAAA,GAAA,EACjB,CAAA;AAGF,EAAA,uBACE,IAAA,CAAC,OAAI,EAAA,EAAQ,SAAA,EAAW,GAAG,sCAAA,EAAwC,SAAS,CAAA,EAAI,GAAG,QAAA,EAChF,QAAA,EAAA;AAAA,IAAA,WAAA,wBACE,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,sBAC1C,GAAA,CAAC,kBAAgB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC5B,CAAA,GAEA,gBAAA;AAAA,IAED,wBAAQ,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,QAAA,EAAU,WAAU,sDAAA,EAAuD;AAAA,GAAA,EAC3G,CAAA;AAEJ;;;;"}

package/dist/{truncate-Csk5KmAy.cjs → truncate-k92HJG2-.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const copyButton = require('./copy-button-ler9dH8g.cjs');
-const tooltip = require('./tooltip-j8gUR1Qk.cjs');
+const copyButton = require('./copy-button-MNcP8mIU.cjs');
+const tooltip = require('./tooltip-FowezTqp.cjs');
 const Txt = require('./Txt-Cmn4ug68.cjs');
 const utils = require('./utils-vA5sWo9W.cjs');
 
@@ -46,4 +46,4 @@ function Truncate({
 }
 
 exports.Truncate = Truncate;
-//# sourceMappingURL=truncate-Csk5KmAy.cjs.map
+//# sourceMappingURL=truncate-k92HJG2-.cjs.map

package/dist/{truncate-Csk5KmAy.cjs.map → truncate-k92HJG2-.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"truncate-Csk5KmAy.cjs","sources":["../src/ds/components/Truncate/truncate.tsx"],"sourcesContent":["import { CopyButton } from '@/ds/components/CopyButton';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface TruncateProps extends Omit<TxtProps, 'children'> {\n  children: string;\n  untilChar?: string;\n  charCount?: number;\n  copy?: boolean;\n  withTooltip?: boolean;\n}\n\nexport function Truncate({\n  children,\n  untilChar,\n  charCount,\n  copy,\n  withTooltip = true,\n  className,\n  as = 'span',\n  ...txtProps\n}: TruncateProps) {\n  const fullText = children;\n\n  let truncatedText = fullText;\n  let isTruncated = false;\n\n  if (untilChar !== undefined) {\n    const index = fullText.indexOf(untilChar);\n    if (index !== -1) {\n      truncatedText = fullText.slice(0, index);\n      isTruncated = true;\n    }\n  } else if (charCount !== undefined && fullText.length > charCount) {\n    truncatedText = fullText.slice(0, charCount);\n    isTruncated = true;\n  }\n\n  if (!isTruncated) {\n    return (\n      <Txt as={as} className={className} {...txtProps}>\n        {fullText}\n      </Txt>\n    );\n  }\n\n  const truncatedContent = (\n    <Txt as=\"span\" className=\"cursor-default\" variant={txtProps.variant} font={txtProps.font}>\n      {truncatedText}...\n    </Txt>\n  );\n\n  return (\n    <Txt as={as} className={cn('group inline-flex items-center gap-1', className)} {...txtProps}>\n      {withTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{truncatedContent}</TooltipTrigger>\n          <TooltipContent>{fullText}</TooltipContent>\n        </Tooltip>\n      ) : (\n        truncatedContent\n      )}\n      {copy && <CopyButton content={fullText} className=\"opacity-0 group-hover:opacity-100 transition-opacity\" />}\n    </Txt>\n  );\n}\n"],"names":["Txt","jsxs","cn","Tooltip","jsx","TooltipTrigger","TooltipContent","CopyButton"],"mappings":";;;;;;;;AAcO,SAAS,QAAA,CAAS;AAAA,EACvB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,GAAc,IAAA;AAAA,EACd,SAAA;AAAA,EACA,EAAA,GAAK,MAAA;AAAA,EACL,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,QAAA,GAAW,QAAA;AAEjB,EAAA,IAAI,aAAA,GAAgB,QAAA;AACpB,EAAA,IAAI,WAAA,GAAc,KAAA;AAElB,EAAA,IAAI,cAAc,MAAA,EAAW;AAC3B,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,CAAQ,SAAS,CAAA;AACxC,IAAA,IAAI,UAAU,EAAA,EAAI;AAChB,MAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,KAAK,CAAA;AACvC,MAAA,WAAA,GAAc,IAAA;AAAA,IAChB;AAAA,EACF,CAAA,MAAA,IAAW,SAAA,KAAc,MAAA,IAAa,QAAA,CAAS,SAAS,SAAA,EAAW;AACjE,IAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA;AAC3C,IAAA,WAAA,GAAc,IAAA;AAAA,EAChB;AAEA,EAAA,IAAI,CAAC,WAAA,EAAa;AAChB,IAAA,sCACGA,OAAA,EAAA,EAAI,EAAA,EAAQ,SAAA,EAAuB,GAAG,UACpC,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,gBAAA,mBACJC,eAAA,CAACD,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,SAAA,EAAU,gBAAA,EAAiB,OAAA,EAAS,QAAA,CAAS,OAAA,EAAS,IAAA,EAAM,QAAA,CAAS,IAAA,EACjF,QAAA,EAAA;AAAA,IAAA,aAAA;AAAA,IAAc;AAAA,GAAA,EACjB,CAAA;AAGF,EAAA,uBACEC,eAAA,CAACD,WAAI,EAAA,EAAQ,SAAA,EAAWE,SAAG,sCAAA,EAAwC,SAAS,CAAA,EAAI,GAAG,QAAA,EAChF,QAAA,EAAA;AAAA,IAAA,WAAA,mCACEC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,sBAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,sBAC1CD,cAAA,CAACE,0BAAgB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC5B,CAAA,GAEA,gBAAA;AAAA,IAED,wBAAQF,cAAA,CAACG,qBAAA,EAAA,EAAW,OAAA,EAAS,QAAA,EAAU,WAAU,sDAAA,EAAuD;AAAA,GAAA,EAC3G,CAAA;AAEJ;;;;"}
+{"version":3,"file":"truncate-k92HJG2-.cjs","sources":["../src/ds/components/Truncate/truncate.tsx"],"sourcesContent":["import { CopyButton } from '@/ds/components/CopyButton';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface TruncateProps extends Omit<TxtProps, 'children'> {\n  children: string;\n  untilChar?: string;\n  charCount?: number;\n  copy?: boolean;\n  withTooltip?: boolean;\n}\n\nexport function Truncate({\n  children,\n  untilChar,\n  charCount,\n  copy,\n  withTooltip = true,\n  className,\n  as = 'span',\n  ...txtProps\n}: TruncateProps) {\n  const fullText = children;\n\n  let truncatedText = fullText;\n  let isTruncated = false;\n\n  if (untilChar !== undefined) {\n    const index = fullText.indexOf(untilChar);\n    if (index !== -1) {\n      truncatedText = fullText.slice(0, index);\n      isTruncated = true;\n    }\n  } else if (charCount !== undefined && fullText.length > charCount) {\n    truncatedText = fullText.slice(0, charCount);\n    isTruncated = true;\n  }\n\n  if (!isTruncated) {\n    return (\n      <Txt as={as} className={className} {...txtProps}>\n        {fullText}\n      </Txt>\n    );\n  }\n\n  const truncatedContent = (\n    <Txt as=\"span\" className=\"cursor-default\" variant={txtProps.variant} font={txtProps.font}>\n      {truncatedText}...\n    </Txt>\n  );\n\n  return (\n    <Txt as={as} className={cn('group inline-flex items-center gap-1', className)} {...txtProps}>\n      {withTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{truncatedContent}</TooltipTrigger>\n          <TooltipContent>{fullText}</TooltipContent>\n        </Tooltip>\n      ) : (\n        truncatedContent\n      )}\n      {copy && <CopyButton content={fullText} className=\"opacity-0 group-hover:opacity-100 transition-opacity\" />}\n    </Txt>\n  );\n}\n"],"names":["Txt","jsxs","cn","Tooltip","jsx","TooltipTrigger","TooltipContent","CopyButton"],"mappings":";;;;;;;;AAcO,SAAS,QAAA,CAAS;AAAA,EACvB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,GAAc,IAAA;AAAA,EACd,SAAA;AAAA,EACA,EAAA,GAAK,MAAA;AAAA,EACL,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,QAAA,GAAW,QAAA;AAEjB,EAAA,IAAI,aAAA,GAAgB,QAAA;AACpB,EAAA,IAAI,WAAA,GAAc,KAAA;AAElB,EAAA,IAAI,cAAc,MAAA,EAAW;AAC3B,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,CAAQ,SAAS,CAAA;AACxC,IAAA,IAAI,UAAU,EAAA,EAAI;AAChB,MAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,KAAK,CAAA;AACvC,MAAA,WAAA,GAAc,IAAA;AAAA,IAChB;AAAA,EACF,CAAA,MAAA,IAAW,SAAA,KAAc,MAAA,IAAa,QAAA,CAAS,SAAS,SAAA,EAAW;AACjE,IAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA;AAC3C,IAAA,WAAA,GAAc,IAAA;AAAA,EAChB;AAEA,EAAA,IAAI,CAAC,WAAA,EAAa;AAChB,IAAA,sCACGA,OAAA,EAAA,EAAI,EAAA,EAAQ,SAAA,EAAuB,GAAG,UACpC,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,gBAAA,mBACJC,eAAA,CAACD,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,SAAA,EAAU,gBAAA,EAAiB,OAAA,EAAS,QAAA,CAAS,OAAA,EAAS,IAAA,EAAM,QAAA,CAAS,IAAA,EACjF,QAAA,EAAA;AAAA,IAAA,aAAA;AAAA,IAAc;AAAA,GAAA,EACjB,CAAA;AAGF,EAAA,uBACEC,eAAA,CAACD,WAAI,EAAA,EAAQ,SAAA,EAAWE,SAAG,sCAAA,EAAwC,SAAS,CAAA,EAAI,GAAG,QAAA,EAChF,QAAA,EAAA;AAAA,IAAA,WAAA,mCACEC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,sBAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,sBAC1CD,cAAA,CAACE,0BAAgB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC5B,CAAA,GAEA,gBAAA;AAAA,IAED,wBAAQF,cAAA,CAACG,qBAAA,EAAA,EAAW,OAAA,EAAS,QAAA,EAAU,WAAU,sDAAA,EAAuD;AAAA,GAAA,EAC3G,CAAA;AAEJ;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "36.0.1-alpha.0",
+  "version": "36.1.0-alpha.2",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -97,13 +97,14 @@
   },
   "peerDependencies": {
     "@mastra/core": ">=1.7.1-0 <2.0.0-0",
+    "@mastra/memory": ">=1.21.0-0 <2.0.0-0",
     "@tanstack/react-query": "^5.90.21",
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/client-js": "^1.27.1-alpha.0",
-    "@mastra/react": "1.1.2-alpha.0"
+    "@mastra/client-js": "^1.27.1-alpha.2",
+    "@mastra/react": "1.1.2-alpha.2"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.4.1",
@@ -141,9 +142,10 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.8",
     "@internal/lint": "0.0.108",
-    "@mastra/client-js": "^1.27.1-alpha.0",
-    "@mastra/core": "1.46.1-alpha.0",
-    "@mastra/react": "1.1.2-alpha.0"
+    "@mastra/memory": "1.21.2-alpha.0",
+    "@mastra/core": "1.47.0-alpha.2",
+    "@mastra/react": "1.1.2-alpha.2",
+    "@mastra/client-js": "^1.27.1-alpha.2"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/dist/components/MetricsDataTable.cjs.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const metricsDataTable = require('../metrics-data-table-AjAA-dqH.cjs');
-
-
-
-exports.MetricsDataTable = metricsDataTable.MetricsDataTable;
-//# sourceMappingURL=MetricsDataTable.cjs.js.map

package/dist/components/MetricsDataTable.cjs.js.map

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

package/dist/components/MetricsDataTable.d.ts

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

package/dist/components/MetricsDataTable.es.js

@@ -1,2 +0,0 @@
-export { M as MetricsDataTable } from '../metrics-data-table-hSmtDNck.js';
-//# sourceMappingURL=MetricsDataTable.es.js.map

package/dist/components/MetricsDataTable.es.js.map

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