@mastra/playground-ui 65.0.0-alpha.8 → 65.0.0

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

@@ -0,0 +1,54 @@
+import { jsx } from 'react/jsx-runtime';
+import { useTraceUsage } from '@mastra/react/hooks/traces';
+import { TracesListView } from '../traces-list-view.es.js';
+import { useTracesConfig, useTracesList, useTracesFilters, useTracesSelection, useTraceUsageColumns } from './traces-explorer-context.es.js';
+import { useTracesFilterBar } from './use-traces-filter-bar.es.js';
+
+function TracesExplorerList() {
+  const { listId } = useTracesConfig();
+  const {
+    rows,
+    isLoading,
+    isFetchingNextPage,
+    hasNextPage,
+    setEndOfListElement,
+    autoRefetch,
+    sortDirection,
+    onSortChange
+  } = useTracesList();
+  const { filtersApplied } = useTracesFilters();
+  const { onFilterByField } = useTracesFilterBar();
+  const { selectedTraceId, selectTrace, closeTrace } = useTracesSelection();
+  const { displayedPreferences, usageEnabled } = useTraceUsageColumns();
+  const { data: usageByTraceId } = useTraceUsage({
+    traceIds: rows.map((row) => row.traceId),
+    enabled: usageEnabled,
+    autoRefetch
+  });
+  const handleTraceClick = (trace) => {
+    if (trace.traceId === selectedTraceId) closeTrace();
+    else selectTrace(trace.traceId);
+  };
+  return /* @__PURE__ */ jsx(
+    TracesListView,
+    {
+      listId,
+      traces: rows,
+      isLoading,
+      isFetchingNextPage,
+      hasNextPage,
+      setEndOfListElement,
+      filtersApplied,
+      featuredTraceId: selectedTraceId,
+      columnPreferences: displayedPreferences,
+      usageByTraceId,
+      createdSort: sortDirection,
+      onSortChange,
+      onFilterByField,
+      onTraceClick: handleTraceClick
+    }
+  );
+}
+
+export { TracesExplorerList };
+//# sourceMappingURL=traces-explorer-list.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-explorer-list.es.js","sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-list.tsx"],"sourcesContent":["import { useTraceUsage } from '@mastra/react/hooks/traces';\nimport { TracesListView } from '../traces-list-view';\nimport type { TracesListViewTrace } from '../traces-list-view';\nimport {\n  useTraceUsageColumns,\n  useTracesConfig,\n  useTracesFilters,\n  useTracesList,\n  useTracesSelection,\n} from './traces-explorer-context';\nimport { useTracesFilterBar } from './use-traces-filter-bar';\n\nexport function TracesExplorerList() {\n  const { listId } = useTracesConfig();\n  const {\n    rows,\n    isLoading,\n    isFetchingNextPage,\n    hasNextPage,\n    setEndOfListElement,\n    autoRefetch,\n    sortDirection,\n    onSortChange,\n  } = useTracesList();\n  const { filtersApplied } = useTracesFilters();\n  const { onFilterByField } = useTracesFilterBar();\n  const { selectedTraceId, selectTrace, closeTrace } = useTracesSelection();\n  const { displayedPreferences, usageEnabled } = useTraceUsageColumns();\n\n  const { data: usageByTraceId } = useTraceUsage({\n    traceIds: rows.map(row => row.traceId),\n    enabled: usageEnabled,\n    autoRefetch,\n  });\n\n  // Clicking the open row closes it; any other row opens.\n  const handleTraceClick = (trace: TracesListViewTrace) => {\n    if (trace.traceId === selectedTraceId) closeTrace();\n    else selectTrace(trace.traceId);\n  };\n\n  return (\n    <TracesListView\n      listId={listId}\n      traces={rows}\n      isLoading={isLoading}\n      isFetchingNextPage={isFetchingNextPage}\n      hasNextPage={hasNextPage}\n      setEndOfListElement={setEndOfListElement}\n      filtersApplied={filtersApplied}\n      featuredTraceId={selectedTraceId}\n      columnPreferences={displayedPreferences}\n      usageByTraceId={usageByTraceId}\n      createdSort={sortDirection}\n      onSortChange={onSortChange}\n      onFilterByField={onFilterByField}\n      onTraceClick={handleTraceClick}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAYO,SAAS,kBAAA,GAAqB;AACnC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,eAAA,EAAgB;AACnC,EAAA,MAAM;AAAA,IACJ,IAAA;AAAA,IACA,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA;AAAA,IACA,mBAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,MACE,aAAA,EAAc;AAClB,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,gBAAA,EAAiB;AAC5C,EAAA,MAAM,EAAE,eAAA,EAAgB,GAAI,kBAAA,EAAmB;AAC/C,EAAA,MAAM,EAAE,eAAA,EAAiB,WAAA,EAAa,UAAA,KAAe,kBAAA,EAAmB;AACxE,EAAA,MAAM,EAAE,oBAAA,EAAsB,YAAA,EAAa,GAAI,oBAAA,EAAqB;AAEpE,EAAA,MAAM,EAAE,IAAA,EAAM,cAAA,EAAe,GAAI,aAAA,CAAc;AAAA,IAC7C,QAAA,EAAU,IAAA,CAAK,GAAA,CAAI,CAAA,GAAA,KAAO,IAAI,OAAO,CAAA;AAAA,IACrC,OAAA,EAAS,YAAA;AAAA,IACT;AAAA,GACD,CAAA;AAGD,EAAA,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAA+B;AACvD,IAAA,IAAI,KAAA,CAAM,OAAA,KAAY,eAAA,EAAiB,UAAA,EAAW;AAAA,SAC7C,WAAA,CAAY,MAAM,OAAO,CAAA;AAAA,EAChC,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,MAAA,EAAQ,IAAA;AAAA,MACR,SAAA;AAAA,MACA,kBAAA;AAAA,MACA,WAAA;AAAA,MACA,mBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA,EAAiB,eAAA;AAAA,MACjB,iBAAA,EAAmB,oBAAA;AAAA,MACnB,cAAA;AAAA,MACA,WAAA,EAAa,aAAA;AAAA,MACb,YAAA;AAAA,MACA,eAAA;AAAA,MACA,YAAA,EAAc;AAAA;AAAA,GAChB;AAEJ;;;;"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-panel.cjs.js

@@ -0,0 +1,134 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const scores = require('@mastra/react/hooks/scores');
+const traces = require('@mastra/react/hooks/traces');
+const React = require('react');
+const domains_traces_hooks_useTraceListNavigation = require('../../hooks/use-trace-list-navigation.cjs.js');
+const domains_traces_components_spanFeedbackTab = require('../span-feedback-tab.cjs.js');
+const domains_traces_components_traceFeedbackTab = require('../trace-feedback-tab.cjs.js');
+const domains_traces_components_traceSpanPanel = require('../trace-span-panel.cjs.js');
+const domains_traces_components_tracesExplorer_tracesExplorerContext = require('./traces-explorer-context.cjs.js');
+const domains_observability_components_traceAsItemDialog = require('../../../observability/components/trace-as-item-dialog.cjs.js');
+require('lucide-react');
+require('@base-ui/react/combobox');
+require('../../../../toast-DxKdVSyw.cjs');
+const domains_scores_components_traceScoresTab = require('../../../scores/components/trace-scores-tab.cjs.js');
+const domains_scores_components_scoreDataPanel = require('../../../scores/components/score-data-panel.cjs.js');
+require('@mastra/core/utils/safe-stringify');
+require('@mastra/react/hooks/datasets');
+require('../../../../Button-C4I05uT4.cjs');
+require('../../../../highlight-DfnRU-Am.cjs');
+require('../../../../field-control-aria-WzMGs0A4.cjs');
+require('@base-ui/react/use-render');
+require('../../../../lib/framework.cjs.js');
+require('../../../datasets/components/add-dataset-item-dialog/add-dataset-item-dialog.cjs.js');
+
+function TracesExplorerPanel({
+  onOpenScore,
+  renderCreateDatasetDialog,
+  headerActionsSlot,
+  traceHref,
+  withAddTraceToDataset = true
+}) {
+  const { withQueryTrace, withFeedback } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesConfig();
+  const { rows, autoRefetch, isLoading: isListLoading } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesList();
+  const { selection, selectTrace, closeTrace, selectSpan, setSpanTab, setSpanView, selectScore, highlightSpans } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesSelection();
+  const { usageEnabled } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTraceUsageColumns();
+  const traceId = selection.traceId;
+  const spanId = selection.spanId;
+  const [datasetDialogTarget, setDatasetDialogTarget] = React.useState(null);
+  const [fullThreadTraceId, setFullThreadTraceId] = React.useState(null);
+  const { data: traceFeedbackData } = traces.useTraceFeedback({
+    traceId,
+    queryOptions: { enabled: withFeedback && !!traceId }
+  });
+  const { data: spanFeedbackData } = traces.useSpanFeedback({
+    traceId,
+    spanId,
+    queryOptions: { enabled: withFeedback && !!traceId && !!spanId }
+  });
+  const {
+    spans,
+    anchorSpanId,
+    isLoading: isLoadingSpans
+  } = traces.useTraceOrBranchSpans({ traceId: traceId ?? null, listMode: "traces", anchorSpanId: null });
+  const anchorSpan = anchorSpanId ? spans?.find((s) => s.spanId === anchorSpanId) : spans?.find((s) => s.parentSpanId == null);
+  const { data: spanScoresData } = scores.useTraceSpanScores({
+    traceId,
+    spanId: anchorSpan?.spanId,
+    queryOptions: { enabled: !!traceId && !!anchorSpan?.spanId }
+  });
+  const featuredScore = selection.scoreId ? spanScoresData?.scores?.find((score) => score.id === selection.scoreId) : void 0;
+  const rowIds = rows.map((row) => row.traceId);
+  const isListed = !!traceId && rowIds.includes(traceId);
+  const { data: usageByTraceId } = traces.useTraceUsage({
+    traceIds: isListed ? rowIds : traceId ? [traceId] : [],
+    enabled: usageEnabled && !isListLoading,
+    autoRefetch
+  });
+  const usage = traceId ? usageByTraceId?.get(traceId) : void 0;
+  const { handlePreviousTrace, handleNextTrace } = domains_traces_hooks_useTraceListNavigation.useTraceListNavigation(rows, traceId, null, selectTrace);
+  const isFullThreadOpen = !!traceId && fullThreadTraceId === traceId;
+  const depth = isFullThreadOpen ? 3 : 2;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      domains_traces_components_traceSpanPanel.TraceSpanPanel,
+      {
+        title: "Trace details",
+        size: spanId ? "full" : "wide",
+        traceId,
+        spans,
+        anchorSpanId,
+        usage,
+        isLoadingSpans,
+        selectedSpanId: spanId ?? null,
+        onClose: () => {
+          setFullThreadTraceId(null);
+          closeTrace();
+        },
+        isFullThreadOpen,
+        withQueryTrace,
+        withFeedback,
+        onOpenScore,
+        onFullThreadOpenChange: (open) => setFullThreadTraceId(open ? traceId ?? null : null),
+        onSpanSelect: (id) => selectSpan(id ?? null),
+        onSaveAsDatasetItem: withAddTraceToDataset ? setDatasetDialogTarget : void 0,
+        initialSpanId: spanId,
+        onPrevious: handlePreviousTrace,
+        onNext: handleNextTrace,
+        showPartialThread: true,
+        featuredSpanIds: selection.highlightSpanIds,
+        onHighlightSpans: highlightSpans,
+        feedbackTabBadge: withFeedback ? traceFeedbackData?.pagination?.total ?? void 0 : void 0,
+        feedbackTabSlot: withFeedback ? ({ traceId: tid }) => /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_traceFeedbackTab.TraceFeedbackTab, { traceId: tid }) : void 0,
+        scoresTabBadge: spanScoresData?.pagination?.total ?? void 0,
+        scoresTabSlot: ({ traceId: tid, rootSpanId }) => rootSpanId ? /* @__PURE__ */ jsxRuntime.jsx(domains_scores_components_traceScoresTab.TraceScoresTab, { traceId: tid, spanId: rootSpanId, onScoreSelect: selectScore }) : null,
+        spanView: selection.spanView,
+        onSpanViewChange: setSpanView,
+        spanActiveTab: selection.spanTab ?? "details",
+        onSpanTabChange: (tab) => setSpanTab(tab),
+        spanFeedbackTabBadge: withFeedback ? spanFeedbackData?.pagination?.total ?? void 0 : void 0,
+        spanFeedbackTabSlot: withFeedback ? ({ traceId: tid, spanId: sid }) => tid && sid ? /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanFeedbackTab.SpanFeedbackTab, { traceId: tid, spanId: sid }, `${tid}:${sid}`) : null : void 0,
+        headerActionsSlot: traceId && headerActionsSlot ? headerActionsSlot({ traceId, spans }) : void 0,
+        traceHref: traceId && traceHref ? traceHref(traceId) : void 0
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(domains_scores_components_scoreDataPanel.ScoreDataPanel, { depth, score: featuredScore, onClose: () => selectScore(null) }),
+    withAddTraceToDataset && /* @__PURE__ */ jsxRuntime.jsx(
+      domains_observability_components_traceAsItemDialog.TraceAsItemDialog,
+      {
+        rootSpanId: datasetDialogTarget?.rootSpanId,
+        traceId: datasetDialogTarget?.traceId,
+        isOpen: !!datasetDialogTarget,
+        onClose: () => setDatasetDialogTarget(null),
+        renderCreateDatasetDialog
+      }
+    )
+  ] });
+}
+
+exports.TracesExplorerPanel = TracesExplorerPanel;
+//# sourceMappingURL=traces-explorer-panel.cjs.js.map

package/dist/domains/traces/components/traces-explorer/traces-explorer-panel.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-explorer-panel.cjs.js","sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-panel.tsx"],"sourcesContent":["import { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useSpanFeedback, useTraceFeedback, useTraceOrBranchSpans, useTraceUsage } from '@mastra/react/hooks/traces';\nimport { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useTraceListNavigation } from '../../hooks/use-trace-list-navigation';\nimport type { SpanTab } from '../../types';\nimport { SpanFeedbackTab } from '../span-feedback-tab';\nimport { TraceFeedbackTab } from '../trace-feedback-tab';\nimport { TraceSpanPanel } from '../trace-span-panel';\nimport type { TraceSpanPanelProps } from '../trace-span-panel';\nimport { useTraceUsageColumns, useTracesConfig, useTracesList, useTracesSelection } from './traces-explorer-context';\nimport { TraceAsItemDialog } from '@/domains/observability/components/trace-as-item-dialog';\nimport { ScoreDataPanel, TraceScoresTab } from '@/domains/scores';\n\nexport type TracesExplorerPanelProps = {\n  /** Opens a score of one of the full thread's traces (the host owns routing). */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  renderCreateDatasetDialog?: ComponentProps<typeof TraceAsItemDialog>['renderCreateDatasetDialog'];\n  /** Host integration actions rendered alongside the trace controls. */\n  headerActionsSlot?: (args: { traceId: string; spans: TraceSpanPanelProps['spans'] }) => ReactNode;\n  /** Builds the href of the dedicated trace page; without it the drawer offers no \"Open trace page\" link. */\n  traceHref?: (traceId: string) => string;\n  /** Shows \"Add full trace to dataset\" in the trace actions menu. Defaults to `true`. */\n  withAddTraceToDataset?: boolean;\n};\n\ntype DatasetDialogTarget = { traceId: string; rootSpanId: string | undefined };\n\nexport function TracesExplorerPanel({\n  onOpenScore,\n  renderCreateDatasetDialog,\n  headerActionsSlot,\n  traceHref,\n  withAddTraceToDataset = true,\n}: TracesExplorerPanelProps) {\n  const { withQueryTrace, withFeedback } = useTracesConfig();\n  const { rows, autoRefetch, isLoading: isListLoading } = useTracesList();\n  const { selection, selectTrace, closeTrace, selectSpan, setSpanTab, setSpanView, selectScore, highlightSpans } =\n    useTracesSelection();\n  const { usageEnabled } = useTraceUsageColumns();\n  const traceId = selection.traceId;\n  const spanId = selection.spanId;\n\n  const [datasetDialogTarget, setDatasetDialogTarget] = useState<DatasetDialogTarget | null>(null);\n  // Keyed by trace id so selecting another trace (row click, prev/next) falls back to the trace panel.\n  const [fullThreadTraceId, setFullThreadTraceId] = useState<string | null>(null);\n\n  // Tab badge counts; the tab bodies re-use these first-page queries through React Query's cache.\n  const { data: traceFeedbackData } = useTraceFeedback({\n    traceId,\n    queryOptions: { enabled: withFeedback && !!traceId },\n  });\n  const { data: spanFeedbackData } = useSpanFeedback({\n    traceId,\n    spanId,\n    queryOptions: { enabled: withFeedback && !!traceId && !!spanId },\n  });\n\n  const {\n    spans,\n    anchorSpanId,\n    isLoading: isLoadingSpans,\n  } = useTraceOrBranchSpans({ traceId: traceId ?? null, listMode: 'traces', anchorSpanId: null });\n  const anchorSpan = anchorSpanId\n    ? spans?.find(s => s.spanId === anchorSpanId)\n    : spans?.find(s => s.parentSpanId == null);\n\n  const { data: spanScoresData } = useTraceSpanScores({\n    traceId,\n    spanId: anchorSpan?.spanId,\n    queryOptions: { enabled: !!traceId && !!anchorSpan?.spanId },\n  });\n  const featuredScore = selection.scoreId\n    ? spanScoresData?.scores?.find(score => score.id === selection.scoreId)\n    : undefined;\n\n  // Same key as the list's usage query when the trace is listed, so React Query serves it from cache.\n  // Waits for the list so a deep-linked trace doesn't fetch its own usage before the rows arrive.\n  const rowIds = rows.map(row => row.traceId);\n  const isListed = !!traceId && rowIds.includes(traceId);\n  const { data: usageByTraceId } = useTraceUsage({\n    traceIds: isListed ? rowIds : traceId ? [traceId] : [],\n    enabled: usageEnabled && !isListLoading,\n    autoRefetch,\n  });\n  const usage = traceId ? usageByTraceId?.get(traceId) : undefined;\n\n  const { handlePreviousTrace, handleNextTrace } = useTraceListNavigation(rows, traceId, null, selectTrace);\n\n  const isFullThreadOpen = !!traceId && fullThreadTraceId === traceId;\n  const depth = isFullThreadOpen ? 3 : 2;\n\n  return (\n    <>\n      <TraceSpanPanel\n        title=\"Trace details\"\n        size={spanId ? 'full' : 'wide'}\n        traceId={traceId}\n        spans={spans}\n        anchorSpanId={anchorSpanId}\n        usage={usage}\n        isLoadingSpans={isLoadingSpans}\n        selectedSpanId={spanId ?? null}\n        onClose={() => {\n          setFullThreadTraceId(null);\n          closeTrace();\n        }}\n        isFullThreadOpen={isFullThreadOpen}\n        withQueryTrace={withQueryTrace}\n        withFeedback={withFeedback}\n        onOpenScore={onOpenScore}\n        onFullThreadOpenChange={open => setFullThreadTraceId(open ? (traceId ?? null) : null)}\n        onSpanSelect={id => selectSpan(id ?? null)}\n        onSaveAsDatasetItem={withAddTraceToDataset ? setDatasetDialogTarget : undefined}\n        initialSpanId={spanId}\n        onPrevious={handlePreviousTrace}\n        onNext={handleNextTrace}\n        showPartialThread\n        featuredSpanIds={selection.highlightSpanIds}\n        onHighlightSpans={highlightSpans}\n        feedbackTabBadge={withFeedback ? (traceFeedbackData?.pagination?.total ?? undefined) : undefined}\n        feedbackTabSlot={withFeedback ? ({ traceId: tid }) => <TraceFeedbackTab traceId={tid} /> : undefined}\n        scoresTabBadge={spanScoresData?.pagination?.total ?? undefined}\n        scoresTabSlot={({ traceId: tid, rootSpanId }) =>\n          rootSpanId ? <TraceScoresTab traceId={tid} spanId={rootSpanId} onScoreSelect={selectScore} /> : null\n        }\n        spanView={selection.spanView}\n        onSpanViewChange={setSpanView}\n        spanActiveTab={selection.spanTab ?? 'details'}\n        onSpanTabChange={tab => setSpanTab(tab as SpanTab)}\n        spanFeedbackTabBadge={withFeedback ? (spanFeedbackData?.pagination?.total ?? undefined) : undefined}\n        spanFeedbackTabSlot={\n          withFeedback\n            ? ({ traceId: tid, spanId: sid }) =>\n                tid && sid ? <SpanFeedbackTab key={`${tid}:${sid}`} traceId={tid} spanId={sid} /> : null\n            : undefined\n        }\n        headerActionsSlot={traceId && headerActionsSlot ? headerActionsSlot({ traceId, spans }) : undefined}\n        traceHref={traceId && traceHref ? traceHref(traceId) : undefined}\n      />\n      <ScoreDataPanel depth={depth} score={featuredScore} onClose={() => selectScore(null)} />\n      {withAddTraceToDataset && (\n        <TraceAsItemDialog\n          rootSpanId={datasetDialogTarget?.rootSpanId}\n          traceId={datasetDialogTarget?.traceId}\n          isOpen={!!datasetDialogTarget}\n          onClose={() => setDatasetDialogTarget(null)}\n          renderCreateDatasetDialog={renderCreateDatasetDialog}\n        />\n      )}\n    </>\n  );\n}\n"],"names":["useTracesConfig","useTracesList","useTracesSelection","useTraceUsageColumns","useState","useTraceFeedback","useSpanFeedback","useTraceOrBranchSpans","useTraceSpanScores","useTraceUsage","useTraceListNavigation","jsxs","Fragment","jsx","TraceSpanPanel","TraceFeedbackTab","TraceScoresTab","SpanFeedbackTab","ScoreDataPanel","TraceAsItemDialog"],"mappings":"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"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-panel.d.ts

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

package/dist/domains/traces/components/traces-explorer/traces-explorer-panel.es.js

@@ -0,0 +1,130 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTraceSpanScores } from '@mastra/react/hooks/scores';
+import { useTraceFeedback, useSpanFeedback, useTraceOrBranchSpans, useTraceUsage } from '@mastra/react/hooks/traces';
+import { useState } from 'react';
+import { useTraceListNavigation } from '../../hooks/use-trace-list-navigation.es.js';
+import { SpanFeedbackTab } from '../span-feedback-tab.es.js';
+import { TraceFeedbackTab } from '../trace-feedback-tab.es.js';
+import { TraceSpanPanel } from '../trace-span-panel.es.js';
+import { useTracesConfig, useTracesList, useTracesSelection, useTraceUsageColumns } from './traces-explorer-context.es.js';
+import { TraceAsItemDialog } from '../../../observability/components/trace-as-item-dialog.es.js';
+import 'lucide-react';
+import '@base-ui/react/combobox';
+import '../../../../toast-5aQbZBbY.js';
+import { TraceScoresTab } from '../../../scores/components/trace-scores-tab.es.js';
+import { ScoreDataPanel } from '../../../scores/components/score-data-panel.es.js';
+import '@mastra/core/utils/safe-stringify';
+import '@mastra/react/hooks/datasets';
+import '../../../../Button-D8a5EWJ5.js';
+import '../../../../highlight-CXDme3FZ.js';
+import '../../../../field-control-aria-DB6y41tQ.js';
+import '@base-ui/react/use-render';
+import '../../../../lib/framework.es.js';
+import '../../../datasets/components/add-dataset-item-dialog/add-dataset-item-dialog.es.js';
+
+function TracesExplorerPanel({
+  onOpenScore,
+  renderCreateDatasetDialog,
+  headerActionsSlot,
+  traceHref,
+  withAddTraceToDataset = true
+}) {
+  const { withQueryTrace, withFeedback } = useTracesConfig();
+  const { rows, autoRefetch, isLoading: isListLoading } = useTracesList();
+  const { selection, selectTrace, closeTrace, selectSpan, setSpanTab, setSpanView, selectScore, highlightSpans } = useTracesSelection();
+  const { usageEnabled } = useTraceUsageColumns();
+  const traceId = selection.traceId;
+  const spanId = selection.spanId;
+  const [datasetDialogTarget, setDatasetDialogTarget] = useState(null);
+  const [fullThreadTraceId, setFullThreadTraceId] = useState(null);
+  const { data: traceFeedbackData } = useTraceFeedback({
+    traceId,
+    queryOptions: { enabled: withFeedback && !!traceId }
+  });
+  const { data: spanFeedbackData } = useSpanFeedback({
+    traceId,
+    spanId,
+    queryOptions: { enabled: withFeedback && !!traceId && !!spanId }
+  });
+  const {
+    spans,
+    anchorSpanId,
+    isLoading: isLoadingSpans
+  } = useTraceOrBranchSpans({ traceId: traceId ?? null, listMode: "traces", anchorSpanId: null });
+  const anchorSpan = anchorSpanId ? spans?.find((s) => s.spanId === anchorSpanId) : spans?.find((s) => s.parentSpanId == null);
+  const { data: spanScoresData } = useTraceSpanScores({
+    traceId,
+    spanId: anchorSpan?.spanId,
+    queryOptions: { enabled: !!traceId && !!anchorSpan?.spanId }
+  });
+  const featuredScore = selection.scoreId ? spanScoresData?.scores?.find((score) => score.id === selection.scoreId) : void 0;
+  const rowIds = rows.map((row) => row.traceId);
+  const isListed = !!traceId && rowIds.includes(traceId);
+  const { data: usageByTraceId } = useTraceUsage({
+    traceIds: isListed ? rowIds : traceId ? [traceId] : [],
+    enabled: usageEnabled && !isListLoading,
+    autoRefetch
+  });
+  const usage = traceId ? usageByTraceId?.get(traceId) : void 0;
+  const { handlePreviousTrace, handleNextTrace } = useTraceListNavigation(rows, traceId, null, selectTrace);
+  const isFullThreadOpen = !!traceId && fullThreadTraceId === traceId;
+  const depth = isFullThreadOpen ? 3 : 2;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      TraceSpanPanel,
+      {
+        title: "Trace details",
+        size: spanId ? "full" : "wide",
+        traceId,
+        spans,
+        anchorSpanId,
+        usage,
+        isLoadingSpans,
+        selectedSpanId: spanId ?? null,
+        onClose: () => {
+          setFullThreadTraceId(null);
+          closeTrace();
+        },
+        isFullThreadOpen,
+        withQueryTrace,
+        withFeedback,
+        onOpenScore,
+        onFullThreadOpenChange: (open) => setFullThreadTraceId(open ? traceId ?? null : null),
+        onSpanSelect: (id) => selectSpan(id ?? null),
+        onSaveAsDatasetItem: withAddTraceToDataset ? setDatasetDialogTarget : void 0,
+        initialSpanId: spanId,
+        onPrevious: handlePreviousTrace,
+        onNext: handleNextTrace,
+        showPartialThread: true,
+        featuredSpanIds: selection.highlightSpanIds,
+        onHighlightSpans: highlightSpans,
+        feedbackTabBadge: withFeedback ? traceFeedbackData?.pagination?.total ?? void 0 : void 0,
+        feedbackTabSlot: withFeedback ? ({ traceId: tid }) => /* @__PURE__ */ jsx(TraceFeedbackTab, { traceId: tid }) : void 0,
+        scoresTabBadge: spanScoresData?.pagination?.total ?? void 0,
+        scoresTabSlot: ({ traceId: tid, rootSpanId }) => rootSpanId ? /* @__PURE__ */ jsx(TraceScoresTab, { traceId: tid, spanId: rootSpanId, onScoreSelect: selectScore }) : null,
+        spanView: selection.spanView,
+        onSpanViewChange: setSpanView,
+        spanActiveTab: selection.spanTab ?? "details",
+        onSpanTabChange: (tab) => setSpanTab(tab),
+        spanFeedbackTabBadge: withFeedback ? spanFeedbackData?.pagination?.total ?? void 0 : void 0,
+        spanFeedbackTabSlot: withFeedback ? ({ traceId: tid, spanId: sid }) => tid && sid ? /* @__PURE__ */ jsx(SpanFeedbackTab, { traceId: tid, spanId: sid }, `${tid}:${sid}`) : null : void 0,
+        headerActionsSlot: traceId && headerActionsSlot ? headerActionsSlot({ traceId, spans }) : void 0,
+        traceHref: traceId && traceHref ? traceHref(traceId) : void 0
+      }
+    ),
+    /* @__PURE__ */ jsx(ScoreDataPanel, { depth, score: featuredScore, onClose: () => selectScore(null) }),
+    withAddTraceToDataset && /* @__PURE__ */ jsx(
+      TraceAsItemDialog,
+      {
+        rootSpanId: datasetDialogTarget?.rootSpanId,
+        traceId: datasetDialogTarget?.traceId,
+        isOpen: !!datasetDialogTarget,
+        onClose: () => setDatasetDialogTarget(null),
+        renderCreateDatasetDialog
+      }
+    )
+  ] });
+}
+
+export { TracesExplorerPanel };
+//# sourceMappingURL=traces-explorer-panel.es.js.map

package/dist/domains/traces/components/traces-explorer/traces-explorer-panel.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-explorer-panel.es.js","sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-panel.tsx"],"sourcesContent":["import { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useSpanFeedback, useTraceFeedback, useTraceOrBranchSpans, useTraceUsage } from '@mastra/react/hooks/traces';\nimport { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useTraceListNavigation } from '../../hooks/use-trace-list-navigation';\nimport type { SpanTab } from '../../types';\nimport { SpanFeedbackTab } from '../span-feedback-tab';\nimport { TraceFeedbackTab } from '../trace-feedback-tab';\nimport { TraceSpanPanel } from '../trace-span-panel';\nimport type { TraceSpanPanelProps } from '../trace-span-panel';\nimport { useTraceUsageColumns, useTracesConfig, useTracesList, useTracesSelection } from './traces-explorer-context';\nimport { TraceAsItemDialog } from '@/domains/observability/components/trace-as-item-dialog';\nimport { ScoreDataPanel, TraceScoresTab } from '@/domains/scores';\n\nexport type TracesExplorerPanelProps = {\n  /** Opens a score of one of the full thread's traces (the host owns routing). */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  renderCreateDatasetDialog?: ComponentProps<typeof TraceAsItemDialog>['renderCreateDatasetDialog'];\n  /** Host integration actions rendered alongside the trace controls. */\n  headerActionsSlot?: (args: { traceId: string; spans: TraceSpanPanelProps['spans'] }) => ReactNode;\n  /** Builds the href of the dedicated trace page; without it the drawer offers no \"Open trace page\" link. */\n  traceHref?: (traceId: string) => string;\n  /** Shows \"Add full trace to dataset\" in the trace actions menu. Defaults to `true`. */\n  withAddTraceToDataset?: boolean;\n};\n\ntype DatasetDialogTarget = { traceId: string; rootSpanId: string | undefined };\n\nexport function TracesExplorerPanel({\n  onOpenScore,\n  renderCreateDatasetDialog,\n  headerActionsSlot,\n  traceHref,\n  withAddTraceToDataset = true,\n}: TracesExplorerPanelProps) {\n  const { withQueryTrace, withFeedback } = useTracesConfig();\n  const { rows, autoRefetch, isLoading: isListLoading } = useTracesList();\n  const { selection, selectTrace, closeTrace, selectSpan, setSpanTab, setSpanView, selectScore, highlightSpans } =\n    useTracesSelection();\n  const { usageEnabled } = useTraceUsageColumns();\n  const traceId = selection.traceId;\n  const spanId = selection.spanId;\n\n  const [datasetDialogTarget, setDatasetDialogTarget] = useState<DatasetDialogTarget | null>(null);\n  // Keyed by trace id so selecting another trace (row click, prev/next) falls back to the trace panel.\n  const [fullThreadTraceId, setFullThreadTraceId] = useState<string | null>(null);\n\n  // Tab badge counts; the tab bodies re-use these first-page queries through React Query's cache.\n  const { data: traceFeedbackData } = useTraceFeedback({\n    traceId,\n    queryOptions: { enabled: withFeedback && !!traceId },\n  });\n  const { data: spanFeedbackData } = useSpanFeedback({\n    traceId,\n    spanId,\n    queryOptions: { enabled: withFeedback && !!traceId && !!spanId },\n  });\n\n  const {\n    spans,\n    anchorSpanId,\n    isLoading: isLoadingSpans,\n  } = useTraceOrBranchSpans({ traceId: traceId ?? null, listMode: 'traces', anchorSpanId: null });\n  const anchorSpan = anchorSpanId\n    ? spans?.find(s => s.spanId === anchorSpanId)\n    : spans?.find(s => s.parentSpanId == null);\n\n  const { data: spanScoresData } = useTraceSpanScores({\n    traceId,\n    spanId: anchorSpan?.spanId,\n    queryOptions: { enabled: !!traceId && !!anchorSpan?.spanId },\n  });\n  const featuredScore = selection.scoreId\n    ? spanScoresData?.scores?.find(score => score.id === selection.scoreId)\n    : undefined;\n\n  // Same key as the list's usage query when the trace is listed, so React Query serves it from cache.\n  // Waits for the list so a deep-linked trace doesn't fetch its own usage before the rows arrive.\n  const rowIds = rows.map(row => row.traceId);\n  const isListed = !!traceId && rowIds.includes(traceId);\n  const { data: usageByTraceId } = useTraceUsage({\n    traceIds: isListed ? rowIds : traceId ? [traceId] : [],\n    enabled: usageEnabled && !isListLoading,\n    autoRefetch,\n  });\n  const usage = traceId ? usageByTraceId?.get(traceId) : undefined;\n\n  const { handlePreviousTrace, handleNextTrace } = useTraceListNavigation(rows, traceId, null, selectTrace);\n\n  const isFullThreadOpen = !!traceId && fullThreadTraceId === traceId;\n  const depth = isFullThreadOpen ? 3 : 2;\n\n  return (\n    <>\n      <TraceSpanPanel\n        title=\"Trace details\"\n        size={spanId ? 'full' : 'wide'}\n        traceId={traceId}\n        spans={spans}\n        anchorSpanId={anchorSpanId}\n        usage={usage}\n        isLoadingSpans={isLoadingSpans}\n        selectedSpanId={spanId ?? null}\n        onClose={() => {\n          setFullThreadTraceId(null);\n          closeTrace();\n        }}\n        isFullThreadOpen={isFullThreadOpen}\n        withQueryTrace={withQueryTrace}\n        withFeedback={withFeedback}\n        onOpenScore={onOpenScore}\n        onFullThreadOpenChange={open => setFullThreadTraceId(open ? (traceId ?? null) : null)}\n        onSpanSelect={id => selectSpan(id ?? null)}\n        onSaveAsDatasetItem={withAddTraceToDataset ? setDatasetDialogTarget : undefined}\n        initialSpanId={spanId}\n        onPrevious={handlePreviousTrace}\n        onNext={handleNextTrace}\n        showPartialThread\n        featuredSpanIds={selection.highlightSpanIds}\n        onHighlightSpans={highlightSpans}\n        feedbackTabBadge={withFeedback ? (traceFeedbackData?.pagination?.total ?? undefined) : undefined}\n        feedbackTabSlot={withFeedback ? ({ traceId: tid }) => <TraceFeedbackTab traceId={tid} /> : undefined}\n        scoresTabBadge={spanScoresData?.pagination?.total ?? undefined}\n        scoresTabSlot={({ traceId: tid, rootSpanId }) =>\n          rootSpanId ? <TraceScoresTab traceId={tid} spanId={rootSpanId} onScoreSelect={selectScore} /> : null\n        }\n        spanView={selection.spanView}\n        onSpanViewChange={setSpanView}\n        spanActiveTab={selection.spanTab ?? 'details'}\n        onSpanTabChange={tab => setSpanTab(tab as SpanTab)}\n        spanFeedbackTabBadge={withFeedback ? (spanFeedbackData?.pagination?.total ?? undefined) : undefined}\n        spanFeedbackTabSlot={\n          withFeedback\n            ? ({ traceId: tid, spanId: sid }) =>\n                tid && sid ? <SpanFeedbackTab key={`${tid}:${sid}`} traceId={tid} spanId={sid} /> : null\n            : undefined\n        }\n        headerActionsSlot={traceId && headerActionsSlot ? headerActionsSlot({ traceId, spans }) : undefined}\n        traceHref={traceId && traceHref ? traceHref(traceId) : undefined}\n      />\n      <ScoreDataPanel depth={depth} score={featuredScore} onClose={() => selectScore(null)} />\n      {withAddTraceToDataset && (\n        <TraceAsItemDialog\n          rootSpanId={datasetDialogTarget?.rootSpanId}\n          traceId={datasetDialogTarget?.traceId}\n          isOpen={!!datasetDialogTarget}\n          onClose={() => setDatasetDialogTarget(null)}\n          renderCreateDatasetDialog={renderCreateDatasetDialog}\n        />\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-root.cjs.js

@@ -0,0 +1,154 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const observability = require('@mastra/core/observability');
+const React = require('react');
+const domains_traces_traceQueryFilters = require('../../../../trace-filters-BtyiQq7Y.cjs');
+const domains_traces_components_tracesExplorer_tracesExplorerActions = require('./traces-explorer-actions.cjs.js');
+const domains_traces_components_tracesExplorer_tracesExplorerColumnsProvider = require('./traces-explorer-columns-provider.cjs.js');
+const domains_traces_components_tracesExplorer_tracesExplorerContext = require('./traces-explorer-context.cjs.js');
+const domains_traces_components_tracesExplorer_tracesExplorerListProvider = require('./traces-explorer-list-provider.cjs.js');
+const capabilities = require('@mastra/react/hooks/capabilities');
+
+const SCOPED_FIELD_IDS = /* @__PURE__ */ new Set(["rootEntityType", "entityId"]);
+const HIDDEN_SCOPED_FIELD_IDS = ["rootEntityType", "entityId", "entityName"];
+const NO_FIELD_IDS = /* @__PURE__ */ new Set();
+const NO_HIDDEN_FIELD_IDS = [];
+const listIdForScope = (scope) => scope?.entityType === observability.EntityType.AGENT ? "agent-traces" : scope?.entityType === observability.EntityType.WORKFLOW_RUN ? "workflows-traces" : "all-traces";
+function TracesExplorerRoot({
+  selection,
+  filters: rawFilters,
+  onChange,
+  sortDirection,
+  onSortDirectionChange,
+  scope,
+  metricsSupport,
+  features,
+  initialFilters = domains_traces_components_tracesExplorer_tracesExplorerActions.DEFAULT_TRACES_FILTERS,
+  children
+}) {
+  const traceQuery = capabilities.useTraceQueryAvailable();
+  const withQueryTrace = traceQuery.enabled && features?.traceQuery !== false;
+  const withFeedback = capabilities.useFeedbackAvailable().enabled && features?.feedback !== false;
+  const { enabled: withRootDuration } = capabilities.useTraceQueryRootDurationAvailable();
+  const { enabled: withDeltaPolling } = capabilities.useTraceQueryDeltaPollingAvailable();
+  const withDiscovery = capabilities.useTraceQueryDiscoveryAvailable().enabled && withQueryTrace;
+  const filters = React.useMemo(() => domains_traces_components_tracesExplorer_tracesExplorerActions.sanitizeTracesFilters(rawFilters, withRootDuration), [rawFilters, withRootDuration]);
+  const isScoped = !!scope;
+  const scopedFieldIds = isScoped ? SCOPED_FIELD_IDS : NO_FIELD_IDS;
+  const hiddenFieldIds = isScoped ? HIDDEN_SCOPED_FIELD_IDS : NO_HIDDEN_FIELD_IDS;
+  const fromMs = rawFilters.dateFrom?.getTime();
+  const toMs = rawFilters.dateTo?.getTime();
+  const { dateFrom, dateTo } = React.useMemo(
+    () => domains_traces_components_tracesExplorer_tracesExplorerActions.resolveTracesDateWindow(
+      rawFilters.datePreset,
+      fromMs === void 0 ? void 0 : new Date(fromMs),
+      toMs === void 0 ? void 0 : new Date(toMs)
+    ),
+    [rawFilters.datePreset, fromMs, toMs]
+  );
+  const current = { selection, filters: rawFilters, onChange, onSortDirectionChange, scopedFieldIds };
+  const latest = React.useRef(current);
+  latest.current = current;
+  const actions = React.useMemo(() => {
+    const emit = (next) => {
+      latest.current.selection = next.selection;
+      latest.current.filters = next.filters;
+      latest.current.onChange(next);
+    };
+    const updateSelection = (next) => {
+      if (next === latest.current.selection) return;
+      emit({ selection: next, filters: latest.current.filters });
+    };
+    const updateFilters = (next) => {
+      const { selection: currentSelection, filters: currentFilters } = latest.current;
+      if (next === currentFilters) return;
+      emit({
+        filters: next,
+        selection: domains_traces_components_tracesExplorer_tracesExplorerActions.isSelectionEmpty(currentSelection) ? currentSelection : domains_traces_components_tracesExplorer_tracesExplorerActions.clearSelection(currentSelection)
+      });
+    };
+    const selectionActions2 = {
+      selectTrace: (traceId) => updateSelection(domains_traces_components_tracesExplorer_tracesExplorerActions.selectTrace(latest.current.selection, traceId)),
+      closeTrace: () => updateSelection(domains_traces_components_tracesExplorer_tracesExplorerActions.selectTrace(latest.current.selection, null)),
+      selectSpan: (spanId) => updateSelection(domains_traces_components_tracesExplorer_tracesExplorerActions.selectSpan(latest.current.selection, spanId)),
+      setSpanTab: (tab) => updateSelection(domains_traces_components_tracesExplorer_tracesExplorerActions.setSpanTab(latest.current.selection, tab)),
+      setSpanView: (view) => updateSelection(domains_traces_components_tracesExplorer_tracesExplorerActions.setSpanView(latest.current.selection, view)),
+      selectScore: (scoreId) => updateSelection(domains_traces_components_tracesExplorer_tracesExplorerActions.selectScore(latest.current.selection, scoreId)),
+      highlightSpans: (spanIds) => updateSelection(domains_traces_components_tracesExplorer_tracesExplorerActions.highlightSpans(latest.current.selection, spanIds))
+    };
+    const filtersActions2 = {
+      // Re-inject the scope tokens so "Clear filters" (which drops every removable item) and any
+      // other edit can never drop the scope.
+      setFilterTokens: (tokens, groups) => {
+        const { filters: base, scopedFieldIds: scoped } = latest.current;
+        const scopeTokens = base.tokens.filter((token) => scoped.has(token.fieldId));
+        updateFilters(domains_traces_components_tracesExplorer_tracesExplorerActions.applyFilterTokens(base, [...scopeTokens, ...tokens], groups));
+      },
+      setDatePreset: (preset) => updateFilters(domains_traces_components_tracesExplorer_tracesExplorerActions.applyDatePreset(latest.current.filters, preset)),
+      setDate: (value, end) => updateFilters(domains_traces_components_tracesExplorer_tracesExplorerActions.applyDate(latest.current.filters, value, end)),
+      setDateRange: (from, to) => updateFilters(domains_traces_components_tracesExplorer_tracesExplorerActions.applyDateRange(latest.current.filters, from, to))
+    };
+    const onSortChange2 = (direction) => latest.current.onSortDirectionChange(direction);
+    return { selectionActions: selectionActions2, filtersActions: filtersActions2, onSortChange: onSortChange2 };
+  }, []);
+  const { selectionActions, filtersActions, onSortChange } = actions;
+  const [discoveryNow] = React.useState(() => /* @__PURE__ */ new Date());
+  const discoveryTimeRange = React.useMemo(
+    () => domains_traces_traceQueryFilters.resolveTraceQueryTimeRange(dateFrom, dateTo, discoveryNow),
+    [dateFrom, dateTo, discoveryNow]
+  );
+  const listId = listIdForScope(scope);
+  const configValue = React.useMemo(
+    () => ({
+      listId,
+      scopedFieldIds,
+      hiddenFieldIds,
+      withQueryTrace,
+      withFeedback,
+      withRootDuration,
+      withDeltaPolling,
+      withDiscovery,
+      isCapabilitiesLoading: traceQuery.isLoading,
+      metricsSupport,
+      discoveryTimeRange
+    }),
+    [
+      listId,
+      scopedFieldIds,
+      hiddenFieldIds,
+      withQueryTrace,
+      withFeedback,
+      withRootDuration,
+      withDeltaPolling,
+      withDiscovery,
+      traceQuery.isLoading,
+      metricsSupport,
+      discoveryTimeRange
+    ]
+  );
+  const contentFiltersApplied = filters.tokens.length > 0 || filters.groups.length > 0;
+  const filtersApplied = contentFiltersApplied || filters.datePreset !== initialFilters.datePreset || !!dateTo;
+  const filtersValue = React.useMemo(
+    () => ({
+      ...filtersActions,
+      filters,
+      dateFrom,
+      dateTo,
+      filtersApplied,
+      contentFiltersApplied
+    }),
+    [filtersActions, filters, dateFrom, dateTo, filtersApplied, contentFiltersApplied]
+  );
+  const selectionValue = {
+    ...selectionActions,
+    selection,
+    selectedTraceId: selection.traceId
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_tracesExplorer_tracesExplorerContext.TracesConfigContext.Provider, { value: configValue, children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_tracesExplorer_tracesExplorerContext.TracesFiltersContext.Provider, { value: filtersValue, children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_tracesExplorer_tracesExplorerContext.TracesSelectionContext.Provider, { value: selectionValue, children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_tracesExplorer_tracesExplorerListProvider.TracesListProvider, { sortDirection, onSortChange, children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_tracesExplorer_tracesExplorerColumnsProvider.TracesColumnsProvider, { children }) }) }) }) });
+}
+
+exports.TracesExplorerRoot = TracesExplorerRoot;
+//# sourceMappingURL=traces-explorer-root.cjs.js.map

package/dist/domains/traces/components/traces-explorer/traces-explorer-root.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-explorer-root.cjs.js","sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-root.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { useMemo, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { resolveTraceQueryTimeRange } from '../../trace-query-filters';\nimport {\n  applyDate,\n  applyDatePreset,\n  applyDateRange,\n  applyFilterTokens,\n  clearSelection,\n  DEFAULT_TRACES_FILTERS,\n  highlightSpans,\n  isSelectionEmpty,\n  resolveTracesDateWindow,\n  sanitizeTracesFilters,\n  selectScore,\n  selectSpan,\n  selectTrace,\n  setSpanTab,\n  setSpanView,\n} from './traces-explorer-actions';\nimport type {\n  TracesExplorerState,\n  TracesFilters,\n  TracesSelection,\n  TracesSortDirection,\n} from './traces-explorer-actions';\nimport { TracesColumnsProvider } from './traces-explorer-columns-provider';\nimport { TracesConfigContext, TracesFiltersContext, TracesSelectionContext } from './traces-explorer-context';\nimport type {\n  TracesConfigContextValue,\n  TracesExplorerFeatures,\n  TracesExplorerScope,\n  TracesFiltersActions,\n  TracesFiltersContextValue,\n  TracesMetricsSupport,\n  TracesSelectionActions,\n  TracesSelectionContextValue,\n} from './traces-explorer-context';\nimport { TracesListProvider } from './traces-explorer-list-provider';\nimport {\n  useFeedbackAvailable,\n  useTraceQueryAvailable,\n  useTraceQueryDeltaPollingAvailable,\n  useTraceQueryDiscoveryAvailable,\n  useTraceQueryRootDurationAvailable,\n} from '@/domains/capabilities';\n\nexport type TracesExplorerRootProps = {\n  selection: TracesSelection;\n  filters: TracesFilters;\n  /** Receives the full next state once per user action, so a filter edit and the selection it clears land together. */\n  onChange: (next: TracesExplorerState) => void;\n  sortDirection: TracesSortDirection;\n  onSortDirectionChange: (next: TracesSortDirection) => void;\n  /** Pins the explorer to one entity: its fields stay in the filters but never surface as chips. */\n  scope?: TracesExplorerScope;\n  /** Resolved by the host, which may know better than the storage capabilities (e.g. hosted deployments). */\n  metricsSupport: TracesMetricsSupport;\n  /** Host switches combined with the server capabilities; a feature runs only when both allow it. */\n  features?: TracesExplorerFeatures;\n  /** The host's default filters. Filters matching them don't count as applied (e.g. in empty states). */\n  initialFilters?: TracesFilters;\n  children: ReactNode;\n};\n\nconst SCOPED_FIELD_IDS: ReadonlySet<string> = new Set(['rootEntityType', 'entityId']);\nconst HIDDEN_SCOPED_FIELD_IDS: readonly string[] = ['rootEntityType', 'entityId', 'entityName'];\nconst NO_FIELD_IDS: ReadonlySet<string> = new Set();\nconst NO_HIDDEN_FIELD_IDS: readonly string[] = [];\n\nconst listIdForScope = (scope?: TracesExplorerScope) =>\n  scope?.entityType === EntityType.AGENT\n    ? 'agent-traces'\n    : scope?.entityType === EntityType.WORKFLOW_RUN\n      ? 'workflows-traces'\n      : 'all-traces';\n\ntype Latest = Pick<TracesExplorerRootProps, 'selection' | 'filters' | 'onChange' | 'onSortDirectionChange'> & {\n  scopedFieldIds: ReadonlySet<string>;\n};\n\nexport function TracesExplorerRoot({\n  selection,\n  filters: rawFilters,\n  onChange,\n  sortDirection,\n  onSortDirectionChange,\n  scope,\n  metricsSupport,\n  features,\n  initialFilters = DEFAULT_TRACES_FILTERS,\n  children,\n}: TracesExplorerRootProps) {\n  // Servers without the trace-query API list through `listTracesLight` and don't expose feedback.\n  const traceQuery = useTraceQueryAvailable();\n  const withQueryTrace = traceQuery.enabled && features?.traceQuery !== false;\n  const withFeedback = useFeedbackAvailable().enabled && features?.feedback !== false;\n  const { enabled: withRootDuration } = useTraceQueryRootDurationAvailable();\n  const { enabled: withDeltaPolling } = useTraceQueryDeltaPollingAvailable();\n  const withDiscovery = useTraceQueryDiscoveryAvailable().enabled && withQueryTrace;\n\n  // Entries the server can't query are ignored, never written back: the host keeps its raw value.\n  const filters = useMemo(() => sanitizeTracesFilters(rawFilters, withRootDuration), [rawFilters, withRootDuration]);\n\n  const isScoped = !!scope;\n  const scopedFieldIds = isScoped ? SCOPED_FIELD_IDS : NO_FIELD_IDS;\n  const hiddenFieldIds = isScoped ? HIDDEN_SCOPED_FIELD_IDS : NO_HIDDEN_FIELD_IDS;\n\n  // Rolling presets pin their start when the preset (or custom bound) changes, not on every render.\n  const fromMs = rawFilters.dateFrom?.getTime();\n  const toMs = rawFilters.dateTo?.getTime();\n  const { dateFrom, dateTo } = useMemo(\n    () =>\n      resolveTracesDateWindow(\n        rawFilters.datePreset,\n        fromMs === undefined ? undefined : new Date(fromMs),\n        toMs === undefined ? undefined : new Date(toMs),\n      ),\n    [rawFilters.datePreset, fromMs, toMs],\n  );\n\n  // Actions read the latest props when they run, so the host doesn't need stable callbacks.\n  // `latest` is written as soon as a change is emitted, so a second action in the same tick\n  // (the date picker fires a preset then its dates) builds on the first instead of the stale props.\n  const current: Latest = { selection, filters: rawFilters, onChange, onSortDirectionChange, scopedFieldIds };\n  const latest = useRef(current);\n  latest.current = current;\n\n  const actions = useMemo(() => {\n    const emit = (next: TracesExplorerState) => {\n      latest.current.selection = next.selection;\n      latest.current.filters = next.filters;\n      latest.current.onChange(next);\n    };\n    const updateSelection = (next: TracesSelection) => {\n      if (next === latest.current.selection) return;\n      emit({ selection: next, filters: latest.current.filters });\n    };\n    // A filter change invalidates whatever is selected: the selected row may no longer be listed.\n    const updateFilters = (next: TracesFilters) => {\n      const { selection: currentSelection, filters: currentFilters } = latest.current;\n      if (next === currentFilters) return;\n      emit({\n        filters: next,\n        selection: isSelectionEmpty(currentSelection) ? currentSelection : clearSelection(currentSelection),\n      });\n    };\n\n    const selectionActions: TracesSelectionActions = {\n      selectTrace: traceId => updateSelection(selectTrace(latest.current.selection, traceId)),\n      closeTrace: () => updateSelection(selectTrace(latest.current.selection, null)),\n      selectSpan: spanId => updateSelection(selectSpan(latest.current.selection, spanId)),\n      setSpanTab: tab => updateSelection(setSpanTab(latest.current.selection, tab)),\n      setSpanView: view => updateSelection(setSpanView(latest.current.selection, view)),\n      selectScore: scoreId => updateSelection(selectScore(latest.current.selection, scoreId)),\n      highlightSpans: spanIds => updateSelection(highlightSpans(latest.current.selection, spanIds)),\n    };\n    const filtersActions: TracesFiltersActions = {\n      // Re-inject the scope tokens so \"Clear filters\" (which drops every removable item) and any\n      // other edit can never drop the scope.\n      setFilterTokens: (tokens, groups) => {\n        const { filters: base, scopedFieldIds: scoped } = latest.current;\n        const scopeTokens = base.tokens.filter(token => scoped.has(token.fieldId));\n        updateFilters(applyFilterTokens(base, [...scopeTokens, ...tokens], groups));\n      },\n      setDatePreset: preset => updateFilters(applyDatePreset(latest.current.filters, preset)),\n      setDate: (value, end) => updateFilters(applyDate(latest.current.filters, value, end)),\n      setDateRange: (from, to) => updateFilters(applyDateRange(latest.current.filters, from, to)),\n    };\n    const onSortChange = (direction: TracesSortDirection) => latest.current.onSortDirectionChange(direction);\n    return { selectionActions, filtersActions, onSortChange };\n  }, []);\n  const { selectionActions, filtersActions, onSortChange } = actions;\n\n  // Discovery is keyed off the date window with a mount-time `now`, not the list's rolling one,\n  // so its query key (and the skeleton) doesn't churn on every auto-refresh tick.\n  const [discoveryNow] = useState(() => new Date());\n  const discoveryTimeRange = useMemo(\n    () => resolveTraceQueryTimeRange(dateFrom, dateTo, discoveryNow),\n    [dateFrom, dateTo, discoveryNow],\n  );\n\n  const listId = listIdForScope(scope);\n  const configValue = useMemo<TracesConfigContextValue>(\n    () => ({\n      listId,\n      scopedFieldIds,\n      hiddenFieldIds,\n      withQueryTrace,\n      withFeedback,\n      withRootDuration,\n      withDeltaPolling,\n      withDiscovery,\n      isCapabilitiesLoading: traceQuery.isLoading,\n      metricsSupport,\n      discoveryTimeRange,\n    }),\n    [\n      listId,\n      scopedFieldIds,\n      hiddenFieldIds,\n      withQueryTrace,\n      withFeedback,\n      withRootDuration,\n      withDeltaPolling,\n      withDiscovery,\n      traceQuery.isLoading,\n      metricsSupport,\n      discoveryTimeRange,\n    ],\n  );\n\n  const contentFiltersApplied = filters.tokens.length > 0 || filters.groups.length > 0;\n  const filtersApplied = contentFiltersApplied || filters.datePreset !== initialFilters.datePreset || !!dateTo;\n  const filtersValue = useMemo<TracesFiltersContextValue>(\n    () => ({\n      ...filtersActions,\n      filters,\n      dateFrom,\n      dateTo,\n      filtersApplied,\n      contentFiltersApplied,\n    }),\n    [filtersActions, filters, dateFrom, dateTo, filtersApplied, contentFiltersApplied],\n  );\n\n  // Not memoized: the selection consumers (Layout, List, Panel) also re-render on filter and list\n  // changes, which are what re-render Root while the selection stays the same.\n  const selectionValue: TracesSelectionContextValue = {\n    ...selectionActions,\n    selection,\n    selectedTraceId: selection.traceId,\n  };\n\n  return (\n    <TracesConfigContext.Provider value={configValue}>\n      <TracesFiltersContext.Provider value={filtersValue}>\n        <TracesSelectionContext.Provider value={selectionValue}>\n          <TracesListProvider sortDirection={sortDirection} onSortChange={onSortChange}>\n            <TracesColumnsProvider>{children}</TracesColumnsProvider>\n          </TracesListProvider>\n        </TracesSelectionContext.Provider>\n      </TracesFiltersContext.Provider>\n    </TracesConfigContext.Provider>\n  );\n}\n"],"names":["EntityType","DEFAULT_TRACES_FILTERS","useTraceQueryAvailable","useFeedbackAvailable","useTraceQueryRootDurationAvailable","useTraceQueryDeltaPollingAvailable","useTraceQueryDiscoveryAvailable","useMemo","sanitizeTracesFilters","resolveTracesDateWindow","useRef","isSelectionEmpty","clearSelection","selectionActions","selectTrace","selectSpan","setSpanTab","setSpanView","selectScore","highlightSpans","filtersActions","applyFilterTokens","applyDatePreset","applyDate","applyDateRange","onSortChange","useState","resolveTraceQueryTimeRange","jsx","TracesConfigContext","TracesFiltersContext","TracesSelectionContext","TracesListProvider","TracesColumnsProvider"],"mappings":"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"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-root.d.ts

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