@mastra/playground-ui 37.0.1-alpha.2 → 37.1.0-alpha.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-list-mode-toggle.cjs.js","sources":["../../../../src/domains/traces/components/traces-list-mode-toggle.tsx"],"sourcesContent":["import { ChevronDownIcon } from 'lucide-react';\nimport type { TraceListMode } from '../trace-filters';\nimport { Button } from '@/ds/components/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nconst TRACES_LIST_MODE_LABELS: Record<TraceListMode, string> = {\n  traces: 'Top-level traces only',\n  branches: 'All traces, nested too',\n};\n\nexport interface TracesListModeToggleProps {\n  value: TraceListMode;\n  onChange: (mode: TraceListMode) => void;\n  disabled?: boolean;\n}\n\n/**\n * Dropdown switcher between the two list modes on the Observability traces page:\n * - `traces` — one row per top-level run (each trace's root anchor).\n * - `branches` — one row per anchor span, including ones nested inside other runs.\n */\nexport function TracesListModeToggle({ value, onChange, disabled }: TracesListModeToggleProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger asChild>\n        <Button size=\"md\" variant=\"default\" disabled={disabled}>\n          {TRACES_LIST_MODE_LABELS[value]}\n          <ChevronDownIcon />\n        </Button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"start\">\n        <DropdownMenu.RadioGroup value={value} onValueChange={v => onChange(v as TraceListMode)}>\n          <DropdownMenu.RadioItem value=\"traces\">{TRACES_LIST_MODE_LABELS.traces}</DropdownMenu.RadioItem>\n          <DropdownMenu.RadioItem value=\"branches\">{TRACES_LIST_MODE_LABELS.branches}</DropdownMenu.RadioItem>\n        </DropdownMenu.RadioGroup>\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":["DropdownMenu","jsx","jsxs","Button","ChevronDownIcon"],"mappings":";;;;;;;;;AAKA,MAAM,uBAAA,GAAyD;AAAA,EAC7D,MAAA,EAAQ,uBAAA;AAAA,EACR,QAAA,EAAU;AACZ,CAAA;AAaO,SAAS,oBAAA,CAAqB,EAAE,KAAA,EAAO,QAAA,EAAU,UAAS,EAA8B;AAC7F,EAAA,uCACGA,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACD,yBAAA,CAAa,OAAA,EAAb,EAAqB,OAAA,EAAO,IAAA,EAC3B,QAAA,kBAAAE,eAAA,CAACC,aAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,QAAA,EACjC,QAAA,EAAA;AAAA,MAAA,uBAAA,CAAwB,KAAK,CAAA;AAAA,qCAC7BC,2BAAA,EAAA,EAAgB;AAAA,KAAA,EACnB,CAAA,EACF,CAAA;AAAA,oBACAH,cAAA,CAACD,yBAAA,CAAa,OAAA,EAAb,EAAqB,OAAM,OAAA,EAC1B,QAAA,kBAAAE,eAAA,CAACF,yBAAA,CAAa,UAAA,EAAb,EAAwB,KAAA,EAAc,aAAA,EAAe,CAAA,CAAA,KAAK,QAAA,CAAS,CAAkB,CAAA,EACpF,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACD,0BAAa,SAAA,EAAb,EAAuB,KAAA,EAAM,QAAA,EAAU,kCAAwB,MAAA,EAAO,CAAA;AAAA,qCACtEA,yBAAA,CAAa,SAAA,EAAb,EAAuB,KAAA,EAAM,UAAA,EAAY,kCAAwB,QAAA,EAAS;AAAA,KAAA,EAC7E,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/traces-list-mode-toggle.d.ts

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

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

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ChevronDownIcon } from 'lucide-react';
+import { B as Button } from '../../../Button-Bq0VuEbC.js';
+import { D as DropdownMenu } from '../../../dropdown-menu-CGei48WH.js';
+
+const TRACES_LIST_MODE_LABELS = {
+  traces: "Top-level traces only",
+  branches: "All traces, nested too"
+};
+function TracesListModeToggle({ value, onChange, disabled }) {
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { size: "md", variant: "default", disabled, children: [
+      TRACES_LIST_MODE_LABELS[value],
+      /* @__PURE__ */ jsx(ChevronDownIcon, {})
+    ] }) }),
+    /* @__PURE__ */ jsx(DropdownMenu.Content, { align: "start", children: /* @__PURE__ */ jsxs(DropdownMenu.RadioGroup, { value, onValueChange: (v) => onChange(v), children: [
+      /* @__PURE__ */ jsx(DropdownMenu.RadioItem, { value: "traces", children: TRACES_LIST_MODE_LABELS.traces }),
+      /* @__PURE__ */ jsx(DropdownMenu.RadioItem, { value: "branches", children: TRACES_LIST_MODE_LABELS.branches })
+    ] }) })
+  ] });
+}
+
+export { TracesListModeToggle };
+//# sourceMappingURL=traces-list-mode-toggle.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-list-mode-toggle.es.js","sources":["../../../../src/domains/traces/components/traces-list-mode-toggle.tsx"],"sourcesContent":["import { ChevronDownIcon } from 'lucide-react';\nimport type { TraceListMode } from '../trace-filters';\nimport { Button } from '@/ds/components/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nconst TRACES_LIST_MODE_LABELS: Record<TraceListMode, string> = {\n  traces: 'Top-level traces only',\n  branches: 'All traces, nested too',\n};\n\nexport interface TracesListModeToggleProps {\n  value: TraceListMode;\n  onChange: (mode: TraceListMode) => void;\n  disabled?: boolean;\n}\n\n/**\n * Dropdown switcher between the two list modes on the Observability traces page:\n * - `traces` — one row per top-level run (each trace's root anchor).\n * - `branches` — one row per anchor span, including ones nested inside other runs.\n */\nexport function TracesListModeToggle({ value, onChange, disabled }: TracesListModeToggleProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger asChild>\n        <Button size=\"md\" variant=\"default\" disabled={disabled}>\n          {TRACES_LIST_MODE_LABELS[value]}\n          <ChevronDownIcon />\n        </Button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"start\">\n        <DropdownMenu.RadioGroup value={value} onValueChange={v => onChange(v as TraceListMode)}>\n          <DropdownMenu.RadioItem value=\"traces\">{TRACES_LIST_MODE_LABELS.traces}</DropdownMenu.RadioItem>\n          <DropdownMenu.RadioItem value=\"branches\">{TRACES_LIST_MODE_LABELS.branches}</DropdownMenu.RadioItem>\n        </DropdownMenu.RadioGroup>\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":[],"mappings":";;;;;AAKA,MAAM,uBAAA,GAAyD;AAAA,EAC7D,MAAA,EAAQ,uBAAA;AAAA,EACR,QAAA,EAAU;AACZ,CAAA;AAaO,SAAS,oBAAA,CAAqB,EAAE,KAAA,EAAO,QAAA,EAAU,UAAS,EAA8B;AAC7F,EAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,CAAa,OAAA,EAAb,EAAqB,OAAA,EAAO,IAAA,EAC3B,QAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,QAAA,EACjC,QAAA,EAAA;AAAA,MAAA,uBAAA,CAAwB,KAAK,CAAA;AAAA,0BAC7B,eAAA,EAAA,EAAgB;AAAA,KAAA,EACnB,CAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,YAAA,CAAa,OAAA,EAAb,EAAqB,OAAM,OAAA,EAC1B,QAAA,kBAAA,IAAA,CAAC,YAAA,CAAa,UAAA,EAAb,EAAwB,KAAA,EAAc,aAAA,EAAe,CAAA,CAAA,KAAK,QAAA,CAAS,CAAkB,CAAA,EACpF,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAa,SAAA,EAAb,EAAuB,KAAA,EAAM,QAAA,EAAU,kCAAwB,MAAA,EAAO,CAAA;AAAA,0BACtE,YAAA,CAAa,SAAA,EAAb,EAAuB,KAAA,EAAM,UAAA,EAAY,kCAAwB,QAAA,EAAS;AAAA,KAAA,EAC7E,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,115 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactVirtual = require('@tanstack/react-virtual');
+const React = require('react');
+const domains_traces_utils_spanUtils = require('../utils/span-utils.cjs.js');
+const dataListSkeleton = require('../../../data-list-skeleton-Du8Lshzl.cjs');
+const tracesDataList = require('../../../traces-data-list-BpQO8ZSH.cjs');
+const utils_cn = require('../../../cn-vA5sWo9W.cjs');
+
+const COLUMNS = "6rem 9rem 14rem minmax(8rem,1fr) 14rem 6rem";
+const ROW_HEIGHT = 36;
+const OVERSCAN = 8;
+function TracesListView({
+  traces,
+  isLoading,
+  isFetchingNextPage,
+  hasNextPage,
+  setEndOfListElement,
+  filtersApplied,
+  featuredTraceId,
+  featuredSpanId,
+  isBranchesMode,
+  recentlyAddedKeys,
+  onTraceClick
+}) {
+  const scrollRef = React.useRef(null);
+  const virtualizer = reactVirtual.useVirtualizer({
+    count: traces.length,
+    getScrollElement: () => scrollRef.current,
+    estimateSize: () => ROW_HEIGHT,
+    overscan: OVERSCAN
+  });
+  const wasLoadingRef = React.useRef(isLoading);
+  React.useEffect(() => {
+    if (wasLoadingRef.current && !isLoading) {
+      scrollRef.current?.dispatchEvent(new Event("scroll"));
+    }
+    wasLoadingRef.current = isLoading;
+  }, [isLoading]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(dataListSkeleton.DataListSkeleton, { columns: COLUMNS });
+  }
+  const virtualItems = virtualizer.getVirtualItems();
+  const totalSize = virtualizer.getTotalSize();
+  const paddingTop = virtualItems[0]?.start ?? 0;
+  const paddingBottom = virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(tracesDataList.TracesDataList, { columns: COLUMNS, variant: "striped", scrollRef, className: "min-w-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(tracesDataList.TracesDataList.Top, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.TopCell, { children: "Date" }),
+      /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.TopCell, { children: "Time" }),
+      /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.TopCell, { children: "Name" }),
+      /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.TopCell, { children: "Input" }),
+      /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.TopCell, { children: "Entity" }),
+      /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.TopCell, { children: "Status" })
+    ] }),
+    traces.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+      tracesDataList.TracesDataList.NoMatch,
+      {
+        message: filtersApplied ? "No traces found for applied filters" : "No traces found yet"
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.Spacer, { height: paddingTop }),
+      virtualItems.map((vi) => {
+        const trace = traces[vi.index];
+        if (!trace) return null;
+        const isFeatured = trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);
+        const rowKey = `${trace.traceId}:${trace.spanId ?? ""}`;
+        const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;
+        const displayDate = trace.startedAt ?? trace.createdAt;
+        const entityName = trace.entityName || trace.entityId || trace.attributes?.agentId || trace.attributes?.workflowId;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          tracesDataList.TracesDataList.RowButton,
+          {
+            ref: virtualizer.measureElement,
+            "data-index": vi.index,
+            onClick: () => onTraceClick(trace),
+            featured: isFeatured,
+            className: utils_cn.cn(isRecentlyAdded && "animate-row-highlight"),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.DateCell, { timestamp: displayDate }),
+              /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.TimeCell, { timestamp: displayDate }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                tracesDataList.TracesDataList.NameCell,
+                {
+                  name: trace.name,
+                  parentSpanId: trace.parentSpanId,
+                  showLevelTooltip: isBranchesMode
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.InputCell, { input: domains_traces_utils_spanUtils.getInputPreview(trace.input) }),
+              /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.EntityCell, { entityType: trace.entityType, entityName }),
+              /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.StatusCell, { status: trace.attributes?.status })
+            ]
+          },
+          rowKey
+        );
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.Spacer, { height: paddingBottom }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        tracesDataList.TracesDataList.NextPageLoading,
+        {
+          isLoading: isFetchingNextPage,
+          hasMore: hasNextPage,
+          setEndOfListElement
+        }
+      )
+    ] })
+  ] });
+}
+
+exports.TracesListView = TracesListView;
+//# sourceMappingURL=traces-list-view.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-list-view.cjs.js","sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { useEffect, useRef } from 'react';\nimport { getInputPreview } from '../utils/span-utils';\nimport { DataListSkeleton, TracesDataList } from '@/ds/components/DataList';\nimport { cn } from '@/lib/utils';\n\n/** Span attributes fields the list view reads directly. Extra unknown keys are allowed so callers\n *  can pass the full attributes record from @mastra/core/storage without mapping. */\nexport type TraceAttributes = {\n  status?: string | null;\n  agentId?: string | null;\n  workflowId?: string | null;\n  [key: string]: unknown;\n};\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  attributes?: TraceAttributes | null;\n  input?: unknown;\n  startedAt?: Date | string | null;\n  createdAt: Date | string;\n};\n\n// Fixed widths on non-flex columns prevent track shifts as the virtualizer swaps rows in/out.\nconst COLUMNS = '6rem 9rem 14rem minmax(8rem,1fr) 14rem 6rem';\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  onTraceClick,\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  // Reset scroll to top whenever a fresh query resolves (filter / date range change).\n  // `isLoading` only flips on initial fetches — `fetchNextPage` keeps it `false`, so this\n  // effect doesn't fire during pagination.\n  //\n  // Why the manual scroll event: when the skeleton-vs-list branch swaps in the new scroll\n  // container, it mounts at `scrollTop = 0`. The virtualizer rebinds its listener but\n  // doesn't re-read `scrollTop`, so it keeps the stale `scrollOffset` from the previous\n  // element. `scrollToOffset(0)` no-ops because the new element is already at 0 (no scroll\n  // event fires). Dispatching a synthetic `scroll` forces the virtualizer's handler to\n  // read the fresh `scrollTop` and recompute `virtualItems` with `paddingTop = 0`.\n  const wasLoadingRef = useRef(isLoading);\n  useEffect(() => {\n    if (wasLoadingRef.current && !isLoading) {\n      scrollRef.current?.dispatchEvent(new Event('scroll'));\n    }\n    wasLoadingRef.current = isLoading;\n  }, [isLoading]);\n\n  if (isLoading) {\n    return <DataListSkeleton columns={COLUMNS} />;\n  }\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList columns={COLUMNS} variant=\"striped\" scrollRef={scrollRef} className=\"min-w-0\">\n      <TracesDataList.Top>\n        <TracesDataList.TopCell>Date</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Time</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Name</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Input</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Entity</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n      </TracesDataList.Top>\n\n      {traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? 'No traces found for applied filters' : 'No traces found yet'}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const entityName =\n              trace.entityName || trace.entityId || trace.attributes?.agentId || trace.attributes?.workflowId;\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.DateCell timestamp={displayDate} />\n                <TracesDataList.TimeCell timestamp={displayDate} />\n                <TracesDataList.NameCell\n                  name={trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                <TracesDataList.InputCell input={getInputPreview(trace.input)} />\n                <TracesDataList.EntityCell entityType={trace.entityType} entityName={entityName} />\n                <TracesDataList.StatusCell status={trace.attributes?.status} />\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"names":["useRef","useVirtualizer","useEffect","jsx","DataListSkeleton","jsxs","TracesDataList","Fragment","cn","getInputPreview"],"mappings":"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"}

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

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

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

@@ -0,0 +1,111 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useVirtualizer } from '@tanstack/react-virtual';
+import { useRef, useEffect } from 'react';
+import { getInputPreview } from '../utils/span-utils.es.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-DuoPJD5w.js';
+import { T as TracesDataList } from '../../../traces-data-list-DzqdihE7.js';
+import { c as cn } from '../../../cn-BakJzhuv.js';
+
+const COLUMNS = "6rem 9rem 14rem minmax(8rem,1fr) 14rem 6rem";
+const ROW_HEIGHT = 36;
+const OVERSCAN = 8;
+function TracesListView({
+  traces,
+  isLoading,
+  isFetchingNextPage,
+  hasNextPage,
+  setEndOfListElement,
+  filtersApplied,
+  featuredTraceId,
+  featuredSpanId,
+  isBranchesMode,
+  recentlyAddedKeys,
+  onTraceClick
+}) {
+  const scrollRef = useRef(null);
+  const virtualizer = useVirtualizer({
+    count: traces.length,
+    getScrollElement: () => scrollRef.current,
+    estimateSize: () => ROW_HEIGHT,
+    overscan: OVERSCAN
+  });
+  const wasLoadingRef = useRef(isLoading);
+  useEffect(() => {
+    if (wasLoadingRef.current && !isLoading) {
+      scrollRef.current?.dispatchEvent(new Event("scroll"));
+    }
+    wasLoadingRef.current = isLoading;
+  }, [isLoading]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(DataListSkeleton, { columns: COLUMNS });
+  }
+  const virtualItems = virtualizer.getVirtualItems();
+  const totalSize = virtualizer.getTotalSize();
+  const paddingTop = virtualItems[0]?.start ?? 0;
+  const paddingBottom = virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;
+  return /* @__PURE__ */ jsxs(TracesDataList, { columns: COLUMNS, variant: "striped", scrollRef, className: "min-w-0", children: [
+    /* @__PURE__ */ jsxs(TracesDataList.Top, { children: [
+      /* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Date" }),
+      /* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Time" }),
+      /* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Name" }),
+      /* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Input" }),
+      /* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Entity" }),
+      /* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Status" })
+    ] }),
+    traces.length === 0 ? /* @__PURE__ */ jsx(
+      TracesDataList.NoMatch,
+      {
+        message: filtersApplied ? "No traces found for applied filters" : "No traces found yet"
+      }
+    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(TracesDataList.Spacer, { height: paddingTop }),
+      virtualItems.map((vi) => {
+        const trace = traces[vi.index];
+        if (!trace) return null;
+        const isFeatured = trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);
+        const rowKey = `${trace.traceId}:${trace.spanId ?? ""}`;
+        const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;
+        const displayDate = trace.startedAt ?? trace.createdAt;
+        const entityName = trace.entityName || trace.entityId || trace.attributes?.agentId || trace.attributes?.workflowId;
+        return /* @__PURE__ */ jsxs(
+          TracesDataList.RowButton,
+          {
+            ref: virtualizer.measureElement,
+            "data-index": vi.index,
+            onClick: () => onTraceClick(trace),
+            featured: isFeatured,
+            className: cn(isRecentlyAdded && "animate-row-highlight"),
+            children: [
+              /* @__PURE__ */ jsx(TracesDataList.DateCell, { timestamp: displayDate }),
+              /* @__PURE__ */ jsx(TracesDataList.TimeCell, { timestamp: displayDate }),
+              /* @__PURE__ */ jsx(
+                TracesDataList.NameCell,
+                {
+                  name: trace.name,
+                  parentSpanId: trace.parentSpanId,
+                  showLevelTooltip: isBranchesMode
+                }
+              ),
+              /* @__PURE__ */ jsx(TracesDataList.InputCell, { input: getInputPreview(trace.input) }),
+              /* @__PURE__ */ jsx(TracesDataList.EntityCell, { entityType: trace.entityType, entityName }),
+              /* @__PURE__ */ jsx(TracesDataList.StatusCell, { status: trace.attributes?.status })
+            ]
+          },
+          rowKey
+        );
+      }),
+      /* @__PURE__ */ jsx(TracesDataList.Spacer, { height: paddingBottom }),
+      /* @__PURE__ */ jsx(
+        TracesDataList.NextPageLoading,
+        {
+          isLoading: isFetchingNextPage,
+          hasMore: hasNextPage,
+          setEndOfListElement
+        }
+      )
+    ] })
+  ] });
+}
+
+export { TracesListView };
+//# sourceMappingURL=traces-list-view.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-list-view.es.js","sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { useEffect, useRef } from 'react';\nimport { getInputPreview } from '../utils/span-utils';\nimport { DataListSkeleton, TracesDataList } from '@/ds/components/DataList';\nimport { cn } from '@/lib/utils';\n\n/** Span attributes fields the list view reads directly. Extra unknown keys are allowed so callers\n *  can pass the full attributes record from @mastra/core/storage without mapping. */\nexport type TraceAttributes = {\n  status?: string | null;\n  agentId?: string | null;\n  workflowId?: string | null;\n  [key: string]: unknown;\n};\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  attributes?: TraceAttributes | null;\n  input?: unknown;\n  startedAt?: Date | string | null;\n  createdAt: Date | string;\n};\n\n// Fixed widths on non-flex columns prevent track shifts as the virtualizer swaps rows in/out.\nconst COLUMNS = '6rem 9rem 14rem minmax(8rem,1fr) 14rem 6rem';\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  onTraceClick,\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  // Reset scroll to top whenever a fresh query resolves (filter / date range change).\n  // `isLoading` only flips on initial fetches — `fetchNextPage` keeps it `false`, so this\n  // effect doesn't fire during pagination.\n  //\n  // Why the manual scroll event: when the skeleton-vs-list branch swaps in the new scroll\n  // container, it mounts at `scrollTop = 0`. The virtualizer rebinds its listener but\n  // doesn't re-read `scrollTop`, so it keeps the stale `scrollOffset` from the previous\n  // element. `scrollToOffset(0)` no-ops because the new element is already at 0 (no scroll\n  // event fires). Dispatching a synthetic `scroll` forces the virtualizer's handler to\n  // read the fresh `scrollTop` and recompute `virtualItems` with `paddingTop = 0`.\n  const wasLoadingRef = useRef(isLoading);\n  useEffect(() => {\n    if (wasLoadingRef.current && !isLoading) {\n      scrollRef.current?.dispatchEvent(new Event('scroll'));\n    }\n    wasLoadingRef.current = isLoading;\n  }, [isLoading]);\n\n  if (isLoading) {\n    return <DataListSkeleton columns={COLUMNS} />;\n  }\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList columns={COLUMNS} variant=\"striped\" scrollRef={scrollRef} className=\"min-w-0\">\n      <TracesDataList.Top>\n        <TracesDataList.TopCell>Date</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Time</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Name</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Input</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Entity</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n      </TracesDataList.Top>\n\n      {traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? 'No traces found for applied filters' : 'No traces found yet'}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const entityName =\n              trace.entityName || trace.entityId || trace.attributes?.agentId || trace.attributes?.workflowId;\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.DateCell timestamp={displayDate} />\n                <TracesDataList.TimeCell timestamp={displayDate} />\n                <TracesDataList.NameCell\n                  name={trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                <TracesDataList.InputCell input={getInputPreview(trace.input)} />\n                <TracesDataList.EntityCell entityType={trace.entityType} entityName={entityName} />\n                <TracesDataList.StatusCell status={trace.attributes?.status} />\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const propertyFilterApplied = require('../../../property-filter-applied-Ec6BkYiN.cjs');
+const utils_cn = require('../../../cn-vA5sWo9W.cjs');
+
+function TracesToolbar({
+  onClear,
+  onRemoveAll,
+  onSave,
+  onRemoveSaved,
+  isLoading,
+  filterFields,
+  filterTokens,
+  onFilterTokensChange,
+  autoFocusFilterFieldId,
+  lockedFieldIds,
+  lockedTooltipContent
+}) {
+  const hasActiveFilters = filterTokens.length > 0;
+  const lockedSet = new Set(lockedFieldIds ?? []);
+  const editableTokens = filterTokens.filter((t) => !lockedSet.has(t.fieldId));
+  const hasNonDefaultFilter = editableTokens.some((token) => isNonDefaultFilter(token, filterFields));
+  const hasEditableFilters = editableTokens.length > 0;
+  return (
+    // 1fr | auto — pills wrap in the first column; Clear stays pinned to the
+    // top of the second column regardless of how many pill rows render.
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("grid grid-cols-[1fr_auto] gap-3 items-start "), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        propertyFilterApplied.PropertyFilterApplied,
+        {
+          fields: filterFields,
+          tokens: filterTokens,
+          onTokensChange: onFilterTokensChange,
+          disabled: isLoading,
+          autoFocusFieldId: autoFocusFilterFieldId,
+          lockedFieldIds,
+          lockedTooltipContent
+        }
+      ),
+      hasActiveFilters && hasEditableFilters && /* @__PURE__ */ jsxRuntime.jsx(
+        propertyFilterApplied.PropertyFilterActions,
+        {
+          disabled: isLoading,
+          onClear: hasNonDefaultFilter ? onClear : void 0,
+          onRemoveAll,
+          onSave,
+          onRemoveSaved
+        }
+      )
+    ] })
+  );
+}
+function isNonDefaultFilter(token, fields) {
+  const field = fields.find((f) => f.id === token.fieldId);
+  if (!field) return false;
+  if (field.kind === "text") {
+    return typeof token.value === "string" && token.value.trim() !== "";
+  }
+  if (field.kind === "pick-multi") {
+    if (field.multi) return Array.isArray(token.value) && token.value.length > 0;
+    return typeof token.value === "string" && token.value !== "" && token.value !== "Any";
+  }
+  if (field.kind === "multi-select") {
+    return Array.isArray(token.value) && token.value.length > 0;
+  }
+  return false;
+}
+
+exports.TracesToolbar = TracesToolbar;
+//# sourceMappingURL=traces-toolbar.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-toolbar.cjs.js","sources":["../../../../src/domains/traces/components/traces-toolbar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { PropertyFilterActions } from '@/ds/components/PropertyFilter/property-filter-actions';\nimport { PropertyFilterApplied } from '@/ds/components/PropertyFilter/property-filter-applied';\nimport type { PropertyFilterField, PropertyFilterToken } from '@/ds/components/PropertyFilter/types';\nimport { cn } from '@/lib/utils';\n\ntype TracesToolbarProps = {\n  /** Keep all filter pills but reset each value to its neutral state\n   *  ('' for text, 'Any' for single-select, [] for multi-select). */\n  onClear?: () => void;\n  /** Fully remove all filter pills. */\n  onRemoveAll?: () => void;\n  onSave?: () => void;\n  /** When provided, an extra \"Remove saved filters\" option is shown —\n   *  wire it up only when there is actually a saved set to remove. */\n  onRemoveSaved?: () => void;\n  isLoading?: boolean;\n  filterFields: PropertyFilterField[];\n  filterTokens: PropertyFilterToken[];\n  onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;\n  autoFocusFilterFieldId?: string;\n  /** Field ids rendered as read-only pills (cannot be edited or removed). */\n  lockedFieldIds?: readonly string[];\n  lockedTooltipContent?: ReactNode;\n};\n\nexport function TracesToolbar({\n  onClear,\n  onRemoveAll,\n  onSave,\n  onRemoveSaved,\n  isLoading,\n  filterFields,\n  filterTokens,\n  onFilterTokensChange,\n  autoFocusFilterFieldId,\n  lockedFieldIds,\n  lockedTooltipContent,\n}: TracesToolbarProps) {\n  const hasActiveFilters = filterTokens.length > 0;\n  const lockedSet = new Set(lockedFieldIds ?? []);\n  const editableTokens = filterTokens.filter(t => !lockedSet.has(t.fieldId));\n  const hasNonDefaultFilter = editableTokens.some(token => isNonDefaultFilter(token, filterFields));\n  const hasEditableFilters = editableTokens.length > 0;\n\n  return (\n    // 1fr | auto — pills wrap in the first column; Clear stays pinned to the\n    // top of the second column regardless of how many pill rows render.\n    <div className={cn('grid grid-cols-[1fr_auto] gap-3 items-start ')}>\n      <PropertyFilterApplied\n        fields={filterFields}\n        tokens={filterTokens}\n        onTokensChange={onFilterTokensChange}\n        disabled={isLoading}\n        autoFocusFieldId={autoFocusFilterFieldId}\n        lockedFieldIds={lockedFieldIds}\n        lockedTooltipContent={lockedTooltipContent}\n      />\n\n      {hasActiveFilters && hasEditableFilters && (\n        <PropertyFilterActions\n          disabled={isLoading}\n          onClear={hasNonDefaultFilter ? onClear : undefined}\n          onRemoveAll={onRemoveAll}\n          onSave={onSave}\n          onRemoveSaved={onRemoveSaved}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction isNonDefaultFilter(token: PropertyFilterToken, fields: PropertyFilterField[]): boolean {\n  const field = fields.find(f => f.id === token.fieldId);\n  if (!field) return false;\n  if (field.kind === 'text') {\n    return typeof token.value === 'string' && token.value.trim() !== '';\n  }\n  if (field.kind === 'pick-multi') {\n    if (field.multi) return Array.isArray(token.value) && token.value.length > 0;\n    return typeof token.value === 'string' && token.value !== '' && token.value !== 'Any';\n  }\n  if (field.kind === 'multi-select') {\n    return Array.isArray(token.value) && token.value.length > 0;\n  }\n  return false;\n}\n"],"names":["jsxs","cn","jsx","PropertyFilterApplied","PropertyFilterActions"],"mappings":";;;;;;;;AA0BO,SAAS,aAAA,CAAc;AAAA,EAC5B,OAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA,sBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,gBAAA,GAAmB,aAAa,MAAA,GAAS,CAAA;AAC/C,EAAA,MAAM,SAAA,GAAY,IAAI,GAAA,CAAI,cAAA,IAAkB,EAAE,CAAA;AAC9C,EAAA,MAAM,cAAA,GAAiB,aAAa,MAAA,CAAO,CAAA,CAAA,KAAK,CAAC,SAAA,CAAU,GAAA,CAAI,CAAA,CAAE,OAAO,CAAC,CAAA;AACzE,EAAA,MAAM,sBAAsB,cAAA,CAAe,IAAA,CAAK,WAAS,kBAAA,CAAmB,KAAA,EAAO,YAAY,CAAC,CAAA;AAChG,EAAA,MAAM,kBAAA,GAAqB,eAAe,MAAA,GAAS,CAAA;AAEnD,EAAA;AAAA;AAAA;AAAA,oBAGEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,WAAA,CAAG,8CAA8C,CAAA,EAC/D,QAAA,EAAA;AAAA,sBAAAC,cAAA;AAAA,QAACC,2CAAA;AAAA,QAAA;AAAA,UACC,MAAA,EAAQ,YAAA;AAAA,UACR,MAAA,EAAQ,YAAA;AAAA,UACR,cAAA,EAAgB,oBAAA;AAAA,UAChB,QAAA,EAAU,SAAA;AAAA,UACV,gBAAA,EAAkB,sBAAA;AAAA,UAClB,cAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,MAEC,oBAAoB,kBAAA,oBACnBD,cAAA;AAAA,QAACE,2CAAA;AAAA,QAAA;AAAA,UACC,QAAA,EAAU,SAAA;AAAA,UACV,OAAA,EAAS,sBAAsB,OAAA,GAAU,MAAA;AAAA,UACzC,WAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA;AAAA;AACF,KAAA,EAEJ;AAAA;AAEJ;AAEA,SAAS,kBAAA,CAAmB,OAA4B,MAAA,EAAwC;AAC9F,EAAA,MAAM,QAAQ,MAAA,CAAO,IAAA,CAAK,OAAK,CAAA,CAAE,EAAA,KAAO,MAAM,OAAO,CAAA;AACrD,EAAA,IAAI,CAAC,OAAO,OAAO,KAAA;AACnB,EAAA,IAAI,KAAA,CAAM,SAAS,MAAA,EAAQ;AACzB,IAAA,OAAO,OAAO,KAAA,CAAM,KAAA,KAAU,YAAY,KAAA,CAAM,KAAA,CAAM,MAAK,KAAM,EAAA;AAAA,EACnE;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,YAAA,EAAc;AAC/B,IAAA,IAAI,KAAA,CAAM,KAAA,EAAO,OAAO,KAAA,CAAM,OAAA,CAAQ,MAAM,KAAK,CAAA,IAAK,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAA;AAC3E,IAAA,OAAO,OAAO,MAAM,KAAA,KAAU,QAAA,IAAY,MAAM,KAAA,KAAU,EAAA,IAAM,MAAM,KAAA,KAAU,KAAA;AAAA,EAClF;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,cAAA,EAAgB;AACjC,IAAA,OAAO,MAAM,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,IAAK,KAAA,CAAM,MAAM,MAAA,GAAS,CAAA;AAAA,EAC5D;AACA,EAAA,OAAO,KAAA;AACT;;;;"}

package/dist/domains/traces/components/traces-toolbar.d.ts

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

package/dist/domains/traces/components/traces-toolbar.es.js

@@ -0,0 +1,69 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { b as PropertyFilterApplied, a as PropertyFilterActions } from '../../../property-filter-applied-ZEuiswpb.js';
+import { c as cn } from '../../../cn-BakJzhuv.js';
+
+function TracesToolbar({
+  onClear,
+  onRemoveAll,
+  onSave,
+  onRemoveSaved,
+  isLoading,
+  filterFields,
+  filterTokens,
+  onFilterTokensChange,
+  autoFocusFilterFieldId,
+  lockedFieldIds,
+  lockedTooltipContent
+}) {
+  const hasActiveFilters = filterTokens.length > 0;
+  const lockedSet = new Set(lockedFieldIds ?? []);
+  const editableTokens = filterTokens.filter((t) => !lockedSet.has(t.fieldId));
+  const hasNonDefaultFilter = editableTokens.some((token) => isNonDefaultFilter(token, filterFields));
+  const hasEditableFilters = editableTokens.length > 0;
+  return (
+    // 1fr | auto — pills wrap in the first column; Clear stays pinned to the
+    // top of the second column regardless of how many pill rows render.
+    /* @__PURE__ */ jsxs("div", { className: cn("grid grid-cols-[1fr_auto] gap-3 items-start "), children: [
+      /* @__PURE__ */ jsx(
+        PropertyFilterApplied,
+        {
+          fields: filterFields,
+          tokens: filterTokens,
+          onTokensChange: onFilterTokensChange,
+          disabled: isLoading,
+          autoFocusFieldId: autoFocusFilterFieldId,
+          lockedFieldIds,
+          lockedTooltipContent
+        }
+      ),
+      hasActiveFilters && hasEditableFilters && /* @__PURE__ */ jsx(
+        PropertyFilterActions,
+        {
+          disabled: isLoading,
+          onClear: hasNonDefaultFilter ? onClear : void 0,
+          onRemoveAll,
+          onSave,
+          onRemoveSaved
+        }
+      )
+    ] })
+  );
+}
+function isNonDefaultFilter(token, fields) {
+  const field = fields.find((f) => f.id === token.fieldId);
+  if (!field) return false;
+  if (field.kind === "text") {
+    return typeof token.value === "string" && token.value.trim() !== "";
+  }
+  if (field.kind === "pick-multi") {
+    if (field.multi) return Array.isArray(token.value) && token.value.length > 0;
+    return typeof token.value === "string" && token.value !== "" && token.value !== "Any";
+  }
+  if (field.kind === "multi-select") {
+    return Array.isArray(token.value) && token.value.length > 0;
+  }
+  return false;
+}
+
+export { TracesToolbar };
+//# sourceMappingURL=traces-toolbar.es.js.map

package/dist/domains/traces/components/traces-toolbar.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-toolbar.es.js","sources":["../../../../src/domains/traces/components/traces-toolbar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { PropertyFilterActions } from '@/ds/components/PropertyFilter/property-filter-actions';\nimport { PropertyFilterApplied } from '@/ds/components/PropertyFilter/property-filter-applied';\nimport type { PropertyFilterField, PropertyFilterToken } from '@/ds/components/PropertyFilter/types';\nimport { cn } from '@/lib/utils';\n\ntype TracesToolbarProps = {\n  /** Keep all filter pills but reset each value to its neutral state\n   *  ('' for text, 'Any' for single-select, [] for multi-select). */\n  onClear?: () => void;\n  /** Fully remove all filter pills. */\n  onRemoveAll?: () => void;\n  onSave?: () => void;\n  /** When provided, an extra \"Remove saved filters\" option is shown —\n   *  wire it up only when there is actually a saved set to remove. */\n  onRemoveSaved?: () => void;\n  isLoading?: boolean;\n  filterFields: PropertyFilterField[];\n  filterTokens: PropertyFilterToken[];\n  onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;\n  autoFocusFilterFieldId?: string;\n  /** Field ids rendered as read-only pills (cannot be edited or removed). */\n  lockedFieldIds?: readonly string[];\n  lockedTooltipContent?: ReactNode;\n};\n\nexport function TracesToolbar({\n  onClear,\n  onRemoveAll,\n  onSave,\n  onRemoveSaved,\n  isLoading,\n  filterFields,\n  filterTokens,\n  onFilterTokensChange,\n  autoFocusFilterFieldId,\n  lockedFieldIds,\n  lockedTooltipContent,\n}: TracesToolbarProps) {\n  const hasActiveFilters = filterTokens.length > 0;\n  const lockedSet = new Set(lockedFieldIds ?? []);\n  const editableTokens = filterTokens.filter(t => !lockedSet.has(t.fieldId));\n  const hasNonDefaultFilter = editableTokens.some(token => isNonDefaultFilter(token, filterFields));\n  const hasEditableFilters = editableTokens.length > 0;\n\n  return (\n    // 1fr | auto — pills wrap in the first column; Clear stays pinned to the\n    // top of the second column regardless of how many pill rows render.\n    <div className={cn('grid grid-cols-[1fr_auto] gap-3 items-start ')}>\n      <PropertyFilterApplied\n        fields={filterFields}\n        tokens={filterTokens}\n        onTokensChange={onFilterTokensChange}\n        disabled={isLoading}\n        autoFocusFieldId={autoFocusFilterFieldId}\n        lockedFieldIds={lockedFieldIds}\n        lockedTooltipContent={lockedTooltipContent}\n      />\n\n      {hasActiveFilters && hasEditableFilters && (\n        <PropertyFilterActions\n          disabled={isLoading}\n          onClear={hasNonDefaultFilter ? onClear : undefined}\n          onRemoveAll={onRemoveAll}\n          onSave={onSave}\n          onRemoveSaved={onRemoveSaved}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction isNonDefaultFilter(token: PropertyFilterToken, fields: PropertyFilterField[]): boolean {\n  const field = fields.find(f => f.id === token.fieldId);\n  if (!field) return false;\n  if (field.kind === 'text') {\n    return typeof token.value === 'string' && token.value.trim() !== '';\n  }\n  if (field.kind === 'pick-multi') {\n    if (field.multi) return Array.isArray(token.value) && token.value.length > 0;\n    return typeof token.value === 'string' && token.value !== '' && token.value !== 'Any';\n  }\n  if (field.kind === 'multi-select') {\n    return Array.isArray(token.value) && token.value.length > 0;\n  }\n  return false;\n}\n"],"names":[],"mappings":";;;;AA0BO,SAAS,aAAA,CAAc;AAAA,EAC5B,OAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA,sBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,gBAAA,GAAmB,aAAa,MAAA,GAAS,CAAA;AAC/C,EAAA,MAAM,SAAA,GAAY,IAAI,GAAA,CAAI,cAAA,IAAkB,EAAE,CAAA;AAC9C,EAAA,MAAM,cAAA,GAAiB,aAAa,MAAA,CAAO,CAAA,CAAA,KAAK,CAAC,SAAA,CAAU,GAAA,CAAI,CAAA,CAAE,OAAO,CAAC,CAAA;AACzE,EAAA,MAAM,sBAAsB,cAAA,CAAe,IAAA,CAAK,WAAS,kBAAA,CAAmB,KAAA,EAAO,YAAY,CAAC,CAAA;AAChG,EAAA,MAAM,kBAAA,GAAqB,eAAe,MAAA,GAAS,CAAA;AAEnD,EAAA;AAAA;AAAA;AAAA,oBAGE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,8CAA8C,CAAA,EAC/D,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UACC,MAAA,EAAQ,YAAA;AAAA,UACR,MAAA,EAAQ,YAAA;AAAA,UACR,cAAA,EAAgB,oBAAA;AAAA,UAChB,QAAA,EAAU,SAAA;AAAA,UACV,gBAAA,EAAkB,sBAAA;AAAA,UAClB,cAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,MAEC,oBAAoB,kBAAA,oBACnB,GAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UACC,QAAA,EAAU,SAAA;AAAA,UACV,OAAA,EAAS,sBAAsB,OAAA,GAAU,MAAA;AAAA,UACzC,WAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA;AAAA;AACF,KAAA,EAEJ;AAAA;AAEJ;AAEA,SAAS,kBAAA,CAAmB,OAA4B,MAAA,EAAwC;AAC9F,EAAA,MAAM,QAAQ,MAAA,CAAO,IAAA,CAAK,OAAK,CAAA,CAAE,EAAA,KAAO,MAAM,OAAO,CAAA;AACrD,EAAA,IAAI,CAAC,OAAO,OAAO,KAAA;AACnB,EAAA,IAAI,KAAA,CAAM,SAAS,MAAA,EAAQ;AACzB,IAAA,OAAO,OAAO,KAAA,CAAM,KAAA,KAAU,YAAY,KAAA,CAAM,KAAA,CAAM,MAAK,KAAM,EAAA;AAAA,EACnE;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,YAAA,EAAc;AAC/B,IAAA,IAAI,KAAA,CAAM,KAAA,EAAO,OAAO,KAAA,CAAM,OAAA,CAAQ,MAAM,KAAK,CAAA,IAAK,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAA;AAC3E,IAAA,OAAO,OAAO,MAAM,KAAA,KAAU,QAAA,IAAY,MAAM,KAAA,KAAU,EAAA,IAAM,MAAM,KAAA,KAAU,KAAA;AAAA,EAClF;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,cAAA,EAAgB;AACjC,IAAA,OAAO,MAAM,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,IAAK,KAAA,CAAM,MAAM,MAAA,GAAS,CAAA;AAAA,EAC5D;AACA,EAAA,OAAO,KAAA;AACT;;;;"}

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

@@ -0,0 +1,49 @@
+'use strict';
+
+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');
+const domains_traces_components_traceKeysAndValues = require('./components/trace-keys-and-values.cjs.js');
+const domains_traces_components_traceTimelineSpan = require('./components/trace-timeline-span.cjs.js');
+const domains_traces_components_traceTimeline = require('./components/trace-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');
+
+
+
+exports.formatHierarchicalSpans = domains_traces_components_formatHierarchicalSpans.formatHierarchicalSpans;
+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;
+exports.TraceKeysAndValues = domains_traces_components_traceKeysAndValues.TraceKeysAndValues;
+exports.TraceTimelineSpan = domains_traces_components_traceTimelineSpan.TraceTimelineSpan;
+exports.TraceTimeline = domains_traces_components_traceTimeline.TraceTimeline;
+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;
+//# sourceMappingURL=components.cjs.js.map

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

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

package/dist/domains/traces/components.d.ts

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

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

@@ -0,0 +1,21 @@
+export { formatHierarchicalSpans } from './components/format-hierarchical-spans.es.js';
+export { getSpanTypeUi, spanTypePrefixes } from './components/shared.es.js';
+export { SpanTokenUsage } from './components/span-token-usage.es.js';
+export { TimelineExpandCol } from './components/timeline-expand-col.es.js';
+export { TimelineNameCol } from './components/timeline-name-col.es.js';
+export { TimelineStructureSign } from './components/timeline-structure-sign.es.js';
+export { TimelineTimingCol } from './components/timeline-timing-col.es.js';
+export { TraceKeysAndValues } from './components/trace-keys-and-values.es.js';
+export { TraceTimelineSpan } from './components/trace-timeline-span.es.js';
+export { TraceTimeline } from './components/trace-timeline.es.js';
+export { TracesToolbar } from './components/traces-toolbar.es.js';
+export { TraceDataPanelView } from './components/trace-data-panel-view.es.js';
+export { SpanDataPanelView } from './components/span-data-panel-view.es.js';
+export { SpanDetailsView } from './components/span-details-view.es.js';
+export { TraceDetailsView } from './components/trace-details-view.es.js';
+export { TracesLayout } from './components/traces-layout.es.js';
+export { TracesListView } from './components/traces-list-view.es.js';
+export { TracesListModeToggle } from './components/traces-list-mode-toggle.es.js';
+export { TracesErrorContent } from './components/traces-error-content.es.js';
+export { NoTracesInfo } from './components/no-traces-info.es.js';
+//# sourceMappingURL=components.es.js.map

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

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

package/dist/domains/traces/hooks/get-all-span-ids.cjs.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+function getSpanDescendantIds(span) {
+  if (!span.spans || span.spans.length === 0) {
+    return [];
+  }
+  const descendantIds = [];
+  span.spans.forEach((childSpan) => {
+    descendantIds.push(childSpan.id);
+    descendantIds.push(...getSpanDescendantIds(childSpan));
+  });
+  return descendantIds;
+}
+function getAllSpanIds(spans) {
+  const ids = [];
+  for (const span of spans) {
+    ids.push(span.id);
+    ids.push(...getSpanDescendantIds(span));
+  }
+  return ids;
+}
+
+exports.getAllSpanIds = getAllSpanIds;
+exports.getSpanDescendantIds = getSpanDescendantIds;
+//# sourceMappingURL=get-all-span-ids.cjs.js.map

package/dist/domains/traces/hooks/get-all-span-ids.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-all-span-ids.cjs.js","sources":["../../../../src/domains/traces/hooks/get-all-span-ids.ts"],"sourcesContent":["import type { UISpan } from '../types';\n\nexport function getSpanDescendantIds(span: UISpan): string[] {\n  if (!span.spans || span.spans.length === 0) {\n    return [];\n  }\n\n  const descendantIds: string[] = [];\n\n  span.spans.forEach(childSpan => {\n    descendantIds.push(childSpan.id);\n    descendantIds.push(...getSpanDescendantIds(childSpan));\n  });\n\n  return descendantIds;\n}\n\nexport function getAllSpanIds(spans: UISpan[]): string[] {\n  const ids: string[] = [];\n  for (const span of spans) {\n    ids.push(span.id);\n    ids.push(...getSpanDescendantIds(span));\n  }\n  return ids;\n}\n"],"names":[],"mappings":";;;;AAEO,SAAS,qBAAqB,IAAA,EAAwB;AAC3D,EAAA,IAAI,CAAC,IAAA,CAAK,KAAA,IAAS,IAAA,CAAK,KAAA,CAAM,WAAW,CAAA,EAAG;AAC1C,IAAA,OAAO,EAAC;AAAA,EACV;AAEA,EAAA,MAAM,gBAA0B,EAAC;AAEjC,EAAA,IAAA,CAAK,KAAA,CAAM,QAAQ,CAAA,SAAA,KAAa;AAC9B,IAAA,aAAA,CAAc,IAAA,CAAK,UAAU,EAAE,CAAA;AAC/B,IAAA,aAAA,CAAc,IAAA,CAAK,GAAG,oBAAA,CAAqB,SAAS,CAAC,CAAA;AAAA,EACvD,CAAC,CAAA;AAED,EAAA,OAAO,aAAA;AACT;AAEO,SAAS,cAAc,KAAA,EAA2B;AACvD,EAAA,MAAM,MAAgB,EAAC;AACvB,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,GAAA,CAAI,IAAA,CAAK,KAAK,EAAE,CAAA;AAChB,IAAA,GAAA,CAAI,IAAA,CAAK,GAAG,oBAAA,CAAqB,IAAI,CAAC,CAAA;AAAA,EACxC;AACA,EAAA,OAAO,GAAA;AACT;;;;;"}