@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

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

@@ -1,7 +1,7 @@
-import { DEFAULT_TRACES_SORT, buildTracesLegacyFilters, buildTracesQueryRequest } from "./traces-explorer-actions.es.js";
+import { useTracesListSource } from "../../hooks/use-traces-list-source.es.js";
 import { hasTraceColumn } from "../../trace-list-columns.es.js";
+import { DEFAULT_TRACES_SORT, buildTracesLegacyFilters, buildTracesQueryRequest } from "./traces-explorer-actions.es.js";
 import { TracesListContext, TracesListFetchingContext, useTraceUsageColumns, useTracesConfig, useTracesFilters } from "./traces-explorer-context.es.js";
-import { useTracesListSource } from "../../hooks/use-traces-list-source.es.js";
 import { memo, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/domains/traces/components/traces-explorer/traces-explorer-list-provider.tsx

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
 const require_domains_traces_components_traces_list_view = require("../traces-list-view.cjs.js");
+const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
 const require_domains_traces_components_traces_explorer_use_traces_filter_bar = require("./use-traces-filter-bar.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");

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

@@ -1,5 +1,5 @@
-import { useTraceUsageColumns, useTracesConfig, useTracesFilters, useTracesList, useTracesSelection } from "./traces-explorer-context.es.js";
 import { TracesListView } from "../traces-list-view.es.js";
+import { useTraceUsageColumns, useTracesConfig, useTracesFilters, useTracesList, useTracesSelection } from "./traces-explorer-context.es.js";
 import { useTracesFilterBar } from "./use-traces-filter-bar.es.js";
 import { jsx } from "react/jsx-runtime";
 import { useTraceUsage } from "@mastra/react/hooks/traces";

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

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_observability_components_trace_as_item_dialog = require("../../../observability/components/trace-as-item-dialog.cjs.js");
-const require_domains_scores_components_trace_scores_list = require("../../../scores/components/trace-scores-list.cjs.js");
-const require_domains_scores_components_score_data_panel = require("../../../scores/components/score-data-panel.cjs.js");
-const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
-const require_domains_traces_components_trace_feedback_tab = require("../trace-feedback-tab.cjs.js");
+const require_domains_traces_hooks_use_trace_list_navigation = require("../../hooks/use-trace-list-navigation.cjs.js");
 const require_domains_traces_components_span_feedback_tab = require("../span-feedback-tab.cjs.js");
+const require_domains_traces_components_trace_feedback_tab = require("../trace-feedback-tab.cjs.js");
 const require_domains_traces_components_trace_span_panel = require("../trace-span-panel.cjs.js");
-const require_domains_traces_hooks_use_trace_list_navigation = require("../../hooks/use-trace-list-navigation.cjs.js");
+const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
+const require_domains_observability_components_trace_as_item_dialog = require("../../../observability/components/trace-as-item-dialog.cjs.js");
+const require_domains_scores_components_score_data_panel = require("../../../scores/components/score-data-panel.cjs.js");
+const require_domains_scores_components_trace_scores_list = require("../../../scores/components/trace-scores-list.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
@@ -14,7 +14,7 @@ let _mastra_core_observability = require("@mastra/core/observability");
 let _mastra_react_hooks_scores = require("@mastra/react/hooks/scores");
 // src/domains/traces/components/traces-explorer/traces-explorer-panel.tsx
 function TracesExplorerPanel({ onOpenScore, renderCreateDatasetDialog, headerActionsSlot, traceHref, withAddTraceToDataset = true }) {
-	const { withQueryTrace, withFeedback } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesConfig();
+	const { withQueryTrace, withFeedback, feedbackOptions } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesConfig();
 	const { rows, autoRefetch, isLoading: isListLoading } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesList();
 	const { selection, selectTrace, closeTrace, selectSpan, setSpanTab, setSpanView, selectScore, highlightSpans } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesSelection();
 	const { usageEnabled } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTraceUsageColumns();
@@ -76,6 +76,7 @@ function TracesExplorerPanel({ onOpenScore, renderCreateDatasetDialog, headerAct
 			isFullThreadOpen,
 			withQueryTrace,
 			withFeedback,
+			feedbackOptions,
 			onOpenScore,
 			onFullThreadOpenChange: (open) => setFullThreadTraceId(open ? traceId ?? null : null),
 			onSpanSelect: (id) => selectSpan(id ?? null),
@@ -87,7 +88,10 @@ function TracesExplorerPanel({ onOpenScore, renderCreateDatasetDialog, headerAct
 			featuredSpanIds: selection.highlightSpanIds,
 			onHighlightSpans: highlightSpans,
 			feedbackTabBadge: withFeedback ? traceFeedbackData?.pagination?.total ?? void 0 : void 0,
-			feedbackTabSlot: withFeedback ? ({ traceId: tid }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_trace_feedback_tab.TraceFeedbackTab, { traceId: tid }) : void 0,
+			feedbackTabSlot: withFeedback ? ({ traceId: tid }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_trace_feedback_tab.TraceFeedbackTab, {
+				traceId: tid,
+				feedbackOptions
+			}, tid) : void 0,
 			scoresTabBadge: spanScoresData?.pagination?.total ?? void 0,
 			scoresTabSlot: ({ traceId: tid, rootSpanId }) => rootSpanId ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_scores_components_trace_scores_list.TraceScoresList, {
 				traceId: tid,
@@ -101,7 +105,8 @@ function TracesExplorerPanel({ onOpenScore, renderCreateDatasetDialog, headerAct
 			spanFeedbackTabBadge: withFeedback ? spanFeedbackData?.pagination?.total ?? void 0 : void 0,
 			spanFeedbackTabSlot: withFeedback ? ({ traceId: tid, spanId: sid }) => tid && sid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_feedback_tab.SpanFeedbackTab, {
 				traceId: tid,
-				spanId: sid
+				spanId: sid,
+				feedbackOptions
 			}, `${tid}:${sid}`) : null : void 0,
 			headerActionsSlot: traceId && headerActionsSlot ? headerActionsSlot({
 				traceId,

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

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-panel.cjs.js","names":["useTracesConfig","useTracesList","useTracesSelection","useTraceUsageColumns","useState","useTraceFeedback","useSpanFeedback","useTraceOrBranchSpans","useTraceSpanScores","useTraceUsage","useTraceListNavigation","EntityType","_Fragment","TraceSpanPanel","TraceFeedbackTab","TraceScoresList","SpanFeedbackTab","ScoreDataPanel","TraceAsItemDialog"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-panel.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { 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 { 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, TraceScoresList } 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 the \"Add to dataset\" button next to \"Score trace\". 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  // Only agent traces carry the Messages column, so other traces open the drawer one size\n  // smaller, with or without a span open. The listed row knows the entity on click; the root\n  // span covers deep-linked traces outside the list.\n  const listedRow = rows.find(row => row.traceId === traceId);\n  const entityType = listedRow?.entityType ?? anchorSpan?.entityType;\n  const isAgent = entityType === EntityType.AGENT;\n  const panelSize = spanId ? (isAgent ? 'full' : 'wide') : isAgent ? 'wide' : 'half';\n\n  return (\n    <>\n      <TraceSpanPanel\n        title=\"Trace details\"\n        size={panelSize}\n        traceId={traceId}\n        spans={spans}\n        anchorSpanId={anchorSpanId}\n        entityType={entityType}\n        usage={usage}\n        rootStreamingTimings={listedRow}\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 ? <TraceScoresList traceId={tid} spanId={rootSpanId} onScoreSelect={selectScore} /> : null\n        }\n        spanView={selection.spanView}\n        onSpanViewChange={setSpanView}\n        spanActiveTab={selection.spanTab ?? 'details'}\n        onSpanTabChange={setSpanTab}\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"],"mappings":"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"}
+{"version":3,"file":"traces-explorer-panel.cjs.js","names":["useTracesConfig","useTracesList","useTracesSelection","useTraceUsageColumns","useState","useTraceFeedback","useSpanFeedback","useTraceOrBranchSpans","useTraceSpanScores","useTraceUsage","useTraceListNavigation","EntityType","_Fragment","TraceSpanPanel","TraceFeedbackTab","TraceScoresList","SpanFeedbackTab","ScoreDataPanel","TraceAsItemDialog"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-panel.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { 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 { 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, TraceScoresList } 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 the \"Add to dataset\" button next to \"Score trace\". 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, feedbackOptions } = 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  // Only agent traces carry the Messages column, so other traces open the drawer one size\n  // smaller, with or without a span open. The listed row knows the entity on click; the root\n  // span covers deep-linked traces outside the list.\n  const listedRow = rows.find(row => row.traceId === traceId);\n  const entityType = listedRow?.entityType ?? anchorSpan?.entityType;\n  const isAgent = entityType === EntityType.AGENT;\n  const panelSize = spanId ? (isAgent ? 'full' : 'wide') : isAgent ? 'wide' : 'half';\n\n  return (\n    <>\n      <TraceSpanPanel\n        title=\"Trace details\"\n        size={panelSize}\n        traceId={traceId}\n        spans={spans}\n        anchorSpanId={anchorSpanId}\n        entityType={entityType}\n        usage={usage}\n        rootStreamingTimings={listedRow}\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        feedbackOptions={feedbackOptions}\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={\n          withFeedback\n            ? ({ traceId: tid }) => <TraceFeedbackTab key={tid} traceId={tid} feedbackOptions={feedbackOptions} />\n            : undefined\n        }\n        scoresTabBadge={spanScoresData?.pagination?.total ?? undefined}\n        scoresTabSlot={({ traceId: tid, rootSpanId }) =>\n          rootSpanId ? <TraceScoresList traceId={tid} spanId={rootSpanId} onScoreSelect={selectScore} /> : null\n        }\n        spanView={selection.spanView}\n        onSpanViewChange={setSpanView}\n        spanActiveTab={selection.spanTab ?? 'details'}\n        onSpanTabChange={setSpanTab}\n        spanFeedbackTabBadge={withFeedback ? (spanFeedbackData?.pagination?.total ?? undefined) : undefined}\n        spanFeedbackTabSlot={\n          withFeedback\n            ? ({ traceId: tid, spanId: sid }) =>\n                tid && sid ? (\n                  <SpanFeedbackTab key={`${tid}:${sid}`} traceId={tid} spanId={sid} feedbackOptions={feedbackOptions} />\n                ) : 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"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
-import { TraceAsItemDialog } from "../../../observability/components/trace-as-item-dialog.es.js";
-import { TraceScoresList } from "../../../scores/components/trace-scores-list.es.js";
-import { ScoreDataPanel } from "../../../scores/components/score-data-panel.es.js";
-import { useTraceUsageColumns, useTracesConfig, useTracesList, useTracesSelection } from "./traces-explorer-context.es.js";
-import { TraceFeedbackTab } from "../trace-feedback-tab.es.js";
+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 { useTraceListNavigation } from "../../hooks/use-trace-list-navigation.es.js";
+import { useTraceUsageColumns, useTracesConfig, useTracesList, useTracesSelection } from "./traces-explorer-context.es.js";
+import { TraceAsItemDialog } from "../../../observability/components/trace-as-item-dialog.es.js";
+import { ScoreDataPanel } from "../../../scores/components/score-data-panel.es.js";
+import { TraceScoresList } from "../../../scores/components/trace-scores-list.es.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useSpanFeedback, useTraceFeedback, useTraceOrBranchSpans, useTraceUsage } from "@mastra/react/hooks/traces";
@@ -13,7 +13,7 @@ import { EntityType } from "@mastra/core/observability";
 import { useTraceSpanScores } from "@mastra/react/hooks/scores";
 // src/domains/traces/components/traces-explorer/traces-explorer-panel.tsx
 function TracesExplorerPanel({ onOpenScore, renderCreateDatasetDialog, headerActionsSlot, traceHref, withAddTraceToDataset = true }) {
-	const { withQueryTrace, withFeedback } = useTracesConfig();
+	const { withQueryTrace, withFeedback, feedbackOptions } = useTracesConfig();
 	const { rows, autoRefetch, isLoading: isListLoading } = useTracesList();
 	const { selection, selectTrace, closeTrace, selectSpan, setSpanTab, setSpanView, selectScore, highlightSpans } = useTracesSelection();
 	const { usageEnabled } = useTraceUsageColumns();
@@ -75,6 +75,7 @@ function TracesExplorerPanel({ onOpenScore, renderCreateDatasetDialog, headerAct
 			isFullThreadOpen,
 			withQueryTrace,
 			withFeedback,
+			feedbackOptions,
 			onOpenScore,
 			onFullThreadOpenChange: (open) => setFullThreadTraceId(open ? traceId ?? null : null),
 			onSpanSelect: (id) => selectSpan(id ?? null),
@@ -86,7 +87,10 @@ function TracesExplorerPanel({ onOpenScore, renderCreateDatasetDialog, headerAct
 			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,
+			feedbackTabSlot: withFeedback ? ({ traceId: tid }) => /* @__PURE__ */ jsx(TraceFeedbackTab, {
+				traceId: tid,
+				feedbackOptions
+			}, tid) : void 0,
 			scoresTabBadge: spanScoresData?.pagination?.total ?? void 0,
 			scoresTabSlot: ({ traceId: tid, rootSpanId }) => rootSpanId ? /* @__PURE__ */ jsx(TraceScoresList, {
 				traceId: tid,
@@ -100,7 +104,8 @@ function TracesExplorerPanel({ onOpenScore, renderCreateDatasetDialog, headerAct
 			spanFeedbackTabBadge: withFeedback ? spanFeedbackData?.pagination?.total ?? void 0 : void 0,
 			spanFeedbackTabSlot: withFeedback ? ({ traceId: tid, spanId: sid }) => tid && sid ? /* @__PURE__ */ jsx(SpanFeedbackTab, {
 				traceId: tid,
-				spanId: sid
+				spanId: sid,
+				feedbackOptions
 			}, `${tid}:${sid}`) : null : void 0,
 			headerActionsSlot: traceId && headerActionsSlot ? headerActionsSlot({
 				traceId,

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

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-panel.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-panel.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { 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 { 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, TraceScoresList } 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 the \"Add to dataset\" button next to \"Score trace\". 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  // Only agent traces carry the Messages column, so other traces open the drawer one size\n  // smaller, with or without a span open. The listed row knows the entity on click; the root\n  // span covers deep-linked traces outside the list.\n  const listedRow = rows.find(row => row.traceId === traceId);\n  const entityType = listedRow?.entityType ?? anchorSpan?.entityType;\n  const isAgent = entityType === EntityType.AGENT;\n  const panelSize = spanId ? (isAgent ? 'full' : 'wide') : isAgent ? 'wide' : 'half';\n\n  return (\n    <>\n      <TraceSpanPanel\n        title=\"Trace details\"\n        size={panelSize}\n        traceId={traceId}\n        spans={spans}\n        anchorSpanId={anchorSpanId}\n        entityType={entityType}\n        usage={usage}\n        rootStreamingTimings={listedRow}\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 ? <TraceScoresList traceId={tid} spanId={rootSpanId} onScoreSelect={selectScore} /> : null\n        }\n        spanView={selection.spanView}\n        onSpanViewChange={setSpanView}\n        spanActiveTab={selection.spanTab ?? 'details'}\n        onSpanTabChange={setSpanTab}\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"],"mappings":"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"}
+{"version":3,"file":"traces-explorer-panel.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-panel.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { 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 { 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, TraceScoresList } 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 the \"Add to dataset\" button next to \"Score trace\". 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, feedbackOptions } = 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  // Only agent traces carry the Messages column, so other traces open the drawer one size\n  // smaller, with or without a span open. The listed row knows the entity on click; the root\n  // span covers deep-linked traces outside the list.\n  const listedRow = rows.find(row => row.traceId === traceId);\n  const entityType = listedRow?.entityType ?? anchorSpan?.entityType;\n  const isAgent = entityType === EntityType.AGENT;\n  const panelSize = spanId ? (isAgent ? 'full' : 'wide') : isAgent ? 'wide' : 'half';\n\n  return (\n    <>\n      <TraceSpanPanel\n        title=\"Trace details\"\n        size={panelSize}\n        traceId={traceId}\n        spans={spans}\n        anchorSpanId={anchorSpanId}\n        entityType={entityType}\n        usage={usage}\n        rootStreamingTimings={listedRow}\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        feedbackOptions={feedbackOptions}\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={\n          withFeedback\n            ? ({ traceId: tid }) => <TraceFeedbackTab key={tid} traceId={tid} feedbackOptions={feedbackOptions} />\n            : undefined\n        }\n        scoresTabBadge={spanScoresData?.pagination?.total ?? undefined}\n        scoresTabSlot={({ traceId: tid, rootSpanId }) =>\n          rootSpanId ? <TraceScoresList traceId={tid} spanId={rootSpanId} onScoreSelect={selectScore} /> : null\n        }\n        spanView={selection.spanView}\n        onSpanViewChange={setSpanView}\n        spanActiveTab={selection.spanTab ?? 'details'}\n        onSpanTabChange={setSpanTab}\n        spanFeedbackTabBadge={withFeedback ? (spanFeedbackData?.pagination?.total ?? undefined) : undefined}\n        spanFeedbackTabSlot={\n          withFeedback\n            ? ({ traceId: tid, spanId: sid }) =>\n                tid && sid ? (\n                  <SpanFeedbackTab key={`${tid}:${sid}`} traceId={tid} spanId={sid} feedbackOptions={feedbackOptions} />\n                ) : 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"],"mappings":";;;;;;;;;;;;;;AA4BA,SAAgB,oBAAoB,EAClC,aACA,2BACA,mBACA,WACA,wBAAwB,QACG;CAC3B,MAAM,EAAE,gBAAgB,cAAc,oBAAoB,gBAAgB;CAC1E,MAAM,EAAE,MAAM,aAAa,WAAW,kBAAkB,cAAc;CACtE,MAAM,EAAE,WAAW,aAAa,YAAY,YAAY,YAAY,aAAa,aAAa,mBAC5F,mBAAmB;CACrB,MAAM,EAAE,iBAAiB,qBAAqB;CAC9C,MAAM,UAAU,UAAU;CAC1B,MAAM,SAAS,UAAU;CAEzB,MAAM,CAAC,qBAAqB,0BAA0B,SAAqC,IAAI;CAE/F,MAAM,CAAC,mBAAmB,wBAAwB,SAAwB,IAAI;CAG9E,MAAM,EAAE,MAAM,sBAAsB,iBAAiB;EACnD;EACA,cAAc,EAAE,SAAS,gBAAgB,CAAC,CAAC,QAAQ;CACrD,CAAC;CACD,MAAM,EAAE,MAAM,qBAAqB,gBAAgB;EACjD;EACA;EACA,cAAc,EAAE,SAAS,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO;CACjE,CAAC;CAED,MAAM,EACJ,OACA,cACA,WAAW,mBACT,sBAAsB;EAAE,SAAS,WAAW;EAAM,UAAU;EAAU,cAAc;CAAK,CAAC;CAC9F,MAAM,aAAa,eACf,OAAO,MAAK,MAAK,EAAE,WAAW,YAAY,IAC1C,OAAO,MAAK,MAAK,EAAE,gBAAgB,IAAI;CAE3C,MAAM,EAAE,MAAM,mBAAmB,mBAAmB;EAClD;EACA,QAAQ,YAAY;EACpB,cAAc,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC,YAAY,OAAO;CAC7D,CAAC;CACD,MAAM,gBAAgB,UAAU,UAC5B,gBAAgB,QAAQ,MAAK,UAAS,MAAM,OAAO,UAAU,OAAO,IACpE,KAAA;CAIJ,MAAM,SAAS,KAAK,KAAI,QAAO,IAAI,OAAO;CAC1C,MAAM,WAAW,CAAC,CAAC,WAAW,OAAO,SAAS,OAAO;CACrD,MAAM,EAAE,MAAM,mBAAmB,cAAc;EAC7C,UAAU,WAAW,SAAS,UAAU,CAAC,OAAO,IAAI,CAAC;EACrD,SAAS,gBAAgB,CAAC;EAC1B;CACF,CAAC;CACD,MAAM,QAAQ,UAAU,gBAAgB,IAAI,OAAO,IAAI,KAAA;CAEvD,MAAM,EAAE,qBAAqB,oBAAoB,uBAAuB,MAAM,SAAS,MAAM,WAAW;CAExG,MAAM,mBAAmB,CAAC,CAAC,WAAW,sBAAsB;CAC5D,MAAM,QAAQ,mBAAmB,IAAI;CAKrC,MAAM,YAAY,KAAK,MAAK,QAAO,IAAI,YAAY,OAAO;CAC1D,MAAM,aAAa,WAAW,cAAc,YAAY;CACxD,MAAM,UAAU,eAAe,WAAW;CAG1C,OACE,qBAAAA,YAAA,EAAA,UAAA;EACE,oBAAC,gBAAD;GACE,OAAM;GACN,MANY,SAAU,UAAU,SAAS,SAAU,UAAU,SAAS;GAO7D;GACF;GACO;GACF;GACL;GACP,sBAAsB;GACN;GAChB,gBAAgB,UAAU;GAC1B,eAAe;IACb,qBAAqB,IAAI;IACzB,WAAW;GACb;GACkB;GACF;GACF;GACG;GACJ;GACb,yBAAwB,SAAQ,qBAAqB,OAAQ,WAAW,OAAQ,IAAI;GACpF,eAAc,OAAM,WAAW,MAAM,IAAI;GACzC,qBAAqB,wBAAwB,yBAAyB,KAAA;GACtE,eAAe;GACf,YAAY;GACZ,QAAQ;GACR,mBAAA;GACA,iBAAiB,UAAU;GAC3B,kBAAkB;GAClB,kBAAkB,eAAgB,mBAAmB,YAAY,SAAS,KAAA,IAAa,KAAA;GACvF,iBACE,gBACK,EAAE,SAAS,UAAU,oBAAC,kBAAD;IAA4B,SAAS;IAAsB;GAAkB,GAAtD,GAAsD,IACnG,KAAA;GAEN,gBAAgB,gBAAgB,YAAY,SAAS,KAAA;GACrD,gBAAgB,EAAE,SAAS,KAAK,iBAC9B,aAAa,oBAAC,iBAAD;IAAiB,SAAS;IAAK,QAAQ;IAAY,eAAe;GAAc,CAAA,IAAI;GAEnG,UAAU,UAAU;GACpB,kBAAkB;GAClB,eAAe,UAAU,WAAW;GACpC,iBAAiB;GACjB,sBAAsB,eAAgB,kBAAkB,YAAY,SAAS,KAAA,IAAa,KAAA;GAC1F,qBACE,gBACK,EAAE,SAAS,KAAK,QAAQ,UACvB,OAAO,MACL,oBAAC,iBAAD;IAAuC,SAAS;IAAK,QAAQ;IAAsB;GAAkB,GAA/E,GAAG,IAAI,GAAG,KAAqE,IACnG,OACN,KAAA;GAEN,mBAAmB,WAAW,oBAAoB,kBAAkB;IAAE;IAAS;GAAM,CAAC,IAAI,KAAA;GAC1F,WAAW,WAAW,YAAY,UAAU,OAAO,IAAI,KAAA;EACxD,CAAA;EACD,oBAAC,gBAAD;GAAuB;GAAO,OAAO;GAAe,eAAe,YAAY,IAAI;EAAI,CAAA;EACtF,yBACC,oBAAC,mBAAD;GACE,YAAY,qBAAqB;GACjC,SAAS,qBAAqB;GAC9B,QAAQ,CAAC,CAAC;GACV,eAAe,uBAAuB,IAAI;GACf;EAC5B,CAAA;CAEH,EAAA,CAAA;AAEN"}

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

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_trace_filters = require("../../../../trace-filters-a0N9bf52.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("./traces-explorer-actions.cjs.js");
-const require_domains_observability_lib_zoom_memory = require("../../../observability/lib/zoom-memory.cjs.js");
-const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_columns_provider = require("./traces-explorer-columns-provider.cjs.js");
+const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_list_provider = require("./traces-explorer-list-provider.cjs.js");
+const require_domains_observability_lib_zoom_memory = require("../../../observability/lib/zoom-memory.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_core_observability = require("@mastra/core/observability");
@@ -19,7 +19,7 @@ var HIDDEN_SCOPED_FIELD_IDS = [
 var NO_FIELD_IDS = /* @__PURE__ */ new Set();
 var NO_HIDDEN_FIELD_IDS = [];
 var listIdForScope = (scope) => scope?.entityType === _mastra_core_observability.EntityType.AGENT ? "agent-traces" : scope?.entityType === _mastra_core_observability.EntityType.WORKFLOW_RUN ? "workflows-traces" : "all-traces";
-function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, onSortChange: onHostSortChange, scope, metricsSupport, features, initialFilters = require_domains_traces_components_traces_explorer_traces_explorer_actions.DEFAULT_TRACES_FILTERS, children }) {
+function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, onSortChange: onHostSortChange, scope, metricsSupport, features, feedbackOptions, initialFilters = require_domains_traces_components_traces_explorer_traces_explorer_actions.DEFAULT_TRACES_FILTERS, children }) {
 	const traceQuery = (0, _mastra_react_hooks_capabilities.useTraceQueryAvailable)();
 	const withQueryTrace = traceQuery.enabled && features?.traceQuery !== false;
 	const withFeedback = (0, _mastra_react_hooks_capabilities.useFeedbackAvailable)().enabled && features?.feedback !== false;
@@ -144,12 +144,20 @@ function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, on
 		discoveryNow
 	]);
 	const listId = listIdForScope(scope);
+	const hasFeedbackOptions = feedbackOptions !== void 0;
+	const { contextMode, feedbackUserId, allowDelete, allowReview } = feedbackOptions ?? {};
 	const configValue = (0, react.useMemo)(() => ({
 		listId,
 		scopedFieldIds,
 		hiddenFieldIds,
 		withQueryTrace,
 		withFeedback,
+		feedbackOptions: hasFeedbackOptions ? {
+			contextMode,
+			feedbackUserId,
+			allowDelete,
+			allowReview
+		} : void 0,
 		withSpanQuery,
 		withThreadQuery,
 		withRootDuration,
@@ -169,6 +177,11 @@ function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, on
 		hiddenFieldIds,
 		withQueryTrace,
 		withFeedback,
+		hasFeedbackOptions,
+		contextMode,
+		feedbackUserId,
+		allowDelete,
+		allowReview,
 		withSpanQuery,
 		withThreadQuery,
 		withRootDuration,

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

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-root.cjs.js","names":["EntityType","DEFAULT_TRACES_FILTERS","useTraceQueryAvailable","useFeedbackAvailable","useSpanQueryAvailable","useThreadQueryAvailable","useTraceQueryRootDurationAvailable","useTraceQueryDeltaPollingAvailable","useTraceQueryDiscoveryAvailable","useObservabilityCapabilities","useMemo","sanitizeTracesFilters","resolveTracesDateWindow","useRef","isSelectionEmpty","clearSelection","selectTrace","selectSpan","setSpanTab","setSpanView","selectScore","highlightSpans","applyFilterTokens","applyDatePreset","applyDate","applyDateRange","rememberZoom","rangeBeforeZoom","useState","resolveTraceQueryTimeRange","selectsRunningStatus","TracesConfigContext","TracesFiltersContext","TracesSelectionContext","TracesColumnsProvider","TracesListProvider"],"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  selectsRunningStatus,\n  selectScore,\n  selectSpan,\n  selectTrace,\n  setSpanTab,\n  setSpanView,\n} from './traces-explorer-actions';\nimport type { TracesExplorerState, TracesFilters, TracesSelection, TracesSort } 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  useObservabilityCapabilities,\n  useSpanQueryAvailable,\n  useThreadQueryAvailable,\n  useTraceQueryAvailable,\n  useTraceQueryDeltaPollingAvailable,\n  useTraceQueryDiscoveryAvailable,\n  useTraceQueryRootDurationAvailable,\n} from '@/domains/capabilities';\nimport { rangeBeforeZoom, rememberZoom } from '@/domains/observability/lib/zoom-memory';\nimport type { ZoomMemory } from '@/domains/observability/lib/zoom-memory';\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  sort: TracesSort;\n  onSortChange: (next: TracesSort) => 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' | 'onSortChange'> & {\n  scopedFieldIds: ReadonlySet<string>;\n};\n\nexport function TracesExplorerRoot({\n  selection,\n  filters: rawFilters,\n  onChange,\n  sort,\n  onSortChange: onHostSortChange,\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  // Opt-in: span queries need both the server capability and the host turning them on.\n  const withSpanQuery = useSpanQueryAvailable().enabled && features?.spanQuery === true;\n  // Opt-in like span queries: thread rows need the server capability and the host turning them on.\n  const withThreadQuery = useThreadQueryAvailable().enabled && features?.threadQuery === true;\n  const { enabled: withRootDuration } = useTraceQueryRootDurationAvailable();\n  const { enabled: withDeltaPolling } = useTraceQueryDeltaPollingAvailable();\n  const withDiscovery = useTraceQueryDiscoveryAvailable().enabled && withQueryTrace;\n  // `listTracesLight` rows never carry it, so it needs the trace query API as well.\n  const { data: capabilities } = useObservabilityCapabilities();\n  const withTimeToFirstChunk = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false);\n  const withTimeToFirstChunkSort =\n    withTimeToFirstChunk && (capabilities?.capabilities.traceQueryTimeToFirstChunkSort ?? false);\n  const withTimeToFirstToken = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstToken ?? false);\n  const withTimeToFirstTokenSort =\n    withTimeToFirstToken && (capabilities?.capabilities.traceQueryTimeToFirstTokenSort ?? false);\n  const withOutcomeFields = withQueryTrace && (capabilities?.capabilities.traceQueryOutcomeFields ?? false);\n\n  // Entries the server can't query are ignored, never written back: the host keeps its raw value.\n  const filters = useMemo(\n    () =>\n      sanitizeTracesFilters(rawFilters, {\n        withRootDuration,\n        withTimeToFirstChunk,\n        withTimeToFirstToken,\n        withOutcomeFields,\n      }),\n    [rawFilters, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withOutcomeFields],\n  );\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, onSortChange: onHostSortChange, scopedFieldIds };\n  const latest = useRef(current);\n  latest.current = current;\n  // Not part of the host's filters: a shared or reloaded link has no zoom to undo.\n  const zoomMemory = useRef<ZoomMemory | undefined>(undefined);\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    // A range picked by hand drops the zoom memory, even one that matches the zoomed bounds.\n    const pickRange = (next: TracesFilters) => {\n      zoomMemory.current = undefined;\n      updateFilters(next);\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 => pickRange(applyDatePreset(latest.current.filters, preset)),\n      setDate: (value, end) => pickRange(applyDate(latest.current.filters, value, end)),\n      setDateRange: (from, to) => pickRange(applyDateRange(latest.current.filters, from, to)),\n      zoomDateRange: (from, to) => {\n        const base = latest.current.filters;\n        zoomMemory.current = rememberZoom(zoomMemory.current, base, from, to);\n        updateFilters({ ...base, datePreset: 'custom', dateFrom: from, dateTo: to });\n      },\n      resetDateRange: defaultPreset => {\n        const base = latest.current.filters;\n        const before = rangeBeforeZoom(zoomMemory.current, base);\n        zoomMemory.current = undefined;\n        updateFilters({ tokens: base.tokens, groups: base.groups, ...(before ?? { datePreset: defaultPreset }) });\n      },\n    };\n    const onSortChange = (next: TracesSort) => latest.current.onSortChange(next);\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      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withOutcomeFields,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withTimeToFirstToken,\n      withTimeToFirstTokenSort,\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      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withOutcomeFields,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withTimeToFirstToken,\n      withTimeToFirstTokenSort,\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 runningSelected = useMemo(() => selectsRunningStatus(rawFilters), [rawFilters]);\n  const filtersValue = useMemo<TracesFiltersContextValue>(\n    () => ({\n      ...filtersActions,\n      filters,\n      dateFrom,\n      dateTo,\n      filtersApplied,\n      contentFiltersApplied,\n      runningSelected,\n    }),\n    [filtersActions, filters, dateFrom, dateTo, filtersApplied, contentFiltersApplied, runningSelected],\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          <TracesColumnsProvider>\n            <TracesListProvider sort={sort} onSortChange={onSortChange}>\n              {children}\n            </TracesListProvider>\n          </TracesColumnsProvider>\n        </TracesSelectionContext.Provider>\n      </TracesFiltersContext.Provider>\n    </TracesConfigContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAmEA,IAAM,mCAAwC,IAAI,IAAI,CAAC,kBAAkB,UAAU,CAAC;AACpF,IAAM,0BAA6C;CAAC;CAAkB;CAAY;AAAY;AAC9F,IAAM,+BAAoC,IAAI,IAAI;AAClD,IAAM,sBAAyC,CAAC;AAEhD,IAAM,kBAAkB,UACtB,OAAO,eAAeA,2BAAAA,WAAW,QAC7B,iBACA,OAAO,eAAeA,2BAAAA,WAAW,eAC/B,qBACA;AAMR,SAAgB,mBAAmB,EACjC,WACA,SAAS,YACT,UACA,MACA,cAAc,kBACd,OACA,gBACA,UACA,iBAAiBC,0EAAAA,wBACjB,YAC0B;CAE1B,MAAM,cAAA,GAAaC,iCAAAA,uBAAAA,CAAuB;CAC1C,MAAM,iBAAiB,WAAW,WAAW,UAAU,eAAe;CACtE,MAAM,gBAAA,GAAeC,iCAAAA,qBAAAA,CAAqB,CAAC,CAAC,WAAW,UAAU,aAAa;CAE9E,MAAM,iBAAA,GAAgBC,iCAAAA,sBAAAA,CAAsB,CAAC,CAAC,WAAW,UAAU,cAAc;CAEjF,MAAM,mBAAA,GAAkBC,iCAAAA,wBAAAA,CAAwB,CAAC,CAAC,WAAW,UAAU,gBAAgB;CACvF,MAAM,EAAE,SAAS,sBAAA,GAAqBC,iCAAAA,mCAAAA,CAAmC;CACzE,MAAM,EAAE,SAAS,sBAAA,GAAqBC,iCAAAA,mCAAAA,CAAmC;CACzE,MAAM,iBAAA,GAAgBC,iCAAAA,gCAAAA,CAAgC,CAAC,CAAC,WAAW;CAEnE,MAAM,EAAE,MAAM,kBAAA,GAAiBC,iCAAAA,6BAAAA,CAA6B;CAC5D,MAAM,uBAAuB,mBAAmB,cAAc,aAAa,8BAA8B;CACzG,MAAM,2BACJ,yBAAyB,cAAc,aAAa,kCAAkC;CACxF,MAAM,uBAAuB,mBAAmB,cAAc,aAAa,8BAA8B;CACzG,MAAM,2BACJ,yBAAyB,cAAc,aAAa,kCAAkC;CACxF,MAAM,oBAAoB,mBAAmB,cAAc,aAAa,2BAA2B;CAGnG,MAAM,WAAA,GAAUC,MAAAA,QAAAA,OAEZC,0EAAAA,sBAAsB,YAAY;EAChC;EACA;EACA;EACA;CACF,CAAC,GACH;EAAC;EAAY;EAAkB;EAAsB;EAAsB;CAAiB,CAC9F;CAEA,MAAM,WAAW,CAAC,CAAC;CACnB,MAAM,iBAAiB,WAAW,mBAAmB;CACrD,MAAM,iBAAiB,WAAW,0BAA0B;CAG5D,MAAM,SAAS,WAAW,UAAU,QAAQ;CAC5C,MAAM,OAAO,WAAW,QAAQ,QAAQ;CACxC,MAAM,EAAE,UAAU,YAAA,GAAWD,MAAAA,QAAAA,OAEzBE,0EAAAA,wBACE,WAAW,YACX,WAAW,KAAA,IAAY,KAAA,IAAY,IAAI,KAAK,MAAM,GAClD,SAAS,KAAA,IAAY,KAAA,IAAY,IAAI,KAAK,IAAI,CAChD,GACF;EAAC,WAAW;EAAY;EAAQ;CAAI,CACtC;CAKA,MAAM,UAAkB;EAAE;EAAW,SAAS;EAAY;EAAU,cAAc;EAAkB;CAAe;CACnH,MAAM,UAAA,GAASC,MAAAA,OAAAA,CAAO,OAAO;CAC7B,OAAO,UAAU;CAEjB,MAAM,cAAA,GAAaA,MAAAA,OAAAA,CAA+B,KAAA,CAAS;CA8D3D,MAAM,EAAE,kBAAkB,gBAAgB,kBAAA,GA5D1BH,MAAAA,QAAAA,OAAc;EAC5B,MAAM,QAAQ,SAA8B;GAC1C,OAAO,QAAQ,YAAY,KAAK;GAChC,OAAO,QAAQ,UAAU,KAAK;GAC9B,OAAO,QAAQ,SAAS,IAAI;EAC9B;EACA,MAAM,mBAAmB,SAA0B;GACjD,IAAI,SAAS,OAAO,QAAQ,WAAW;GACvC,KAAK;IAAE,WAAW;IAAM,SAAS,OAAO,QAAQ;GAAQ,CAAC;EAC3D;EAEA,MAAM,iBAAiB,SAAwB;GAC7C,MAAM,EAAE,WAAW,kBAAkB,SAAS,mBAAmB,OAAO;GACxE,IAAI,SAAS,gBAAgB;GAC7B,KAAK;IACH,SAAS;IACT,WAAWI,0EAAAA,iBAAiB,gBAAgB,IAAI,mBAAmBC,0EAAAA,eAAe,gBAAgB;GACpG,CAAC;EACH;EAEA,MAAM,mBAA2C;GAC/C,cAAa,YAAW,gBAAgBC,0EAAAA,YAAY,OAAO,QAAQ,WAAW,OAAO,CAAC;GACtF,kBAAkB,gBAAgBA,0EAAAA,YAAY,OAAO,QAAQ,WAAW,IAAI,CAAC;GAC7E,aAAY,WAAU,gBAAgBC,0EAAAA,WAAW,OAAO,QAAQ,WAAW,MAAM,CAAC;GAClF,aAAY,QAAO,gBAAgBC,0EAAAA,WAAW,OAAO,QAAQ,WAAW,GAAG,CAAC;GAC5E,cAAa,SAAQ,gBAAgBC,0EAAAA,YAAY,OAAO,QAAQ,WAAW,IAAI,CAAC;GAChF,cAAa,YAAW,gBAAgBC,0EAAAA,YAAY,OAAO,QAAQ,WAAW,OAAO,CAAC;GACtF,iBAAgB,YAAW,gBAAgBC,0EAAAA,eAAe,OAAO,QAAQ,WAAW,OAAO,CAAC;EAC9F;EAEA,MAAM,aAAa,SAAwB;GACzC,WAAW,UAAU,KAAA;GACrB,cAAc,IAAI;EACpB;EACA,MAAM,iBAAuC;GAG3C,kBAAkB,QAAQ,WAAW;IACnC,MAAM,EAAE,SAAS,MAAM,gBAAgB,WAAW,OAAO;IACzD,MAAM,cAAc,KAAK,OAAO,QAAO,UAAS,OAAO,IAAI,MAAM,OAAO,CAAC;IACzE,cAAcC,0EAAAA,kBAAkB,MAAM,CAAC,GAAG,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;GAC5E;GACA,gBAAe,WAAU,UAAUC,0EAAAA,gBAAgB,OAAO,QAAQ,SAAS,MAAM,CAAC;GAClF,UAAU,OAAO,QAAQ,UAAUC,0EAAAA,UAAU,OAAO,QAAQ,SAAS,OAAO,GAAG,CAAC;GAChF,eAAe,MAAM,OAAO,UAAUC,0EAAAA,eAAe,OAAO,QAAQ,SAAS,MAAM,EAAE,CAAC;GACtF,gBAAgB,MAAM,OAAO;IAC3B,MAAM,OAAO,OAAO,QAAQ;IAC5B,WAAW,UAAUC,8CAAAA,aAAa,WAAW,SAAS,MAAM,MAAM,EAAE;IACpE,cAAc;KAAE,GAAG;KAAM,YAAY;KAAU,UAAU;KAAM,QAAQ;IAAG,CAAC;GAC7E;GACA,iBAAgB,kBAAiB;IAC/B,MAAM,OAAO,OAAO,QAAQ;IAC5B,MAAM,SAASC,8CAAAA,gBAAgB,WAAW,SAAS,IAAI;IACvD,WAAW,UAAU,KAAA;IACrB,cAAc;KAAE,QAAQ,KAAK;KAAQ,QAAQ,KAAK;KAAQ,GAAI,UAAU,EAAE,YAAY,cAAc;IAAG,CAAC;GAC1G;EACF;EACA,MAAM,gBAAgB,SAAqB,OAAO,QAAQ,aAAa,IAAI;EAC3E,OAAO;GAAE;GAAkB;GAAgB;EAAa;CAC1D,GAAG,CAAC,CACuD;CAI3D,MAAM,CAAC,iBAAA,GAAgBC,MAAAA,SAAAA,uBAAe,IAAI,KAAK,CAAC;CAChD,MAAM,sBAAA,GAAqBlB,MAAAA,QAAAA,OACnBmB,sBAAAA,2BAA2B,UAAU,QAAQ,YAAY,GAC/D;EAAC;EAAU;EAAQ;CAAY,CACjC;CAEA,MAAM,SAAS,eAAe,KAAK;CACnC,MAAM,eAAA,GAAcnB,MAAAA,QAAAA,QACX;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uBAAuB,WAAW;EAClC;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;EACX;EACA;CACF,CACF;CAEA,MAAM,wBAAwB,QAAQ,OAAO,SAAS,KAAK,QAAQ,OAAO,SAAS;CACnF,MAAM,iBAAiB,yBAAyB,QAAQ,eAAe,eAAe,cAAc,CAAC,CAAC;CACtG,MAAM,mBAAA,GAAkBA,MAAAA,QAAAA,OAAcoB,0EAAAA,qBAAqB,UAAU,GAAG,CAAC,UAAU,CAAC;CACpF,MAAM,gBAAA,GAAepB,MAAAA,QAAAA,QACZ;EACL,GAAG;EACH;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EAAC;EAAgB;EAAS;EAAU;EAAQ;EAAgB;EAAuB;CAAe,CACpG;CAIA,MAAM,iBAA8C;EAClD,GAAG;EACH;EACA,iBAAiB,UAAU;CAC7B;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACqB,0EAAAA,oBAAoB,UAArB;EAA8B,OAAO;EACnC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,0EAAAA,qBAAqB,UAAtB;GAA+B,OAAO;GACpC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,0EAAAA,uBAAuB,UAAxB;IAAiC,OAAO;IACtC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,mFAAAA,uBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gFAAAA,oBAAD;KAA0B;KAAoB;KAC3C;IACiB,CAAA,EACC,CAAA;GACQ,CAAA;EACJ,CAAA;CACH,CAAA;AAElC"}
+{"version":3,"file":"traces-explorer-root.cjs.js","names":["EntityType","DEFAULT_TRACES_FILTERS","useTraceQueryAvailable","useFeedbackAvailable","useSpanQueryAvailable","useThreadQueryAvailable","useTraceQueryRootDurationAvailable","useTraceQueryDeltaPollingAvailable","useTraceQueryDiscoveryAvailable","useObservabilityCapabilities","useMemo","sanitizeTracesFilters","resolveTracesDateWindow","useRef","isSelectionEmpty","clearSelection","selectTrace","selectSpan","setSpanTab","setSpanView","selectScore","highlightSpans","applyFilterTokens","applyDatePreset","applyDate","applyDateRange","rememberZoom","rangeBeforeZoom","useState","resolveTraceQueryTimeRange","selectsRunningStatus","TracesConfigContext","TracesFiltersContext","TracesSelectionContext","TracesColumnsProvider","TracesListProvider"],"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 type { FeedbackOptions } from '../feedback-options';\nimport {\n  applyDate,\n  applyDatePreset,\n  applyDateRange,\n  applyFilterTokens,\n  clearSelection,\n  DEFAULT_TRACES_FILTERS,\n  highlightSpans,\n  isSelectionEmpty,\n  resolveTracesDateWindow,\n  sanitizeTracesFilters,\n  selectsRunningStatus,\n  selectScore,\n  selectSpan,\n  selectTrace,\n  setSpanTab,\n  setSpanView,\n} from './traces-explorer-actions';\nimport type { TracesExplorerState, TracesFilters, TracesSelection, TracesSort } 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  useObservabilityCapabilities,\n  useSpanQueryAvailable,\n  useThreadQueryAvailable,\n  useTraceQueryAvailable,\n  useTraceQueryDeltaPollingAvailable,\n  useTraceQueryDiscoveryAvailable,\n  useTraceQueryRootDurationAvailable,\n} from '@/domains/capabilities';\nimport { rangeBeforeZoom, rememberZoom } from '@/domains/observability/lib/zoom-memory';\nimport type { ZoomMemory } from '@/domains/observability/lib/zoom-memory';\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  sort: TracesSort;\n  onSortChange: (next: TracesSort) => 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  /** Write context and action support for feedback in trace, span and thread panels. */\n  feedbackOptions?: FeedbackOptions;\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' | 'onSortChange'> & {\n  scopedFieldIds: ReadonlySet<string>;\n};\n\nexport function TracesExplorerRoot({\n  selection,\n  filters: rawFilters,\n  onChange,\n  sort,\n  onSortChange: onHostSortChange,\n  scope,\n  metricsSupport,\n  features,\n  feedbackOptions,\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  // Opt-in: span queries need both the server capability and the host turning them on.\n  const withSpanQuery = useSpanQueryAvailable().enabled && features?.spanQuery === true;\n  // Opt-in like span queries: thread rows need the server capability and the host turning them on.\n  const withThreadQuery = useThreadQueryAvailable().enabled && features?.threadQuery === true;\n  const { enabled: withRootDuration } = useTraceQueryRootDurationAvailable();\n  const { enabled: withDeltaPolling } = useTraceQueryDeltaPollingAvailable();\n  const withDiscovery = useTraceQueryDiscoveryAvailable().enabled && withQueryTrace;\n  // `listTracesLight` rows never carry it, so it needs the trace query API as well.\n  const { data: capabilities } = useObservabilityCapabilities();\n  const withTimeToFirstChunk = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false);\n  const withTimeToFirstChunkSort =\n    withTimeToFirstChunk && (capabilities?.capabilities.traceQueryTimeToFirstChunkSort ?? false);\n  const withTimeToFirstToken = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstToken ?? false);\n  const withTimeToFirstTokenSort =\n    withTimeToFirstToken && (capabilities?.capabilities.traceQueryTimeToFirstTokenSort ?? false);\n  const withOutcomeFields = withQueryTrace && (capabilities?.capabilities.traceQueryOutcomeFields ?? false);\n\n  // Entries the server can't query are ignored, never written back: the host keeps its raw value.\n  const filters = useMemo(\n    () =>\n      sanitizeTracesFilters(rawFilters, {\n        withRootDuration,\n        withTimeToFirstChunk,\n        withTimeToFirstToken,\n        withOutcomeFields,\n      }),\n    [rawFilters, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withOutcomeFields],\n  );\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, onSortChange: onHostSortChange, scopedFieldIds };\n  const latest = useRef(current);\n  latest.current = current;\n  // Not part of the host's filters: a shared or reloaded link has no zoom to undo.\n  const zoomMemory = useRef<ZoomMemory | undefined>(undefined);\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    // A range picked by hand drops the zoom memory, even one that matches the zoomed bounds.\n    const pickRange = (next: TracesFilters) => {\n      zoomMemory.current = undefined;\n      updateFilters(next);\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 => pickRange(applyDatePreset(latest.current.filters, preset)),\n      setDate: (value, end) => pickRange(applyDate(latest.current.filters, value, end)),\n      setDateRange: (from, to) => pickRange(applyDateRange(latest.current.filters, from, to)),\n      zoomDateRange: (from, to) => {\n        const base = latest.current.filters;\n        zoomMemory.current = rememberZoom(zoomMemory.current, base, from, to);\n        updateFilters({ ...base, datePreset: 'custom', dateFrom: from, dateTo: to });\n      },\n      resetDateRange: defaultPreset => {\n        const base = latest.current.filters;\n        const before = rangeBeforeZoom(zoomMemory.current, base);\n        zoomMemory.current = undefined;\n        updateFilters({ tokens: base.tokens, groups: base.groups, ...(before ?? { datePreset: defaultPreset }) });\n      },\n    };\n    const onSortChange = (next: TracesSort) => latest.current.onSortChange(next);\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 hasFeedbackOptions = feedbackOptions !== undefined;\n  const { contextMode, feedbackUserId, allowDelete, allowReview } = feedbackOptions ?? {};\n  const configValue = useMemo<TracesConfigContextValue>(\n    () => ({\n      listId,\n      scopedFieldIds,\n      hiddenFieldIds,\n      withQueryTrace,\n      withFeedback,\n      feedbackOptions: hasFeedbackOptions ? { contextMode, feedbackUserId, allowDelete, allowReview } : undefined,\n      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withOutcomeFields,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withTimeToFirstToken,\n      withTimeToFirstTokenSort,\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      hasFeedbackOptions,\n      contextMode,\n      feedbackUserId,\n      allowDelete,\n      allowReview,\n      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withOutcomeFields,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withTimeToFirstToken,\n      withTimeToFirstTokenSort,\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 runningSelected = useMemo(() => selectsRunningStatus(rawFilters), [rawFilters]);\n  const filtersValue = useMemo<TracesFiltersContextValue>(\n    () => ({\n      ...filtersActions,\n      filters,\n      dateFrom,\n      dateTo,\n      filtersApplied,\n      contentFiltersApplied,\n      runningSelected,\n    }),\n    [filtersActions, filters, dateFrom, dateTo, filtersApplied, contentFiltersApplied, runningSelected],\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          <TracesColumnsProvider>\n            <TracesListProvider sort={sort} onSortChange={onSortChange}>\n              {children}\n            </TracesListProvider>\n          </TracesColumnsProvider>\n        </TracesSelectionContext.Provider>\n      </TracesFiltersContext.Provider>\n    </TracesConfigContext.Provider>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
-import { useFeedbackAvailable, useObservabilityCapabilities, useSpanQueryAvailable, useThreadQueryAvailable, useTraceQueryAvailable, useTraceQueryDeltaPollingAvailable, useTraceQueryDiscoveryAvailable, useTraceQueryRootDurationAvailable } from "../../../capabilities.es.js";
 import { ft as resolveTraceQueryTimeRange } from "../../../../trace-filters-CaWkw779.js";
 import { DEFAULT_TRACES_FILTERS, applyDate, applyDatePreset, applyDateRange, applyFilterTokens, clearSelection, highlightSpans, isSelectionEmpty, resolveTracesDateWindow, sanitizeTracesFilters, selectScore, selectSpan, selectTrace, selectsRunningStatus, setSpanTab, setSpanView } from "./traces-explorer-actions.es.js";
-import { rangeBeforeZoom, rememberZoom } from "../../../observability/lib/zoom-memory.es.js";
-import { TracesConfigContext, TracesFiltersContext, TracesSelectionContext } from "./traces-explorer-context.es.js";
 import { TracesColumnsProvider } from "./traces-explorer-columns-provider.es.js";
+import { TracesConfigContext, TracesFiltersContext, TracesSelectionContext } from "./traces-explorer-context.es.js";
 import { TracesListProvider } from "./traces-explorer-list-provider.es.js";
+import { useFeedbackAvailable, useObservabilityCapabilities, useSpanQueryAvailable, useThreadQueryAvailable, useTraceQueryAvailable, useTraceQueryDeltaPollingAvailable, useTraceQueryDiscoveryAvailable, useTraceQueryRootDurationAvailable } from "../../../capabilities.es.js";
+import { rangeBeforeZoom, rememberZoom } from "../../../observability/lib/zoom-memory.es.js";
 import { useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { EntityType } from "@mastra/core/observability";
@@ -18,7 +18,7 @@ var HIDDEN_SCOPED_FIELD_IDS = [
 var NO_FIELD_IDS = /* @__PURE__ */ new Set();
 var NO_HIDDEN_FIELD_IDS = [];
 var listIdForScope = (scope) => scope?.entityType === EntityType.AGENT ? "agent-traces" : scope?.entityType === EntityType.WORKFLOW_RUN ? "workflows-traces" : "all-traces";
-function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, onSortChange: onHostSortChange, scope, metricsSupport, features, initialFilters = DEFAULT_TRACES_FILTERS, children }) {
+function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, onSortChange: onHostSortChange, scope, metricsSupport, features, feedbackOptions, initialFilters = DEFAULT_TRACES_FILTERS, children }) {
 	const traceQuery = useTraceQueryAvailable();
 	const withQueryTrace = traceQuery.enabled && features?.traceQuery !== false;
 	const withFeedback = useFeedbackAvailable().enabled && features?.feedback !== false;
@@ -143,12 +143,20 @@ function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, on
 		discoveryNow
 	]);
 	const listId = listIdForScope(scope);
+	const hasFeedbackOptions = feedbackOptions !== void 0;
+	const { contextMode, feedbackUserId, allowDelete, allowReview } = feedbackOptions ?? {};
 	const configValue = useMemo(() => ({
 		listId,
 		scopedFieldIds,
 		hiddenFieldIds,
 		withQueryTrace,
 		withFeedback,
+		feedbackOptions: hasFeedbackOptions ? {
+			contextMode,
+			feedbackUserId,
+			allowDelete,
+			allowReview
+		} : void 0,
 		withSpanQuery,
 		withThreadQuery,
 		withRootDuration,
@@ -168,6 +176,11 @@ function TracesExplorerRoot({ selection, filters: rawFilters, onChange, sort, on
 		hiddenFieldIds,
 		withQueryTrace,
 		withFeedback,
+		hasFeedbackOptions,
+		contextMode,
+		feedbackUserId,
+		allowDelete,
+		allowReview,
 		withSpanQuery,
 		withThreadQuery,
 		withRootDuration,

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

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-root.es.js","names":[],"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  selectsRunningStatus,\n  selectScore,\n  selectSpan,\n  selectTrace,\n  setSpanTab,\n  setSpanView,\n} from './traces-explorer-actions';\nimport type { TracesExplorerState, TracesFilters, TracesSelection, TracesSort } 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  useObservabilityCapabilities,\n  useSpanQueryAvailable,\n  useThreadQueryAvailable,\n  useTraceQueryAvailable,\n  useTraceQueryDeltaPollingAvailable,\n  useTraceQueryDiscoveryAvailable,\n  useTraceQueryRootDurationAvailable,\n} from '@/domains/capabilities';\nimport { rangeBeforeZoom, rememberZoom } from '@/domains/observability/lib/zoom-memory';\nimport type { ZoomMemory } from '@/domains/observability/lib/zoom-memory';\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  sort: TracesSort;\n  onSortChange: (next: TracesSort) => 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' | 'onSortChange'> & {\n  scopedFieldIds: ReadonlySet<string>;\n};\n\nexport function TracesExplorerRoot({\n  selection,\n  filters: rawFilters,\n  onChange,\n  sort,\n  onSortChange: onHostSortChange,\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  // Opt-in: span queries need both the server capability and the host turning them on.\n  const withSpanQuery = useSpanQueryAvailable().enabled && features?.spanQuery === true;\n  // Opt-in like span queries: thread rows need the server capability and the host turning them on.\n  const withThreadQuery = useThreadQueryAvailable().enabled && features?.threadQuery === true;\n  const { enabled: withRootDuration } = useTraceQueryRootDurationAvailable();\n  const { enabled: withDeltaPolling } = useTraceQueryDeltaPollingAvailable();\n  const withDiscovery = useTraceQueryDiscoveryAvailable().enabled && withQueryTrace;\n  // `listTracesLight` rows never carry it, so it needs the trace query API as well.\n  const { data: capabilities } = useObservabilityCapabilities();\n  const withTimeToFirstChunk = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false);\n  const withTimeToFirstChunkSort =\n    withTimeToFirstChunk && (capabilities?.capabilities.traceQueryTimeToFirstChunkSort ?? false);\n  const withTimeToFirstToken = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstToken ?? false);\n  const withTimeToFirstTokenSort =\n    withTimeToFirstToken && (capabilities?.capabilities.traceQueryTimeToFirstTokenSort ?? false);\n  const withOutcomeFields = withQueryTrace && (capabilities?.capabilities.traceQueryOutcomeFields ?? false);\n\n  // Entries the server can't query are ignored, never written back: the host keeps its raw value.\n  const filters = useMemo(\n    () =>\n      sanitizeTracesFilters(rawFilters, {\n        withRootDuration,\n        withTimeToFirstChunk,\n        withTimeToFirstToken,\n        withOutcomeFields,\n      }),\n    [rawFilters, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withOutcomeFields],\n  );\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, onSortChange: onHostSortChange, scopedFieldIds };\n  const latest = useRef(current);\n  latest.current = current;\n  // Not part of the host's filters: a shared or reloaded link has no zoom to undo.\n  const zoomMemory = useRef<ZoomMemory | undefined>(undefined);\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    // A range picked by hand drops the zoom memory, even one that matches the zoomed bounds.\n    const pickRange = (next: TracesFilters) => {\n      zoomMemory.current = undefined;\n      updateFilters(next);\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 => pickRange(applyDatePreset(latest.current.filters, preset)),\n      setDate: (value, end) => pickRange(applyDate(latest.current.filters, value, end)),\n      setDateRange: (from, to) => pickRange(applyDateRange(latest.current.filters, from, to)),\n      zoomDateRange: (from, to) => {\n        const base = latest.current.filters;\n        zoomMemory.current = rememberZoom(zoomMemory.current, base, from, to);\n        updateFilters({ ...base, datePreset: 'custom', dateFrom: from, dateTo: to });\n      },\n      resetDateRange: defaultPreset => {\n        const base = latest.current.filters;\n        const before = rangeBeforeZoom(zoomMemory.current, base);\n        zoomMemory.current = undefined;\n        updateFilters({ tokens: base.tokens, groups: base.groups, ...(before ?? { datePreset: defaultPreset }) });\n      },\n    };\n    const onSortChange = (next: TracesSort) => latest.current.onSortChange(next);\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      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withOutcomeFields,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withTimeToFirstToken,\n      withTimeToFirstTokenSort,\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      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withOutcomeFields,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withTimeToFirstToken,\n      withTimeToFirstTokenSort,\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 runningSelected = useMemo(() => selectsRunningStatus(rawFilters), [rawFilters]);\n  const filtersValue = useMemo<TracesFiltersContextValue>(\n    () => ({\n      ...filtersActions,\n      filters,\n      dateFrom,\n      dateTo,\n      filtersApplied,\n      contentFiltersApplied,\n      runningSelected,\n    }),\n    [filtersActions, filters, dateFrom, dateTo, filtersApplied, contentFiltersApplied, runningSelected],\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          <TracesColumnsProvider>\n            <TracesListProvider sort={sort} onSortChange={onSortChange}>\n              {children}\n            </TracesListProvider>\n          </TracesColumnsProvider>\n        </TracesSelectionContext.Provider>\n      </TracesFiltersContext.Provider>\n    </TracesConfigContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"traces-explorer-root.es.js","names":[],"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 type { FeedbackOptions } from '../feedback-options';\nimport {\n  applyDate,\n  applyDatePreset,\n  applyDateRange,\n  applyFilterTokens,\n  clearSelection,\n  DEFAULT_TRACES_FILTERS,\n  highlightSpans,\n  isSelectionEmpty,\n  resolveTracesDateWindow,\n  sanitizeTracesFilters,\n  selectsRunningStatus,\n  selectScore,\n  selectSpan,\n  selectTrace,\n  setSpanTab,\n  setSpanView,\n} from './traces-explorer-actions';\nimport type { TracesExplorerState, TracesFilters, TracesSelection, TracesSort } 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  useObservabilityCapabilities,\n  useSpanQueryAvailable,\n  useThreadQueryAvailable,\n  useTraceQueryAvailable,\n  useTraceQueryDeltaPollingAvailable,\n  useTraceQueryDiscoveryAvailable,\n  useTraceQueryRootDurationAvailable,\n} from '@/domains/capabilities';\nimport { rangeBeforeZoom, rememberZoom } from '@/domains/observability/lib/zoom-memory';\nimport type { ZoomMemory } from '@/domains/observability/lib/zoom-memory';\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  sort: TracesSort;\n  onSortChange: (next: TracesSort) => 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  /** Write context and action support for feedback in trace, span and thread panels. */\n  feedbackOptions?: FeedbackOptions;\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' | 'onSortChange'> & {\n  scopedFieldIds: ReadonlySet<string>;\n};\n\nexport function TracesExplorerRoot({\n  selection,\n  filters: rawFilters,\n  onChange,\n  sort,\n  onSortChange: onHostSortChange,\n  scope,\n  metricsSupport,\n  features,\n  feedbackOptions,\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  // Opt-in: span queries need both the server capability and the host turning them on.\n  const withSpanQuery = useSpanQueryAvailable().enabled && features?.spanQuery === true;\n  // Opt-in like span queries: thread rows need the server capability and the host turning them on.\n  const withThreadQuery = useThreadQueryAvailable().enabled && features?.threadQuery === true;\n  const { enabled: withRootDuration } = useTraceQueryRootDurationAvailable();\n  const { enabled: withDeltaPolling } = useTraceQueryDeltaPollingAvailable();\n  const withDiscovery = useTraceQueryDiscoveryAvailable().enabled && withQueryTrace;\n  // `listTracesLight` rows never carry it, so it needs the trace query API as well.\n  const { data: capabilities } = useObservabilityCapabilities();\n  const withTimeToFirstChunk = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false);\n  const withTimeToFirstChunkSort =\n    withTimeToFirstChunk && (capabilities?.capabilities.traceQueryTimeToFirstChunkSort ?? false);\n  const withTimeToFirstToken = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstToken ?? false);\n  const withTimeToFirstTokenSort =\n    withTimeToFirstToken && (capabilities?.capabilities.traceQueryTimeToFirstTokenSort ?? false);\n  const withOutcomeFields = withQueryTrace && (capabilities?.capabilities.traceQueryOutcomeFields ?? false);\n\n  // Entries the server can't query are ignored, never written back: the host keeps its raw value.\n  const filters = useMemo(\n    () =>\n      sanitizeTracesFilters(rawFilters, {\n        withRootDuration,\n        withTimeToFirstChunk,\n        withTimeToFirstToken,\n        withOutcomeFields,\n      }),\n    [rawFilters, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withOutcomeFields],\n  );\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, onSortChange: onHostSortChange, scopedFieldIds };\n  const latest = useRef(current);\n  latest.current = current;\n  // Not part of the host's filters: a shared or reloaded link has no zoom to undo.\n  const zoomMemory = useRef<ZoomMemory | undefined>(undefined);\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    // A range picked by hand drops the zoom memory, even one that matches the zoomed bounds.\n    const pickRange = (next: TracesFilters) => {\n      zoomMemory.current = undefined;\n      updateFilters(next);\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 => pickRange(applyDatePreset(latest.current.filters, preset)),\n      setDate: (value, end) => pickRange(applyDate(latest.current.filters, value, end)),\n      setDateRange: (from, to) => pickRange(applyDateRange(latest.current.filters, from, to)),\n      zoomDateRange: (from, to) => {\n        const base = latest.current.filters;\n        zoomMemory.current = rememberZoom(zoomMemory.current, base, from, to);\n        updateFilters({ ...base, datePreset: 'custom', dateFrom: from, dateTo: to });\n      },\n      resetDateRange: defaultPreset => {\n        const base = latest.current.filters;\n        const before = rangeBeforeZoom(zoomMemory.current, base);\n        zoomMemory.current = undefined;\n        updateFilters({ tokens: base.tokens, groups: base.groups, ...(before ?? { datePreset: defaultPreset }) });\n      },\n    };\n    const onSortChange = (next: TracesSort) => latest.current.onSortChange(next);\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 hasFeedbackOptions = feedbackOptions !== undefined;\n  const { contextMode, feedbackUserId, allowDelete, allowReview } = feedbackOptions ?? {};\n  const configValue = useMemo<TracesConfigContextValue>(\n    () => ({\n      listId,\n      scopedFieldIds,\n      hiddenFieldIds,\n      withQueryTrace,\n      withFeedback,\n      feedbackOptions: hasFeedbackOptions ? { contextMode, feedbackUserId, allowDelete, allowReview } : undefined,\n      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withOutcomeFields,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withTimeToFirstToken,\n      withTimeToFirstTokenSort,\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      hasFeedbackOptions,\n      contextMode,\n      feedbackUserId,\n      allowDelete,\n      allowReview,\n      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withOutcomeFields,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withTimeToFirstToken,\n      withTimeToFirstTokenSort,\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 runningSelected = useMemo(() => selectsRunningStatus(rawFilters), [rawFilters]);\n  const filtersValue = useMemo<TracesFiltersContextValue>(\n    () => ({\n      ...filtersActions,\n      filters,\n      dateFrom,\n      dateTo,\n      filtersApplied,\n      contentFiltersApplied,\n      runningSelected,\n    }),\n    [filtersActions, filters, dateFrom, dateTo, filtersApplied, contentFiltersApplied, runningSelected],\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          <TracesColumnsProvider>\n            <TracesListProvider sort={sort} onSortChange={onSortChange}>\n              {children}\n            </TracesListProvider>\n          </TracesColumnsProvider>\n        </TracesSelectionContext.Provider>\n      </TracesFiltersContext.Provider>\n    </TracesConfigContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-saved-views.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_observability_saved_views = require("../../../../observability-saved-views-Daizz4tU.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
+const require_observability_saved_views = require("../../../../observability-saved-views-UM8HBJ6J.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/traces-explorer/traces-explorer-saved-views.tsx
 /**

package/dist/domains/traces/components/traces-explorer/traces-explorer-saved-views.es.js

@@ -1,5 +1,5 @@
-import { t as ObservabilitySavedViews } from "../../../../observability-saved-views-CjKTEp1V.js";
 import { useTracesColumns } from "./traces-explorer-context.es.js";
+import { t as ObservabilitySavedViews } from "../../../../observability-saved-views-lLWk1w0g.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/traces/components/traces-explorer/traces-explorer-saved-views.tsx
 /**

package/dist/domains/traces/components/traces-explorer/use-traces-filter-bar.cjs.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_trace_filters = require("../../../../trace-filters-a0N9bf52.cjs");
-const require_types = require("../../../../types-CP7wbYua.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("./traces-explorer-actions.cjs.js");
-const require_filter_bar_time_range = require("../../../../filter-bar-time-range-zdM024JD.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
 const require_domains_traces_components_traces_explorer_use_traces_discovery = require("./use-traces-discovery.cjs.js");
+const require_types = require("../../../../types-CP7wbYua.cjs");
+const require_filter_bar_time_range = require("../../../../filter-bar-time-range-CEgdThCy.cjs");
 let react = require("react");
 let _mastra_react = require("@mastra/react");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");