@mastra/playground-ui 69.0.0-alpha.0 → 69.0.0-alpha.2

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

@@ -1 +1 @@
-{"version":3,"file":"trace-span-panel.es.js","names":["_Fragment"],"sources":["../../../../src/domains/traces/components/trace-span-panel.tsx"],"sourcesContent":["import { useSpanDetail, useThreadHasOtherTraces } from '@mastra/react/hooks/traces';\nimport { MessagesSquareIcon } from 'lucide-react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { SpanDataPanelView } from '@/domains/traces/components/span-data-panel-view';\nimport { TraceDataPanel } from '@/domains/traces/components/trace-data-panel';\nimport type { TraceDataPanelView } from '@/domains/traces/components/trace-data-panel-view';\nimport { TraceMessagesPanel } from '@/domains/traces/components/trace-messages-panel';\nimport { getTraceThreadId } from '@/domains/traces/components/trace-thread-context';\nimport { TraceThreadPanel } from '@/domains/traces/components/trace-thread-panel';\nimport { Button } from '@/ds/components/Button';\nimport { useLinkComponent } from '@/lib/framework';\nimport type { LinkComponentPaths } from '@/lib/framework';\n\ntype TraceDataPanelViewProps = ComponentProps<typeof TraceDataPanelView>;\n\nfunction getEntityHref(\n  paths: LinkComponentPaths,\n  entityType: string | null | undefined,\n  entityId: string | null | undefined,\n) {\n  if (!entityId || !entityType) return undefined;\n  const normalizedEntityType = entityType.toLowerCase();\n  if (normalizedEntityType.includes('workflow')) return paths.workflowLink(entityId) || undefined;\n  if (normalizedEntityType.includes('agent')) return paths.agentLink(entityId) || undefined;\n  return undefined;\n}\ntype SpanDataPanelViewProps = ComponentProps<typeof SpanDataPanelView>;\n\nexport interface TraceSpanPanelProps {\n  /** Keep the panel mounted and pass `undefined` to close it, so the drawer animates out. */\n  traceId?: string;\n  /** Spans returned by `useTraceOrBranchSpans` — the page owns the fetch, the panel renders it. */\n  spans: TraceDataPanelViewProps['spans'];\n  isLoadingSpans: boolean;\n  /** Controlled span selection (URL state on the traces page, local state in the chat aside). */\n  selectedSpanId: string | null;\n  onSpanSelect: (spanId: string | undefined) => void;\n  onClose: () => void;\n\n  // Trace-panel pass-through.\n  anchorSpanId?: string;\n  entityType?: TraceDataPanelViewProps['entityType'];\n  initialSpanId?: string | null;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  onSaveAsDatasetItem?: TraceDataPanelViewProps['onSaveAsDatasetItem'];\n  feedbackTabBadge?: ReactNode;\n  feedbackTabSlot?: TraceDataPanelViewProps['feedbackTabSlot'];\n  /** Enables the \"Messages\" column (reconstructed turn) when the displayed root is a complete agent trace with a thread id. */\n  showPartialThread?: boolean;\n  /** Span ids featured in the timeline (non-featured spans are faded). */\n  featuredSpanIds?: string[];\n  /** Called with the span ids behind a reconstructed message when the user asks to highlight them. */\n  onHighlightSpans?: (spanIds: string[]) => void;\n  /** When true, opens the trace's thread (every turn) in a stacked drawer above the trace panel. */\n  isFullThreadOpen?: boolean;\n  /** Enables the in-place \"Open full thread\" swap; without it the action falls back to a link. */\n  onFullThreadOpenChange?: (open: boolean) => void;\n  /** Full-thread view: lists through the trace-query API; `false` falls back to `listTracesLight`. */\n  withQueryTrace: boolean;\n  /** Full-thread view: shows the per-trace Feedback tab. */\n  withFeedback: boolean;\n  /** Full-thread view: opens a score of one of the thread's traces (the app owns routing). */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  scoresTabBadge?: ReactNode;\n  scoresTabSlot?: TraceDataPanelViewProps['scoresTabSlot'];\n  usage?: TraceDataPanelViewProps['usage'];\n  rootStreamingTimings?: TraceDataPanelViewProps['rootStreamingTimings'];\n  traceHref?: string;\n  /** Drawer width; defaults to `wide`. */\n  size?: TraceDataPanelViewProps['size'];\n  /** Sibling-drawer elevation (see `DataPanel`). */\n  depth?: TraceDataPanelViewProps['depth'];\n  /** Rendered inside the drawer above the trace header (e.g. feedback context). */\n  headerSlot?: ReactNode;\n  /** Integration actions displayed alongside the trace controls. */\n  headerActionsSlot?: ReactNode;\n  /** Accessible drawer name; defaults to the trace id. */\n  title?: string;\n  showUnavailableFeaturesMsg?: TraceDataPanelViewProps['showUnavailableFeaturesMsg'];\n  spanView?: TraceDataPanelViewProps['spanView'];\n  onSpanViewChange?: TraceDataPanelViewProps['onSpanViewChange'];\n\n  // Span-panel pass-through.\n  spanActiveTab?: SpanDataPanelViewProps['activeTab'];\n  onSpanTabChange?: SpanDataPanelViewProps['onTabChange'];\n  spanFeedbackTabBadge?: ReactNode;\n  spanFeedbackTabSlot?: SpanDataPanelViewProps['feedbackTabSlot'];\n}\n\n/**\n * Shared trace → span drilldown drawer: `TraceDataPanel` with a nested `SpanDataPanelView`.\n * Encapsulates the span-detail fetch and prev/next span navigation that the traces page\n * and the agent chat traces aside used to duplicate.\n */\nexport function TraceSpanPanel({\n  traceId,\n  spans,\n  isLoadingSpans,\n  selectedSpanId,\n  onSpanSelect,\n  onClose,\n  anchorSpanId,\n  entityType,\n  initialSpanId,\n  onPrevious,\n  onNext,\n  onSaveAsDatasetItem,\n  feedbackTabBadge,\n  feedbackTabSlot,\n  showPartialThread,\n  featuredSpanIds,\n  onHighlightSpans,\n  isFullThreadOpen,\n  onFullThreadOpenChange,\n  withQueryTrace,\n  withFeedback,\n  onOpenScore,\n  scoresTabBadge,\n  scoresTabSlot,\n  usage,\n  rootStreamingTimings,\n  traceHref,\n  size,\n  depth,\n  headerSlot,\n  headerActionsSlot,\n  title,\n  showUnavailableFeaturesMsg,\n  spanView,\n  onSpanViewChange,\n  spanActiveTab,\n  onSpanTabChange,\n  spanFeedbackTabBadge,\n  spanFeedbackTabSlot,\n}: TraceSpanPanelProps) {\n  const { data: spanDetailData, isLoading: isLoadingSpanDetail } = useSpanDetail({\n    traceId: traceId,\n    spanId: selectedSpanId ?? '',\n    queryOptions: { enabled: !!traceId && !!selectedSpanId },\n  });\n  const { Link, paths } = useLinkComponent();\n\n  // The trace summary links the entity to its page; the app's link provider owns the routes.\n  const rootSpan = anchorSpanId\n    ? spans?.find(s => s.spanId === anchorSpanId)\n    : spans?.find(s => s.parentSpanId == null);\n  const entityHref = getEntityHref(paths, rootSpan?.entityType, rootSpan?.entityId);\n  const threadId = getTraceThreadId(rootSpan, anchorSpanId);\n  const hasMessagesPanel = !!(traceId && showPartialThread && threadId);\n  // A single-trace thread would show exactly what the Messages column already shows.\n  const hasOtherTraces = useThreadHasOtherTraces({\n    threadId: hasMessagesPanel ? threadId : undefined,\n    queryOptions: { enabled: !!(hasMessagesPanel ? threadId : undefined) },\n  });\n  const showFullThreadAction = hasMessagesPanel && hasOtherTraces && !!onFullThreadOpenChange;\n\n  return (\n    <>\n      <TraceDataPanel\n        traceId={traceId}\n        spans={spans}\n        anchorSpanId={anchorSpanId}\n        entityType={entityType}\n        entityHref={entityHref}\n        usage={usage}\n        rootStreamingTimings={rootStreamingTimings}\n        isLoading={isLoadingSpans}\n        onClose={onClose}\n        onSpanSelect={onSpanSelect}\n        onSaveAsDatasetItem={onSaveAsDatasetItem}\n        initialSpanId={initialSpanId ?? selectedSpanId}\n        onPrevious={onPrevious}\n        onNext={onNext}\n        placement=\"traces-list\"\n        LinkComponent={Link}\n        traceHref={traceHref}\n        size={size}\n        depth={depth}\n        headerSlot={headerSlot}\n        headerActionsSlot={headerActionsSlot}\n        title={title}\n        showUnavailableFeaturesMsg={showUnavailableFeaturesMsg}\n        spanView={spanView}\n        onSpanViewChange={onSpanViewChange}\n        feedbackTabBadge={feedbackTabBadge}\n        feedbackTabSlot={feedbackTabSlot}\n        featuredSpanIds={featuredSpanIds}\n        messagesPanelSlot={\n          hasMessagesPanel ? <TraceMessagesPanel traceId={traceId} onHighlightSpans={onHighlightSpans} /> : undefined\n        }\n        sideHeaderActions={\n          showFullThreadAction\n            ? ({ compact }) => (\n                <Button\n                  tooltip={compact ? 'Open full thread' : undefined}\n                  icon={<MessagesSquareIcon />}\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  // At a side column of 500px or less, collapse to a round icon button; the label stays for screen readers.\n                  className=\"@max-[501px]:w-control-sm @max-[501px]:rounded-full @max-[501px]:px-0 @max-[501px]:[&>[data-slot=button-icon]]:ml-0\"\n                  onClick={() => onFullThreadOpenChange(true)}\n                >\n                  <span className=\"@max-[501px]:sr-only\">Open full thread</span>\n                </Button>\n              )\n            : undefined\n        }\n        scoresTabBadge={scoresTabBadge}\n        scoresTabSlot={scoresTabSlot}\n        spanPanelSlot={\n          traceId && selectedSpanId ? (\n            <SpanDataPanelView\n              traceId={traceId}\n              spanId={selectedSpanId}\n              span={spanDetailData?.span}\n              isLoading={isLoadingSpanDetail}\n              onClose={() => onSpanSelect(undefined)}\n              activeTab={spanActiveTab}\n              onTabChange={onSpanTabChange}\n              feedbackTabBadge={spanFeedbackTabBadge}\n              feedbackTabSlot={spanFeedbackTabSlot}\n            />\n          ) : null\n        }\n      />\n      {/* Rendered after the trace panel: DataPanel stacking follows DOM order. */}\n      <TraceThreadPanel\n        open={!!(traceId && isFullThreadOpen && threadId)}\n        depth={depth && depth > 1 ? 3 : 2}\n        threadId={threadId ?? ''}\n        onOpenScore={onOpenScore}\n        withQueryTrace={withQueryTrace}\n        withFeedback={withFeedback}\n        onClose={() => onFullThreadOpenChange?.(false)}\n      />\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAeA,SAAS,cACP,OACA,YACA,UACA;CACA,IAAI,CAAC,YAAY,CAAC,YAAY,OAAO,KAAA;CACrC,MAAM,uBAAuB,WAAW,YAAY;CACpD,IAAI,qBAAqB,SAAS,UAAU,GAAG,OAAO,MAAM,aAAa,QAAQ,KAAK,KAAA;CACtF,IAAI,qBAAqB,SAAS,OAAO,GAAG,OAAO,MAAM,UAAU,QAAQ,KAAK,KAAA;AAElF;;;;;;AAsEA,SAAgB,eAAe,EAC7B,SACA,OACA,gBACA,gBACA,cACA,SACA,cACA,YACA,eACA,YACA,QACA,qBACA,kBACA,iBACA,mBACA,iBACA,kBACA,kBACA,wBACA,gBACA,cACA,aACA,gBACA,eACA,OACA,sBACA,WACA,MACA,OACA,YACA,mBACA,OACA,4BACA,UACA,kBACA,eACA,iBACA,sBACA,uBACsB;CACtB,MAAM,EAAE,MAAM,gBAAgB,WAAW,wBAAwB,cAAc;EACpE;EACT,QAAQ,kBAAkB;EAC1B,cAAc,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC,eAAe;CACzD,CAAC;CACD,MAAM,EAAE,MAAM,UAAU,iBAAiB;CAGzC,MAAM,WAAW,eACb,OAAO,MAAK,MAAK,EAAE,WAAW,YAAY,IAC1C,OAAO,MAAK,MAAK,EAAE,gBAAgB,IAAI;CAC3C,MAAM,aAAa,cAAc,OAAO,UAAU,YAAY,UAAU,QAAQ;CAChF,MAAM,WAAW,iBAAiB,UAAU,YAAY;CACxD,MAAM,mBAAmB,CAAC,EAAE,WAAW,qBAAqB;CAE5D,MAAM,iBAAiB,wBAAwB;EAC7C,UAAU,mBAAmB,WAAW,KAAA;EACxC,cAAc,EAAE,SAAS,CAAC,EAAE,mBAAmB,WAAW,KAAA,GAAW;CACvE,CAAC;CAGD,OACE,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,gBAAD;EACW;EACF;EACO;EACF;EACA;EACL;EACe;EACtB,WAAW;EACF;EACK;EACO;EACrB,eAAe,iBAAiB;EACpB;EACJ;EACR,WAAU;EACV,eAAe;EACJ;EACL;EACC;EACK;EACO;EACZ;EACqB;EAClB;EACQ;EACA;EACD;EACA;EACjB,mBACE,mBAAmB,oBAAC,oBAAD;GAA6B;GAA2B;EAAmB,CAAA,IAAI,KAAA;EAEpG,mBApCuB,oBAAoB,kBAAkB,CAAC,CAAC,0BAsCxD,EAAE,cACD,oBAAC,QAAD;GACE,SAAS,UAAU,qBAAqB,KAAA;GACxC,MAAM,oBAAC,oBAAD,CAAqB,CAAA;GAC3B,SAAQ;GACR,MAAK;GAEL,WAAU;GACV,eAAe,uBAAuB,IAAI;GAE1C,UAAA,oBAAC,QAAD;IAAM,WAAU;IAAuB,UAAA;GAAsB,CAAA;EACvD,CAAA,IAEV,KAAA;EAEU;EACD;EACf,eACE,WAAW,iBACT,oBAAC,mBAAD;GACW;GACT,QAAQ;GACR,MAAM,gBAAgB;GACtB,WAAW;GACX,eAAe,aAAa,KAAA,CAAS;GACrC,WAAW;GACX,aAAa;GACb,kBAAkB;GAClB,iBAAiB;EAClB,CAAA,IACC;CAEP,CAAA,GAED,oBAAC,kBAAD;EACE,MAAM,CAAC,EAAE,WAAW,oBAAoB;EACxC,OAAO,SAAS,QAAQ,IAAI,IAAI;EAChC,UAAU,YAAY;EACT;EACG;EACF;EACd,eAAe,yBAAyB,KAAK;CAC9C,CAAA,CACD,EAAA,CAAA;AAEN"}
+{"version":3,"file":"trace-span-panel.es.js","names":["_Fragment"],"sources":["../../../../src/domains/traces/components/trace-span-panel.tsx"],"sourcesContent":["import { useSpanDetail, useThreadHasOtherTraces } from '@mastra/react/hooks/traces';\nimport { MessagesSquareIcon } from 'lucide-react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport type { FeedbackOptions } from './feedback-options';\nimport { SpanDataPanelView } from '@/domains/traces/components/span-data-panel-view';\nimport { TraceDataPanel } from '@/domains/traces/components/trace-data-panel';\nimport type { TraceDataPanelView } from '@/domains/traces/components/trace-data-panel-view';\nimport { TraceMessagesPanel } from '@/domains/traces/components/trace-messages-panel';\nimport { getTraceThreadId } from '@/domains/traces/components/trace-thread-context';\nimport { TraceThreadPanel } from '@/domains/traces/components/trace-thread-panel';\nimport { Button } from '@/ds/components/Button';\nimport { useLinkComponent } from '@/lib/framework';\nimport type { LinkComponentPaths } from '@/lib/framework';\n\ntype TraceDataPanelViewProps = ComponentProps<typeof TraceDataPanelView>;\n\nfunction getEntityHref(\n  paths: LinkComponentPaths,\n  entityType: string | null | undefined,\n  entityId: string | null | undefined,\n) {\n  if (!entityId || !entityType) return undefined;\n  const normalizedEntityType = entityType.toLowerCase();\n  if (normalizedEntityType.includes('workflow')) return paths.workflowLink(entityId) || undefined;\n  if (normalizedEntityType.includes('agent')) return paths.agentLink(entityId) || undefined;\n  return undefined;\n}\ntype SpanDataPanelViewProps = ComponentProps<typeof SpanDataPanelView>;\n\nexport interface TraceSpanPanelProps {\n  /** Keep the panel mounted and pass `undefined` to close it, so the drawer animates out. */\n  traceId?: string;\n  /** Spans returned by `useTraceOrBranchSpans` — the page owns the fetch, the panel renders it. */\n  spans: TraceDataPanelViewProps['spans'];\n  isLoadingSpans: boolean;\n  /** Controlled span selection (URL state on the traces page, local state in the chat aside). */\n  selectedSpanId: string | null;\n  onSpanSelect: (spanId: string | undefined) => void;\n  onClose: () => void;\n\n  // Trace-panel pass-through.\n  anchorSpanId?: string;\n  entityType?: TraceDataPanelViewProps['entityType'];\n  initialSpanId?: string | null;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  onSaveAsDatasetItem?: TraceDataPanelViewProps['onSaveAsDatasetItem'];\n  feedbackTabBadge?: ReactNode;\n  feedbackTabSlot?: TraceDataPanelViewProps['feedbackTabSlot'];\n  /** Enables the \"Messages\" column (reconstructed turn) when the displayed root is a complete agent trace with a thread id. */\n  showPartialThread?: boolean;\n  /** Span ids featured in the timeline (non-featured spans are faded). */\n  featuredSpanIds?: string[];\n  /** Called with the span ids behind a reconstructed message when the user asks to highlight them. */\n  onHighlightSpans?: (spanIds: string[]) => void;\n  /** When true, opens the trace's thread (every turn) in a stacked drawer above the trace panel. */\n  isFullThreadOpen?: boolean;\n  /** Enables the in-place \"Open full thread\" swap; without it the action falls back to a link. */\n  onFullThreadOpenChange?: (open: boolean) => void;\n  /** Full-thread view: lists through the trace-query API; `false` falls back to `listTracesLight`. */\n  withQueryTrace: boolean;\n  /** Full-thread view: shows the per-trace Feedback tab. */\n  withFeedback: boolean;\n  feedbackOptions?: FeedbackOptions;\n  /** Full-thread view: opens a score of one of the thread's traces (the app owns routing). */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  scoresTabBadge?: ReactNode;\n  scoresTabSlot?: TraceDataPanelViewProps['scoresTabSlot'];\n  usage?: TraceDataPanelViewProps['usage'];\n  rootStreamingTimings?: TraceDataPanelViewProps['rootStreamingTimings'];\n  traceHref?: string;\n  /** Drawer width; defaults to `wide`. */\n  size?: TraceDataPanelViewProps['size'];\n  /** Sibling-drawer elevation (see `DataPanel`). */\n  depth?: TraceDataPanelViewProps['depth'];\n  /** Rendered inside the drawer above the trace header (e.g. feedback context). */\n  headerSlot?: ReactNode;\n  /** Integration actions displayed alongside the trace controls. */\n  headerActionsSlot?: ReactNode;\n  /** Accessible drawer name; defaults to the trace id. */\n  title?: string;\n  showUnavailableFeaturesMsg?: TraceDataPanelViewProps['showUnavailableFeaturesMsg'];\n  spanView?: TraceDataPanelViewProps['spanView'];\n  onSpanViewChange?: TraceDataPanelViewProps['onSpanViewChange'];\n\n  // Span-panel pass-through.\n  spanActiveTab?: SpanDataPanelViewProps['activeTab'];\n  onSpanTabChange?: SpanDataPanelViewProps['onTabChange'];\n  spanFeedbackTabBadge?: ReactNode;\n  spanFeedbackTabSlot?: SpanDataPanelViewProps['feedbackTabSlot'];\n}\n\n/**\n * Shared trace → span drilldown drawer: `TraceDataPanel` with a nested `SpanDataPanelView`.\n * Encapsulates the span-detail fetch and prev/next span navigation that the traces page\n * and the agent chat traces aside used to duplicate.\n */\nexport function TraceSpanPanel({\n  traceId,\n  spans,\n  isLoadingSpans,\n  selectedSpanId,\n  onSpanSelect,\n  onClose,\n  anchorSpanId,\n  entityType,\n  initialSpanId,\n  onPrevious,\n  onNext,\n  onSaveAsDatasetItem,\n  feedbackTabBadge,\n  feedbackTabSlot,\n  showPartialThread,\n  featuredSpanIds,\n  onHighlightSpans,\n  isFullThreadOpen,\n  onFullThreadOpenChange,\n  withQueryTrace,\n  withFeedback,\n  feedbackOptions,\n  onOpenScore,\n  scoresTabBadge,\n  scoresTabSlot,\n  usage,\n  rootStreamingTimings,\n  traceHref,\n  size,\n  depth,\n  headerSlot,\n  headerActionsSlot,\n  title,\n  showUnavailableFeaturesMsg,\n  spanView,\n  onSpanViewChange,\n  spanActiveTab,\n  onSpanTabChange,\n  spanFeedbackTabBadge,\n  spanFeedbackTabSlot,\n}: TraceSpanPanelProps) {\n  const { data: spanDetailData, isLoading: isLoadingSpanDetail } = useSpanDetail({\n    traceId: traceId,\n    spanId: selectedSpanId ?? '',\n    queryOptions: { enabled: !!traceId && !!selectedSpanId },\n  });\n  const { Link, paths } = useLinkComponent();\n\n  // The trace summary links the entity to its page; the app's link provider owns the routes.\n  const rootSpan = anchorSpanId\n    ? spans?.find(s => s.spanId === anchorSpanId)\n    : spans?.find(s => s.parentSpanId == null);\n  const entityHref = getEntityHref(paths, rootSpan?.entityType, rootSpan?.entityId);\n  const threadId = getTraceThreadId(rootSpan, anchorSpanId);\n  const hasMessagesPanel = !!(traceId && showPartialThread && threadId);\n  // A single-trace thread would show exactly what the Messages column already shows.\n  const hasOtherTraces = useThreadHasOtherTraces({\n    threadId: hasMessagesPanel ? threadId : undefined,\n    queryOptions: { enabled: !!(hasMessagesPanel ? threadId : undefined) },\n  });\n  const showFullThreadAction = hasMessagesPanel && hasOtherTraces && !!onFullThreadOpenChange;\n\n  return (\n    <>\n      <TraceDataPanel\n        traceId={traceId}\n        spans={spans}\n        anchorSpanId={anchorSpanId}\n        entityType={entityType}\n        entityHref={entityHref}\n        usage={usage}\n        rootStreamingTimings={rootStreamingTimings}\n        isLoading={isLoadingSpans}\n        onClose={onClose}\n        onSpanSelect={onSpanSelect}\n        onSaveAsDatasetItem={onSaveAsDatasetItem}\n        initialSpanId={initialSpanId ?? selectedSpanId}\n        onPrevious={onPrevious}\n        onNext={onNext}\n        placement=\"traces-list\"\n        LinkComponent={Link}\n        traceHref={traceHref}\n        size={size}\n        depth={depth}\n        headerSlot={headerSlot}\n        headerActionsSlot={headerActionsSlot}\n        title={title}\n        showUnavailableFeaturesMsg={showUnavailableFeaturesMsg}\n        spanView={spanView}\n        onSpanViewChange={onSpanViewChange}\n        feedbackTabBadge={feedbackTabBadge}\n        feedbackTabSlot={feedbackTabSlot}\n        featuredSpanIds={featuredSpanIds}\n        messagesPanelSlot={\n          hasMessagesPanel ? <TraceMessagesPanel traceId={traceId} onHighlightSpans={onHighlightSpans} /> : undefined\n        }\n        sideHeaderActions={\n          showFullThreadAction\n            ? ({ compact }) => (\n                <Button\n                  tooltip={compact ? 'Open full thread' : undefined}\n                  icon={<MessagesSquareIcon />}\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  // At a side column of 500px or less, collapse to a round icon button; the label stays for screen readers.\n                  className=\"@max-[501px]:w-control-sm @max-[501px]:rounded-full @max-[501px]:px-0 @max-[501px]:[&>[data-slot=button-icon]]:ml-0\"\n                  onClick={() => onFullThreadOpenChange(true)}\n                >\n                  <span className=\"@max-[501px]:sr-only\">Open full thread</span>\n                </Button>\n              )\n            : undefined\n        }\n        scoresTabBadge={scoresTabBadge}\n        scoresTabSlot={scoresTabSlot}\n        spanPanelSlot={\n          traceId && selectedSpanId ? (\n            <SpanDataPanelView\n              traceId={traceId}\n              spanId={selectedSpanId}\n              span={spanDetailData?.span}\n              isLoading={isLoadingSpanDetail}\n              onClose={() => onSpanSelect(undefined)}\n              activeTab={spanActiveTab}\n              onTabChange={onSpanTabChange}\n              feedbackTabBadge={spanFeedbackTabBadge}\n              feedbackTabSlot={spanFeedbackTabSlot}\n            />\n          ) : null\n        }\n      />\n      {/* Rendered after the trace panel: DataPanel stacking follows DOM order. */}\n      <TraceThreadPanel\n        open={!!(traceId && isFullThreadOpen && threadId)}\n        depth={depth && depth > 1 ? 3 : 2}\n        threadId={threadId ?? ''}\n        onOpenScore={onOpenScore}\n        withQueryTrace={withQueryTrace}\n        withFeedback={withFeedback}\n        feedbackOptions={feedbackOptions}\n        onClose={() => onFullThreadOpenChange?.(false)}\n      />\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAgBA,SAAS,cACP,OACA,YACA,UACA;CACA,IAAI,CAAC,YAAY,CAAC,YAAY,OAAO,KAAA;CACrC,MAAM,uBAAuB,WAAW,YAAY;CACpD,IAAI,qBAAqB,SAAS,UAAU,GAAG,OAAO,MAAM,aAAa,QAAQ,KAAK,KAAA;CACtF,IAAI,qBAAqB,SAAS,OAAO,GAAG,OAAO,MAAM,UAAU,QAAQ,KAAK,KAAA;AAElF;;;;;;AAuEA,SAAgB,eAAe,EAC7B,SACA,OACA,gBACA,gBACA,cACA,SACA,cACA,YACA,eACA,YACA,QACA,qBACA,kBACA,iBACA,mBACA,iBACA,kBACA,kBACA,wBACA,gBACA,cACA,iBACA,aACA,gBACA,eACA,OACA,sBACA,WACA,MACA,OACA,YACA,mBACA,OACA,4BACA,UACA,kBACA,eACA,iBACA,sBACA,uBACsB;CACtB,MAAM,EAAE,MAAM,gBAAgB,WAAW,wBAAwB,cAAc;EACpE;EACT,QAAQ,kBAAkB;EAC1B,cAAc,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC,eAAe;CACzD,CAAC;CACD,MAAM,EAAE,MAAM,UAAU,iBAAiB;CAGzC,MAAM,WAAW,eACb,OAAO,MAAK,MAAK,EAAE,WAAW,YAAY,IAC1C,OAAO,MAAK,MAAK,EAAE,gBAAgB,IAAI;CAC3C,MAAM,aAAa,cAAc,OAAO,UAAU,YAAY,UAAU,QAAQ;CAChF,MAAM,WAAW,iBAAiB,UAAU,YAAY;CACxD,MAAM,mBAAmB,CAAC,EAAE,WAAW,qBAAqB;CAE5D,MAAM,iBAAiB,wBAAwB;EAC7C,UAAU,mBAAmB,WAAW,KAAA;EACxC,cAAc,EAAE,SAAS,CAAC,EAAE,mBAAmB,WAAW,KAAA,GAAW;CACvE,CAAC;CAGD,OACE,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,gBAAD;EACW;EACF;EACO;EACF;EACA;EACL;EACe;EACtB,WAAW;EACF;EACK;EACO;EACrB,eAAe,iBAAiB;EACpB;EACJ;EACR,WAAU;EACV,eAAe;EACJ;EACL;EACC;EACK;EACO;EACZ;EACqB;EAClB;EACQ;EACA;EACD;EACA;EACjB,mBACE,mBAAmB,oBAAC,oBAAD;GAA6B;GAA2B;EAAmB,CAAA,IAAI,KAAA;EAEpG,mBApCuB,oBAAoB,kBAAkB,CAAC,CAAC,0BAsCxD,EAAE,cACD,oBAAC,QAAD;GACE,SAAS,UAAU,qBAAqB,KAAA;GACxC,MAAM,oBAAC,oBAAD,CAAqB,CAAA;GAC3B,SAAQ;GACR,MAAK;GAEL,WAAU;GACV,eAAe,uBAAuB,IAAI;GAE1C,UAAA,oBAAC,QAAD;IAAM,WAAU;IAAuB,UAAA;GAAsB,CAAA;EACvD,CAAA,IAEV,KAAA;EAEU;EACD;EACf,eACE,WAAW,iBACT,oBAAC,mBAAD;GACW;GACT,QAAQ;GACR,MAAM,gBAAgB;GACtB,WAAW;GACX,eAAe,aAAa,KAAA,CAAS;GACrC,WAAW;GACX,aAAa;GACb,kBAAkB;GAClB,iBAAiB;EAClB,CAAA,IACC;CAEP,CAAA,GAED,oBAAC,kBAAD;EACE,MAAM,CAAC,EAAE,WAAW,oBAAoB;EACxC,OAAO,SAAS,QAAQ,IAAI,IAAI;EAChC,UAAU,YAAY;EACT;EACG;EACF;EACG;EACjB,eAAe,yBAAyB,KAAK;CAC9C,CAAA,CACD,EAAA,CAAA;AAEN"}

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_traces_utils_span_utils = require("../utils/span-utils.cjs.js");
 const require_domains_traces_components_trace_status_value = require("./trace-status-value.cjs.js");
-const require_DataPanel = require("../../../DataPanel-BRRAvWYQ.cjs");
+const require_DataPanel = require("../../../DataPanel-LfExjFpP.cjs");
 const require_icons_AgentIcon = require("../../../icons/AgentIcon.cjs.js");
 const require_icons_WorkflowIcon = require("../../../icons/WorkflowIcon.cjs.js");
 const require_cost = require("../../../cost-CDXUhpb_.cjs");

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

@@ -1,6 +1,6 @@
 import { getSpanDurationMs } from "../utils/span-utils.es.js";
 import { TraceStatusValue } from "./trace-status-value.es.js";
-import { t as DataPanel } from "../../../DataPanel-pVr5LVaK.js";
+import { t as DataPanel } from "../../../DataPanel-Rv5Mb_pf.js";
 import { AgentIcon } from "../../../icons/AgentIcon.es.js";
 import { WorkflowIcon as WorkflowIcon$1 } from "../../../icons/WorkflowIcon.es.js";
 import { n as formatCost, t as formatCompactNumber } from "../../../cost-C2vDb3o7.js";

package/dist/domains/traces/components/trace-thread-panel.cjs.js

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_traces_components_thread_view_by_trace = require("./thread-view-by-trace.cjs.js");
-const require_DataPanel = require("../../../DataPanel-BRRAvWYQ.cjs");
+const require_DataPanel = require("../../../DataPanel-LfExjFpP.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/trace-thread-panel.tsx
 /** The full thread in its own drawer, stacked above the trace panel: every turn as traces, opened on the latest one. */
-function TraceThreadPanel({ open, threadId, withQueryTrace, withFeedback, onOpenScore, onClose, depth = 2, title, closeLabel = "Back to trace" }) {
+function TraceThreadPanel({ open, threadId, withQueryTrace, withFeedback, feedbackOptions, onOpenScore, onClose, depth = 2, title, closeLabel = "Back to trace" }) {
 	const [hasSelectedSpan, setHasSelectedSpan] = (0, react.useState)(false);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_DataPanel.DataPanel, {
 		open,
@@ -23,6 +23,7 @@ function TraceThreadPanel({ open, threadId, withQueryTrace, withFeedback, onOpen
 				threadId,
 				withQueryTrace,
 				withFeedback,
+				feedbackOptions,
 				onOpenScore,
 				onSelectedSpanChange: (selected) => setHasSelectedSpan(selected !== null)
 			}) : null

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

@@ -1 +1 @@
-{"version":3,"file":"trace-thread-panel.cjs.js","names":["useState","DataPanel","ThreadViewByTrace"],"sources":["../../../../src/domains/traces/components/trace-thread-panel.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { ThreadViewByTrace } from '@/domains/traces/components/thread-view-by-trace';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nexport interface TraceThreadPanelProps {\n  /** Keep the panel mounted and toggle `open` so the drawer animates in and out. */\n  open: boolean;\n  threadId: string;\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Close the thread drawer, revealing the trace panel underneath. */\n  onClose: () => void;\n  /** Sibling-drawer elevation (see `DataPanel`); defaults to 2, above the trace panel. */\n  depth?: 1 | 2 | 3;\n  /** Accessible drawer name; defaults to the thread id. */\n  title?: string;\n  /** Close button label; defaults to \"Back to trace\" for the stacked drawer. */\n  closeLabel?: string;\n}\n\n/** The full thread in its own drawer, stacked above the trace panel: every turn as traces, opened on the latest one. */\nexport function TraceThreadPanel({\n  open,\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onOpenScore,\n  onClose,\n  depth = 2,\n  title,\n  closeLabel = 'Back to trace',\n}: TraceThreadPanelProps) {\n  // Like the trace panel: the drawer only takes the full frame while a span detail is open.\n  const [hasSelectedSpan, setHasSelectedSpan] = useState(false);\n  return (\n    <DataPanel\n      open={open}\n      onClose={onClose}\n      title={title ?? `Thread ${threadId}`}\n      depth={depth}\n      size={hasSelectedSpan ? 'full' : 'wide'}\n    >\n      <DataPanel.Header>\n        <DataPanel.CloseButton onClick={onClose} label={closeLabel} tooltip={closeLabel} />\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Thread\n            <DataPanel.CopyId id={threadId} />\n          </DataPanel.Heading>\n        </DataPanel.HeaderContent>\n      </DataPanel.Header>\n      <div className=\"min-h-0 flex-1\">\n        {threadId ? (\n          <ThreadViewByTrace\n            threadId={threadId}\n            withQueryTrace={withQueryTrace}\n            withFeedback={withFeedback}\n            onOpenScore={onOpenScore}\n            onSelectedSpanChange={selected => setHasSelectedSpan(selected !== null)}\n          />\n        ) : null}\n      </div>\n    </DataPanel>\n  );\n}\n"],"mappings":";;;;;;;AAuBA,SAAgB,iBAAiB,EAC/B,MACA,UACA,gBACA,cACA,aACA,SACA,QAAQ,GACR,OACA,aAAa,mBACW;CAExB,MAAM,CAAC,iBAAiB,uBAAA,GAAsBA,MAAAA,SAAAA,CAAS,KAAK;CAC5D,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,kBAAAA,WAAD;EACQ;EACG;EACT,OAAO,SAAS,UAAU;EACnB;EACP,MAAM,kBAAkB,SAAS;EALnC,UAAA,CAOE,iBAAA,GAAA,kBAAA,KAAA,CAACA,kBAAAA,UAAU,QAAX,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,UAAU,aAAX;GAAuB,SAAS;GAAS,OAAO;GAAY,SAAS;EAAa,CAAA,GAClF,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,UAAU,eAAX,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,kBAAAA,UAAU,SAAX,EAAA,UAAA,CAAmB,UAEjB,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,UAAU,QAAX,EAAkB,IAAI,SAAW,CAAA,CAChB,EAAA,CAAA,EACI,CAAA,CACT,EAAA,CAAA,GAClB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GACZ,UAAA,WACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,mBAAD;IACY;IACM;IACF;IACD;IACb,uBAAsB,aAAY,mBAAmB,aAAa,IAAI;GACvE,CAAA,IACC;EACD,CAAA,CACI;;AAEf"}
+{"version":3,"file":"trace-thread-panel.cjs.js","names":["useState","DataPanel","ThreadViewByTrace"],"sources":["../../../../src/domains/traces/components/trace-thread-panel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { FeedbackOptions } from './feedback-options';\n\nimport { ThreadViewByTrace } from '@/domains/traces/components/thread-view-by-trace';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nexport interface TraceThreadPanelProps {\n  /** Keep the panel mounted and toggle `open` so the drawer animates in and out. */\n  open: boolean;\n  threadId: string;\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  feedbackOptions?: FeedbackOptions;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Close the thread drawer, revealing the trace panel underneath. */\n  onClose: () => void;\n  /** Sibling-drawer elevation (see `DataPanel`); defaults to 2, above the trace panel. */\n  depth?: 1 | 2 | 3;\n  /** Accessible drawer name; defaults to the thread id. */\n  title?: string;\n  /** Close button label; defaults to \"Back to trace\" for the stacked drawer. */\n  closeLabel?: string;\n}\n\n/** The full thread in its own drawer, stacked above the trace panel: every turn as traces, opened on the latest one. */\nexport function TraceThreadPanel({\n  open,\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  feedbackOptions,\n  onOpenScore,\n  onClose,\n  depth = 2,\n  title,\n  closeLabel = 'Back to trace',\n}: TraceThreadPanelProps) {\n  // Like the trace panel: the drawer only takes the full frame while a span detail is open.\n  const [hasSelectedSpan, setHasSelectedSpan] = useState(false);\n  return (\n    <DataPanel\n      open={open}\n      onClose={onClose}\n      title={title ?? `Thread ${threadId}`}\n      depth={depth}\n      size={hasSelectedSpan ? 'full' : 'wide'}\n    >\n      <DataPanel.Header>\n        <DataPanel.CloseButton onClick={onClose} label={closeLabel} tooltip={closeLabel} />\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Thread\n            <DataPanel.CopyId id={threadId} />\n          </DataPanel.Heading>\n        </DataPanel.HeaderContent>\n      </DataPanel.Header>\n      <div className=\"min-h-0 flex-1\">\n        {threadId ? (\n          <ThreadViewByTrace\n            threadId={threadId}\n            withQueryTrace={withQueryTrace}\n            withFeedback={withFeedback}\n            feedbackOptions={feedbackOptions}\n            onOpenScore={onOpenScore}\n            onSelectedSpanChange={selected => setHasSelectedSpan(selected !== null)}\n          />\n        ) : null}\n      </div>\n    </DataPanel>\n  );\n}\n"],"mappings":";;;;;;;AAyBA,SAAgB,iBAAiB,EAC/B,MACA,UACA,gBACA,cACA,iBACA,aACA,SACA,QAAQ,GACR,OACA,aAAa,mBACW;CAExB,MAAM,CAAC,iBAAiB,uBAAA,GAAsBA,MAAAA,SAAAA,CAAS,KAAK;CAC5D,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,kBAAAA,WAAD;EACQ;EACG;EACT,OAAO,SAAS,UAAU;EACnB;EACP,MAAM,kBAAkB,SAAS;EALnC,UAAA,CAOE,iBAAA,GAAA,kBAAA,KAAA,CAACA,kBAAAA,UAAU,QAAX,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,UAAU,aAAX;GAAuB,SAAS;GAAS,OAAO;GAAY,SAAS;EAAa,CAAA,GAClF,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,UAAU,eAAX,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,kBAAAA,UAAU,SAAX,EAAA,UAAA,CAAmB,UAEjB,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,UAAU,QAAX,EAAkB,IAAI,SAAW,CAAA,CAChB,EAAA,CAAA,EACI,CAAA,CACT,EAAA,CAAA,GAClB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GACZ,UAAA,WACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,mBAAD;IACY;IACM;IACF;IACG;IACJ;IACb,uBAAsB,aAAY,mBAAmB,aAAa,IAAI;GACvE,CAAA,IACC;EACD,CAAA,CACI;;AAEf"}

package/dist/domains/traces/components/trace-thread-panel.es.js

@@ -1,10 +1,10 @@
 import { ThreadViewByTrace } from "./thread-view-by-trace.es.js";
-import { t as DataPanel } from "../../../DataPanel-pVr5LVaK.js";
+import { t as DataPanel } from "../../../DataPanel-Rv5Mb_pf.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/trace-thread-panel.tsx
 /** The full thread in its own drawer, stacked above the trace panel: every turn as traces, opened on the latest one. */
-function TraceThreadPanel({ open, threadId, withQueryTrace, withFeedback, onOpenScore, onClose, depth = 2, title, closeLabel = "Back to trace" }) {
+function TraceThreadPanel({ open, threadId, withQueryTrace, withFeedback, feedbackOptions, onOpenScore, onClose, depth = 2, title, closeLabel = "Back to trace" }) {
 	const [hasSelectedSpan, setHasSelectedSpan] = useState(false);
 	return /* @__PURE__ */ jsxs(DataPanel, {
 		open,
@@ -22,6 +22,7 @@ function TraceThreadPanel({ open, threadId, withQueryTrace, withFeedback, onOpen
 				threadId,
 				withQueryTrace,
 				withFeedback,
+				feedbackOptions,
 				onOpenScore,
 				onSelectedSpanChange: (selected) => setHasSelectedSpan(selected !== null)
 			}) : null

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

@@ -1 +1 @@
-{"version":3,"file":"trace-thread-panel.es.js","names":[],"sources":["../../../../src/domains/traces/components/trace-thread-panel.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { ThreadViewByTrace } from '@/domains/traces/components/thread-view-by-trace';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nexport interface TraceThreadPanelProps {\n  /** Keep the panel mounted and toggle `open` so the drawer animates in and out. */\n  open: boolean;\n  threadId: string;\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Close the thread drawer, revealing the trace panel underneath. */\n  onClose: () => void;\n  /** Sibling-drawer elevation (see `DataPanel`); defaults to 2, above the trace panel. */\n  depth?: 1 | 2 | 3;\n  /** Accessible drawer name; defaults to the thread id. */\n  title?: string;\n  /** Close button label; defaults to \"Back to trace\" for the stacked drawer. */\n  closeLabel?: string;\n}\n\n/** The full thread in its own drawer, stacked above the trace panel: every turn as traces, opened on the latest one. */\nexport function TraceThreadPanel({\n  open,\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onOpenScore,\n  onClose,\n  depth = 2,\n  title,\n  closeLabel = 'Back to trace',\n}: TraceThreadPanelProps) {\n  // Like the trace panel: the drawer only takes the full frame while a span detail is open.\n  const [hasSelectedSpan, setHasSelectedSpan] = useState(false);\n  return (\n    <DataPanel\n      open={open}\n      onClose={onClose}\n      title={title ?? `Thread ${threadId}`}\n      depth={depth}\n      size={hasSelectedSpan ? 'full' : 'wide'}\n    >\n      <DataPanel.Header>\n        <DataPanel.CloseButton onClick={onClose} label={closeLabel} tooltip={closeLabel} />\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Thread\n            <DataPanel.CopyId id={threadId} />\n          </DataPanel.Heading>\n        </DataPanel.HeaderContent>\n      </DataPanel.Header>\n      <div className=\"min-h-0 flex-1\">\n        {threadId ? (\n          <ThreadViewByTrace\n            threadId={threadId}\n            withQueryTrace={withQueryTrace}\n            withFeedback={withFeedback}\n            onOpenScore={onOpenScore}\n            onSelectedSpanChange={selected => setHasSelectedSpan(selected !== null)}\n          />\n        ) : null}\n      </div>\n    </DataPanel>\n  );\n}\n"],"mappings":";;;;;;AAuBA,SAAgB,iBAAiB,EAC/B,MACA,UACA,gBACA,cACA,aACA,SACA,QAAQ,GACR,OACA,aAAa,mBACW;CAExB,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,KAAK;CAC5D,OACE,qBAAC,WAAD;EACQ;EACG;EACT,OAAO,SAAS,UAAU;EACnB;EACP,MAAM,kBAAkB,SAAS;EALnC,UAAA,CAOE,qBAAC,UAAU,QAAX,EAAA,UAAA,CACE,oBAAC,UAAU,aAAX;GAAuB,SAAS;GAAS,OAAO;GAAY,SAAS;EAAa,CAAA,GAClF,oBAAC,UAAU,eAAX,EAAA,UACE,qBAAC,UAAU,SAAX,EAAA,UAAA,CAAmB,UAEjB,oBAAC,UAAU,QAAX,EAAkB,IAAI,SAAW,CAAA,CAChB,EAAA,CAAA,EACI,CAAA,CACT,EAAA,CAAA,GAClB,oBAAC,OAAD;GAAK,WAAU;GACZ,UAAA,WACC,oBAAC,mBAAD;IACY;IACM;IACF;IACD;IACb,uBAAsB,aAAY,mBAAmB,aAAa,IAAI;GACvE,CAAA,IACC;EACD,CAAA,CACI;;AAEf"}
+{"version":3,"file":"trace-thread-panel.es.js","names":[],"sources":["../../../../src/domains/traces/components/trace-thread-panel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { FeedbackOptions } from './feedback-options';\n\nimport { ThreadViewByTrace } from '@/domains/traces/components/thread-view-by-trace';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nexport interface TraceThreadPanelProps {\n  /** Keep the panel mounted and toggle `open` so the drawer animates in and out. */\n  open: boolean;\n  threadId: string;\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  feedbackOptions?: FeedbackOptions;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Close the thread drawer, revealing the trace panel underneath. */\n  onClose: () => void;\n  /** Sibling-drawer elevation (see `DataPanel`); defaults to 2, above the trace panel. */\n  depth?: 1 | 2 | 3;\n  /** Accessible drawer name; defaults to the thread id. */\n  title?: string;\n  /** Close button label; defaults to \"Back to trace\" for the stacked drawer. */\n  closeLabel?: string;\n}\n\n/** The full thread in its own drawer, stacked above the trace panel: every turn as traces, opened on the latest one. */\nexport function TraceThreadPanel({\n  open,\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  feedbackOptions,\n  onOpenScore,\n  onClose,\n  depth = 2,\n  title,\n  closeLabel = 'Back to trace',\n}: TraceThreadPanelProps) {\n  // Like the trace panel: the drawer only takes the full frame while a span detail is open.\n  const [hasSelectedSpan, setHasSelectedSpan] = useState(false);\n  return (\n    <DataPanel\n      open={open}\n      onClose={onClose}\n      title={title ?? `Thread ${threadId}`}\n      depth={depth}\n      size={hasSelectedSpan ? 'full' : 'wide'}\n    >\n      <DataPanel.Header>\n        <DataPanel.CloseButton onClick={onClose} label={closeLabel} tooltip={closeLabel} />\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Thread\n            <DataPanel.CopyId id={threadId} />\n          </DataPanel.Heading>\n        </DataPanel.HeaderContent>\n      </DataPanel.Header>\n      <div className=\"min-h-0 flex-1\">\n        {threadId ? (\n          <ThreadViewByTrace\n            threadId={threadId}\n            withQueryTrace={withQueryTrace}\n            withFeedback={withFeedback}\n            feedbackOptions={feedbackOptions}\n            onOpenScore={onOpenScore}\n            onSelectedSpanChange={selected => setHasSelectedSpan(selected !== null)}\n          />\n        ) : null}\n      </div>\n    </DataPanel>\n  );\n}\n"],"mappings":";;;;;;AAyBA,SAAgB,iBAAiB,EAC/B,MACA,UACA,gBACA,cACA,iBACA,aACA,SACA,QAAQ,GACR,OACA,aAAa,mBACW;CAExB,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,KAAK;CAC5D,OACE,qBAAC,WAAD;EACQ;EACG;EACT,OAAO,SAAS,UAAU;EACnB;EACP,MAAM,kBAAkB,SAAS;EALnC,UAAA,CAOE,qBAAC,UAAU,QAAX,EAAA,UAAA,CACE,oBAAC,UAAU,aAAX;GAAuB,SAAS;GAAS,OAAO;GAAY,SAAS;EAAa,CAAA,GAClF,oBAAC,UAAU,eAAX,EAAA,UACE,qBAAC,UAAU,SAAX,EAAA,UAAA,CAAmB,UAEjB,oBAAC,UAAU,QAAX,EAAkB,IAAI,SAAW,CAAA,CAChB,EAAA,CAAA,EACI,CAAA,CACT,EAAA,CAAA,GAClB,oBAAC,OAAD;GAAK,WAAU;GACZ,UAAA,WACC,oBAAC,mBAAD;IACY;IACM;IACF;IACG;IACJ;IACb,uBAAsB,aAAY,mBAAmB,aAAa,IAAI;GACvE,CAAA,IACC;EACD,CAAA,CACI;;AAEf"}

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

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-context.cjs.js","names":["createContext","useContext","isTraceUsageColumn","hasTraceUsageColumn"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-context.ts"],"sourcesContent":["import type { EntityType } from '@mastra/core/observability';\nimport type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { createContext, useContext } from 'react';\nimport type { useTraceColumnPreferences } from '../../hooks/use-trace-column-preferences';\nimport type { useTracesListSource } from '../../hooks/use-traces-list-source';\nimport { hasTraceUsageColumn, isTraceUsageColumn } from '../../trace-list-columns';\nimport type { TraceColumnPreferences } from '../../trace-list-columns';\nimport type { SpanTab, TraceDatePreset } from '../../types';\nimport type { TraceSpanView } from '../trace-data-panel-view';\nimport type { TracesFilters, TracesSelection, TracesSort } from './traces-explorer-actions';\n\nexport type TracesExplorerScope = { entityId: string; entityType?: EntityType };\n\nexport type TracesMetricsSupport = { supported: boolean; isLoading: boolean };\n\n/**\n * Host switches (e.g. feature flags), combined with what the server supports.\n * `traceQuery` and `feedback` default to on and can only turn their feature off.\n * `spanQuery` and `threadQuery` default to off: each view is offered only when its flag is `true`\n * and the server supports it.\n */\nexport type TracesExplorerFeatures = {\n  traceQuery?: boolean;\n  feedback?: boolean;\n  spanQuery?: boolean;\n  threadQuery?: boolean;\n};\n\nexport type TracesConfigContextValue = {\n  listId: string;\n  scopedFieldIds: ReadonlySet<string>;\n  hiddenFieldIds: readonly string[];\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  /** The span query API is on, so the host can offer a spans view next to the traces list. */\n  withSpanQuery: boolean;\n  /** The thread rows API is on, so the host can offer a threads view next to the traces list. */\n  withThreadQuery: boolean;\n  withRootDuration: boolean;\n  /** The server filters trace queries on the root span's `outcome` and `stopReason`. */\n  withOutcomeFields: boolean;\n  /** Trace rows carry the root span's time to first chunk, so the TTFC column can be shown. */\n  withTimeToFirstChunk: boolean;\n  /** Trace queries can be ordered by the root span's time to first chunk. */\n  withTimeToFirstChunkSort: boolean;\n  /** Trace rows carry the root span's time to first token, so the TTFT column can be shown. */\n  withTimeToFirstToken: boolean;\n  /** Trace queries can be ordered by the root span's time to first token. */\n  withTimeToFirstTokenSort: boolean;\n  /** The server supports delta polling, so auto-refresh merges new traces instead of reloading pages. */\n  withDeltaPolling: boolean;\n  /** Whether field discovery should run: the server supports it and the trace query API is on. */\n  withDiscovery: boolean;\n  isCapabilitiesLoading: boolean;\n  metricsSupport: TracesMetricsSupport;\n  /** Shared by every discovery consumer so they hit the same cached query. */\n  discoveryTimeRange: TraceQueryDiscoveryTimeRange;\n};\n\nexport type TracesFiltersActions = {\n  /** Replaces the filter tokens and groups. The scope tokens are always kept. */\n  setFilterTokens: (tokens: TracesFilters['tokens'], groups: TracesFilters['groups']) => void;\n  setDatePreset: (preset: TraceDatePreset) => void;\n  setDate: (value: Date | undefined, end: 'from' | 'to') => void;\n  setDateRange: (from: Date | undefined, to: Date | undefined) => void;\n  /** Narrows the range to a histogram selection, remembering the range to return to on reset. */\n  zoomDateRange: (from: Date, to: Date) => void;\n  /** Undoes the last histogram zoom, or switches to `defaultPreset` when there is none to undo. */\n  resetDateRange: (defaultPreset: TraceDatePreset) => void;\n};\n\nexport type TracesFiltersContextValue = TracesFiltersActions & {\n  /** The host's filters with the entries this server can't query dropped. */\n  filters: TracesFilters;\n  dateFrom?: Date;\n  dateTo?: Date;\n  filtersApplied: boolean;\n  contentFiltersApplied: boolean;\n  /** The host's filters ask for `running` traces, which `filters` (and so the query) can't express. */\n  runningSelected: boolean;\n};\n\nexport type TracesSelectionActions = {\n  selectTrace: (traceId: string) => void;\n  closeTrace: () => void;\n  selectSpan: (spanId: string | null) => void;\n  setSpanTab: (tab: SpanTab) => void;\n  setSpanView: (view: TraceSpanView) => void;\n  selectScore: (scoreId: string | null) => void;\n  highlightSpans: (spanIds: string[]) => void;\n};\n\nexport type TracesSelectionContextValue = TracesSelectionActions & {\n  selection: TracesSelection;\n  selectedTraceId?: string;\n};\n\ntype ListSource = ReturnType<typeof useTracesListSource>;\n\nexport type TracesListContextValue = Pick<\n  ListSource,\n  | 'rows'\n  | 'isLoading'\n  | 'isFetchingNextPage'\n  | 'hasNextPage'\n  | 'setEndOfListElement'\n  | 'error'\n  | 'refetch'\n  | 'autoRefetch'\n> & {\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n};\n\nexport type TracesColumnsContextValue = ReturnType<typeof useTraceColumnPreferences>;\n\nexport const TracesConfigContext = createContext<TracesConfigContextValue | null>(null);\nexport const TracesFiltersContext = createContext<TracesFiltersContextValue | null>(null);\nexport const TracesSelectionContext = createContext<TracesSelectionContextValue | null>(null);\nexport const TracesListContext = createContext<TracesListContextValue | null>(null);\n/** Kept out of `TracesListContext` so a poll tick doesn't re-render every list consumer. */\nexport const TracesListFetchingContext = createContext<boolean | null>(null);\nexport const TracesColumnsContext = createContext<TracesColumnsContextValue | null>(null);\n\nconst useRequired = <T>(context: React.Context<T | null>, name: string): T => {\n  const value = useContext(context);\n  if (!value) throw new Error(`${name} must be used inside <TracesExplorer>`);\n  return value;\n};\n\nexport const useTracesConfig = () => useRequired(TracesConfigContext, 'useTracesConfig');\nexport const useTracesFilters = () => useRequired(TracesFiltersContext, 'useTracesFilters');\nexport const useTracesSelection = () => useRequired(TracesSelectionContext, 'useTracesSelection');\nexport const useTracesList = () => useRequired(TracesListContext, 'useTracesList');\n/** Whether the list query is fetching, including background refetches and retries. */\nexport const useTracesListFetching = () => {\n  const value = useContext(TracesListFetchingContext);\n  if (value === null) throw new Error('useTracesListFetching must be used inside <TracesExplorer>');\n  return value;\n};\nexport const useTracesColumns = () => useRequired(TracesColumnsContext, 'useTracesColumns');\n\nexport const CHECKING_USAGE_REASON = 'Checking whether this storage supports usage data.';\nexport const UNSUPPORTED_USAGE_REASON = 'This observability store does not support token and cost metrics.';\n\nexport type TraceUsageColumns = {\n  /** Column preferences without the columns the store can't serve (usage, time to first chunk/token). */\n  displayedPreferences: TraceColumnPreferences;\n  /** Whether usage should be fetched: metrics are supported and a usage column is visible. */\n  usageEnabled: boolean;\n  usageDisabledReason?: string;\n};\n\nexport const useTraceUsageColumns = (): TraceUsageColumns => {\n  const { preferences } = useTracesColumns();\n  const { metricsSupport, withTimeToFirstChunk, withTimeToFirstToken, isCapabilitiesLoading } = useTracesConfig();\n  const unavailable = !metricsSupport.isLoading && !metricsSupport.supported;\n  const timeToFirstChunkUnavailable = !isCapabilitiesLoading && !withTimeToFirstChunk;\n  const timeToFirstTokenUnavailable = !isCapabilitiesLoading && !withTimeToFirstToken;\n  const displayedPreferences =\n    unavailable || timeToFirstChunkUnavailable || timeToFirstTokenUnavailable\n      ? {\n          ...preferences,\n          visibleColumns: preferences.visibleColumns.filter(\n            column =>\n              !(unavailable && isTraceUsageColumn(column)) &&\n              !(timeToFirstChunkUnavailable && column === 'timeToFirstChunk') &&\n              !(timeToFirstTokenUnavailable && column === 'timeToFirstToken'),\n          ),\n        }\n      : preferences;\n  return {\n    displayedPreferences,\n    usageEnabled: !unavailable && !metricsSupport.isLoading && hasTraceUsageColumn(displayedPreferences),\n    usageDisabledReason: metricsSupport.isLoading\n      ? CHECKING_USAGE_REASON\n      : !metricsSupport.supported\n        ? UNSUPPORTED_USAGE_REASON\n        : undefined,\n  };\n};\n"],"mappings":";;;;AAoHA,IAAa,uBAAA,GAAsBA,MAAAA,cAAAA,CAA+C,IAAI;AACtF,IAAa,wBAAA,GAAuBA,MAAAA,cAAAA,CAAgD,IAAI;AACxF,IAAa,0BAAA,GAAyBA,MAAAA,cAAAA,CAAkD,IAAI;AAC5F,IAAa,qBAAA,GAAoBA,MAAAA,cAAAA,CAA6C,IAAI;;AAElF,IAAa,6BAAA,GAA4BA,MAAAA,cAAAA,CAA8B,IAAI;AAC3E,IAAa,wBAAA,GAAuBA,MAAAA,cAAAA,CAAgD,IAAI;AAExF,IAAM,eAAkB,SAAkC,SAAoB;CAC5E,MAAM,SAAA,GAAQC,MAAAA,WAAAA,CAAW,OAAO;CAChC,IAAI,CAAC,OAAO,MAAM,IAAI,MAAM,GAAG,KAAK,sCAAsC;CAC1E,OAAO;AACT;AAEA,IAAa,wBAAwB,YAAY,qBAAqB,iBAAiB;AACvF,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAC1F,IAAa,2BAA2B,YAAY,wBAAwB,oBAAoB;AAChG,IAAa,sBAAsB,YAAY,mBAAmB,eAAe;;AAEjF,IAAa,8BAA8B;CACzC,MAAM,SAAA,GAAQA,MAAAA,WAAAA,CAAW,yBAAyB;CAClD,IAAI,UAAU,MAAM,MAAM,IAAI,MAAM,4DAA4D;CAChG,OAAO;AACT;AACA,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAE1F,IAAa,wBAAwB;AACrC,IAAa,2BAA2B;AAUxC,IAAa,6BAAgD;CAC3D,MAAM,EAAE,gBAAgB,iBAAiB;CACzC,MAAM,EAAE,gBAAgB,sBAAsB,sBAAsB,0BAA0B,gBAAgB;CAC9G,MAAM,cAAc,CAAC,eAAe,aAAa,CAAC,eAAe;CACjE,MAAM,8BAA8B,CAAC,yBAAyB,CAAC;CAC/D,MAAM,8BAA8B,CAAC,yBAAyB,CAAC;CAC/D,MAAM,uBACJ,eAAe,+BAA+B,8BAC1C;EACE,GAAG;EACH,gBAAgB,YAAY,eAAe,QACzC,WACE,EAAE,eAAeC,0CAAAA,mBAAmB,MAAM,MAC1C,EAAE,+BAA+B,WAAW,uBAC5C,EAAE,+BAA+B,WAAW,mBAChD;CACF,IACA;CACN,OAAO;EACL;EACA,cAAc,CAAC,eAAe,CAAC,eAAe,aAAaC,0CAAAA,oBAAoB,oBAAoB;EACnG,qBAAqB,eAAe,YAChC,wBACA,CAAC,eAAe,YACd,2BACA,KAAA;CACR;AACF"}
+{"version":3,"file":"traces-explorer-context.cjs.js","names":["createContext","useContext","isTraceUsageColumn","hasTraceUsageColumn"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-context.ts"],"sourcesContent":["import type { EntityType } from '@mastra/core/observability';\nimport type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { createContext, useContext } from 'react';\nimport type { useTraceColumnPreferences } from '../../hooks/use-trace-column-preferences';\nimport type { useTracesListSource } from '../../hooks/use-traces-list-source';\nimport { hasTraceUsageColumn, isTraceUsageColumn } from '../../trace-list-columns';\nimport type { TraceColumnPreferences } from '../../trace-list-columns';\nimport type { SpanTab, TraceDatePreset } from '../../types';\nimport type { FeedbackOptions } from '../feedback-options';\nimport type { TraceSpanView } from '../trace-data-panel-view';\nimport type { TracesFilters, TracesSelection, TracesSort } from './traces-explorer-actions';\n\nexport type TracesExplorerScope = { entityId: string; entityType?: EntityType };\n\nexport type TracesMetricsSupport = { supported: boolean; isLoading: boolean };\n\n/**\n * Host switches (e.g. feature flags), combined with what the server supports.\n * `traceQuery` and `feedback` default to on and can only turn their feature off.\n * `spanQuery` and `threadQuery` default to off: each view is offered only when its flag is `true`\n * and the server supports it.\n */\nexport type TracesExplorerFeatures = {\n  traceQuery?: boolean;\n  feedback?: boolean;\n  spanQuery?: boolean;\n  threadQuery?: boolean;\n};\n\nexport type TracesConfigContextValue = {\n  listId: string;\n  scopedFieldIds: ReadonlySet<string>;\n  hiddenFieldIds: readonly string[];\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  feedbackOptions?: FeedbackOptions;\n  /** The span query API is on, so the host can offer a spans view next to the traces list. */\n  withSpanQuery: boolean;\n  /** The thread rows API is on, so the host can offer a threads view next to the traces list. */\n  withThreadQuery: boolean;\n  withRootDuration: boolean;\n  /** The server filters trace queries on the root span's `outcome` and `stopReason`. */\n  withOutcomeFields: boolean;\n  /** Trace rows carry the root span's time to first chunk, so the TTFC column can be shown. */\n  withTimeToFirstChunk: boolean;\n  /** Trace queries can be ordered by the root span's time to first chunk. */\n  withTimeToFirstChunkSort: boolean;\n  /** Trace rows carry the root span's time to first token, so the TTFT column can be shown. */\n  withTimeToFirstToken: boolean;\n  /** Trace queries can be ordered by the root span's time to first token. */\n  withTimeToFirstTokenSort: boolean;\n  /** The server supports delta polling, so auto-refresh merges new traces instead of reloading pages. */\n  withDeltaPolling: boolean;\n  /** Whether field discovery should run: the server supports it and the trace query API is on. */\n  withDiscovery: boolean;\n  isCapabilitiesLoading: boolean;\n  metricsSupport: TracesMetricsSupport;\n  /** Shared by every discovery consumer so they hit the same cached query. */\n  discoveryTimeRange: TraceQueryDiscoveryTimeRange;\n};\n\nexport type TracesFiltersActions = {\n  /** Replaces the filter tokens and groups. The scope tokens are always kept. */\n  setFilterTokens: (tokens: TracesFilters['tokens'], groups: TracesFilters['groups']) => void;\n  setDatePreset: (preset: TraceDatePreset) => void;\n  setDate: (value: Date | undefined, end: 'from' | 'to') => void;\n  setDateRange: (from: Date | undefined, to: Date | undefined) => void;\n  /** Narrows the range to a histogram selection, remembering the range to return to on reset. */\n  zoomDateRange: (from: Date, to: Date) => void;\n  /** Undoes the last histogram zoom, or switches to `defaultPreset` when there is none to undo. */\n  resetDateRange: (defaultPreset: TraceDatePreset) => void;\n};\n\nexport type TracesFiltersContextValue = TracesFiltersActions & {\n  /** The host's filters with the entries this server can't query dropped. */\n  filters: TracesFilters;\n  dateFrom?: Date;\n  dateTo?: Date;\n  filtersApplied: boolean;\n  contentFiltersApplied: boolean;\n  /** The host's filters ask for `running` traces, which `filters` (and so the query) can't express. */\n  runningSelected: boolean;\n};\n\nexport type TracesSelectionActions = {\n  selectTrace: (traceId: string) => void;\n  closeTrace: () => void;\n  selectSpan: (spanId: string | null) => void;\n  setSpanTab: (tab: SpanTab) => void;\n  setSpanView: (view: TraceSpanView) => void;\n  selectScore: (scoreId: string | null) => void;\n  highlightSpans: (spanIds: string[]) => void;\n};\n\nexport type TracesSelectionContextValue = TracesSelectionActions & {\n  selection: TracesSelection;\n  selectedTraceId?: string;\n};\n\ntype ListSource = ReturnType<typeof useTracesListSource>;\n\nexport type TracesListContextValue = Pick<\n  ListSource,\n  | 'rows'\n  | 'isLoading'\n  | 'isFetchingNextPage'\n  | 'hasNextPage'\n  | 'setEndOfListElement'\n  | 'error'\n  | 'refetch'\n  | 'autoRefetch'\n> & {\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n};\n\nexport type TracesColumnsContextValue = ReturnType<typeof useTraceColumnPreferences>;\n\nexport const TracesConfigContext = createContext<TracesConfigContextValue | null>(null);\nexport const TracesFiltersContext = createContext<TracesFiltersContextValue | null>(null);\nexport const TracesSelectionContext = createContext<TracesSelectionContextValue | null>(null);\nexport const TracesListContext = createContext<TracesListContextValue | null>(null);\n/** Kept out of `TracesListContext` so a poll tick doesn't re-render every list consumer. */\nexport const TracesListFetchingContext = createContext<boolean | null>(null);\nexport const TracesColumnsContext = createContext<TracesColumnsContextValue | null>(null);\n\nconst useRequired = <T>(context: React.Context<T | null>, name: string): T => {\n  const value = useContext(context);\n  if (!value) throw new Error(`${name} must be used inside <TracesExplorer>`);\n  return value;\n};\n\nexport const useTracesConfig = () => useRequired(TracesConfigContext, 'useTracesConfig');\nexport const useTracesFilters = () => useRequired(TracesFiltersContext, 'useTracesFilters');\nexport const useTracesSelection = () => useRequired(TracesSelectionContext, 'useTracesSelection');\nexport const useTracesList = () => useRequired(TracesListContext, 'useTracesList');\n/** Whether the list query is fetching, including background refetches and retries. */\nexport const useTracesListFetching = () => {\n  const value = useContext(TracesListFetchingContext);\n  if (value === null) throw new Error('useTracesListFetching must be used inside <TracesExplorer>');\n  return value;\n};\nexport const useTracesColumns = () => useRequired(TracesColumnsContext, 'useTracesColumns');\n\nexport const CHECKING_USAGE_REASON = 'Checking whether this storage supports usage data.';\nexport const UNSUPPORTED_USAGE_REASON = 'This observability store does not support token and cost metrics.';\n\nexport type TraceUsageColumns = {\n  /** Column preferences without the columns the store can't serve (usage, time to first chunk/token). */\n  displayedPreferences: TraceColumnPreferences;\n  /** Whether usage should be fetched: metrics are supported and a usage column is visible. */\n  usageEnabled: boolean;\n  usageDisabledReason?: string;\n};\n\nexport const useTraceUsageColumns = (): TraceUsageColumns => {\n  const { preferences } = useTracesColumns();\n  const { metricsSupport, withTimeToFirstChunk, withTimeToFirstToken, isCapabilitiesLoading } = useTracesConfig();\n  const unavailable = !metricsSupport.isLoading && !metricsSupport.supported;\n  const timeToFirstChunkUnavailable = !isCapabilitiesLoading && !withTimeToFirstChunk;\n  const timeToFirstTokenUnavailable = !isCapabilitiesLoading && !withTimeToFirstToken;\n  const displayedPreferences =\n    unavailable || timeToFirstChunkUnavailable || timeToFirstTokenUnavailable\n      ? {\n          ...preferences,\n          visibleColumns: preferences.visibleColumns.filter(\n            column =>\n              !(unavailable && isTraceUsageColumn(column)) &&\n              !(timeToFirstChunkUnavailable && column === 'timeToFirstChunk') &&\n              !(timeToFirstTokenUnavailable && column === 'timeToFirstToken'),\n          ),\n        }\n      : preferences;\n  return {\n    displayedPreferences,\n    usageEnabled: !unavailable && !metricsSupport.isLoading && hasTraceUsageColumn(displayedPreferences),\n    usageDisabledReason: metricsSupport.isLoading\n      ? CHECKING_USAGE_REASON\n      : !metricsSupport.supported\n        ? UNSUPPORTED_USAGE_REASON\n        : undefined,\n  };\n};\n"],"mappings":";;;;AAsHA,IAAa,uBAAA,GAAsBA,MAAAA,cAAAA,CAA+C,IAAI;AACtF,IAAa,wBAAA,GAAuBA,MAAAA,cAAAA,CAAgD,IAAI;AACxF,IAAa,0BAAA,GAAyBA,MAAAA,cAAAA,CAAkD,IAAI;AAC5F,IAAa,qBAAA,GAAoBA,MAAAA,cAAAA,CAA6C,IAAI;;AAElF,IAAa,6BAAA,GAA4BA,MAAAA,cAAAA,CAA8B,IAAI;AAC3E,IAAa,wBAAA,GAAuBA,MAAAA,cAAAA,CAAgD,IAAI;AAExF,IAAM,eAAkB,SAAkC,SAAoB;CAC5E,MAAM,SAAA,GAAQC,MAAAA,WAAAA,CAAW,OAAO;CAChC,IAAI,CAAC,OAAO,MAAM,IAAI,MAAM,GAAG,KAAK,sCAAsC;CAC1E,OAAO;AACT;AAEA,IAAa,wBAAwB,YAAY,qBAAqB,iBAAiB;AACvF,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAC1F,IAAa,2BAA2B,YAAY,wBAAwB,oBAAoB;AAChG,IAAa,sBAAsB,YAAY,mBAAmB,eAAe;;AAEjF,IAAa,8BAA8B;CACzC,MAAM,SAAA,GAAQA,MAAAA,WAAAA,CAAW,yBAAyB;CAClD,IAAI,UAAU,MAAM,MAAM,IAAI,MAAM,4DAA4D;CAChG,OAAO;AACT;AACA,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAE1F,IAAa,wBAAwB;AACrC,IAAa,2BAA2B;AAUxC,IAAa,6BAAgD;CAC3D,MAAM,EAAE,gBAAgB,iBAAiB;CACzC,MAAM,EAAE,gBAAgB,sBAAsB,sBAAsB,0BAA0B,gBAAgB;CAC9G,MAAM,cAAc,CAAC,eAAe,aAAa,CAAC,eAAe;CACjE,MAAM,8BAA8B,CAAC,yBAAyB,CAAC;CAC/D,MAAM,8BAA8B,CAAC,yBAAyB,CAAC;CAC/D,MAAM,uBACJ,eAAe,+BAA+B,8BAC1C;EACE,GAAG;EACH,gBAAgB,YAAY,eAAe,QACzC,WACE,EAAE,eAAeC,0CAAAA,mBAAmB,MAAM,MAC1C,EAAE,+BAA+B,WAAW,uBAC5C,EAAE,+BAA+B,WAAW,mBAChD;CACF,IACA;CACN,OAAO;EACL;EACA,cAAc,CAAC,eAAe,CAAC,eAAe,aAAaC,0CAAAA,oBAAoB,oBAAoB;EACnG,qBAAqB,eAAe,YAChC,wBACA,CAAC,eAAe,YACd,2BACA,KAAA;CACR;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-context.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-context.ts"],"sourcesContent":["import type { EntityType } from '@mastra/core/observability';\nimport type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { createContext, useContext } from 'react';\nimport type { useTraceColumnPreferences } from '../../hooks/use-trace-column-preferences';\nimport type { useTracesListSource } from '../../hooks/use-traces-list-source';\nimport { hasTraceUsageColumn, isTraceUsageColumn } from '../../trace-list-columns';\nimport type { TraceColumnPreferences } from '../../trace-list-columns';\nimport type { SpanTab, TraceDatePreset } from '../../types';\nimport type { TraceSpanView } from '../trace-data-panel-view';\nimport type { TracesFilters, TracesSelection, TracesSort } from './traces-explorer-actions';\n\nexport type TracesExplorerScope = { entityId: string; entityType?: EntityType };\n\nexport type TracesMetricsSupport = { supported: boolean; isLoading: boolean };\n\n/**\n * Host switches (e.g. feature flags), combined with what the server supports.\n * `traceQuery` and `feedback` default to on and can only turn their feature off.\n * `spanQuery` and `threadQuery` default to off: each view is offered only when its flag is `true`\n * and the server supports it.\n */\nexport type TracesExplorerFeatures = {\n  traceQuery?: boolean;\n  feedback?: boolean;\n  spanQuery?: boolean;\n  threadQuery?: boolean;\n};\n\nexport type TracesConfigContextValue = {\n  listId: string;\n  scopedFieldIds: ReadonlySet<string>;\n  hiddenFieldIds: readonly string[];\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  /** The span query API is on, so the host can offer a spans view next to the traces list. */\n  withSpanQuery: boolean;\n  /** The thread rows API is on, so the host can offer a threads view next to the traces list. */\n  withThreadQuery: boolean;\n  withRootDuration: boolean;\n  /** The server filters trace queries on the root span's `outcome` and `stopReason`. */\n  withOutcomeFields: boolean;\n  /** Trace rows carry the root span's time to first chunk, so the TTFC column can be shown. */\n  withTimeToFirstChunk: boolean;\n  /** Trace queries can be ordered by the root span's time to first chunk. */\n  withTimeToFirstChunkSort: boolean;\n  /** Trace rows carry the root span's time to first token, so the TTFT column can be shown. */\n  withTimeToFirstToken: boolean;\n  /** Trace queries can be ordered by the root span's time to first token. */\n  withTimeToFirstTokenSort: boolean;\n  /** The server supports delta polling, so auto-refresh merges new traces instead of reloading pages. */\n  withDeltaPolling: boolean;\n  /** Whether field discovery should run: the server supports it and the trace query API is on. */\n  withDiscovery: boolean;\n  isCapabilitiesLoading: boolean;\n  metricsSupport: TracesMetricsSupport;\n  /** Shared by every discovery consumer so they hit the same cached query. */\n  discoveryTimeRange: TraceQueryDiscoveryTimeRange;\n};\n\nexport type TracesFiltersActions = {\n  /** Replaces the filter tokens and groups. The scope tokens are always kept. */\n  setFilterTokens: (tokens: TracesFilters['tokens'], groups: TracesFilters['groups']) => void;\n  setDatePreset: (preset: TraceDatePreset) => void;\n  setDate: (value: Date | undefined, end: 'from' | 'to') => void;\n  setDateRange: (from: Date | undefined, to: Date | undefined) => void;\n  /** Narrows the range to a histogram selection, remembering the range to return to on reset. */\n  zoomDateRange: (from: Date, to: Date) => void;\n  /** Undoes the last histogram zoom, or switches to `defaultPreset` when there is none to undo. */\n  resetDateRange: (defaultPreset: TraceDatePreset) => void;\n};\n\nexport type TracesFiltersContextValue = TracesFiltersActions & {\n  /** The host's filters with the entries this server can't query dropped. */\n  filters: TracesFilters;\n  dateFrom?: Date;\n  dateTo?: Date;\n  filtersApplied: boolean;\n  contentFiltersApplied: boolean;\n  /** The host's filters ask for `running` traces, which `filters` (and so the query) can't express. */\n  runningSelected: boolean;\n};\n\nexport type TracesSelectionActions = {\n  selectTrace: (traceId: string) => void;\n  closeTrace: () => void;\n  selectSpan: (spanId: string | null) => void;\n  setSpanTab: (tab: SpanTab) => void;\n  setSpanView: (view: TraceSpanView) => void;\n  selectScore: (scoreId: string | null) => void;\n  highlightSpans: (spanIds: string[]) => void;\n};\n\nexport type TracesSelectionContextValue = TracesSelectionActions & {\n  selection: TracesSelection;\n  selectedTraceId?: string;\n};\n\ntype ListSource = ReturnType<typeof useTracesListSource>;\n\nexport type TracesListContextValue = Pick<\n  ListSource,\n  | 'rows'\n  | 'isLoading'\n  | 'isFetchingNextPage'\n  | 'hasNextPage'\n  | 'setEndOfListElement'\n  | 'error'\n  | 'refetch'\n  | 'autoRefetch'\n> & {\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n};\n\nexport type TracesColumnsContextValue = ReturnType<typeof useTraceColumnPreferences>;\n\nexport const TracesConfigContext = createContext<TracesConfigContextValue | null>(null);\nexport const TracesFiltersContext = createContext<TracesFiltersContextValue | null>(null);\nexport const TracesSelectionContext = createContext<TracesSelectionContextValue | null>(null);\nexport const TracesListContext = createContext<TracesListContextValue | null>(null);\n/** Kept out of `TracesListContext` so a poll tick doesn't re-render every list consumer. */\nexport const TracesListFetchingContext = createContext<boolean | null>(null);\nexport const TracesColumnsContext = createContext<TracesColumnsContextValue | null>(null);\n\nconst useRequired = <T>(context: React.Context<T | null>, name: string): T => {\n  const value = useContext(context);\n  if (!value) throw new Error(`${name} must be used inside <TracesExplorer>`);\n  return value;\n};\n\nexport const useTracesConfig = () => useRequired(TracesConfigContext, 'useTracesConfig');\nexport const useTracesFilters = () => useRequired(TracesFiltersContext, 'useTracesFilters');\nexport const useTracesSelection = () => useRequired(TracesSelectionContext, 'useTracesSelection');\nexport const useTracesList = () => useRequired(TracesListContext, 'useTracesList');\n/** Whether the list query is fetching, including background refetches and retries. */\nexport const useTracesListFetching = () => {\n  const value = useContext(TracesListFetchingContext);\n  if (value === null) throw new Error('useTracesListFetching must be used inside <TracesExplorer>');\n  return value;\n};\nexport const useTracesColumns = () => useRequired(TracesColumnsContext, 'useTracesColumns');\n\nexport const CHECKING_USAGE_REASON = 'Checking whether this storage supports usage data.';\nexport const UNSUPPORTED_USAGE_REASON = 'This observability store does not support token and cost metrics.';\n\nexport type TraceUsageColumns = {\n  /** Column preferences without the columns the store can't serve (usage, time to first chunk/token). */\n  displayedPreferences: TraceColumnPreferences;\n  /** Whether usage should be fetched: metrics are supported and a usage column is visible. */\n  usageEnabled: boolean;\n  usageDisabledReason?: string;\n};\n\nexport const useTraceUsageColumns = (): TraceUsageColumns => {\n  const { preferences } = useTracesColumns();\n  const { metricsSupport, withTimeToFirstChunk, withTimeToFirstToken, isCapabilitiesLoading } = useTracesConfig();\n  const unavailable = !metricsSupport.isLoading && !metricsSupport.supported;\n  const timeToFirstChunkUnavailable = !isCapabilitiesLoading && !withTimeToFirstChunk;\n  const timeToFirstTokenUnavailable = !isCapabilitiesLoading && !withTimeToFirstToken;\n  const displayedPreferences =\n    unavailable || timeToFirstChunkUnavailable || timeToFirstTokenUnavailable\n      ? {\n          ...preferences,\n          visibleColumns: preferences.visibleColumns.filter(\n            column =>\n              !(unavailable && isTraceUsageColumn(column)) &&\n              !(timeToFirstChunkUnavailable && column === 'timeToFirstChunk') &&\n              !(timeToFirstTokenUnavailable && column === 'timeToFirstToken'),\n          ),\n        }\n      : preferences;\n  return {\n    displayedPreferences,\n    usageEnabled: !unavailable && !metricsSupport.isLoading && hasTraceUsageColumn(displayedPreferences),\n    usageDisabledReason: metricsSupport.isLoading\n      ? CHECKING_USAGE_REASON\n      : !metricsSupport.supported\n        ? UNSUPPORTED_USAGE_REASON\n        : undefined,\n  };\n};\n"],"mappings":";;;AAoHA,IAAa,sBAAsB,cAA+C,IAAI;AACtF,IAAa,uBAAuB,cAAgD,IAAI;AACxF,IAAa,yBAAyB,cAAkD,IAAI;AAC5F,IAAa,oBAAoB,cAA6C,IAAI;;AAElF,IAAa,4BAA4B,cAA8B,IAAI;AAC3E,IAAa,uBAAuB,cAAgD,IAAI;AAExF,IAAM,eAAkB,SAAkC,SAAoB;CAC5E,MAAM,QAAQ,WAAW,OAAO;CAChC,IAAI,CAAC,OAAO,MAAM,IAAI,MAAM,GAAG,KAAK,sCAAsC;CAC1E,OAAO;AACT;AAEA,IAAa,wBAAwB,YAAY,qBAAqB,iBAAiB;AACvF,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAC1F,IAAa,2BAA2B,YAAY,wBAAwB,oBAAoB;AAChG,IAAa,sBAAsB,YAAY,mBAAmB,eAAe;;AAEjF,IAAa,8BAA8B;CACzC,MAAM,QAAQ,WAAW,yBAAyB;CAClD,IAAI,UAAU,MAAM,MAAM,IAAI,MAAM,4DAA4D;CAChG,OAAO;AACT;AACA,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAE1F,IAAa,wBAAwB;AACrC,IAAa,2BAA2B;AAUxC,IAAa,6BAAgD;CAC3D,MAAM,EAAE,gBAAgB,iBAAiB;CACzC,MAAM,EAAE,gBAAgB,sBAAsB,sBAAsB,0BAA0B,gBAAgB;CAC9G,MAAM,cAAc,CAAC,eAAe,aAAa,CAAC,eAAe;CACjE,MAAM,8BAA8B,CAAC,yBAAyB,CAAC;CAC/D,MAAM,8BAA8B,CAAC,yBAAyB,CAAC;CAC/D,MAAM,uBACJ,eAAe,+BAA+B,8BAC1C;EACE,GAAG;EACH,gBAAgB,YAAY,eAAe,QACzC,WACE,EAAE,eAAe,mBAAmB,MAAM,MAC1C,EAAE,+BAA+B,WAAW,uBAC5C,EAAE,+BAA+B,WAAW,mBAChD;CACF,IACA;CACN,OAAO;EACL;EACA,cAAc,CAAC,eAAe,CAAC,eAAe,aAAa,oBAAoB,oBAAoB;EACnG,qBAAqB,eAAe,YAChC,wBACA,CAAC,eAAe,YACd,2BACA,KAAA;CACR;AACF"}
+{"version":3,"file":"traces-explorer-context.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-context.ts"],"sourcesContent":["import type { EntityType } from '@mastra/core/observability';\nimport type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { createContext, useContext } from 'react';\nimport type { useTraceColumnPreferences } from '../../hooks/use-trace-column-preferences';\nimport type { useTracesListSource } from '../../hooks/use-traces-list-source';\nimport { hasTraceUsageColumn, isTraceUsageColumn } from '../../trace-list-columns';\nimport type { TraceColumnPreferences } from '../../trace-list-columns';\nimport type { SpanTab, TraceDatePreset } from '../../types';\nimport type { FeedbackOptions } from '../feedback-options';\nimport type { TraceSpanView } from '../trace-data-panel-view';\nimport type { TracesFilters, TracesSelection, TracesSort } from './traces-explorer-actions';\n\nexport type TracesExplorerScope = { entityId: string; entityType?: EntityType };\n\nexport type TracesMetricsSupport = { supported: boolean; isLoading: boolean };\n\n/**\n * Host switches (e.g. feature flags), combined with what the server supports.\n * `traceQuery` and `feedback` default to on and can only turn their feature off.\n * `spanQuery` and `threadQuery` default to off: each view is offered only when its flag is `true`\n * and the server supports it.\n */\nexport type TracesExplorerFeatures = {\n  traceQuery?: boolean;\n  feedback?: boolean;\n  spanQuery?: boolean;\n  threadQuery?: boolean;\n};\n\nexport type TracesConfigContextValue = {\n  listId: string;\n  scopedFieldIds: ReadonlySet<string>;\n  hiddenFieldIds: readonly string[];\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  feedbackOptions?: FeedbackOptions;\n  /** The span query API is on, so the host can offer a spans view next to the traces list. */\n  withSpanQuery: boolean;\n  /** The thread rows API is on, so the host can offer a threads view next to the traces list. */\n  withThreadQuery: boolean;\n  withRootDuration: boolean;\n  /** The server filters trace queries on the root span's `outcome` and `stopReason`. */\n  withOutcomeFields: boolean;\n  /** Trace rows carry the root span's time to first chunk, so the TTFC column can be shown. */\n  withTimeToFirstChunk: boolean;\n  /** Trace queries can be ordered by the root span's time to first chunk. */\n  withTimeToFirstChunkSort: boolean;\n  /** Trace rows carry the root span's time to first token, so the TTFT column can be shown. */\n  withTimeToFirstToken: boolean;\n  /** Trace queries can be ordered by the root span's time to first token. */\n  withTimeToFirstTokenSort: boolean;\n  /** The server supports delta polling, so auto-refresh merges new traces instead of reloading pages. */\n  withDeltaPolling: boolean;\n  /** Whether field discovery should run: the server supports it and the trace query API is on. */\n  withDiscovery: boolean;\n  isCapabilitiesLoading: boolean;\n  metricsSupport: TracesMetricsSupport;\n  /** Shared by every discovery consumer so they hit the same cached query. */\n  discoveryTimeRange: TraceQueryDiscoveryTimeRange;\n};\n\nexport type TracesFiltersActions = {\n  /** Replaces the filter tokens and groups. The scope tokens are always kept. */\n  setFilterTokens: (tokens: TracesFilters['tokens'], groups: TracesFilters['groups']) => void;\n  setDatePreset: (preset: TraceDatePreset) => void;\n  setDate: (value: Date | undefined, end: 'from' | 'to') => void;\n  setDateRange: (from: Date | undefined, to: Date | undefined) => void;\n  /** Narrows the range to a histogram selection, remembering the range to return to on reset. */\n  zoomDateRange: (from: Date, to: Date) => void;\n  /** Undoes the last histogram zoom, or switches to `defaultPreset` when there is none to undo. */\n  resetDateRange: (defaultPreset: TraceDatePreset) => void;\n};\n\nexport type TracesFiltersContextValue = TracesFiltersActions & {\n  /** The host's filters with the entries this server can't query dropped. */\n  filters: TracesFilters;\n  dateFrom?: Date;\n  dateTo?: Date;\n  filtersApplied: boolean;\n  contentFiltersApplied: boolean;\n  /** The host's filters ask for `running` traces, which `filters` (and so the query) can't express. */\n  runningSelected: boolean;\n};\n\nexport type TracesSelectionActions = {\n  selectTrace: (traceId: string) => void;\n  closeTrace: () => void;\n  selectSpan: (spanId: string | null) => void;\n  setSpanTab: (tab: SpanTab) => void;\n  setSpanView: (view: TraceSpanView) => void;\n  selectScore: (scoreId: string | null) => void;\n  highlightSpans: (spanIds: string[]) => void;\n};\n\nexport type TracesSelectionContextValue = TracesSelectionActions & {\n  selection: TracesSelection;\n  selectedTraceId?: string;\n};\n\ntype ListSource = ReturnType<typeof useTracesListSource>;\n\nexport type TracesListContextValue = Pick<\n  ListSource,\n  | 'rows'\n  | 'isLoading'\n  | 'isFetchingNextPage'\n  | 'hasNextPage'\n  | 'setEndOfListElement'\n  | 'error'\n  | 'refetch'\n  | 'autoRefetch'\n> & {\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n};\n\nexport type TracesColumnsContextValue = ReturnType<typeof useTraceColumnPreferences>;\n\nexport const TracesConfigContext = createContext<TracesConfigContextValue | null>(null);\nexport const TracesFiltersContext = createContext<TracesFiltersContextValue | null>(null);\nexport const TracesSelectionContext = createContext<TracesSelectionContextValue | null>(null);\nexport const TracesListContext = createContext<TracesListContextValue | null>(null);\n/** Kept out of `TracesListContext` so a poll tick doesn't re-render every list consumer. */\nexport const TracesListFetchingContext = createContext<boolean | null>(null);\nexport const TracesColumnsContext = createContext<TracesColumnsContextValue | null>(null);\n\nconst useRequired = <T>(context: React.Context<T | null>, name: string): T => {\n  const value = useContext(context);\n  if (!value) throw new Error(`${name} must be used inside <TracesExplorer>`);\n  return value;\n};\n\nexport const useTracesConfig = () => useRequired(TracesConfigContext, 'useTracesConfig');\nexport const useTracesFilters = () => useRequired(TracesFiltersContext, 'useTracesFilters');\nexport const useTracesSelection = () => useRequired(TracesSelectionContext, 'useTracesSelection');\nexport const useTracesList = () => useRequired(TracesListContext, 'useTracesList');\n/** Whether the list query is fetching, including background refetches and retries. */\nexport const useTracesListFetching = () => {\n  const value = useContext(TracesListFetchingContext);\n  if (value === null) throw new Error('useTracesListFetching must be used inside <TracesExplorer>');\n  return value;\n};\nexport const useTracesColumns = () => useRequired(TracesColumnsContext, 'useTracesColumns');\n\nexport const CHECKING_USAGE_REASON = 'Checking whether this storage supports usage data.';\nexport const UNSUPPORTED_USAGE_REASON = 'This observability store does not support token and cost metrics.';\n\nexport type TraceUsageColumns = {\n  /** Column preferences without the columns the store can't serve (usage, time to first chunk/token). */\n  displayedPreferences: TraceColumnPreferences;\n  /** Whether usage should be fetched: metrics are supported and a usage column is visible. */\n  usageEnabled: boolean;\n  usageDisabledReason?: string;\n};\n\nexport const useTraceUsageColumns = (): TraceUsageColumns => {\n  const { preferences } = useTracesColumns();\n  const { metricsSupport, withTimeToFirstChunk, withTimeToFirstToken, isCapabilitiesLoading } = useTracesConfig();\n  const unavailable = !metricsSupport.isLoading && !metricsSupport.supported;\n  const timeToFirstChunkUnavailable = !isCapabilitiesLoading && !withTimeToFirstChunk;\n  const timeToFirstTokenUnavailable = !isCapabilitiesLoading && !withTimeToFirstToken;\n  const displayedPreferences =\n    unavailable || timeToFirstChunkUnavailable || timeToFirstTokenUnavailable\n      ? {\n          ...preferences,\n          visibleColumns: preferences.visibleColumns.filter(\n            column =>\n              !(unavailable && isTraceUsageColumn(column)) &&\n              !(timeToFirstChunkUnavailable && column === 'timeToFirstChunk') &&\n              !(timeToFirstTokenUnavailable && column === 'timeToFirstToken'),\n          ),\n        }\n      : preferences;\n  return {\n    displayedPreferences,\n    usageEnabled: !unavailable && !metricsSupport.isLoading && hasTraceUsageColumn(displayedPreferences),\n    usageDisabledReason: metricsSupport.isLoading\n      ? CHECKING_USAGE_REASON\n      : !metricsSupport.supported\n        ? UNSUPPORTED_USAGE_REASON\n        : undefined,\n  };\n};\n"],"mappings":";;;AAsHA,IAAa,sBAAsB,cAA+C,IAAI;AACtF,IAAa,uBAAuB,cAAgD,IAAI;AACxF,IAAa,yBAAyB,cAAkD,IAAI;AAC5F,IAAa,oBAAoB,cAA6C,IAAI;;AAElF,IAAa,4BAA4B,cAA8B,IAAI;AAC3E,IAAa,uBAAuB,cAAgD,IAAI;AAExF,IAAM,eAAkB,SAAkC,SAAoB;CAC5E,MAAM,QAAQ,WAAW,OAAO;CAChC,IAAI,CAAC,OAAO,MAAM,IAAI,MAAM,GAAG,KAAK,sCAAsC;CAC1E,OAAO;AACT;AAEA,IAAa,wBAAwB,YAAY,qBAAqB,iBAAiB;AACvF,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAC1F,IAAa,2BAA2B,YAAY,wBAAwB,oBAAoB;AAChG,IAAa,sBAAsB,YAAY,mBAAmB,eAAe;;AAEjF,IAAa,8BAA8B;CACzC,MAAM,QAAQ,WAAW,yBAAyB;CAClD,IAAI,UAAU,MAAM,MAAM,IAAI,MAAM,4DAA4D;CAChG,OAAO;AACT;AACA,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAE1F,IAAa,wBAAwB;AACrC,IAAa,2BAA2B;AAUxC,IAAa,6BAAgD;CAC3D,MAAM,EAAE,gBAAgB,iBAAiB;CACzC,MAAM,EAAE,gBAAgB,sBAAsB,sBAAsB,0BAA0B,gBAAgB;CAC9G,MAAM,cAAc,CAAC,eAAe,aAAa,CAAC,eAAe;CACjE,MAAM,8BAA8B,CAAC,yBAAyB,CAAC;CAC/D,MAAM,8BAA8B,CAAC,yBAAyB,CAAC;CAC/D,MAAM,uBACJ,eAAe,+BAA+B,8BAC1C;EACE,GAAG;EACH,gBAAgB,YAAY,eAAe,QACzC,WACE,EAAE,eAAe,mBAAmB,MAAM,MAC1C,EAAE,+BAA+B,WAAW,uBAC5C,EAAE,+BAA+B,WAAW,mBAChD;CACF,IACA;CACN,OAAO;EACL;EACA,cAAc,CAAC,eAAe,CAAC,eAAe,aAAa,oBAAoB,oBAAoB;EACnG,qBAAqB,eAAe,YAChC,wBACA,CAAC,eAAe,YACd,2BACA,KAAA;CACR;AACF"}

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

@@ -3,8 +3,8 @@ 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_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");
-const require_FilterBar = require("../../../../FilterBar-jBz6yaNu.cjs");
-require("../../../../filter-bar-time-range-DlVNjw43.cjs");
+const require_FilterBar = require("../../../../FilterBar-O8SYau_Q.cjs");
+require("../../../../filter-bar-time-range-D4C3kU0J.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/traces-explorer/traces-explorer-filter-bar.tsx
 var TIME_RANGE_PRESETS = [

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

@@ -2,8 +2,8 @@ import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../../trace-filters-CaWkw
 import { DEFAULT_TRACES_FILTERS } from "./traces-explorer-actions.es.js";
 import { useTracesConfig, useTracesFilters, useTracesList } from "./traces-explorer-context.es.js";
 import { useTracesFilterBar, useTracesFilterBarFields } from "./use-traces-filter-bar.es.js";
-import { n as FilterBar } from "../../../../FilterBar-Kmn6gMgO.js";
-import "../../../../filter-bar-time-range-D9SnzR2J.js";
+import { n as FilterBar } from "../../../../FilterBar-DgHNtsDI.js";
+import "../../../../filter-bar-time-range-ao2YiYEJ.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/traces-explorer/traces-explorer-filter-bar.tsx
 var TIME_RANGE_PRESETS = [

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

@@ -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

@@ -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":";;;;;;;;;;;;;;AA4BA,SAAgB,oBAAoB,EAClC,aACA,2BACA,mBACA,WACA,wBAAwB,QACG;CAC3B,MAAM,EAAE,gBAAgB,iBAAiB,gBAAgB;CACzD,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;GACD;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,iBAAiB,gBAAgB,EAAE,SAAS,UAAU,oBAAC,kBAAD,EAAkB,SAAS,IAAM,CAAA,IAAI,KAAA;GAC3F,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,MAAM,oBAAC,iBAAD;IAAuC,SAAS;IAAK,QAAQ;GAAM,GAA7C,GAAG,IAAI,GAAG,KAAmC,IAAI,OACtF,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"}
+{"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":"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"}

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

@@ -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,