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

package/dist/domains/traces/components/trace-summary-description.es.js

@@ -1,36 +1,15 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { ExternalLinkIcon, CalendarClockIcon, TimerIcon, ArrowDownToLineIcon, ArrowUpFromLineIcon, CircleDollarSignIcon } from 'lucide-react';
+import { CalendarClockIcon, TimerIcon, ArrowDownToLineIcon, ArrowUpFromLineIcon, CircleDollarSignIcon } from 'lucide-react';
 import { formatSpanDuration, formatSpanDurationExact, formatSpanTimestamp, formatSpanTimestampExact } from '../utils/span-utils.es.js';
 import { formatCompact, formatCost } from '../../metrics/components/metrics-utils.es.js';
-import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../tooltip-Vj_jjcxE.js';
+import { D as DataPanel } from '../../../data-panel-3TqqdlmK.js';
 import { AgentIcon } from '../../../icons/AgentIcon.es.js';
-import { c as cn } from '../../../cn-ByEbywDh.js';
 import { WorkflowIcon } from '../../../icons/WorkflowIcon.es.js';
 
 function formatEntityType(entityType) {
   return entityType.split("_").map((word) => `${word.charAt(0).toUpperCase()}${word.slice(1)}`).join(" ");
 }
-function SummaryItem({ label, children }) {
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      "span",
-      {
-        tabIndex: 0,
-        className: "flex shrink-0 cursor-help items-center gap-1 whitespace-nowrap",
-        "aria-label": label,
-        children
-      }
-    ) }),
-    /* @__PURE__ */ jsx(TooltipContent, { children: label })
-  ] });
-}
-function TraceSummaryDescription({
-  rootSpan,
-  usage,
-  entityHref,
-  LinkComponent,
-  className
-}) {
+function TraceSummaryDescription({ rootSpan, usage, entityHref, LinkComponent }) {
   const startedAt = rootSpan.startedAt ? new Date(rootSpan.startedAt) : null;
   const endedAt = rootSpan.endedAt ? new Date(rootSpan.endedAt) : null;
   const duration = formatSpanDuration(startedAt, endedAt);
@@ -41,58 +20,25 @@ function TraceSummaryDescription({
   const entityType = rootSpan.entityType;
   const formattedEntityType = entityType ? formatEntityType(entityType) : "Entity";
   const EntityIcon = entityType?.includes("workflow") ? WorkflowIcon : AgentIcon;
-  const Link = LinkComponent ?? "a";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 text-ui-xs leading-ui-xs text-neutral3",
-        className
-      ),
-      children: [
-        entityName && /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: entityHref ? /* @__PURE__ */ jsxs(
-            Link,
-            {
-              href: entityHref,
-              className: "text-neutral4 hover:text-neutral5 flex shrink-0 items-center gap-1 whitespace-nowrap hover:underline",
-              children: [
-                /* @__PURE__ */ jsx(EntityIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
-                /* @__PURE__ */ jsx("span", { children: entityName }),
-                /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3 shrink-0", "aria-hidden": "true" })
-              ]
-            }
-          ) : /* @__PURE__ */ jsxs("span", { tabIndex: 0, className: "flex shrink-0 cursor-help items-center gap-1 whitespace-nowrap", children: [
-            /* @__PURE__ */ jsx(EntityIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx("span", { children: entityName })
-          ] }) }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: formattedEntityType })
-        ] }),
-        startedAtTimestamp && exactStartedAtTimestamp && /* @__PURE__ */ jsxs(SummaryItem, { label: `Started at ${exactStartedAtTimestamp}`, children: [
-          /* @__PURE__ */ jsx(CalendarClockIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx("span", { children: startedAtTimestamp })
-        ] }),
-        duration && exactDuration && /* @__PURE__ */ jsxs(SummaryItem, { label: `Duration ${exactDuration}`, children: [
-          /* @__PURE__ */ jsx(TimerIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx("span", { children: duration })
-        ] }),
-        usage && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(SummaryItem, { label: "Input tokens", children: [
-            /* @__PURE__ */ jsx(ArrowDownToLineIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx("span", { children: usage.inputTokens === void 0 ? "—" : formatCompact(usage.inputTokens) })
-          ] }),
-          /* @__PURE__ */ jsxs(SummaryItem, { label: "Output tokens", children: [
-            /* @__PURE__ */ jsx(ArrowUpFromLineIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx("span", { children: usage.outputTokens === void 0 ? "—" : formatCompact(usage.outputTokens) })
-          ] }),
-          /* @__PURE__ */ jsxs(SummaryItem, { label: "Estimated cost", children: [
-            /* @__PURE__ */ jsx(CircleDollarSignIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx("span", { children: usage.estimatedCost === void 0 ? "—" : formatCost(usage.estimatedCost, usage.costUnit) })
-          ] })
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs(DataPanel.Metadata, { children: [
+    entityName && (entityHref ? /* @__PURE__ */ jsx(
+      DataPanel.Meta,
+      {
+        as: LinkComponent ?? "a",
+        href: entityHref,
+        icon: /* @__PURE__ */ jsx(EntityIcon, {}),
+        tooltip: formattedEntityType,
+        children: entityName
+      }
+    ) : /* @__PURE__ */ jsx(DataPanel.Meta, { icon: /* @__PURE__ */ jsx(EntityIcon, {}), tooltip: formattedEntityType, children: entityName })),
+    startedAtTimestamp && exactStartedAtTimestamp && /* @__PURE__ */ jsx(DataPanel.Meta, { icon: /* @__PURE__ */ jsx(CalendarClockIcon, {}), tooltip: `Started at ${exactStartedAtTimestamp}`, children: startedAtTimestamp }),
+    duration && exactDuration && /* @__PURE__ */ jsx(DataPanel.Meta, { icon: /* @__PURE__ */ jsx(TimerIcon, {}), tooltip: `Duration ${exactDuration}`, children: duration }),
+    usage && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(DataPanel.Meta, { icon: /* @__PURE__ */ jsx(ArrowDownToLineIcon, {}), tooltip: "Input tokens", children: usage.inputTokens === void 0 ? "—" : formatCompact(usage.inputTokens) }),
+      /* @__PURE__ */ jsx(DataPanel.Meta, { icon: /* @__PURE__ */ jsx(ArrowUpFromLineIcon, {}), tooltip: "Output tokens", children: usage.outputTokens === void 0 ? "—" : formatCompact(usage.outputTokens) }),
+      /* @__PURE__ */ jsx(DataPanel.Meta, { icon: /* @__PURE__ */ jsx(CircleDollarSignIcon, {}), tooltip: "Estimated cost", children: usage.estimatedCost === void 0 ? "—" : formatCost(usage.estimatedCost, usage.costUnit) })
+    ] })
+  ] });
 }
 
 export { TraceSummaryDescription };

package/dist/domains/traces/components/trace-summary-description.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-summary-description.es.js","sources":["../../../../src/domains/traces/components/trace-summary-description.tsx"],"sourcesContent":["import {\n  ArrowDownToLineIcon,\n  ArrowUpFromLineIcon,\n  CalendarClockIcon,\n  CircleDollarSignIcon,\n  ExternalLinkIcon,\n  TimerIcon,\n} from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { TraceUsageSummary } from '../trace-list-columns';\nimport {\n  formatSpanDuration,\n  formatSpanDurationExact,\n  formatSpanTimestamp,\n  formatSpanTimestampExact,\n} from '../utils/span-utils';\nimport { formatCompact, formatCost } from '@/domains/metrics/components/metrics-utils';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { AgentIcon, WorkflowIcon } from '@/ds/icons';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nfunction formatEntityType(entityType: string): string {\n  return entityType\n    .split('_')\n    .map(word => `${word.charAt(0).toUpperCase()}${word.slice(1)}`)\n    .join(' ');\n}\n\n/** Lightweight root-span fields available from `useTraceLightSpans`. */\ntype RootSpanSummary = {\n  entityId?: string | null;\n  entityName?: string | null;\n  entityType?: string | null;\n  startedAt: Date | string;\n  endedAt?: Date | string | null;\n};\n\nexport interface TraceSummaryDescriptionProps {\n  rootSpan: RootSpanSummary;\n  usage?: TraceUsageSummary;\n  /** When provided (with `LinkComponent`), the entity name links to the entity's page. */\n  entityHref?: string;\n  LinkComponent?: LinkComponent;\n  className?: string;\n}\n\nfunction SummaryItem({ label, children }: { label: string; children: ReactNode }) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span\n          tabIndex={0}\n          className=\"flex shrink-0 cursor-help items-center gap-1 whitespace-nowrap\"\n          aria-label={label}\n        >\n          {children}\n        </span>\n      </TooltipTrigger>\n      <TooltipContent>{label}</TooltipContent>\n    </Tooltip>\n  );\n}\n\n/** Compact trace metadata shown under the trace side-panel heading. */\nexport function TraceSummaryDescription({\n  rootSpan,\n  usage,\n  entityHref,\n  LinkComponent,\n  className,\n}: TraceSummaryDescriptionProps) {\n  const startedAt = rootSpan.startedAt ? new Date(rootSpan.startedAt) : null;\n  const endedAt = rootSpan.endedAt ? new Date(rootSpan.endedAt) : null;\n  const duration = formatSpanDuration(startedAt, endedAt);\n  const exactDuration = formatSpanDurationExact(startedAt, endedAt);\n  const startedAtTimestamp = formatSpanTimestamp(startedAt);\n  const exactStartedAtTimestamp = formatSpanTimestampExact(startedAt);\n\n  const entityName = rootSpan.entityName || rootSpan.entityId;\n  const entityType = rootSpan.entityType;\n  const formattedEntityType = entityType ? formatEntityType(entityType) : 'Entity';\n  const EntityIcon = entityType?.includes('workflow') ? WorkflowIcon : AgentIcon;\n  const Link = LinkComponent ?? 'a';\n\n  return (\n    <div\n      className={cn(\n        'flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 text-ui-xs leading-ui-xs text-neutral3',\n        className,\n      )}\n    >\n      {entityName && (\n        <Tooltip>\n          <TooltipTrigger asChild>\n            {entityHref ? (\n              <Link\n                href={entityHref}\n                className=\"text-neutral4 hover:text-neutral5 flex shrink-0 items-center gap-1 whitespace-nowrap hover:underline\"\n              >\n                <EntityIcon className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n                <span>{entityName}</span>\n                <ExternalLinkIcon className=\"size-3 shrink-0\" aria-hidden=\"true\" />\n              </Link>\n            ) : (\n              <span tabIndex={0} className=\"flex shrink-0 cursor-help items-center gap-1 whitespace-nowrap\">\n                <EntityIcon className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n                <span>{entityName}</span>\n              </span>\n            )}\n          </TooltipTrigger>\n          <TooltipContent>{formattedEntityType}</TooltipContent>\n        </Tooltip>\n      )}\n      {startedAtTimestamp && exactStartedAtTimestamp && (\n        <SummaryItem label={`Started at ${exactStartedAtTimestamp}`}>\n          <CalendarClockIcon className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n          <span>{startedAtTimestamp}</span>\n        </SummaryItem>\n      )}\n      {duration && exactDuration && (\n        <SummaryItem label={`Duration ${exactDuration}`}>\n          <TimerIcon className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n          <span>{duration}</span>\n        </SummaryItem>\n      )}\n      {usage && (\n        <>\n          <SummaryItem label=\"Input tokens\">\n            <ArrowDownToLineIcon className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n            <span>{usage.inputTokens === undefined ? '—' : formatCompact(usage.inputTokens)}</span>\n          </SummaryItem>\n          <SummaryItem label=\"Output tokens\">\n            <ArrowUpFromLineIcon className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n            <span>{usage.outputTokens === undefined ? '—' : formatCompact(usage.outputTokens)}</span>\n          </SummaryItem>\n          <SummaryItem label=\"Estimated cost\">\n            <CircleDollarSignIcon className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n            <span>{usage.estimatedCost === undefined ? '—' : formatCost(usage.estimatedCost, usage.costUnit)}</span>\n          </SummaryItem>\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"trace-summary-description.es.js","sources":["../../../../src/domains/traces/components/trace-summary-description.tsx"],"sourcesContent":["import {\n  ArrowDownToLineIcon,\n  ArrowUpFromLineIcon,\n  CalendarClockIcon,\n  CircleDollarSignIcon,\n  TimerIcon,\n} from 'lucide-react';\nimport type { TraceUsageSummary } from '../trace-list-columns';\nimport {\n  formatSpanDuration,\n  formatSpanDurationExact,\n  formatSpanTimestamp,\n  formatSpanTimestampExact,\n} from '../utils/span-utils';\nimport { formatCompact, formatCost } from '@/domains/metrics/components/metrics-utils';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { AgentIcon, WorkflowIcon } from '@/ds/icons';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nfunction formatEntityType(entityType: string): string {\n  return entityType\n    .split('_')\n    .map(word => `${word.charAt(0).toUpperCase()}${word.slice(1)}`)\n    .join(' ');\n}\n\n/** Lightweight root-span fields available from `useTraceLightSpans`. */\ntype RootSpanSummary = {\n  entityId?: string | null;\n  entityName?: string | null;\n  entityType?: string | null;\n  startedAt: Date | string;\n  endedAt?: Date | string | null;\n};\n\nexport interface TraceSummaryDescriptionProps {\n  rootSpan: RootSpanSummary;\n  usage?: TraceUsageSummary;\n  /** When provided (with `LinkComponent`), the entity name links to the entity's page. */\n  entityHref?: string;\n  LinkComponent?: LinkComponent;\n}\n\n/** Compact trace metadata shown under the trace side-panel heading. */\nexport function TraceSummaryDescription({ rootSpan, usage, entityHref, LinkComponent }: TraceSummaryDescriptionProps) {\n  const startedAt = rootSpan.startedAt ? new Date(rootSpan.startedAt) : null;\n  const endedAt = rootSpan.endedAt ? new Date(rootSpan.endedAt) : null;\n  const duration = formatSpanDuration(startedAt, endedAt);\n  const exactDuration = formatSpanDurationExact(startedAt, endedAt);\n  const startedAtTimestamp = formatSpanTimestamp(startedAt);\n  const exactStartedAtTimestamp = formatSpanTimestampExact(startedAt);\n\n  const entityName = rootSpan.entityName || rootSpan.entityId;\n  const entityType = rootSpan.entityType;\n  const formattedEntityType = entityType ? formatEntityType(entityType) : 'Entity';\n  const EntityIcon = entityType?.includes('workflow') ? WorkflowIcon : AgentIcon;\n\n  return (\n    <DataPanel.Metadata>\n      {entityName &&\n        (entityHref ? (\n          <DataPanel.Meta\n            as={LinkComponent ?? 'a'}\n            href={entityHref}\n            icon={<EntityIcon />}\n            tooltip={formattedEntityType}\n          >\n            {entityName}\n          </DataPanel.Meta>\n        ) : (\n          <DataPanel.Meta icon={<EntityIcon />} tooltip={formattedEntityType}>\n            {entityName}\n          </DataPanel.Meta>\n        ))}\n      {startedAtTimestamp && exactStartedAtTimestamp && (\n        <DataPanel.Meta icon={<CalendarClockIcon />} tooltip={`Started at ${exactStartedAtTimestamp}`}>\n          {startedAtTimestamp}\n        </DataPanel.Meta>\n      )}\n      {duration && exactDuration && (\n        <DataPanel.Meta icon={<TimerIcon />} tooltip={`Duration ${exactDuration}`}>\n          {duration}\n        </DataPanel.Meta>\n      )}\n      {usage && (\n        <>\n          <DataPanel.Meta icon={<ArrowDownToLineIcon />} tooltip=\"Input tokens\">\n            {usage.inputTokens === undefined ? '—' : formatCompact(usage.inputTokens)}\n          </DataPanel.Meta>\n          <DataPanel.Meta icon={<ArrowUpFromLineIcon />} tooltip=\"Output tokens\">\n            {usage.outputTokens === undefined ? '—' : formatCompact(usage.outputTokens)}\n          </DataPanel.Meta>\n          <DataPanel.Meta icon={<CircleDollarSignIcon />} tooltip=\"Estimated cost\">\n            {usage.estimatedCost === undefined ? '—' : formatCost(usage.estimatedCost, usage.costUnit)}\n          </DataPanel.Meta>\n        </>\n      )}\n    </DataPanel.Metadata>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/traces/components/trace-time-range-chip.cjs.js

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const domains_traces_traceFilters = require('../trace-filters.cjs.js');
+const dateTimeRangePicker = require('../../../date-time-range-picker-DG2DJpni.cjs');
+const filterBarChip = require('../../../filter-bar-chip-CR_L2kMF.cjs');
+const utils_cn = require('../../../cn-DPfV6E6L.cjs');
+
+const TRACE_TIME_RANGE_FIELD_ID = "timeRange";
+const TRACE_TIME_RANGE_FIELD = {
+  id: TRACE_TIME_RANGE_FIELD_ID,
+  label: "Time",
+  icon: domains_traces_traceFilters.traceFilterFieldIcon(TRACE_TIME_RANGE_FIELD_ID),
+  color: domains_traces_traceFilters.traceFilterFieldColor(TRACE_TIME_RANGE_FIELD_ID),
+  type: "text",
+  operators: ["is"],
+  hidden: true
+};
+const TRACE_TIME_RANGE_ITEM = {
+  id: TRACE_TIME_RANGE_FIELD_ID,
+  fieldId: TRACE_TIME_RANGE_FIELD_ID,
+  operatorId: "is",
+  value: ""
+};
+const isSegment = (target) => target instanceof HTMLElement && target.hasAttribute("data-filter-bar-segment");
+function TraceTimeRangeChip(props) {
+  const ctx = filterBarChip.useFilterBarContext();
+  return /* @__PURE__ */ jsxRuntime.jsxs(filterBarChip.FilterBarChip, { item: TRACE_TIME_RANGE_ITEM, removable: false, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: utils_cn.cn(filterBarChip.segmentClass, "text-neutral6 last:rounded-r-none"),
+        style: filterBarChip.fieldSegmentAccentStyle(TRACE_TIME_RANGE_FIELD),
+        children: /* @__PURE__ */ jsxRuntime.jsx(filterBarChip.FilterBarFieldLabel, { field: TRACE_TIME_RANGE_FIELD })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "contents",
+        onKeyDown: (event) => {
+          if (!isSegment(event.target)) event.stopPropagation();
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          dateTimeRangePicker.DateTimeRangePicker,
+          {
+            ...props,
+            renderTrigger: ({ label, disabled }) => /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                ref: (el) => ctx.registerSegment(TRACE_TIME_RANGE_ITEM.id, "value", el),
+                "data-filter-bar-segment": "",
+                disabled,
+                "aria-label": `Value: ${label}`,
+                title: label,
+                className: utils_cn.cn(filterBarChip.editableSegmentClass, "first:rounded-l-none"),
+                children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label })
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+}
+
+exports.TRACE_TIME_RANGE_FIELD = TRACE_TIME_RANGE_FIELD;
+exports.TRACE_TIME_RANGE_FIELD_ID = TRACE_TIME_RANGE_FIELD_ID;
+exports.TRACE_TIME_RANGE_ITEM = TRACE_TIME_RANGE_ITEM;
+exports.TraceTimeRangeChip = TraceTimeRangeChip;
+//# sourceMappingURL=trace-time-range-chip.cjs.js.map

package/dist/domains/traces/components/trace-time-range-chip.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace-time-range-chip.cjs.js","sources":["../../../../src/domains/traces/components/trace-time-range-chip.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport type { KeyboardEvent } from 'react';\nimport { traceFilterFieldColor, traceFilterFieldIcon } from '../trace-filters';\nimport type { DateTimeRangePickerProps } from '@/ds/components/DateTimeRangePicker';\nimport { DateTimeRangePicker } from '@/ds/components/DateTimeRangePicker';\nimport {\n  FilterBarChip,\n  FilterBarFieldLabel,\n  editableSegmentClass,\n  fieldSegmentAccentStyle,\n  segmentClass,\n} from '@/ds/components/FilterBar/filter-bar-chip';\nimport { useFilterBarContext } from '@/ds/components/FilterBar/filter-bar-context';\nimport type { FilterBarField, FilterBarItem } from '@/ds/components/FilterBar/types';\nimport { cn } from '@/lib/utils';\n\nexport const TRACE_TIME_RANGE_FIELD_ID = 'timeRange';\n\n/**\n * Synthetic FilterBar field backing the always-present time-range chip. Hidden from the\n * input's field step (the chip cannot be added twice) but registered so the chip resolves\n * its label and takes part in keyboard navigation.\n */\nexport const TRACE_TIME_RANGE_FIELD: FilterBarField = {\n  id: TRACE_TIME_RANGE_FIELD_ID,\n  label: 'Time',\n  icon: traceFilterFieldIcon(TRACE_TIME_RANGE_FIELD_ID),\n  color: traceFilterFieldColor(TRACE_TIME_RANGE_FIELD_ID),\n  type: 'text',\n  operators: ['is'],\n  hidden: true,\n};\n\nexport const TRACE_TIME_RANGE_ITEM: FilterBarItem = {\n  id: TRACE_TIME_RANGE_FIELD_ID,\n  fieldId: TRACE_TIME_RANGE_FIELD_ID,\n  operatorId: 'is',\n  value: '',\n};\n\nexport type TraceTimeRangeChipProps = Pick<\n  DateTimeRangePickerProps,\n  'preset' | 'onPresetChange' | 'dateFrom' | 'dateTo' | 'onDateChange' | 'onDateRangeChange' | 'disabled' | 'presets'\n>;\n\nconst isSegment = (target: EventTarget | null) =>\n  target instanceof HTMLElement && target.hasAttribute('data-filter-bar-segment');\n\n/**\n * The trace list's date range rendered as a FilterBar chip: `Time <preset>`. Always\n * present and non-removable; the value segment opens the regular DateTimeRangePicker\n * menu/popover.\n */\nexport function TraceTimeRangeChip(props: TraceTimeRangeChipProps) {\n  const ctx = useFilterBarContext();\n  return (\n    <FilterBarChip item={TRACE_TIME_RANGE_ITEM} removable={false}>\n      <span\n        className={cn(segmentClass, 'text-neutral6 last:rounded-r-none')}\n        style={fieldSegmentAccentStyle(TRACE_TIME_RANGE_FIELD)}\n      >\n        <FilterBarFieldLabel field={TRACE_TIME_RANGE_FIELD} />\n      </span>\n      {/* The picker popup is portaled but bubbles React events through here — keep its\n          keystrokes from reaching the chip's arrow-key navigation. */}\n      <div\n        className=\"contents\"\n        onKeyDown={(event: KeyboardEvent<HTMLDivElement>) => {\n          if (!isSegment(event.target)) event.stopPropagation();\n        }}\n      >\n        <DateTimeRangePicker\n          {...props}\n          renderTrigger={({ label, disabled }) => (\n            <button\n              type=\"button\"\n              ref={el => ctx.registerSegment(TRACE_TIME_RANGE_ITEM.id, 'value', el)}\n              data-filter-bar-segment=\"\"\n              disabled={disabled}\n              aria-label={`Value: ${label}`}\n              title={label}\n              className={cn(editableSegmentClass, 'first:rounded-l-none')}\n            >\n              <span className=\"truncate\">{label}</span>\n            </button>\n          )}\n        />\n      </div>\n    </FilterBarChip>\n  );\n}\n"],"names":["traceFilterFieldIcon","traceFilterFieldColor","useFilterBarContext","jsxs","FilterBarChip","jsx","cn","segmentClass","fieldSegmentAccentStyle","FilterBarFieldLabel","DateTimeRangePicker","editableSegmentClass"],"mappings":";;;;;;;;;;AAgBO,MAAM,yBAAA,GAA4B;AAOlC,MAAM,sBAAA,GAAyC;AAAA,EACpD,EAAA,EAAI,yBAAA;AAAA,EACJ,KAAA,EAAO,MAAA;AAAA,EACP,IAAA,EAAMA,iDAAqB,yBAAyB,CAAA;AAAA,EACpD,KAAA,EAAOC,kDAAsB,yBAAyB,CAAA;AAAA,EACtD,IAAA,EAAM,MAAA;AAAA,EACN,SAAA,EAAW,CAAC,IAAI,CAAA;AAAA,EAChB,MAAA,EAAQ;AACV;AAEO,MAAM,qBAAA,GAAuC;AAAA,EAClD,EAAA,EAAI,yBAAA;AAAA,EACJ,OAAA,EAAS,yBAAA;AAAA,EACT,UAAA,EAAY,IAAA;AAAA,EACZ,KAAA,EAAO;AACT;AAOA,MAAM,YAAY,CAAC,MAAA,KACjB,kBAAkB,WAAA,IAAe,MAAA,CAAO,aAAa,yBAAyB,CAAA;AAOzE,SAAS,mBAAmB,KAAA,EAAgC;AACjE,EAAA,MAAM,MAAMC,iCAAA,EAAoB;AAChC,EAAA,uBACEC,eAAA,CAACC,2BAAA,EAAA,EAAc,IAAA,EAAM,qBAAA,EAAuB,WAAW,KAAA,EACrD,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,WAAA,CAAGC,0BAAA,EAAc,mCAAmC,CAAA;AAAA,QAC/D,KAAA,EAAOC,sCAAwB,sBAAsB,CAAA;AAAA,QAErD,QAAA,kBAAAH,cAAA,CAACI,iCAAA,EAAA,EAAoB,KAAA,EAAO,sBAAA,EAAwB;AAAA;AAAA,KACtD;AAAA,oBAGAJ,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,UAAA;AAAA,QACV,SAAA,EAAW,CAAC,KAAA,KAAyC;AACnD,UAAA,IAAI,CAAC,SAAA,CAAU,KAAA,CAAM,MAAM,CAAA,QAAS,eAAA,EAAgB;AAAA,QACtD,CAAA;AAAA,QAEA,QAAA,kBAAAA,cAAA;AAAA,UAACK,uCAAA;AAAA,UAAA;AAAA,YACE,GAAG,KAAA;AAAA,YACJ,aAAA,EAAe,CAAC,EAAE,KAAA,EAAO,UAAS,qBAChCL,cAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,KAAK,CAAA,EAAA,KAAM,GAAA,CAAI,gBAAgB,qBAAA,CAAsB,EAAA,EAAI,SAAS,EAAE,CAAA;AAAA,gBACpE,yBAAA,EAAwB,EAAA;AAAA,gBACxB,QAAA;AAAA,gBACA,YAAA,EAAY,UAAU,KAAK,CAAA,CAAA;AAAA,gBAC3B,KAAA,EAAO,KAAA;AAAA,gBACP,SAAA,EAAWC,WAAA,CAAGK,kCAAA,EAAsB,sBAAsB,CAAA;AAAA,gBAE1D,QAAA,kBAAAN,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AACpC;AAAA;AAEJ;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;;;;"}

package/dist/domains/traces/components/trace-time-range-chip.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/traces/components/trace-time-range-chip'
+export {}

package/dist/domains/traces/components/trace-time-range-chip.es.js

@@ -0,0 +1,67 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { traceFilterFieldColor, traceFilterFieldIcon } from '../trace-filters.es.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-jOWChtnl.js';
+import { u as useFilterBarContext, F as FilterBarChip, a as FilterBarFieldLabel, f as fieldSegmentAccentStyle, s as segmentClass, e as editableSegmentClass } from '../../../filter-bar-chip-BJOyhaA2.js';
+import { c as cn } from '../../../cn-Dxjsbr9n.js';
+
+const TRACE_TIME_RANGE_FIELD_ID = "timeRange";
+const TRACE_TIME_RANGE_FIELD = {
+  id: TRACE_TIME_RANGE_FIELD_ID,
+  label: "Time",
+  icon: traceFilterFieldIcon(TRACE_TIME_RANGE_FIELD_ID),
+  color: traceFilterFieldColor(TRACE_TIME_RANGE_FIELD_ID),
+  type: "text",
+  operators: ["is"],
+  hidden: true
+};
+const TRACE_TIME_RANGE_ITEM = {
+  id: TRACE_TIME_RANGE_FIELD_ID,
+  fieldId: TRACE_TIME_RANGE_FIELD_ID,
+  operatorId: "is",
+  value: ""
+};
+const isSegment = (target) => target instanceof HTMLElement && target.hasAttribute("data-filter-bar-segment");
+function TraceTimeRangeChip(props) {
+  const ctx = useFilterBarContext();
+  return /* @__PURE__ */ jsxs(FilterBarChip, { item: TRACE_TIME_RANGE_ITEM, removable: false, children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(segmentClass, "text-neutral6 last:rounded-r-none"),
+        style: fieldSegmentAccentStyle(TRACE_TIME_RANGE_FIELD),
+        children: /* @__PURE__ */ jsx(FilterBarFieldLabel, { field: TRACE_TIME_RANGE_FIELD })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "contents",
+        onKeyDown: (event) => {
+          if (!isSegment(event.target)) event.stopPropagation();
+        },
+        children: /* @__PURE__ */ jsx(
+          DateTimeRangePicker,
+          {
+            ...props,
+            renderTrigger: ({ label, disabled }) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                ref: (el) => ctx.registerSegment(TRACE_TIME_RANGE_ITEM.id, "value", el),
+                "data-filter-bar-segment": "",
+                disabled,
+                "aria-label": `Value: ${label}`,
+                title: label,
+                className: cn(editableSegmentClass, "first:rounded-l-none"),
+                children: /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+}
+
+export { TRACE_TIME_RANGE_FIELD, TRACE_TIME_RANGE_FIELD_ID, TRACE_TIME_RANGE_ITEM, TraceTimeRangeChip };
+//# sourceMappingURL=trace-time-range-chip.es.js.map

package/dist/domains/traces/components/trace-time-range-chip.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace-time-range-chip.es.js","sources":["../../../../src/domains/traces/components/trace-time-range-chip.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport type { KeyboardEvent } from 'react';\nimport { traceFilterFieldColor, traceFilterFieldIcon } from '../trace-filters';\nimport type { DateTimeRangePickerProps } from '@/ds/components/DateTimeRangePicker';\nimport { DateTimeRangePicker } from '@/ds/components/DateTimeRangePicker';\nimport {\n  FilterBarChip,\n  FilterBarFieldLabel,\n  editableSegmentClass,\n  fieldSegmentAccentStyle,\n  segmentClass,\n} from '@/ds/components/FilterBar/filter-bar-chip';\nimport { useFilterBarContext } from '@/ds/components/FilterBar/filter-bar-context';\nimport type { FilterBarField, FilterBarItem } from '@/ds/components/FilterBar/types';\nimport { cn } from '@/lib/utils';\n\nexport const TRACE_TIME_RANGE_FIELD_ID = 'timeRange';\n\n/**\n * Synthetic FilterBar field backing the always-present time-range chip. Hidden from the\n * input's field step (the chip cannot be added twice) but registered so the chip resolves\n * its label and takes part in keyboard navigation.\n */\nexport const TRACE_TIME_RANGE_FIELD: FilterBarField = {\n  id: TRACE_TIME_RANGE_FIELD_ID,\n  label: 'Time',\n  icon: traceFilterFieldIcon(TRACE_TIME_RANGE_FIELD_ID),\n  color: traceFilterFieldColor(TRACE_TIME_RANGE_FIELD_ID),\n  type: 'text',\n  operators: ['is'],\n  hidden: true,\n};\n\nexport const TRACE_TIME_RANGE_ITEM: FilterBarItem = {\n  id: TRACE_TIME_RANGE_FIELD_ID,\n  fieldId: TRACE_TIME_RANGE_FIELD_ID,\n  operatorId: 'is',\n  value: '',\n};\n\nexport type TraceTimeRangeChipProps = Pick<\n  DateTimeRangePickerProps,\n  'preset' | 'onPresetChange' | 'dateFrom' | 'dateTo' | 'onDateChange' | 'onDateRangeChange' | 'disabled' | 'presets'\n>;\n\nconst isSegment = (target: EventTarget | null) =>\n  target instanceof HTMLElement && target.hasAttribute('data-filter-bar-segment');\n\n/**\n * The trace list's date range rendered as a FilterBar chip: `Time <preset>`. Always\n * present and non-removable; the value segment opens the regular DateTimeRangePicker\n * menu/popover.\n */\nexport function TraceTimeRangeChip(props: TraceTimeRangeChipProps) {\n  const ctx = useFilterBarContext();\n  return (\n    <FilterBarChip item={TRACE_TIME_RANGE_ITEM} removable={false}>\n      <span\n        className={cn(segmentClass, 'text-neutral6 last:rounded-r-none')}\n        style={fieldSegmentAccentStyle(TRACE_TIME_RANGE_FIELD)}\n      >\n        <FilterBarFieldLabel field={TRACE_TIME_RANGE_FIELD} />\n      </span>\n      {/* The picker popup is portaled but bubbles React events through here — keep its\n          keystrokes from reaching the chip's arrow-key navigation. */}\n      <div\n        className=\"contents\"\n        onKeyDown={(event: KeyboardEvent<HTMLDivElement>) => {\n          if (!isSegment(event.target)) event.stopPropagation();\n        }}\n      >\n        <DateTimeRangePicker\n          {...props}\n          renderTrigger={({ label, disabled }) => (\n            <button\n              type=\"button\"\n              ref={el => ctx.registerSegment(TRACE_TIME_RANGE_ITEM.id, 'value', el)}\n              data-filter-bar-segment=\"\"\n              disabled={disabled}\n              aria-label={`Value: ${label}`}\n              title={label}\n              className={cn(editableSegmentClass, 'first:rounded-l-none')}\n            >\n              <span className=\"truncate\">{label}</span>\n            </button>\n          )}\n        />\n      </div>\n    </FilterBarChip>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,yBAAA,GAA4B;AAOlC,MAAM,sBAAA,GAAyC;AAAA,EACpD,EAAA,EAAI,yBAAA;AAAA,EACJ,KAAA,EAAO,MAAA;AAAA,EACP,IAAA,EAAM,qBAAqB,yBAAyB,CAAA;AAAA,EACpD,KAAA,EAAO,sBAAsB,yBAAyB,CAAA;AAAA,EACtD,IAAA,EAAM,MAAA;AAAA,EACN,SAAA,EAAW,CAAC,IAAI,CAAA;AAAA,EAChB,MAAA,EAAQ;AACV;AAEO,MAAM,qBAAA,GAAuC;AAAA,EAClD,EAAA,EAAI,yBAAA;AAAA,EACJ,OAAA,EAAS,yBAAA;AAAA,EACT,UAAA,EAAY,IAAA;AAAA,EACZ,KAAA,EAAO;AACT;AAOA,MAAM,YAAY,CAAC,MAAA,KACjB,kBAAkB,WAAA,IAAe,MAAA,CAAO,aAAa,yBAAyB,CAAA;AAOzE,SAAS,mBAAmB,KAAA,EAAgC;AACjE,EAAA,MAAM,MAAM,mBAAA,EAAoB;AAChC,EAAA,uBACE,IAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAM,qBAAA,EAAuB,WAAW,KAAA,EACrD,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,mCAAmC,CAAA;AAAA,QAC/D,KAAA,EAAO,wBAAwB,sBAAsB,CAAA;AAAA,QAErD,QAAA,kBAAA,GAAA,CAAC,mBAAA,EAAA,EAAoB,KAAA,EAAO,sBAAA,EAAwB;AAAA;AAAA,KACtD;AAAA,oBAGA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,UAAA;AAAA,QACV,SAAA,EAAW,CAAC,KAAA,KAAyC;AACnD,UAAA,IAAI,CAAC,SAAA,CAAU,KAAA,CAAM,MAAM,CAAA,QAAS,eAAA,EAAgB;AAAA,QACtD,CAAA;AAAA,QAEA,QAAA,kBAAA,GAAA;AAAA,UAAC,mBAAA;AAAA,UAAA;AAAA,YACE,GAAG,KAAA;AAAA,YACJ,aAAA,EAAe,CAAC,EAAE,KAAA,EAAO,UAAS,qBAChC,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,KAAK,CAAA,EAAA,KAAM,GAAA,CAAI,gBAAgB,qBAAA,CAAsB,EAAA,EAAI,SAAS,EAAE,CAAA;AAAA,gBACpE,yBAAA,EAAwB,EAAA;AAAA,gBACxB,QAAA;AAAA,gBACA,YAAA,EAAY,UAAU,KAAK,CAAA,CAAA;AAAA,gBAC3B,KAAA,EAAO,KAAA;AAAA,gBACP,SAAA,EAAW,EAAA,CAAG,oBAAA,EAAsB,sBAAsB,CAAA;AAAA,gBAE1D,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AACpC;AAAA;AAEJ;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/traces-error-content.cjs.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const ErrorState = require('../../../ErrorState-DvsG3RMz.cjs');
-const PermissionDenied = require('../../../PermissionDenied-Dge5a7OX.cjs');
-const SessionExpired = require('../../../SessionExpired-CAOgb-6E.cjs');
+const PermissionDenied = require('../../../PermissionDenied-NzPheIbg.cjs');
+const SessionExpired = require('../../../SessionExpired-C2NfmuTN.cjs');
 const utils_errors = require('../../../utils/errors.cjs.js');
 const utils_queryUtils = require('../../../utils/query-utils.cjs.js');
 

package/dist/domains/traces/components/traces-error-content.es.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { E as ErrorState } from '../../../ErrorState-t59EAa55.js';
-import { P as PermissionDenied } from '../../../PermissionDenied-BmAbJ1Xn.js';
-import { S as SessionExpired } from '../../../SessionExpired-DSPFseGA.js';
+import { P as PermissionDenied } from '../../../PermissionDenied-CJaLT_6Y.js';
+import { S as SessionExpired } from '../../../SessionExpired-C_J0XX8S.js';
 import { parseError } from '../../../utils/errors.es.js';
 import { is401UnauthorizedError, is403ForbiddenError } from '../../../utils/query-utils.es.js';
 

package/dist/domains/traces/components/traces-list-mode-toggle.cjs.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../../Button-BJOVwaxp.cjs');
-const dropdownMenu = require('../../../dropdown-menu-Bfh5ROWe.cjs');
+const Button = require('../../../Button-B1TWWXCy.cjs');
+const dropdownMenu = require('../../../dropdown-menu-CP2LVgOe.cjs');
 
 const TRACES_LIST_MODE_LABELS = {
   traces: "Top-level traces only",

package/dist/domains/traces/components/traces-list-mode-toggle.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ChevronDownIcon } from 'lucide-react';
-import { B as Button } from '../../../Button-BVGwYwHT.js';
-import { D as DropdownMenu } from '../../../dropdown-menu-C853KwJJ.js';
+import { B as Button } from '../../../Button-XSiL3zvL.js';
+import { D as DropdownMenu } from '../../../dropdown-menu-BYns1-0U.js';
 
 const TRACES_LIST_MODE_LABELS = {
   traces: "Top-level traces only",

package/dist/domains/traces/components/traces-list-view-adapter.cjs.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+function toTracesListViewTraces(traces) {
+  return traces.map((trace) => ({
+    traceId: trace.traceId,
+    spanId: trace.rootSpanId,
+    parentSpanId: trace.parentSpanId,
+    name: trace.name,
+    createdAt: trace.createdAt,
+    inputPreview: trace.inputPreview,
+    metadata: trace.metadata,
+    entityId: trace.entityId,
+    entityName: trace.entityName,
+    entityType: trace.entityType,
+    status: trace.status,
+    startedAt: trace.startedAt,
+    endedAt: trace.endedAt
+  }));
+}
+
+exports.toTracesListViewTraces = toTracesListViewTraces;
+//# sourceMappingURL=traces-list-view-adapter.cjs.js.map

package/dist/domains/traces/components/traces-list-view-adapter.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-list-view-adapter.cjs.js","sources":["../../../../src/domains/traces/components/traces-list-view-adapter.ts"],"sourcesContent":["import type { TraceQueryTrace } from '@mastra/core/storage';\nimport type { TracesListViewTrace } from './traces-list-view';\n\nexport function toTracesListViewTraces(traces: TraceQueryTrace[]): TracesListViewTrace[] {\n  return traces.map(trace => ({\n    traceId: trace.traceId,\n    spanId: trace.rootSpanId,\n    parentSpanId: trace.parentSpanId,\n    name: trace.name,\n    createdAt: trace.createdAt,\n    inputPreview: trace.inputPreview,\n    metadata: trace.metadata,\n    entityId: trace.entityId,\n    entityName: trace.entityName,\n    entityType: trace.entityType,\n    status: trace.status,\n    startedAt: trace.startedAt,\n    endedAt: trace.endedAt,\n  }));\n}\n"],"names":[],"mappings":";;;;AAGO,SAAS,uBAAuB,MAAA,EAAkD;AACvF,EAAA,OAAO,MAAA,CAAO,IAAI,CAAA,KAAA,MAAU;AAAA,IAC1B,SAAS,KAAA,CAAM,OAAA;AAAA,IACf,QAAQ,KAAA,CAAM,UAAA;AAAA,IACd,cAAc,KAAA,CAAM,YAAA;AAAA,IACpB,MAAM,KAAA,CAAM,IAAA;AAAA,IACZ,WAAW,KAAA,CAAM,SAAA;AAAA,IACjB,cAAc,KAAA,CAAM,YAAA;AAAA,IACpB,UAAU,KAAA,CAAM,QAAA;AAAA,IAChB,UAAU,KAAA,CAAM,QAAA;AAAA,IAChB,YAAY,KAAA,CAAM,UAAA;AAAA,IAClB,YAAY,KAAA,CAAM,UAAA;AAAA,IAClB,QAAQ,KAAA,CAAM,MAAA;AAAA,IACd,WAAW,KAAA,CAAM,SAAA;AAAA,IACjB,SAAS,KAAA,CAAM;AAAA,GACjB,CAAE,CAAA;AACJ;;;;"}

package/dist/domains/traces/components/traces-list-view-adapter.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/traces/components/traces-list-view-adapter'
+export {}

package/dist/domains/traces/components/traces-list-view-adapter.es.js

@@ -0,0 +1,20 @@
+function toTracesListViewTraces(traces) {
+  return traces.map((trace) => ({
+    traceId: trace.traceId,
+    spanId: trace.rootSpanId,
+    parentSpanId: trace.parentSpanId,
+    name: trace.name,
+    createdAt: trace.createdAt,
+    inputPreview: trace.inputPreview,
+    metadata: trace.metadata,
+    entityId: trace.entityId,
+    entityName: trace.entityName,
+    entityType: trace.entityType,
+    status: trace.status,
+    startedAt: trace.startedAt,
+    endedAt: trace.endedAt
+  }));
+}
+
+export { toTracesListViewTraces };
+//# sourceMappingURL=traces-list-view-adapter.es.js.map

package/dist/domains/traces/components/traces-list-view-adapter.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-list-view-adapter.es.js","sources":["../../../../src/domains/traces/components/traces-list-view-adapter.ts"],"sourcesContent":["import type { TraceQueryTrace } from '@mastra/core/storage';\nimport type { TracesListViewTrace } from './traces-list-view';\n\nexport function toTracesListViewTraces(traces: TraceQueryTrace[]): TracesListViewTrace[] {\n  return traces.map(trace => ({\n    traceId: trace.traceId,\n    spanId: trace.rootSpanId,\n    parentSpanId: trace.parentSpanId,\n    name: trace.name,\n    createdAt: trace.createdAt,\n    inputPreview: trace.inputPreview,\n    metadata: trace.metadata,\n    entityId: trace.entityId,\n    entityName: trace.entityName,\n    entityType: trace.entityType,\n    status: trace.status,\n    startedAt: trace.startedAt,\n    endedAt: trace.endedAt,\n  }));\n}\n"],"names":[],"mappings":"AAGO,SAAS,uBAAuB,MAAA,EAAkD;AACvF,EAAA,OAAO,MAAA,CAAO,IAAI,CAAA,KAAA,MAAU;AAAA,IAC1B,SAAS,KAAA,CAAM,OAAA;AAAA,IACf,QAAQ,KAAA,CAAM,UAAA;AAAA,IACd,cAAc,KAAA,CAAM,YAAA;AAAA,IACpB,MAAM,KAAA,CAAM,IAAA;AAAA,IACZ,WAAW,KAAA,CAAM,SAAA;AAAA,IACjB,cAAc,KAAA,CAAM,YAAA;AAAA,IACpB,UAAU,KAAA,CAAM,QAAA;AAAA,IAChB,UAAU,KAAA,CAAM,QAAA;AAAA,IAChB,YAAY,KAAA,CAAM,UAAA;AAAA,IAClB,YAAY,KAAA,CAAM,UAAA;AAAA,IAClB,QAAQ,KAAA,CAAM,MAAA;AAAA,IACd,WAAW,KAAA,CAAM,SAAA;AAAA,IACjB,SAAS,KAAA,CAAM;AAAA,GACjB,CAAE,CAAA;AACJ;;;;"}

package/dist/domains/traces/components/traces-list-view.cjs.js

@@ -8,11 +8,11 @@ const React = require('react');
 const domains_traces_traceListColumns = require('../trace-list-columns.cjs.js');
 const domains_traces_utils_spanUtils = require('../utils/span-utils.cjs.js');
 const domains_metrics_components_metricsUtils = require('../../metrics/components/metrics-utils.cjs.js');
-const dataList = require('../../../data-list-4_cVlINT.cjs');
-const dataListSkeleton = require('../../../data-list-skeleton-B7flrjdA.cjs');
-const tracesDataList = require('../../../traces-data-list-0WfYCKdc.cjs');
+const dataList = require('../../../data-list-DjSl3F2g.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton--fY5L1tO.cjs');
+const tracesDataList = require('../../../traces-data-list-B6WI6noa.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const utils_cn = require('../../../cn-DnbTIGXa.cjs');
+const utils_cn = require('../../../cn-DPfV6E6L.cjs');
 
 const ROW_HEIGHT = 36;
 const OVERSCAN = 8;

package/dist/domains/traces/components/traces-list-view.es.js

@@ -4,11 +4,11 @@ import { useRef, useEffect } from 'react';
 import { buildTraceListColumns, hasTraceColumn, DEFAULT_TRACE_COLUMN_PREFERENCES, formatTraceMetadataValue } from '../trace-list-columns.es.js';
 import { getInputPreview, formatSpanDuration } from '../utils/span-utils.es.js';
 import { formatCompact, formatCost } from '../../metrics/components/metrics-utils.es.js';
-import { D as DataList } from '../../../data-list-Bm70XKg_.js';
-import { D as DataListSkeleton } from '../../../data-list-skeleton-BJVs8rDE.js';
-import { T as TracesDataList } from '../../../traces-data-list-BOiAOwYM.js';
+import { D as DataList } from '../../../data-list-CIUOCtR5.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-CL2Z3dY1.js';
+import { T as TracesDataList } from '../../../traces-data-list-DC2gtmyd.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { c as cn } from '../../../cn-ByEbywDh.js';
+import { c as cn } from '../../../cn-Dxjsbr9n.js';
 
 const ROW_HEIGHT = 36;
 const OVERSCAN = 8;

package/dist/domains/traces/components.cjs.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const domains_traces_components_formatHierarchicalSpans = require('./components/format-hierarchical-spans.cjs.js');
 const domains_traces_components_shared = require('./components/shared.cjs.js');
 const domains_traces_components_spanTokenUsage = require('./components/span-token-usage.cjs.js');
-const domains_traces_components_timelineExpandCol = require('./components/timeline-expand-col.cjs.js');
 const domains_traces_components_timelineNameCol = require('./components/timeline-name-col.cjs.js');
 const domains_traces_components_timelineStructureSign = require('./components/timeline-structure-sign.cjs.js');
 const domains_traces_components_timelineTimingCol = require('./components/timeline-timing-col.cjs.js');
@@ -14,23 +13,26 @@ const domains_traces_components_traceTimelineSpan = require('./components/trace-
 const domains_traces_components_traceTimeline = require('./components/trace-timeline.cjs.js');
 const domains_traces_components_spanRows = require('./components/span-rows.cjs.js');
 const domains_traces_components_spanTreeRow = require('./components/span-tree-row.cjs.js');
-const domains_traces_components_spanTimelineCol = require('./components/span-timeline-col.cjs.js');
-const domains_traces_components_spanDurationCol = require('./components/span-duration-col.cjs.js');
+const domains_traces_components_spanTimelineRow = require('./components/span-timeline-row.cjs.js');
 const domains_traces_components_spanTimingHoverCard = require('./components/span-timing-hover-card.cjs.js');
 const domains_traces_components_spanTypeLegend = require('./components/span-type-legend.cjs.js');
 const domains_traces_components_traceSpanTree = require('./components/trace-span-tree.cjs.js');
 const domains_traces_components_traceSpanTimeline = require('./components/trace-span-timeline.cjs.js');
-const domains_traces_components_tracesToolbar = require('./components/traces-toolbar.cjs.js');
 const domains_traces_components_traceDataPanelView = require('./components/trace-data-panel-view.cjs.js');
 const domains_traces_components_spanDataPanelView = require('./components/span-data-panel-view.cjs.js');
 const domains_traces_components_spanDetailsView = require('./components/span-details-view.cjs.js');
 const domains_traces_components_traceDetailsView = require('./components/trace-details-view.cjs.js');
-const domains_traces_components_tracesLayout = require('./components/traces-layout.cjs.js');
 const domains_traces_components_tracesListView = require('./components/traces-list-view.cjs.js');
 const domains_traces_components_tracesListModeToggle = require('./components/traces-list-mode-toggle.cjs.js');
 const domains_traces_components_tracesErrorContent = require('./components/traces-error-content.cjs.js');
 const domains_traces_components_noTracesInfo = require('./components/no-traces-info.cjs.js');
 const domains_traces_components_threadTrace = require('./components/thread-trace.cjs.js');
+const domains_traces_components_spanPayload_spanInputRenderers = require('./components/span-payload/span-input-renderers.cjs.js');
+const domains_traces_components_spanPayload_spanOutputRenderers = require('./components/span-payload/span-output-renderers.cjs.js');
+const domains_traces_components_spanPayload_spanErrorRenderer = require('./components/span-payload/span-error-renderer.cjs.js');
+const domains_traces_components_spanPayload_spanPayloadSection = require('./components/span-payload/span-payload-section.cjs.js');
+const domains_traces_components_spanPayload_spanPayloadMessages = require('./components/span-payload/span-payload-messages.cjs.js');
+const domains_traces_components_spanPayload_spanPayloadJson = require('./components/span-payload/span-payload-json.cjs.js');
 const domains_traces_components_threadTrace_threadTraceRow = require('./components/thread-trace/thread-trace-row.cjs.js');
 const domains_traces_components_threadTrace_threadTraceContext = require('./components/thread-trace/thread-trace-context.cjs.js');
 const domains_traces_components_threadTrace_threadTraceRowContext = require('./components/thread-trace/thread-trace-row-context.cjs.js');
@@ -41,7 +43,6 @@ exports.formatHierarchicalSpans = domains_traces_components_formatHierarchicalSp
 exports.getSpanTypeUi = domains_traces_components_shared.getSpanTypeUi;
 exports.spanTypePrefixes = domains_traces_components_shared.spanTypePrefixes;
 exports.SpanTokenUsage = domains_traces_components_spanTokenUsage.SpanTokenUsage;
-exports.TimelineExpandCol = domains_traces_components_timelineExpandCol.TimelineExpandCol;
 exports.TimelineNameCol = domains_traces_components_timelineNameCol.TimelineNameCol;
 exports.TimelineStructureSign = domains_traces_components_timelineStructureSign.TimelineStructureSign;
 exports.TimelineTimingCol = domains_traces_components_timelineTimingCol.TimelineTimingCol;
@@ -50,23 +51,26 @@ exports.TraceTimelineSpan = domains_traces_components_traceTimelineSpan.TraceTim
 exports.TraceTimeline = domains_traces_components_traceTimeline.TraceTimeline;
 exports.SpanRows = domains_traces_components_spanRows.SpanRows;
 exports.SpanTreeRow = domains_traces_components_spanTreeRow.SpanTreeRow;
-exports.SpanTimelineCol = domains_traces_components_spanTimelineCol.SpanTimelineCol;
-exports.SpanDurationCol = domains_traces_components_spanDurationCol.SpanDurationCol;
+exports.SpanTimelineRow = domains_traces_components_spanTimelineRow.SpanTimelineRow;
 exports.SpanTimingHoverCard = domains_traces_components_spanTimingHoverCard.SpanTimingHoverCard;
 exports.SpanTypeLegend = domains_traces_components_spanTypeLegend.SpanTypeLegend;
 exports.TraceSpanTree = domains_traces_components_traceSpanTree.TraceSpanTree;
 exports.TraceSpanTimeline = domains_traces_components_traceSpanTimeline.TraceSpanTimeline;
-exports.TracesToolbar = domains_traces_components_tracesToolbar.TracesToolbar;
 exports.TraceDataPanelView = domains_traces_components_traceDataPanelView.TraceDataPanelView;
 exports.SpanDataPanelView = domains_traces_components_spanDataPanelView.SpanDataPanelView;
 exports.SpanDetailsView = domains_traces_components_spanDetailsView.SpanDetailsView;
 exports.TraceDetailsView = domains_traces_components_traceDetailsView.TraceDetailsView;
-exports.TracesLayout = domains_traces_components_tracesLayout.TracesLayout;
 exports.TracesListView = domains_traces_components_tracesListView.TracesListView;
 exports.TracesListModeToggle = domains_traces_components_tracesListModeToggle.TracesListModeToggle;
 exports.TracesErrorContent = domains_traces_components_tracesErrorContent.TracesErrorContent;
 exports.NoTracesInfo = domains_traces_components_noTracesInfo.NoTracesInfo;
 exports.ThreadTrace = domains_traces_components_threadTrace.ThreadTrace;
+exports.SpanInputRenderer = domains_traces_components_spanPayload_spanInputRenderers.SpanInputRenderer;
+exports.SpanOutputRenderer = domains_traces_components_spanPayload_spanOutputRenderers.SpanOutputRenderer;
+exports.SpanErrorRenderer = domains_traces_components_spanPayload_spanErrorRenderer.SpanErrorRenderer;
+exports.SpanPayloadSection = domains_traces_components_spanPayload_spanPayloadSection.SpanPayloadSection;
+exports.SpanPayloadMessages = domains_traces_components_spanPayload_spanPayloadMessages.SpanPayloadMessages;
+exports.SpanPayloadJson = domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson;
 exports.THREAD_TRACE_SPANS_TAB = domains_traces_components_threadTrace_threadTraceRow.THREAD_TRACE_SPANS_TAB;
 exports.useThreadTrace = domains_traces_components_threadTrace_threadTraceContext.useThreadTrace;
 exports.useThreadTraceRow = domains_traces_components_threadTrace_threadTraceRowContext.useThreadTraceRow;

package/dist/domains/traces/components.cjs.js.map

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