@mastra/playground-ui 61.0.0-alpha.2 → 61.0.0-alpha.4

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

@@ -1 +1 @@
-{"version":3,"file":"thread-trace-spans.es.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-spans.tsx"],"sourcesContent":["import { Minimize2 } from 'lucide-react';\nimport { useMemo } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { useExpandedSpanIds } from '../../hooks/use-expanded-span-ids';\nimport { useTraceSpans } from '../../hooks/use-trace-spans';\nimport { formatHierarchicalSpans } from '../format-hierarchical-spans';\nimport { TraceSpanTree } from '../trace-span-tree';\nimport { useThreadTrace } from './thread-trace-context';\nimport { useThreadTraceRow } from './thread-trace-row-context';\nimport { Button } from '@/ds/components/Button';\nimport { CollapsibleBox } from '@/ds/components/CollapsibleBox';\nimport type { CollapsibleBoxState } from '@/ds/components/CollapsibleBox';\nimport { cn } from '@/lib/utils';\n\n/**\n * The span tree is clamped to the messages column while the row is collapsed. The budget is the\n * messages height minus the details header (when there is one), otherwise the right cell overshoots the left.\n */\nfunction useSpansClamp() {\n  const { isExpanded, setExpanded, messagesHeight, timelineHeight, detailsHeaderHeight } = useThreadTraceRow();\n  const budget = messagesHeight !== null ? messagesHeight - (detailsHeaderHeight ?? 0) : null;\n  const overflows = budget !== null && timelineHeight !== null && timelineHeight > budget;\n  return { budget, overflows, isExpanded, setExpanded };\n}\n\nexport interface ThreadTraceSpansProps extends Omit<ComponentProps<'div'>, 'children'> {\n  /** Class name of the measured wrapper around the timeline. */\n  timelineClassName?: string;\n}\n\n/**\n * The span tree of a row, clamped (and faded) to the messages column while the row is collapsed.\n * Clicking the fade or its Expand button expands it; a Collapse button sits under the expanded tree\n * (hidden while a span of the row is open). Clamping needs the measured height of `ThreadTrace.Messages`.\n */\nexport function ThreadTraceSpans({ className, timelineClassName, ...props }: ThreadTraceSpansProps) {\n  const { selectSpan } = useThreadTrace();\n  const { traceId, selectedSpanId, featuredSpanIds, revealSpanId, timelineRef, isActive } = useThreadTraceRow();\n  const { budget, overflows, isExpanded, setExpanded } = useSpansClamp();\n\n  // Passive: deduped with the (non-passive) fetch inside the consumer's messages slot and the side panel.\n  const { data, isLoading } = useTraceSpans(traceId, { passive: true });\n  const hierarchicalSpans = useMemo(() => formatHierarchicalSpans(data?.spans ?? []), [data]);\n  const { expandedSpanIds, setExpandedSpanIds } = useExpandedSpanIds(hierarchicalSpans);\n\n  // The clamp applies whenever the row is collapsed, not only once `overflows` is known: the\n  // measurement lags a frame on mount, which would otherwise let the cell grow and snap back.\n  // Overflow is already measured by the row, so the box's own measurement is ignored.\n  const box: CollapsibleBoxState = {\n    collapsedHeight: budget ?? 0,\n    isExpanded: isExpanded || budget === null,\n    isClipped: overflows,\n    setClipped: () => {},\n    setExpanded,\n    toggleExpanded: () => setExpanded(!isExpanded),\n  };\n\n  return (\n    <CollapsibleBox\n      state={box}\n      expandLabel=\"Expand\"\n      data-slot=\"thread-trace-spans\"\n      data-testid=\"trace-row-timeline\"\n      className={className}\n      {...props}\n    >\n      <div ref={timelineRef} className={cn('px-4 pt-2 pb-4', timelineClassName)}>\n        <TraceSpanTree\n          hierarchicalSpans={hierarchicalSpans}\n          selectedSpanId={selectedSpanId}\n          featuredSpanIds={featuredSpanIds}\n          revealSpanId={revealSpanId}\n          onSpanClick={id => selectSpan(traceId, selectedSpanId === id ? undefined : id)}\n          expandedSpanIds={expandedSpanIds}\n          setExpandedSpanIds={setExpandedSpanIds}\n          isLoading={isLoading}\n        />\n      </div>\n      {isExpanded && overflows && !isActive && (\n        <div className=\"flex justify-center pb-2\">\n          <Button size=\"sm\" variant=\"ghost\" icon={<Minimize2 />} onClick={() => setExpanded(false)}>\n            Collapse\n          </Button>\n        </div>\n      )}\n    </CollapsibleBox>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAmBA,SAAS,aAAA,GAAgB;AACvB,EAAA,MAAM,EAAE,UAAA,EAAY,WAAA,EAAa,gBAAgB,cAAA,EAAgB,mBAAA,KAAwB,iBAAA,EAAkB;AAC3G,EAAA,MAAM,MAAA,GAAS,cAAA,KAAmB,IAAA,GAAO,cAAA,IAAkB,uBAAuB,CAAA,CAAA,GAAK,IAAA;AACvF,EAAA,MAAM,SAAA,GAAY,MAAA,KAAW,IAAA,IAAQ,cAAA,KAAmB,QAAQ,cAAA,GAAiB,MAAA;AACjF,EAAA,OAAO,EAAE,MAAA,EAAQ,SAAA,EAAW,UAAA,EAAY,WAAA,EAAY;AACtD;AAYO,SAAS,iBAAiB,EAAE,SAAA,EAAW,iBAAA,EAAmB,GAAG,OAAM,EAA0B;AAClG,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,cAAA,EAAe;AACtC,EAAA,MAAM,EAAE,SAAS,cAAA,EAAgB,eAAA,EAAiB,cAAc,WAAA,EAAa,QAAA,KAAa,iBAAA,EAAkB;AAC5G,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAA,EAAW,UAAA,EAAY,WAAA,KAAgB,aAAA,EAAc;AAGrE,EAAA,MAAM,EAAE,MAAM,SAAA,EAAU,GAAI,cAAc,OAAA,EAAS,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA;AACpE,EAAA,MAAM,iBAAA,GAAoB,OAAA,CAAQ,MAAM,uBAAA,CAAwB,IAAA,EAAM,KAAA,IAAS,EAAE,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAC1F,EAAA,MAAM,EAAE,eAAA,EAAiB,kBAAA,EAAmB,GAAI,mBAAmB,iBAAiB,CAAA;AAKpF,EAAA,MAAM,GAAA,GAA2B;AAAA,IAC/B,iBAAiB,MAAA,IAAU,CAAA;AAAA,IAC3B,UAAA,EAAY,cAAc,MAAA,KAAW,IAAA;AAAA,IACrC,SAAA,EAAW,SAAA;AAAA,IACX,YAAY,MAAM;AAAA,IAAC,CAAA;AAAA,IACnB,WAAA;AAAA,IACA,cAAA,EAAgB,MAAM,WAAA,CAAY,CAAC,UAAU;AAAA,GAC/C;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,GAAA;AAAA,MACP,WAAA,EAAY,QAAA;AAAA,MACZ,WAAA,EAAU,oBAAA;AAAA,MACV,aAAA,EAAY,oBAAA;AAAA,MACZ,SAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAI,GAAA,EAAK,WAAA,EAAa,WAAW,EAAA,CAAG,gBAAA,EAAkB,iBAAiB,CAAA,EACtE,QAAA,kBAAA,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,iBAAA;AAAA,YACA,cAAA;AAAA,YACA,eAAA;AAAA,YACA,YAAA;AAAA,YACA,aAAa,CAAA,EAAA,KAAM,UAAA,CAAW,SAAS,cAAA,KAAmB,EAAA,GAAK,SAAY,EAAE,CAAA;AAAA,YAC7E,eAAA;AAAA,YACA,kBAAA;AAAA,YACA;AAAA;AAAA,SACF,EACF,CAAA;AAAA,QACC,UAAA,IAAc,SAAA,IAAa,CAAC,QAAA,oBAC3B,GAAA,CAAC,SAAI,SAAA,EAAU,0BAAA,EACb,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK,SAAQ,OAAA,EAAQ,IAAA,kBAAM,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA,EAAI,OAAA,EAAS,MAAM,WAAA,CAAY,KAAK,CAAA,EAAG,QAAA,EAAA,UAAA,EAE1F,CAAA,EACF;AAAA;AAAA;AAAA,GAEJ;AAEJ;;;;"}
+{"version":3,"file":"thread-trace-spans.es.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-spans.tsx"],"sourcesContent":["import { useTraceSpans } from '@mastra/react/hooks/traces';\nimport { Minimize2 } from 'lucide-react';\nimport { useMemo } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { useExpandedSpanIds } from '../../hooks/use-expanded-span-ids';\nimport { formatHierarchicalSpans } from '../format-hierarchical-spans';\nimport { TraceSpanTree } from '../trace-span-tree';\nimport { useThreadTrace } from './thread-trace-context';\nimport { useThreadTraceRow } from './thread-trace-row-context';\nimport { Button } from '@/ds/components/Button';\nimport { CollapsibleBox } from '@/ds/components/CollapsibleBox';\nimport type { CollapsibleBoxState } from '@/ds/components/CollapsibleBox';\nimport { cn } from '@/lib/utils';\n\n/**\n * The span tree is clamped to the messages column while the row is collapsed. The budget is the\n * messages height minus the details header (when there is one), otherwise the right cell overshoots the left.\n */\nfunction useSpansClamp() {\n  const { isExpanded, setExpanded, messagesHeight, timelineHeight, detailsHeaderHeight } = useThreadTraceRow();\n  const budget = messagesHeight !== null ? messagesHeight - (detailsHeaderHeight ?? 0) : null;\n  const overflows = budget !== null && timelineHeight !== null && timelineHeight > budget;\n  return { budget, overflows, isExpanded, setExpanded };\n}\n\nexport interface ThreadTraceSpansProps extends Omit<ComponentProps<'div'>, 'children'> {\n  /** Class name of the measured wrapper around the timeline. */\n  timelineClassName?: string;\n}\n\n/**\n * The span tree of a row, clamped (and faded) to the messages column while the row is collapsed.\n * Clicking the fade or its Expand button expands it; a Collapse button sits under the expanded tree\n * (hidden while a span of the row is open). Clamping needs the measured height of `ThreadTrace.Messages`.\n */\nexport function ThreadTraceSpans({ className, timelineClassName, ...props }: ThreadTraceSpansProps) {\n  const { selectSpan } = useThreadTrace();\n  const { traceId, selectedSpanId, featuredSpanIds, revealSpanId, timelineRef, isActive } = useThreadTraceRow();\n  const { budget, overflows, isExpanded, setExpanded } = useSpansClamp();\n\n  // Passive: deduped with the (non-passive) fetch inside the consumer's messages slot and the side panel.\n  const { data, isLoading } = useTraceSpans({ traceId: traceId, passive: true, queryOptions: { enabled: !!traceId } });\n  const hierarchicalSpans = useMemo(() => formatHierarchicalSpans(data?.spans ?? []), [data]);\n  const { expandedSpanIds, setExpandedSpanIds } = useExpandedSpanIds(hierarchicalSpans);\n\n  // The clamp applies whenever the row is collapsed, not only once `overflows` is known: the\n  // measurement lags a frame on mount, which would otherwise let the cell grow and snap back.\n  // Overflow is already measured by the row, so the box's own measurement is ignored.\n  const box: CollapsibleBoxState = {\n    collapsedHeight: budget ?? 0,\n    isExpanded: isExpanded || budget === null,\n    isClipped: overflows,\n    setClipped: () => {},\n    setExpanded,\n    toggleExpanded: () => setExpanded(!isExpanded),\n  };\n\n  return (\n    <CollapsibleBox\n      state={box}\n      expandLabel=\"Expand\"\n      data-slot=\"thread-trace-spans\"\n      data-testid=\"trace-row-timeline\"\n      className={className}\n      {...props}\n    >\n      <div ref={timelineRef} className={cn('px-4 pt-2 pb-4', timelineClassName)}>\n        <TraceSpanTree\n          hierarchicalSpans={hierarchicalSpans}\n          selectedSpanId={selectedSpanId}\n          featuredSpanIds={featuredSpanIds}\n          revealSpanId={revealSpanId}\n          onSpanClick={id => selectSpan(traceId, selectedSpanId === id ? undefined : id)}\n          expandedSpanIds={expandedSpanIds}\n          setExpandedSpanIds={setExpandedSpanIds}\n          isLoading={isLoading}\n        />\n      </div>\n      {isExpanded && overflows && !isActive && (\n        <div className=\"flex justify-center pb-2\">\n          <Button size=\"sm\" variant=\"ghost\" icon={<Minimize2 />} onClick={() => setExpanded(false)}>\n            Collapse\n          </Button>\n        </div>\n      )}\n    </CollapsibleBox>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -4,12 +4,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const react = require('@mastra/react');
+const traces = require('@mastra/react/hooks/traces');
 const reactQuery = require('@tanstack/react-query');
 const lucideReact = require('lucide-react');
 const React = require('react');
+require('@mastra/react/hooks/scores');
 require('@base-ui/react/combobox');
+require('../../../toast-nm-fM7BR.cjs');
 const domains_scores_components_traceScoresTab = require('../../scores/components/trace-scores-tab.cjs.js');
 require('@mastra/core/utils/safe-stringify');
+require('@mastra/react/hooks/datasets');
 const Button = require('../../../Button-CXhSUBxN.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
 const lib_framework = require('../../../lib/framework.cjs.js');
@@ -18,7 +22,6 @@ const domains_traces_components_threadViewSkeleton = require('./thread-view-skel
 const domains_traces_components_traceFeedbackTab = require('./trace-feedback-tab.cjs.js');
 const domains_traces_components_traceThreadItemView = require('./trace-thread-item-view.cjs.js');
 const domains_traces_components_tracesErrorContent = require('./traces-error-content.cjs.js');
-const domains_traces_hooks_useTraceSpans = require('../hooks/use-trace-spans.cjs.js');
 const domains_traces_hooks_useTracesListSource = require('../hooks/use-traces-list-source.cjs.js');
 const Txt = require('../../../Txt-DNnvlrBo.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
@@ -56,7 +59,7 @@ function ThreadViewByTrace({
   const isReady = readyThreadId === threadId;
   const firstPageSpansSettled = reactQuery.useQueries({
     queries: (isReady || !listSettled ? [] : traceIds).map((traceId) => ({
-      ...domains_traces_hooks_useTraceSpans.traceSpansQueryOptions(client, traceId),
+      ...traces.traceSpansQueryOptions(client, traceId),
       refetchOnMount: false,
       refetchOnWindowFocus: false,
       refetchOnReconnect: false
@@ -95,7 +98,7 @@ function ThreadTraceRowContent({
   const { traceId, highlightSpans } = domains_traces_components_threadTrace_threadTraceRowContext.useThreadTraceRow();
   const { Link, paths } = lib_framework.useLinkComponent();
   const traceHref = paths.traceLink(traceId);
-  const { data: traceData } = domains_traces_hooks_useTraceSpans.useTraceSpans(traceId, { passive: true });
+  const { data: traceData } = traces.useTraceSpans({ traceId, passive: true, queryOptions: { enabled: !!traceId } });
   const rootSpanId = traceData?.spans.find((span) => span.parentSpanId == null)?.spanId;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(domains_traces_components_threadTrace.ThreadTrace.Divider, { label: `Turn ${turn}`, children: [

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

@@ -1 +1 @@
-{"version":3,"file":"thread-view-by-trace.cjs.js","sources":["../../../../src/domains/traces/components/thread-view-by-trace.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQueries } from '@tanstack/react-query';\nimport { ExternalLinkIcon, MessageSquareReplyIcon, MessageSquareTextIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { TraceScoresTab } from '@/domains/scores';\nimport { ThreadTrace, useThreadTraceRow } from '@/domains/traces/components/thread-trace';\nimport type { ThreadTraceSelectedSpan } from '@/domains/traces/components/thread-trace';\n\nimport { ThreadViewSkeleton } from '@/domains/traces/components/thread-view-skeleton';\nimport { TraceFeedbackTab } from '@/domains/traces/components/trace-feedback-tab';\nimport { TraceThreadItemView } from '@/domains/traces/components/trace-thread-item-view';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { traceSpansQueryOptions, useTraceSpans } from '@/domains/traces/hooks/use-trace-spans';\nimport { useTracesListSource } from '@/domains/traces/hooks/use-traces-list-source';\nimport type { UseTracesListSourceArgs } from '@/domains/traces/hooks/use-traces-list-source';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { ScorersIcon } from '@/ds/icons/ScorersIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\n// `queryTraces` requires a time range and rejects ranges over 31 days; the legacy endpoint is left unbounded.\nconst THREAD_WINDOW_MS = 31 * 24 * 60 * 60 * 1000;\n\nexport interface ThreadViewByTraceProps {\n  threadId: string;\n  /** Lists the thread through the trace-query API; `false` falls back to `listTracesLight`. */\n  withQueryTrace: boolean;\n  /** Shows the per-trace Feedback tab and fetches its feedback. */\n  withFeedback: boolean;\n  /** Fires when a span detail opens or closes (`null`). */\n  onSelectedSpanChange?: (selected: ThreadTraceSelectedSpan | null) => void;\n  /** Opens a score from a trace's Scores tab; the app owns routing. */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Turns loaded per page: the latest ones on open, then older ones as the reader scrolls up. */\n  pageSize?: number;\n}\n\n/**\n * A memory thread rendered as its traces, like a chat: one row per agent turn (oldest at the top),\n * opened on the latest turns, with older turns loaded as the reader scrolls up. Each row shows the\n * reconstructed messages on the left and the span tree on the right. Clicking a span opens its\n * detail panel on the side so the conversation stays readable.\n */\nexport function ThreadViewByTrace({\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onSelectedSpanChange,\n  onOpenScore,\n  pageSize = 10,\n}: ThreadViewByTraceProps) {\n  const legacyFilters = useMemo<UseTracesListSourceArgs['legacyFilters']>(() => ({ threadId }), [threadId]);\n  const { rows, isLoading, isPlaceholderData, error, hasNextPage, isFetchingNextPage, fetchNextPage } =\n    useTracesListSource({\n      initialAutoRefetch: false,\n      withQueryTrace,\n      legacyFilters,\n      limit: pageSize,\n      query: now => ({\n        timeRange: {\n          from: new Date(now.getTime() - THREAD_WINDOW_MS).toISOString(),\n          to: now.toISOString(),\n        },\n        where: { op: 'eq', left: { path: 'threadId' }, right: { literal: threadId } },\n        orderBy: [{ field: 'startedAt', direction: 'desc' }],\n      }),\n    });\n  // Pages come newest first; the conversation reads oldest first.\n  const traceIds = rows.map(trace => trace.traceId).reverse();\n  const listSettled = !isLoading && !isPlaceholderData;\n\n  // The first page is shown only once its turns' spans have settled too, so the rows mount complete\n  // instead of each one loading on its own. Older pages keep their per-row loading.\n  const client = useMastraClient();\n  const [readyThreadId, setReadyThreadId] = useState<string | null>(null);\n  const isReady = readyThreadId === threadId;\n  const firstPageSpansSettled = useQueries({\n    queries: (isReady || !listSettled ? [] : traceIds).map(traceId => ({\n      ...traceSpansQueryOptions(client, traceId),\n      refetchOnMount: false,\n      refetchOnWindowFocus: false,\n      refetchOnReconnect: false,\n    })),\n    combine: results => results.every(result => !result.isPending),\n  });\n  if (!isReady && listSettled && firstPageSpansSettled) setReadyThreadId(threadId);\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <TracesErrorContent error={error} resource=\"traces\" errorTitle=\"Failed to load traces\" />\n      </div>\n    );\n  }\n\n  if (!isReady) return <ThreadViewSkeleton withFeedback={withFeedback} />;\n\n  if (traceIds.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <Txt variant=\"body\" tone=\"muted\">\n          No traces found for this thread.\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <ThreadTrace\n      key={threadId}\n      traceIds={traceIds}\n      onSelectedSpanChange={onSelectedSpanChange}\n      onLoadOlder={() => {\n        if (hasNextPage && !isFetchingNextPage) fetchNextPage();\n      }}\n    >\n      <ThreadTrace.List data-testid=\"thread-view-by-trace\">\n        {traceIds.map((traceId, index) => (\n          <ThreadTrace.Row key={traceId} traceId={traceId}>\n            <ThreadTraceRowContent turn={index + 1} withFeedback={withFeedback} onOpenScore={onOpenScore} />\n          </ThreadTrace.Row>\n        ))}\n      </ThreadTrace.List>\n      <ThreadTrace.SpanPanel />\n    </ThreadTrace>\n  );\n}\n\nfunction ThreadTraceRowContent({\n  turn,\n  withFeedback,\n  onOpenScore,\n}: {\n  /** 1-based position among the loaded turns. */\n  turn: number;\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}) {\n  const { traceId, highlightSpans } = useThreadTraceRow();\n  const { Link, paths } = useLinkComponent();\n  const traceHref = paths.traceLink(traceId);\n  // Same query the span tree observes (passive: the tree drives refetches).\n  const { data: traceData } = useTraceSpans(traceId, { passive: true });\n  const rootSpanId = traceData?.spans.find(span => span.parentSpanId == null)?.spanId;\n\n  return (\n    <>\n      <ThreadTrace.Divider label={`Turn ${turn}`}>\n        {traceHref && (\n          <>\n            <Button render={<Link href={traceHref} />} variant=\"ghost\" size=\"sm\" icon={<ExternalLinkIcon />}>\n              Go to trace\n            </Button>\n            <span aria-hidden className=\"h-4 w-px bg-border\" />\n          </>\n        )}\n        <ThreadTrace.TabList>\n          <ThreadTrace.Tab value=\"messages\">\n            <Icon size=\"xs\">\n              <MessageSquareTextIcon />\n            </Icon>\n            Messages\n          </ThreadTrace.Tab>\n          {withFeedback && (\n            <ThreadTrace.Tab value=\"feedback\">\n              <Icon size=\"xs\">\n                <MessageSquareReplyIcon />\n              </Icon>\n              Feedback\n            </ThreadTrace.Tab>\n          )}\n          <ThreadTrace.Tab value=\"scores\">\n            <Icon size=\"xs\">\n              <ScorersIcon />\n            </Icon>\n            Scores\n          </ThreadTrace.Tab>\n        </ThreadTrace.TabList>\n      </ThreadTrace.Divider>\n      <ThreadTrace.RowBody>\n        <ThreadTrace.Messages>\n          <ThreadTrace.TabContent value=\"messages\" flush>\n            <TraceThreadItemView traceId={traceId} onHighlightSpans={highlightSpans} />\n          </ThreadTrace.TabContent>\n          {withFeedback && (\n            <ThreadTrace.TabContent value=\"feedback\" className=\"min-h-0 py-3\">\n              <TraceFeedbackTab key={traceId} traceId={traceId} variant=\"thread\" />\n            </ThreadTrace.TabContent>\n          )}\n          <ThreadTrace.TabContent value=\"scores\" className=\"min-h-0 py-3\">\n            {rootSpanId ? (\n              <TraceScoresTab\n                key={traceId}\n                traceId={traceId}\n                spanId={rootSpanId}\n                onScoreSelect={scoreId => onOpenScore(traceId, scoreId)}\n              />\n            ) : null}\n          </ThreadTrace.TabContent>\n        </ThreadTrace.Messages>\n        <ThreadTrace.Details>\n          <ThreadTrace.Spans />\n        </ThreadTrace.Details>\n      </ThreadTrace.RowBody>\n    </>\n  );\n}\n"],"names":["useMemo","useTracesListSource","useMastraClient","useState","useQueries","traceSpansQueryOptions","jsx","TracesErrorContent","ThreadViewSkeleton","Txt","jsxs","ThreadTrace","useThreadTraceRow","useLinkComponent","useTraceSpans","Fragment","Button","ExternalLinkIcon","Icon","MessageSquareTextIcon","MessageSquareReplyIcon","ScorersIcon","TraceThreadItemView","TraceFeedbackTab","TraceScoresTab"],"mappings":"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"}
+{"version":3,"file":"thread-view-by-trace.cjs.js","sources":["../../../../src/domains/traces/components/thread-view-by-trace.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { traceSpansQueryOptions, useTraceSpans } from '@mastra/react/hooks/traces';\nimport { useQueries } from '@tanstack/react-query';\nimport { ExternalLinkIcon, MessageSquareReplyIcon, MessageSquareTextIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { TraceScoresTab } from '@/domains/scores';\nimport { ThreadTrace, useThreadTraceRow } from '@/domains/traces/components/thread-trace';\nimport type { ThreadTraceSelectedSpan } from '@/domains/traces/components/thread-trace';\n\nimport { ThreadViewSkeleton } from '@/domains/traces/components/thread-view-skeleton';\nimport { TraceFeedbackTab } from '@/domains/traces/components/trace-feedback-tab';\nimport { TraceThreadItemView } from '@/domains/traces/components/trace-thread-item-view';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { useTracesListSource } from '@/domains/traces/hooks/use-traces-list-source';\nimport type { UseTracesListSourceArgs } from '@/domains/traces/hooks/use-traces-list-source';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { ScorersIcon } from '@/ds/icons/ScorersIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\n// `queryTraces` requires a time range and rejects ranges over 31 days; the legacy endpoint is left unbounded.\nconst THREAD_WINDOW_MS = 31 * 24 * 60 * 60 * 1000;\n\nexport interface ThreadViewByTraceProps {\n  threadId: string;\n  /** Lists the thread through the trace-query API; `false` falls back to `listTracesLight`. */\n  withQueryTrace: boolean;\n  /** Shows the per-trace Feedback tab and fetches its feedback. */\n  withFeedback: boolean;\n  /** Fires when a span detail opens or closes (`null`). */\n  onSelectedSpanChange?: (selected: ThreadTraceSelectedSpan | null) => void;\n  /** Opens a score from a trace's Scores tab; the app owns routing. */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Turns loaded per page: the latest ones on open, then older ones as the reader scrolls up. */\n  pageSize?: number;\n}\n\n/**\n * A memory thread rendered as its traces, like a chat: one row per agent turn (oldest at the top),\n * opened on the latest turns, with older turns loaded as the reader scrolls up. Each row shows the\n * reconstructed messages on the left and the span tree on the right. Clicking a span opens its\n * detail panel on the side so the conversation stays readable.\n */\nexport function ThreadViewByTrace({\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onSelectedSpanChange,\n  onOpenScore,\n  pageSize = 10,\n}: ThreadViewByTraceProps) {\n  const legacyFilters = useMemo<UseTracesListSourceArgs['legacyFilters']>(() => ({ threadId }), [threadId]);\n  const { rows, isLoading, isPlaceholderData, error, hasNextPage, isFetchingNextPage, fetchNextPage } =\n    useTracesListSource({\n      initialAutoRefetch: false,\n      withQueryTrace,\n      legacyFilters,\n      limit: pageSize,\n      query: now => ({\n        timeRange: {\n          from: new Date(now.getTime() - THREAD_WINDOW_MS).toISOString(),\n          to: now.toISOString(),\n        },\n        where: { op: 'eq', left: { path: 'threadId' }, right: { literal: threadId } },\n        orderBy: [{ field: 'startedAt', direction: 'desc' }],\n      }),\n    });\n  // Pages come newest first; the conversation reads oldest first.\n  const traceIds = rows.map(trace => trace.traceId).reverse();\n  const listSettled = !isLoading && !isPlaceholderData;\n\n  // The first page is shown only once its turns' spans have settled too, so the rows mount complete\n  // instead of each one loading on its own. Older pages keep their per-row loading.\n  const client = useMastraClient();\n  const [readyThreadId, setReadyThreadId] = useState<string | null>(null);\n  const isReady = readyThreadId === threadId;\n  const firstPageSpansSettled = useQueries({\n    queries: (isReady || !listSettled ? [] : traceIds).map(traceId => ({\n      ...traceSpansQueryOptions(client, traceId),\n      refetchOnMount: false,\n      refetchOnWindowFocus: false,\n      refetchOnReconnect: false,\n    })),\n    combine: results => results.every(result => !result.isPending),\n  });\n  if (!isReady && listSettled && firstPageSpansSettled) setReadyThreadId(threadId);\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <TracesErrorContent error={error} resource=\"traces\" errorTitle=\"Failed to load traces\" />\n      </div>\n    );\n  }\n\n  if (!isReady) return <ThreadViewSkeleton withFeedback={withFeedback} />;\n\n  if (traceIds.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <Txt variant=\"body\" tone=\"muted\">\n          No traces found for this thread.\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <ThreadTrace\n      key={threadId}\n      traceIds={traceIds}\n      onSelectedSpanChange={onSelectedSpanChange}\n      onLoadOlder={() => {\n        if (hasNextPage && !isFetchingNextPage) fetchNextPage();\n      }}\n    >\n      <ThreadTrace.List data-testid=\"thread-view-by-trace\">\n        {traceIds.map((traceId, index) => (\n          <ThreadTrace.Row key={traceId} traceId={traceId}>\n            <ThreadTraceRowContent turn={index + 1} withFeedback={withFeedback} onOpenScore={onOpenScore} />\n          </ThreadTrace.Row>\n        ))}\n      </ThreadTrace.List>\n      <ThreadTrace.SpanPanel />\n    </ThreadTrace>\n  );\n}\n\nfunction ThreadTraceRowContent({\n  turn,\n  withFeedback,\n  onOpenScore,\n}: {\n  /** 1-based position among the loaded turns. */\n  turn: number;\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}) {\n  const { traceId, highlightSpans } = useThreadTraceRow();\n  const { Link, paths } = useLinkComponent();\n  const traceHref = paths.traceLink(traceId);\n  // Same query the span tree observes (passive: the tree drives refetches).\n  const { data: traceData } = useTraceSpans({ traceId: traceId, passive: true, queryOptions: { enabled: !!traceId } });\n  const rootSpanId = traceData?.spans.find(span => span.parentSpanId == null)?.spanId;\n\n  return (\n    <>\n      <ThreadTrace.Divider label={`Turn ${turn}`}>\n        {traceHref && (\n          <>\n            <Button render={<Link href={traceHref} />} variant=\"ghost\" size=\"sm\" icon={<ExternalLinkIcon />}>\n              Go to trace\n            </Button>\n            <span aria-hidden className=\"h-4 w-px bg-border\" />\n          </>\n        )}\n        <ThreadTrace.TabList>\n          <ThreadTrace.Tab value=\"messages\">\n            <Icon size=\"xs\">\n              <MessageSquareTextIcon />\n            </Icon>\n            Messages\n          </ThreadTrace.Tab>\n          {withFeedback && (\n            <ThreadTrace.Tab value=\"feedback\">\n              <Icon size=\"xs\">\n                <MessageSquareReplyIcon />\n              </Icon>\n              Feedback\n            </ThreadTrace.Tab>\n          )}\n          <ThreadTrace.Tab value=\"scores\">\n            <Icon size=\"xs\">\n              <ScorersIcon />\n            </Icon>\n            Scores\n          </ThreadTrace.Tab>\n        </ThreadTrace.TabList>\n      </ThreadTrace.Divider>\n      <ThreadTrace.RowBody>\n        <ThreadTrace.Messages>\n          <ThreadTrace.TabContent value=\"messages\" flush>\n            <TraceThreadItemView traceId={traceId} onHighlightSpans={highlightSpans} />\n          </ThreadTrace.TabContent>\n          {withFeedback && (\n            <ThreadTrace.TabContent value=\"feedback\" className=\"min-h-0 py-3\">\n              <TraceFeedbackTab key={traceId} traceId={traceId} variant=\"thread\" />\n            </ThreadTrace.TabContent>\n          )}\n          <ThreadTrace.TabContent value=\"scores\" className=\"min-h-0 py-3\">\n            {rootSpanId ? (\n              <TraceScoresTab\n                key={traceId}\n                traceId={traceId}\n                spanId={rootSpanId}\n                onScoreSelect={scoreId => onOpenScore(traceId, scoreId)}\n              />\n            ) : null}\n          </ThreadTrace.TabContent>\n        </ThreadTrace.Messages>\n        <ThreadTrace.Details>\n          <ThreadTrace.Spans />\n        </ThreadTrace.Details>\n      </ThreadTrace.RowBody>\n    </>\n  );\n}\n"],"names":["useMemo","useTracesListSource","useMastraClient","useState","useQueries","traceSpansQueryOptions","jsx","TracesErrorContent","ThreadViewSkeleton","Txt","jsxs","ThreadTrace","useThreadTraceRow","useLinkComponent","useTraceSpans","Fragment","Button","ExternalLinkIcon","Icon","MessageSquareTextIcon","MessageSquareReplyIcon","ScorersIcon","TraceThreadItemView","TraceFeedbackTab","TraceScoresTab"],"mappings":"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"}

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

@@ -1,11 +1,15 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMastraClient } from '@mastra/react';
+import { traceSpansQueryOptions, useTraceSpans } from '@mastra/react/hooks/traces';
 import { useQueries } from '@tanstack/react-query';
 import { ExternalLinkIcon, MessageSquareTextIcon, MessageSquareReplyIcon } from 'lucide-react';
 import { useMemo, useState } from 'react';
+import '@mastra/react/hooks/scores';
 import '@base-ui/react/combobox';
+import '../../../toast-c5kCpyWt.js';
 import { TraceScoresTab } from '../../scores/components/trace-scores-tab.es.js';
 import '@mastra/core/utils/safe-stringify';
+import '@mastra/react/hooks/datasets';
 import { B as Button } from '../../../Button-D43ghVKt.js';
 import '../../../field-control-aria-DB6y41tQ.js';
 import { useLinkComponent } from '../../../lib/framework.es.js';
@@ -14,7 +18,6 @@ import { ThreadViewSkeleton } from './thread-view-skeleton.es.js';
 import { TraceFeedbackTab } from './trace-feedback-tab.es.js';
 import { TraceThreadItemView } from './trace-thread-item-view.es.js';
 import { TracesErrorContent } from './traces-error-content.es.js';
-import { traceSpansQueryOptions, useTraceSpans } from '../hooks/use-trace-spans.es.js';
 import { useTracesListSource } from '../hooks/use-traces-list-source.es.js';
 import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { Icon } from '../../../icons/Icon.es.js';
@@ -91,7 +94,7 @@ function ThreadTraceRowContent({
   const { traceId, highlightSpans } = useThreadTraceRow();
   const { Link, paths } = useLinkComponent();
   const traceHref = paths.traceLink(traceId);
-  const { data: traceData } = useTraceSpans(traceId, { passive: true });
+  const { data: traceData } = useTraceSpans({ traceId, passive: true, queryOptions: { enabled: !!traceId } });
   const rootSpanId = traceData?.spans.find((span) => span.parentSpanId == null)?.spanId;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(ThreadTrace.Divider, { label: `Turn ${turn}`, children: [

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

@@ -1 +1 @@
-{"version":3,"file":"thread-view-by-trace.es.js","sources":["../../../../src/domains/traces/components/thread-view-by-trace.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQueries } from '@tanstack/react-query';\nimport { ExternalLinkIcon, MessageSquareReplyIcon, MessageSquareTextIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { TraceScoresTab } from '@/domains/scores';\nimport { ThreadTrace, useThreadTraceRow } from '@/domains/traces/components/thread-trace';\nimport type { ThreadTraceSelectedSpan } from '@/domains/traces/components/thread-trace';\n\nimport { ThreadViewSkeleton } from '@/domains/traces/components/thread-view-skeleton';\nimport { TraceFeedbackTab } from '@/domains/traces/components/trace-feedback-tab';\nimport { TraceThreadItemView } from '@/domains/traces/components/trace-thread-item-view';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { traceSpansQueryOptions, useTraceSpans } from '@/domains/traces/hooks/use-trace-spans';\nimport { useTracesListSource } from '@/domains/traces/hooks/use-traces-list-source';\nimport type { UseTracesListSourceArgs } from '@/domains/traces/hooks/use-traces-list-source';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { ScorersIcon } from '@/ds/icons/ScorersIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\n// `queryTraces` requires a time range and rejects ranges over 31 days; the legacy endpoint is left unbounded.\nconst THREAD_WINDOW_MS = 31 * 24 * 60 * 60 * 1000;\n\nexport interface ThreadViewByTraceProps {\n  threadId: string;\n  /** Lists the thread through the trace-query API; `false` falls back to `listTracesLight`. */\n  withQueryTrace: boolean;\n  /** Shows the per-trace Feedback tab and fetches its feedback. */\n  withFeedback: boolean;\n  /** Fires when a span detail opens or closes (`null`). */\n  onSelectedSpanChange?: (selected: ThreadTraceSelectedSpan | null) => void;\n  /** Opens a score from a trace's Scores tab; the app owns routing. */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Turns loaded per page: the latest ones on open, then older ones as the reader scrolls up. */\n  pageSize?: number;\n}\n\n/**\n * A memory thread rendered as its traces, like a chat: one row per agent turn (oldest at the top),\n * opened on the latest turns, with older turns loaded as the reader scrolls up. Each row shows the\n * reconstructed messages on the left and the span tree on the right. Clicking a span opens its\n * detail panel on the side so the conversation stays readable.\n */\nexport function ThreadViewByTrace({\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onSelectedSpanChange,\n  onOpenScore,\n  pageSize = 10,\n}: ThreadViewByTraceProps) {\n  const legacyFilters = useMemo<UseTracesListSourceArgs['legacyFilters']>(() => ({ threadId }), [threadId]);\n  const { rows, isLoading, isPlaceholderData, error, hasNextPage, isFetchingNextPage, fetchNextPage } =\n    useTracesListSource({\n      initialAutoRefetch: false,\n      withQueryTrace,\n      legacyFilters,\n      limit: pageSize,\n      query: now => ({\n        timeRange: {\n          from: new Date(now.getTime() - THREAD_WINDOW_MS).toISOString(),\n          to: now.toISOString(),\n        },\n        where: { op: 'eq', left: { path: 'threadId' }, right: { literal: threadId } },\n        orderBy: [{ field: 'startedAt', direction: 'desc' }],\n      }),\n    });\n  // Pages come newest first; the conversation reads oldest first.\n  const traceIds = rows.map(trace => trace.traceId).reverse();\n  const listSettled = !isLoading && !isPlaceholderData;\n\n  // The first page is shown only once its turns' spans have settled too, so the rows mount complete\n  // instead of each one loading on its own. Older pages keep their per-row loading.\n  const client = useMastraClient();\n  const [readyThreadId, setReadyThreadId] = useState<string | null>(null);\n  const isReady = readyThreadId === threadId;\n  const firstPageSpansSettled = useQueries({\n    queries: (isReady || !listSettled ? [] : traceIds).map(traceId => ({\n      ...traceSpansQueryOptions(client, traceId),\n      refetchOnMount: false,\n      refetchOnWindowFocus: false,\n      refetchOnReconnect: false,\n    })),\n    combine: results => results.every(result => !result.isPending),\n  });\n  if (!isReady && listSettled && firstPageSpansSettled) setReadyThreadId(threadId);\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <TracesErrorContent error={error} resource=\"traces\" errorTitle=\"Failed to load traces\" />\n      </div>\n    );\n  }\n\n  if (!isReady) return <ThreadViewSkeleton withFeedback={withFeedback} />;\n\n  if (traceIds.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <Txt variant=\"body\" tone=\"muted\">\n          No traces found for this thread.\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <ThreadTrace\n      key={threadId}\n      traceIds={traceIds}\n      onSelectedSpanChange={onSelectedSpanChange}\n      onLoadOlder={() => {\n        if (hasNextPage && !isFetchingNextPage) fetchNextPage();\n      }}\n    >\n      <ThreadTrace.List data-testid=\"thread-view-by-trace\">\n        {traceIds.map((traceId, index) => (\n          <ThreadTrace.Row key={traceId} traceId={traceId}>\n            <ThreadTraceRowContent turn={index + 1} withFeedback={withFeedback} onOpenScore={onOpenScore} />\n          </ThreadTrace.Row>\n        ))}\n      </ThreadTrace.List>\n      <ThreadTrace.SpanPanel />\n    </ThreadTrace>\n  );\n}\n\nfunction ThreadTraceRowContent({\n  turn,\n  withFeedback,\n  onOpenScore,\n}: {\n  /** 1-based position among the loaded turns. */\n  turn: number;\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}) {\n  const { traceId, highlightSpans } = useThreadTraceRow();\n  const { Link, paths } = useLinkComponent();\n  const traceHref = paths.traceLink(traceId);\n  // Same query the span tree observes (passive: the tree drives refetches).\n  const { data: traceData } = useTraceSpans(traceId, { passive: true });\n  const rootSpanId = traceData?.spans.find(span => span.parentSpanId == null)?.spanId;\n\n  return (\n    <>\n      <ThreadTrace.Divider label={`Turn ${turn}`}>\n        {traceHref && (\n          <>\n            <Button render={<Link href={traceHref} />} variant=\"ghost\" size=\"sm\" icon={<ExternalLinkIcon />}>\n              Go to trace\n            </Button>\n            <span aria-hidden className=\"h-4 w-px bg-border\" />\n          </>\n        )}\n        <ThreadTrace.TabList>\n          <ThreadTrace.Tab value=\"messages\">\n            <Icon size=\"xs\">\n              <MessageSquareTextIcon />\n            </Icon>\n            Messages\n          </ThreadTrace.Tab>\n          {withFeedback && (\n            <ThreadTrace.Tab value=\"feedback\">\n              <Icon size=\"xs\">\n                <MessageSquareReplyIcon />\n              </Icon>\n              Feedback\n            </ThreadTrace.Tab>\n          )}\n          <ThreadTrace.Tab value=\"scores\">\n            <Icon size=\"xs\">\n              <ScorersIcon />\n            </Icon>\n            Scores\n          </ThreadTrace.Tab>\n        </ThreadTrace.TabList>\n      </ThreadTrace.Divider>\n      <ThreadTrace.RowBody>\n        <ThreadTrace.Messages>\n          <ThreadTrace.TabContent value=\"messages\" flush>\n            <TraceThreadItemView traceId={traceId} onHighlightSpans={highlightSpans} />\n          </ThreadTrace.TabContent>\n          {withFeedback && (\n            <ThreadTrace.TabContent value=\"feedback\" className=\"min-h-0 py-3\">\n              <TraceFeedbackTab key={traceId} traceId={traceId} variant=\"thread\" />\n            </ThreadTrace.TabContent>\n          )}\n          <ThreadTrace.TabContent value=\"scores\" className=\"min-h-0 py-3\">\n            {rootSpanId ? (\n              <TraceScoresTab\n                key={traceId}\n                traceId={traceId}\n                spanId={rootSpanId}\n                onScoreSelect={scoreId => onOpenScore(traceId, scoreId)}\n              />\n            ) : null}\n          </ThreadTrace.TabContent>\n        </ThreadTrace.Messages>\n        <ThreadTrace.Details>\n          <ThreadTrace.Spans />\n        </ThreadTrace.Details>\n      </ThreadTrace.RowBody>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"thread-view-by-trace.es.js","sources":["../../../../src/domains/traces/components/thread-view-by-trace.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { traceSpansQueryOptions, useTraceSpans } from '@mastra/react/hooks/traces';\nimport { useQueries } from '@tanstack/react-query';\nimport { ExternalLinkIcon, MessageSquareReplyIcon, MessageSquareTextIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { TraceScoresTab } from '@/domains/scores';\nimport { ThreadTrace, useThreadTraceRow } from '@/domains/traces/components/thread-trace';\nimport type { ThreadTraceSelectedSpan } from '@/domains/traces/components/thread-trace';\n\nimport { ThreadViewSkeleton } from '@/domains/traces/components/thread-view-skeleton';\nimport { TraceFeedbackTab } from '@/domains/traces/components/trace-feedback-tab';\nimport { TraceThreadItemView } from '@/domains/traces/components/trace-thread-item-view';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { useTracesListSource } from '@/domains/traces/hooks/use-traces-list-source';\nimport type { UseTracesListSourceArgs } from '@/domains/traces/hooks/use-traces-list-source';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { ScorersIcon } from '@/ds/icons/ScorersIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\n// `queryTraces` requires a time range and rejects ranges over 31 days; the legacy endpoint is left unbounded.\nconst THREAD_WINDOW_MS = 31 * 24 * 60 * 60 * 1000;\n\nexport interface ThreadViewByTraceProps {\n  threadId: string;\n  /** Lists the thread through the trace-query API; `false` falls back to `listTracesLight`. */\n  withQueryTrace: boolean;\n  /** Shows the per-trace Feedback tab and fetches its feedback. */\n  withFeedback: boolean;\n  /** Fires when a span detail opens or closes (`null`). */\n  onSelectedSpanChange?: (selected: ThreadTraceSelectedSpan | null) => void;\n  /** Opens a score from a trace's Scores tab; the app owns routing. */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Turns loaded per page: the latest ones on open, then older ones as the reader scrolls up. */\n  pageSize?: number;\n}\n\n/**\n * A memory thread rendered as its traces, like a chat: one row per agent turn (oldest at the top),\n * opened on the latest turns, with older turns loaded as the reader scrolls up. Each row shows the\n * reconstructed messages on the left and the span tree on the right. Clicking a span opens its\n * detail panel on the side so the conversation stays readable.\n */\nexport function ThreadViewByTrace({\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onSelectedSpanChange,\n  onOpenScore,\n  pageSize = 10,\n}: ThreadViewByTraceProps) {\n  const legacyFilters = useMemo<UseTracesListSourceArgs['legacyFilters']>(() => ({ threadId }), [threadId]);\n  const { rows, isLoading, isPlaceholderData, error, hasNextPage, isFetchingNextPage, fetchNextPage } =\n    useTracesListSource({\n      initialAutoRefetch: false,\n      withQueryTrace,\n      legacyFilters,\n      limit: pageSize,\n      query: now => ({\n        timeRange: {\n          from: new Date(now.getTime() - THREAD_WINDOW_MS).toISOString(),\n          to: now.toISOString(),\n        },\n        where: { op: 'eq', left: { path: 'threadId' }, right: { literal: threadId } },\n        orderBy: [{ field: 'startedAt', direction: 'desc' }],\n      }),\n    });\n  // Pages come newest first; the conversation reads oldest first.\n  const traceIds = rows.map(trace => trace.traceId).reverse();\n  const listSettled = !isLoading && !isPlaceholderData;\n\n  // The first page is shown only once its turns' spans have settled too, so the rows mount complete\n  // instead of each one loading on its own. Older pages keep their per-row loading.\n  const client = useMastraClient();\n  const [readyThreadId, setReadyThreadId] = useState<string | null>(null);\n  const isReady = readyThreadId === threadId;\n  const firstPageSpansSettled = useQueries({\n    queries: (isReady || !listSettled ? [] : traceIds).map(traceId => ({\n      ...traceSpansQueryOptions(client, traceId),\n      refetchOnMount: false,\n      refetchOnWindowFocus: false,\n      refetchOnReconnect: false,\n    })),\n    combine: results => results.every(result => !result.isPending),\n  });\n  if (!isReady && listSettled && firstPageSpansSettled) setReadyThreadId(threadId);\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <TracesErrorContent error={error} resource=\"traces\" errorTitle=\"Failed to load traces\" />\n      </div>\n    );\n  }\n\n  if (!isReady) return <ThreadViewSkeleton withFeedback={withFeedback} />;\n\n  if (traceIds.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <Txt variant=\"body\" tone=\"muted\">\n          No traces found for this thread.\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <ThreadTrace\n      key={threadId}\n      traceIds={traceIds}\n      onSelectedSpanChange={onSelectedSpanChange}\n      onLoadOlder={() => {\n        if (hasNextPage && !isFetchingNextPage) fetchNextPage();\n      }}\n    >\n      <ThreadTrace.List data-testid=\"thread-view-by-trace\">\n        {traceIds.map((traceId, index) => (\n          <ThreadTrace.Row key={traceId} traceId={traceId}>\n            <ThreadTraceRowContent turn={index + 1} withFeedback={withFeedback} onOpenScore={onOpenScore} />\n          </ThreadTrace.Row>\n        ))}\n      </ThreadTrace.List>\n      <ThreadTrace.SpanPanel />\n    </ThreadTrace>\n  );\n}\n\nfunction ThreadTraceRowContent({\n  turn,\n  withFeedback,\n  onOpenScore,\n}: {\n  /** 1-based position among the loaded turns. */\n  turn: number;\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n}) {\n  const { traceId, highlightSpans } = useThreadTraceRow();\n  const { Link, paths } = useLinkComponent();\n  const traceHref = paths.traceLink(traceId);\n  // Same query the span tree observes (passive: the tree drives refetches).\n  const { data: traceData } = useTraceSpans({ traceId: traceId, passive: true, queryOptions: { enabled: !!traceId } });\n  const rootSpanId = traceData?.spans.find(span => span.parentSpanId == null)?.spanId;\n\n  return (\n    <>\n      <ThreadTrace.Divider label={`Turn ${turn}`}>\n        {traceHref && (\n          <>\n            <Button render={<Link href={traceHref} />} variant=\"ghost\" size=\"sm\" icon={<ExternalLinkIcon />}>\n              Go to trace\n            </Button>\n            <span aria-hidden className=\"h-4 w-px bg-border\" />\n          </>\n        )}\n        <ThreadTrace.TabList>\n          <ThreadTrace.Tab value=\"messages\">\n            <Icon size=\"xs\">\n              <MessageSquareTextIcon />\n            </Icon>\n            Messages\n          </ThreadTrace.Tab>\n          {withFeedback && (\n            <ThreadTrace.Tab value=\"feedback\">\n              <Icon size=\"xs\">\n                <MessageSquareReplyIcon />\n              </Icon>\n              Feedback\n            </ThreadTrace.Tab>\n          )}\n          <ThreadTrace.Tab value=\"scores\">\n            <Icon size=\"xs\">\n              <ScorersIcon />\n            </Icon>\n            Scores\n          </ThreadTrace.Tab>\n        </ThreadTrace.TabList>\n      </ThreadTrace.Divider>\n      <ThreadTrace.RowBody>\n        <ThreadTrace.Messages>\n          <ThreadTrace.TabContent value=\"messages\" flush>\n            <TraceThreadItemView traceId={traceId} onHighlightSpans={highlightSpans} />\n          </ThreadTrace.TabContent>\n          {withFeedback && (\n            <ThreadTrace.TabContent value=\"feedback\" className=\"min-h-0 py-3\">\n              <TraceFeedbackTab key={traceId} traceId={traceId} variant=\"thread\" />\n            </ThreadTrace.TabContent>\n          )}\n          <ThreadTrace.TabContent value=\"scores\" className=\"min-h-0 py-3\">\n            {rootSpanId ? (\n              <TraceScoresTab\n                key={traceId}\n                traceId={traceId}\n                spanId={rootSpanId}\n                onScoreSelect={scoreId => onOpenScore(traceId, scoreId)}\n              />\n            ) : null}\n          </ThreadTrace.TabContent>\n        </ThreadTrace.Messages>\n        <ThreadTrace.Details>\n          <ThreadTrace.Spans />\n        </ThreadTrace.Details>\n      </ThreadTrace.RowBody>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -16,10 +16,10 @@ const domains_traces_components_traceSpanTree = require('./trace-span-tree.cjs.j
 const domains_traces_components_traceSummaryDescription = require('./trace-summary-description.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
 const buttonsGroup = require('../../../buttons-group-CoZP3lJt.cjs');
-const dataPanel = require('../../../data-panel-mzQKwVkT.cjs');
+const dataPanel = require('../../../data-panel-HSJNrZhx.cjs');
 const dropdownMenu = require('../../../dropdown-menu-j2y37TL5.cjs');
 const Notice = require('../../../Notice-D4zc_oTj.cjs');
-const searchInput = require('../../../search-input-CBhT3N4z.cjs');
+const searchInput = require('../../../search-input-DeeH0VrX.cjs');
 const tabsRoot = require('../../../tabs-root-Hkt7A6oq.cjs');
 const tabsList = require('../../../tabs-list-Tqj36HIL.cjs');
 const tabsTab = require('../../../tabs-tab-C-C2vX-D.cjs');

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

@@ -12,10 +12,10 @@ import { TraceSpanTree } from './trace-span-tree.es.js';
 import { TraceSummaryDescription } from './trace-summary-description.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
 import { B as ButtonsGroup } from '../../../buttons-group-DsZgrZBZ.js';
-import { D as DataPanel } from '../../../data-panel-GT4fMXR0.js';
+import { D as DataPanel } from '../../../data-panel-C638OC-m.js';
 import { D as DropdownMenu } from '../../../dropdown-menu-DpEn6HwK.js';
 import { N as Notice } from '../../../Notice-D4gMAkVI.js';
-import { S as SearchInput } from '../../../search-input-63Y1_wgA.js';
+import { S as SearchInput } from '../../../search-input-BV-rRDdJ.js';
 import { T as Tabs } from '../../../tabs-root-BbzhUZl4.js';
 import { T as TabList } from '../../../tabs-list-tLx5fgP0.js';
 import { T as Tab } from '../../../tabs-tab-ClLIOGiC.js';

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

@@ -3,24 +3,24 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
+const scores = require('@mastra/react/hooks/scores');
 const React = require('react');
 const domains_scores_components_spanScoring = require('../../scores/components/span-scoring.cjs.js');
 require('lucide-react');
-require('@mastra/react');
-require('@tanstack/react-query');
 require('../../../Button-CXhSUBxN.cjs');
 require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
 require('../../../lib/framework.cjs.js');
 require('@mastra/core/utils/safe-stringify');
+require('@mastra/react/hooks/datasets');
 require('../../../field-control-aria-WzMGs0A4.cjs');
-const domains_scores_hooks_useScorers = require('../../scores/hooks/use-scorers.cjs.js');
+require('../../../toast-nm-fM7BR.cjs');
 const domains_traces_components_traceDataPanelView = require('./trace-data-panel-view.cjs.js');
 const dialog = require('../../../dialog-d_AK1NQD.cjs');
 
 function TraceDataPanel(props) {
   const [sideView, setSideView] = React.useState();
   const [isScoringOpen, setIsScoringOpen] = React.useState(false);
-  const { data: scorers, isLoading: isLoadingScorers } = domains_scores_hooks_useScorers.useScorers();
+  const { data: scorers, isLoading: isLoadingScorers } = scores.useScorers();
   const rootSpan = props.anchorSpanId ? props.spans?.find((span) => span.spanId === props.anchorSpanId) : props.spans?.find((span) => span.parentSpanId == null);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"trace-data-panel.cjs.js","sources":["../../../../src/domains/traces/components/trace-data-panel.tsx"],"sourcesContent":["import { useState, type ComponentProps } from 'react';\nimport { SpanScoring } from '@/domains/scores';\nimport { useScorers } from '@/domains/scores/hooks/use-scorers';\nimport { TraceDataPanelView, type TraceSideView } from '@/domains/traces/components/trace-data-panel-view';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\n\ntype TraceDataPanelProps = Omit<\n  ComponentProps<typeof TraceDataPanelView>,\n  'sideView' | 'onSideViewChange' | 'onEvaluateTrace'\n>;\n\n/**\n * Owns the trace panel's side column view so scoring can land on \"Scores\". Mount it with a\n * `key` on the trace (and anchor span) so a view picked on a previous trace never leaks into the next one.\n */\nexport function TraceDataPanel(props: TraceDataPanelProps) {\n  const [sideView, setSideView] = useState<TraceSideView>();\n  const [isScoringOpen, setIsScoringOpen] = useState(false);\n  const { data: scorers, isLoading: isLoadingScorers } = useScorers();\n  const rootSpan = props.anchorSpanId\n    ? props.spans?.find(span => span.spanId === props.anchorSpanId)\n    : props.spans?.find(span => span.parentSpanId == null);\n\n  return (\n    <>\n      <TraceDataPanelView\n        {...props}\n        onEvaluateTrace={() => setIsScoringOpen(true)}\n        sideView={sideView}\n        onSideViewChange={setSideView}\n      />\n      <Dialog open={isScoringOpen} onOpenChange={setIsScoringOpen}>\n        <DialogContent size=\"lg\">\n          <DialogHeader>\n            <DialogTitle>Score trace</DialogTitle>\n          </DialogHeader>\n\n          {isScoringOpen && rootSpan && (\n            <SpanScoring\n              traceId={props.traceId}\n              spanId={rootSpan.spanId}\n              entityType={rootSpan.entityType === 'agent' ? 'Agent' : 'Workflow'}\n              isTopLevelSpan={!rootSpan.parentSpanId}\n              scorers={scorers}\n              isLoadingScorers={isLoadingScorers}\n              onSuccess={() => {\n                setIsScoringOpen(false);\n                setSideView('scores');\n              }}\n            />\n          )}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":["useState","useScorers","jsxs","Fragment","jsx","TraceDataPanelView","Dialog","DialogContent","DialogHeader","DialogTitle","SpanScoring"],"mappings":";;;;;;;;;;;;;;;;;;;AAeO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,cAAA,EAAwB;AACxD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,KAAK,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,gBAAA,KAAqBC,0CAAA,EAAW;AAClE,EAAA,MAAM,WAAW,KAAA,CAAM,YAAA,GACnB,MAAM,KAAA,EAAO,IAAA,CAAK,UAAQ,IAAA,CAAK,MAAA,KAAW,KAAA,CAAM,YAAY,IAC5D,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,gBAAgB,IAAI,CAAA;AAEvD,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,+DAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,eAAA,EAAiB,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,QAC5C,QAAA;AAAA,QACA,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oBACAD,cAAA,CAACE,iBAAO,IAAA,EAAM,aAAA,EAAe,cAAc,gBAAA,EACzC,QAAA,kBAAAJ,eAAA,CAACK,oBAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,mBAAA,EAAA,EACC,QAAA,kBAAAJ,cAAA,CAACK,kBAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,MAEC,iBAAiB,QAAA,oBAChBL,cAAA;AAAA,QAACM,iDAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,QAAQ,QAAA,CAAS,MAAA;AAAA,UACjB,UAAA,EAAY,QAAA,CAAS,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,UAAA;AAAA,UACxD,cAAA,EAAgB,CAAC,QAAA,CAAS,YAAA;AAAA,UAC1B,OAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAW,MAAM;AACf,YAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,YAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,UACtB;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-data-panel.cjs.js","sources":["../../../../src/domains/traces/components/trace-data-panel.tsx"],"sourcesContent":["import { useScorers } from '@mastra/react/hooks/scores';\nimport { useState, type ComponentProps } from 'react';\nimport { SpanScoring } from '@/domains/scores';\nimport { TraceDataPanelView, type TraceSideView } from '@/domains/traces/components/trace-data-panel-view';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\n\ntype TraceDataPanelProps = Omit<\n  ComponentProps<typeof TraceDataPanelView>,\n  'sideView' | 'onSideViewChange' | 'onEvaluateTrace'\n>;\n\n/**\n * Owns the trace panel's side column view so scoring can land on \"Scores\". Mount it with a\n * `key` on the trace (and anchor span) so a view picked on a previous trace never leaks into the next one.\n */\nexport function TraceDataPanel(props: TraceDataPanelProps) {\n  const [sideView, setSideView] = useState<TraceSideView>();\n  const [isScoringOpen, setIsScoringOpen] = useState(false);\n  const { data: scorers, isLoading: isLoadingScorers } = useScorers();\n  const rootSpan = props.anchorSpanId\n    ? props.spans?.find(span => span.spanId === props.anchorSpanId)\n    : props.spans?.find(span => span.parentSpanId == null);\n\n  return (\n    <>\n      <TraceDataPanelView\n        {...props}\n        onEvaluateTrace={() => setIsScoringOpen(true)}\n        sideView={sideView}\n        onSideViewChange={setSideView}\n      />\n      <Dialog open={isScoringOpen} onOpenChange={setIsScoringOpen}>\n        <DialogContent size=\"lg\">\n          <DialogHeader>\n            <DialogTitle>Score trace</DialogTitle>\n          </DialogHeader>\n\n          {isScoringOpen && rootSpan && (\n            <SpanScoring\n              traceId={props.traceId}\n              spanId={rootSpan.spanId}\n              entityType={rootSpan.entityType === 'agent' ? 'Agent' : 'Workflow'}\n              isTopLevelSpan={!rootSpan.parentSpanId}\n              scorers={scorers}\n              isLoadingScorers={isLoadingScorers}\n              onSuccess={() => {\n                setIsScoringOpen(false);\n                setSideView('scores');\n              }}\n            />\n          )}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":["useState","useScorers","jsxs","Fragment","jsx","TraceDataPanelView","Dialog","DialogContent","DialogHeader","DialogTitle","SpanScoring"],"mappings":";;;;;;;;;;;;;;;;;;;AAeO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,cAAA,EAAwB;AACxD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,KAAK,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,gBAAA,KAAqBC,iBAAA,EAAW;AAClE,EAAA,MAAM,WAAW,KAAA,CAAM,YAAA,GACnB,MAAM,KAAA,EAAO,IAAA,CAAK,UAAQ,IAAA,CAAK,MAAA,KAAW,KAAA,CAAM,YAAY,IAC5D,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,gBAAgB,IAAI,CAAA;AAEvD,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,+DAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,eAAA,EAAiB,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,QAC5C,QAAA;AAAA,QACA,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oBACAD,cAAA,CAACE,iBAAO,IAAA,EAAM,aAAA,EAAe,cAAc,gBAAA,EACzC,QAAA,kBAAAJ,eAAA,CAACK,oBAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,mBAAA,EAAA,EACC,QAAA,kBAAAJ,cAAA,CAACK,kBAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,MAEC,iBAAiB,QAAA,oBAChBL,cAAA;AAAA,QAACM,iDAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,QAAQ,QAAA,CAAS,MAAA;AAAA,UACjB,UAAA,EAAY,QAAA,CAAS,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,UAAA;AAAA,UACxD,cAAA,EAAgB,CAAC,QAAA,CAAS,YAAA;AAAA,UAC1B,OAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAW,MAAM;AACf,YAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,YAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,UACtB;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1,15 +1,15 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useScorers } from '@mastra/react/hooks/scores';
 import { useState } from 'react';
 import { SpanScoring } from '../../scores/components/span-scoring.es.js';
 import 'lucide-react';
-import '@mastra/react';
-import '@tanstack/react-query';
 import '../../../Button-D43ghVKt.js';
 import '../../../keyboard/keyboard-shortcuts-context.es.js';
 import '../../../lib/framework.es.js';
 import '@mastra/core/utils/safe-stringify';
+import '@mastra/react/hooks/datasets';
 import '../../../field-control-aria-DB6y41tQ.js';
-import { useScorers } from '../../scores/hooks/use-scorers.es.js';
+import '../../../toast-c5kCpyWt.js';
 import { TraceDataPanelView } from './trace-data-panel-view.es.js';
 import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle } from '../../../dialog-Dt5kASkl.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"trace-data-panel.es.js","sources":["../../../../src/domains/traces/components/trace-data-panel.tsx"],"sourcesContent":["import { useState, type ComponentProps } from 'react';\nimport { SpanScoring } from '@/domains/scores';\nimport { useScorers } from '@/domains/scores/hooks/use-scorers';\nimport { TraceDataPanelView, type TraceSideView } from '@/domains/traces/components/trace-data-panel-view';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\n\ntype TraceDataPanelProps = Omit<\n  ComponentProps<typeof TraceDataPanelView>,\n  'sideView' | 'onSideViewChange' | 'onEvaluateTrace'\n>;\n\n/**\n * Owns the trace panel's side column view so scoring can land on \"Scores\". Mount it with a\n * `key` on the trace (and anchor span) so a view picked on a previous trace never leaks into the next one.\n */\nexport function TraceDataPanel(props: TraceDataPanelProps) {\n  const [sideView, setSideView] = useState<TraceSideView>();\n  const [isScoringOpen, setIsScoringOpen] = useState(false);\n  const { data: scorers, isLoading: isLoadingScorers } = useScorers();\n  const rootSpan = props.anchorSpanId\n    ? props.spans?.find(span => span.spanId === props.anchorSpanId)\n    : props.spans?.find(span => span.parentSpanId == null);\n\n  return (\n    <>\n      <TraceDataPanelView\n        {...props}\n        onEvaluateTrace={() => setIsScoringOpen(true)}\n        sideView={sideView}\n        onSideViewChange={setSideView}\n      />\n      <Dialog open={isScoringOpen} onOpenChange={setIsScoringOpen}>\n        <DialogContent size=\"lg\">\n          <DialogHeader>\n            <DialogTitle>Score trace</DialogTitle>\n          </DialogHeader>\n\n          {isScoringOpen && rootSpan && (\n            <SpanScoring\n              traceId={props.traceId}\n              spanId={rootSpan.spanId}\n              entityType={rootSpan.entityType === 'agent' ? 'Agent' : 'Workflow'}\n              isTopLevelSpan={!rootSpan.parentSpanId}\n              scorers={scorers}\n              isLoadingScorers={isLoadingScorers}\n              onSuccess={() => {\n                setIsScoringOpen(false);\n                setSideView('scores');\n              }}\n            />\n          )}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAeO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,EAAwB;AACxD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,gBAAA,KAAqB,UAAA,EAAW;AAClE,EAAA,MAAM,WAAW,KAAA,CAAM,YAAA,GACnB,MAAM,KAAA,EAAO,IAAA,CAAK,UAAQ,IAAA,CAAK,MAAA,KAAW,KAAA,CAAM,YAAY,IAC5D,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,gBAAgB,IAAI,CAAA;AAEvD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,eAAA,EAAiB,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,QAC5C,QAAA;AAAA,QACA,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oBACA,GAAA,CAAC,UAAO,IAAA,EAAM,aAAA,EAAe,cAAc,gBAAA,EACzC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,MAEC,iBAAiB,QAAA,oBAChB,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,QAAQ,QAAA,CAAS,MAAA;AAAA,UACjB,UAAA,EAAY,QAAA,CAAS,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,UAAA;AAAA,UACxD,cAAA,EAAgB,CAAC,QAAA,CAAS,YAAA;AAAA,UAC1B,OAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAW,MAAM;AACf,YAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,YAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,UACtB;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-data-panel.es.js","sources":["../../../../src/domains/traces/components/trace-data-panel.tsx"],"sourcesContent":["import { useScorers } from '@mastra/react/hooks/scores';\nimport { useState, type ComponentProps } from 'react';\nimport { SpanScoring } from '@/domains/scores';\nimport { TraceDataPanelView, type TraceSideView } from '@/domains/traces/components/trace-data-panel-view';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\n\ntype TraceDataPanelProps = Omit<\n  ComponentProps<typeof TraceDataPanelView>,\n  'sideView' | 'onSideViewChange' | 'onEvaluateTrace'\n>;\n\n/**\n * Owns the trace panel's side column view so scoring can land on \"Scores\". Mount it with a\n * `key` on the trace (and anchor span) so a view picked on a previous trace never leaks into the next one.\n */\nexport function TraceDataPanel(props: TraceDataPanelProps) {\n  const [sideView, setSideView] = useState<TraceSideView>();\n  const [isScoringOpen, setIsScoringOpen] = useState(false);\n  const { data: scorers, isLoading: isLoadingScorers } = useScorers();\n  const rootSpan = props.anchorSpanId\n    ? props.spans?.find(span => span.spanId === props.anchorSpanId)\n    : props.spans?.find(span => span.parentSpanId == null);\n\n  return (\n    <>\n      <TraceDataPanelView\n        {...props}\n        onEvaluateTrace={() => setIsScoringOpen(true)}\n        sideView={sideView}\n        onSideViewChange={setSideView}\n      />\n      <Dialog open={isScoringOpen} onOpenChange={setIsScoringOpen}>\n        <DialogContent size=\"lg\">\n          <DialogHeader>\n            <DialogTitle>Score trace</DialogTitle>\n          </DialogHeader>\n\n          {isScoringOpen && rootSpan && (\n            <SpanScoring\n              traceId={props.traceId}\n              spanId={rootSpan.spanId}\n              entityType={rootSpan.entityType === 'agent' ? 'Agent' : 'Workflow'}\n              isTopLevelSpan={!rootSpan.parentSpanId}\n              scorers={scorers}\n              isLoadingScorers={isLoadingScorers}\n              onSuccess={() => {\n                setIsScoringOpen(false);\n                setSideView('scores');\n              }}\n            />\n          )}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAeO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,EAAwB;AACxD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,gBAAA,KAAqB,UAAA,EAAW;AAClE,EAAA,MAAM,WAAW,KAAA,CAAM,YAAA,GACnB,MAAM,KAAA,EAAO,IAAA,CAAK,UAAQ,IAAA,CAAK,MAAA,KAAW,KAAA,CAAM,YAAY,IAC5D,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,gBAAgB,IAAI,CAAA;AAEvD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,eAAA,EAAiB,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,QAC5C,QAAA;AAAA,QACA,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oBACA,GAAA,CAAC,UAAO,IAAA,EAAM,aAAA,EAAe,cAAc,gBAAA,EACzC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,MAEC,iBAAiB,QAAA,oBAChB,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,QAAQ,QAAA,CAAS,MAAA;AAAA,UACjB,UAAA,EAAY,QAAA,CAAS,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,UAAA;AAAA,UACxD,cAAA,EAAgB,CAAC,QAAA,CAAS,YAAA;AAAA,UAC1B,OAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAW,MAAM;AACf,YAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,YAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,UACtB;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/trace-feedback-tab.cjs.js

@@ -3,19 +3,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
+const feedback = require('@mastra/react/hooks/feedback');
+const traces = require('@mastra/react/hooks/traces');
 const React = require('react');
-const domains_traces_hooks_useCreateFeedback = require('../hooks/use-create-feedback.cjs.js');
-const domains_traces_hooks_useDeleteFeedback = require('../hooks/use-delete-feedback.cjs.js');
-const domains_traces_hooks_useTraceFeedback = require('../hooks/use-trace-feedback.cjs.js');
 const domains_traces_components_feedbackThread = require('./feedback-thread.cjs.js');
-const domains_feedback_hooks_useFeedback = require('../../feedback/hooks/use-feedback.cjs.js');
 
 function TraceFeedbackTab({ traceId, variant }) {
   const [page, setPage] = React.useState(0);
-  const { data, isLoading } = domains_traces_hooks_useTraceFeedback.useTraceFeedback({ traceId, page });
-  const { mutateAsync, isPending } = domains_traces_hooks_useCreateFeedback.useCreateFeedback({ traceId });
-  const { mutateAsync: deleteFeedback, isPending: isDeleting } = domains_traces_hooks_useDeleteFeedback.useDeleteFeedback({ traceId });
-  const updateReviewStatus = domains_feedback_hooks_useFeedback.useUpdateFeedbackReviewStatus();
+  const { data, isLoading } = traces.useTraceFeedback({ traceId, page, queryOptions: { enabled: !!traceId } });
+  const { mutateAsync, isPending } = traces.useCreateFeedback({ traceId });
+  const { mutateAsync: deleteFeedback, isPending: isDeleting } = traces.useDeleteFeedback({ traceId });
+  const updateReviewStatus = feedback.useUpdateFeedbackReviewStatus();
   return /* @__PURE__ */ jsxRuntime.jsx(
     domains_traces_components_feedbackThread.FeedbackThread,
     {

package/dist/domains/traces/components/trace-feedback-tab.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-feedback-tab.cjs.js","sources":["../../../../src/domains/traces/components/trace-feedback-tab.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useCreateFeedback } from '../hooks/use-create-feedback';\nimport { useDeleteFeedback } from '../hooks/use-delete-feedback';\nimport { useTraceFeedback } from '../hooks/use-trace-feedback';\nimport { FeedbackThread } from './feedback-thread';\nimport { useUpdateFeedbackReviewStatus } from '@/domains/feedback/hooks/use-feedback';\nimport type { CommentVariant } from '@/ds/components/Comment';\n\ntype TraceFeedbackTabProps = {\n  traceId: string;\n  /** Comment layout variant — forwarded to `FeedbackThread`. */\n  variant?: CommentVariant;\n};\n\n/**\n * Trace-level feedback (no span). Owns its own pagination: mount it with a `key`\n * on the trace id so a page index never leaks across traces.\n */\nexport function TraceFeedbackTab({ traceId, variant }: TraceFeedbackTabProps) {\n  const [page, setPage] = useState(0);\n  const { data, isLoading } = useTraceFeedback({ traceId, page });\n  const { mutateAsync, isPending } = useCreateFeedback({ traceId });\n  const { mutateAsync: deleteFeedback, isPending: isDeleting } = useDeleteFeedback({ traceId });\n  const updateReviewStatus = useUpdateFeedbackReviewStatus();\n\n  return (\n    <FeedbackThread\n      feedbackData={data}\n      isLoadingFeedbackData={isLoading}\n      onPageChange={setPage}\n      onSubmit={text => mutateAsync({ text })}\n      isSubmitting={isPending}\n      onDelete={feedbackId => deleteFeedback({ feedbackId })}\n      isDeleting={isDeleting}\n      variant={variant}\n      onMarkReviewed={feedbackId => updateReviewStatus.mutate({ feedbackId, reviewStatus: 'reviewed' })}\n      pendingFeedbackId={updateReviewStatus.isPending ? updateReviewStatus.variables.feedbackId : undefined}\n    />\n  );\n}\n"],"names":["useState","useTraceFeedback","useCreateFeedback","useDeleteFeedback","useUpdateFeedbackReviewStatus","jsx","FeedbackThread"],"mappings":";;;;;;;;;;;;AAmBO,SAAS,gBAAA,CAAiB,EAAE,OAAA,EAAS,OAAA,EAAQ,EAA0B;AAC5E,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,eAAS,CAAC,CAAA;AAClC,EAAA,MAAM,EAAE,MAAM,SAAA,EAAU,GAAIC,uDAAiB,EAAE,OAAA,EAAS,MAAM,CAAA;AAC9D,EAAA,MAAM,EAAE,WAAA,EAAa,SAAA,KAAcC,wDAAA,CAAkB,EAAE,SAAS,CAAA;AAChE,EAAA,MAAM,EAAE,aAAa,cAAA,EAAgB,SAAA,EAAW,YAAW,GAAIC,wDAAA,CAAkB,EAAE,OAAA,EAAS,CAAA;AAC5F,EAAA,MAAM,qBAAqBC,gEAAA,EAA8B;AAEzD,EAAA,uBACEC,cAAA;AAAA,IAACC,uDAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,IAAA;AAAA,MACd,qBAAA,EAAuB,SAAA;AAAA,MACvB,YAAA,EAAc,OAAA;AAAA,MACd,QAAA,EAAU,CAAA,IAAA,KAAQ,WAAA,CAAY,EAAE,MAAM,CAAA;AAAA,MACtC,YAAA,EAAc,SAAA;AAAA,MACd,QAAA,EAAU,CAAA,UAAA,KAAc,cAAA,CAAe,EAAE,YAAY,CAAA;AAAA,MACrD,UAAA;AAAA,MACA,OAAA;AAAA,MACA,cAAA,EAAgB,gBAAc,kBAAA,CAAmB,MAAA,CAAO,EAAE,UAAA,EAAY,YAAA,EAAc,YAAY,CAAA;AAAA,MAChG,iBAAA,EAAmB,kBAAA,CAAmB,SAAA,GAAY,kBAAA,CAAmB,UAAU,UAAA,GAAa;AAAA;AAAA,GAC9F;AAEJ;;;;"}
+{"version":3,"file":"trace-feedback-tab.cjs.js","sources":["../../../../src/domains/traces/components/trace-feedback-tab.tsx"],"sourcesContent":["import { useUpdateFeedbackReviewStatus } from '@mastra/react/hooks/feedback';\nimport { useCreateFeedback, useDeleteFeedback, useTraceFeedback } from '@mastra/react/hooks/traces';\nimport { useState } from 'react';\n\nimport { FeedbackThread } from './feedback-thread';\nimport type { CommentVariant } from '@/ds/components/Comment';\n\ntype TraceFeedbackTabProps = {\n  traceId: string;\n  /** Comment layout variant — forwarded to `FeedbackThread`. */\n  variant?: CommentVariant;\n};\n\n/**\n * Trace-level feedback (no span). Owns its own pagination: mount it with a `key`\n * on the trace id so a page index never leaks across traces.\n */\nexport function TraceFeedbackTab({ traceId, variant }: TraceFeedbackTabProps) {\n  const [page, setPage] = useState(0);\n  const { data, isLoading } = useTraceFeedback({ traceId, page, queryOptions: { enabled: !!traceId } });\n  const { mutateAsync, isPending } = useCreateFeedback({ traceId });\n  const { mutateAsync: deleteFeedback, isPending: isDeleting } = useDeleteFeedback({ traceId });\n  const updateReviewStatus = useUpdateFeedbackReviewStatus();\n\n  return (\n    <FeedbackThread\n      feedbackData={data}\n      isLoadingFeedbackData={isLoading}\n      onPageChange={setPage}\n      onSubmit={text => mutateAsync({ text })}\n      isSubmitting={isPending}\n      onDelete={feedbackId => deleteFeedback({ feedbackId })}\n      isDeleting={isDeleting}\n      variant={variant}\n      onMarkReviewed={feedbackId => updateReviewStatus.mutate({ feedbackId, reviewStatus: 'reviewed' })}\n      pendingFeedbackId={updateReviewStatus.isPending ? updateReviewStatus.variables.feedbackId : undefined}\n    />\n  );\n}\n"],"names":["useState","useTraceFeedback","useCreateFeedback","useDeleteFeedback","useUpdateFeedbackReviewStatus","jsx","FeedbackThread"],"mappings":";;;;;;;;;;AAiBO,SAAS,gBAAA,CAAiB,EAAE,OAAA,EAAS,OAAA,EAAQ,EAA0B;AAC5E,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,eAAS,CAAC,CAAA;AAClC,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAIC,wBAAiB,EAAE,OAAA,EAAS,IAAA,EAAM,YAAA,EAAc,EAAE,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAA;AACpG,EAAA,MAAM,EAAE,WAAA,EAAa,SAAA,KAAcC,wBAAA,CAAkB,EAAE,SAAS,CAAA;AAChE,EAAA,MAAM,EAAE,aAAa,cAAA,EAAgB,SAAA,EAAW,YAAW,GAAIC,wBAAA,CAAkB,EAAE,OAAA,EAAS,CAAA;AAC5F,EAAA,MAAM,qBAAqBC,sCAAA,EAA8B;AAEzD,EAAA,uBACEC,cAAA;AAAA,IAACC,uDAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,IAAA;AAAA,MACd,qBAAA,EAAuB,SAAA;AAAA,MACvB,YAAA,EAAc,OAAA;AAAA,MACd,QAAA,EAAU,CAAA,IAAA,KAAQ,WAAA,CAAY,EAAE,MAAM,CAAA;AAAA,MACtC,YAAA,EAAc,SAAA;AAAA,MACd,QAAA,EAAU,CAAA,UAAA,KAAc,cAAA,CAAe,EAAE,YAAY,CAAA;AAAA,MACrD,UAAA;AAAA,MACA,OAAA;AAAA,MACA,cAAA,EAAgB,gBAAc,kBAAA,CAAmB,MAAA,CAAO,EAAE,UAAA,EAAY,YAAA,EAAc,YAAY,CAAA;AAAA,MAChG,iBAAA,EAAmB,kBAAA,CAAmB,SAAA,GAAY,kBAAA,CAAmB,UAAU,UAAA,GAAa;AAAA;AAAA,GAC9F;AAEJ;;;;"}

package/dist/domains/traces/components/trace-feedback-tab.es.js

@@ -1,14 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
+import { useUpdateFeedbackReviewStatus } from '@mastra/react/hooks/feedback';
+import { useTraceFeedback, useCreateFeedback, useDeleteFeedback } from '@mastra/react/hooks/traces';
 import { useState } from 'react';
-import { useCreateFeedback } from '../hooks/use-create-feedback.es.js';
-import { useDeleteFeedback } from '../hooks/use-delete-feedback.es.js';
-import { useTraceFeedback } from '../hooks/use-trace-feedback.es.js';
 import { FeedbackThread } from './feedback-thread.es.js';
-import { useUpdateFeedbackReviewStatus } from '../../feedback/hooks/use-feedback.es.js';
 
 function TraceFeedbackTab({ traceId, variant }) {
   const [page, setPage] = useState(0);
-  const { data, isLoading } = useTraceFeedback({ traceId, page });
+  const { data, isLoading } = useTraceFeedback({ traceId, page, queryOptions: { enabled: !!traceId } });
   const { mutateAsync, isPending } = useCreateFeedback({ traceId });
   const { mutateAsync: deleteFeedback, isPending: isDeleting } = useDeleteFeedback({ traceId });
   const updateReviewStatus = useUpdateFeedbackReviewStatus();

package/dist/domains/traces/components/trace-feedback-tab.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-feedback-tab.es.js","sources":["../../../../src/domains/traces/components/trace-feedback-tab.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useCreateFeedback } from '../hooks/use-create-feedback';\nimport { useDeleteFeedback } from '../hooks/use-delete-feedback';\nimport { useTraceFeedback } from '../hooks/use-trace-feedback';\nimport { FeedbackThread } from './feedback-thread';\nimport { useUpdateFeedbackReviewStatus } from '@/domains/feedback/hooks/use-feedback';\nimport type { CommentVariant } from '@/ds/components/Comment';\n\ntype TraceFeedbackTabProps = {\n  traceId: string;\n  /** Comment layout variant — forwarded to `FeedbackThread`. */\n  variant?: CommentVariant;\n};\n\n/**\n * Trace-level feedback (no span). Owns its own pagination: mount it with a `key`\n * on the trace id so a page index never leaks across traces.\n */\nexport function TraceFeedbackTab({ traceId, variant }: TraceFeedbackTabProps) {\n  const [page, setPage] = useState(0);\n  const { data, isLoading } = useTraceFeedback({ traceId, page });\n  const { mutateAsync, isPending } = useCreateFeedback({ traceId });\n  const { mutateAsync: deleteFeedback, isPending: isDeleting } = useDeleteFeedback({ traceId });\n  const updateReviewStatus = useUpdateFeedbackReviewStatus();\n\n  return (\n    <FeedbackThread\n      feedbackData={data}\n      isLoadingFeedbackData={isLoading}\n      onPageChange={setPage}\n      onSubmit={text => mutateAsync({ text })}\n      isSubmitting={isPending}\n      onDelete={feedbackId => deleteFeedback({ feedbackId })}\n      isDeleting={isDeleting}\n      variant={variant}\n      onMarkReviewed={feedbackId => updateReviewStatus.mutate({ feedbackId, reviewStatus: 'reviewed' })}\n      pendingFeedbackId={updateReviewStatus.isPending ? updateReviewStatus.variables.feedbackId : undefined}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAmBO,SAAS,gBAAA,CAAiB,EAAE,OAAA,EAAS,OAAA,EAAQ,EAA0B;AAC5E,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAClC,EAAA,MAAM,EAAE,MAAM,SAAA,EAAU,GAAI,iBAAiB,EAAE,OAAA,EAAS,MAAM,CAAA;AAC9D,EAAA,MAAM,EAAE,WAAA,EAAa,SAAA,KAAc,iBAAA,CAAkB,EAAE,SAAS,CAAA;AAChE,EAAA,MAAM,EAAE,aAAa,cAAA,EAAgB,SAAA,EAAW,YAAW,GAAI,iBAAA,CAAkB,EAAE,OAAA,EAAS,CAAA;AAC5F,EAAA,MAAM,qBAAqB,6BAAA,EAA8B;AAEzD,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,IAAA;AAAA,MACd,qBAAA,EAAuB,SAAA;AAAA,MACvB,YAAA,EAAc,OAAA;AAAA,MACd,QAAA,EAAU,CAAA,IAAA,KAAQ,WAAA,CAAY,EAAE,MAAM,CAAA;AAAA,MACtC,YAAA,EAAc,SAAA;AAAA,MACd,QAAA,EAAU,CAAA,UAAA,KAAc,cAAA,CAAe,EAAE,YAAY,CAAA;AAAA,MACrD,UAAA;AAAA,MACA,OAAA;AAAA,MACA,cAAA,EAAgB,gBAAc,kBAAA,CAAmB,MAAA,CAAO,EAAE,UAAA,EAAY,YAAA,EAAc,YAAY,CAAA;AAAA,MAChG,iBAAA,EAAmB,kBAAA,CAAmB,SAAA,GAAY,kBAAA,CAAmB,UAAU,UAAA,GAAa;AAAA;AAAA,GAC9F;AAEJ;;;;"}
+{"version":3,"file":"trace-feedback-tab.es.js","sources":["../../../../src/domains/traces/components/trace-feedback-tab.tsx"],"sourcesContent":["import { useUpdateFeedbackReviewStatus } from '@mastra/react/hooks/feedback';\nimport { useCreateFeedback, useDeleteFeedback, useTraceFeedback } from '@mastra/react/hooks/traces';\nimport { useState } from 'react';\n\nimport { FeedbackThread } from './feedback-thread';\nimport type { CommentVariant } from '@/ds/components/Comment';\n\ntype TraceFeedbackTabProps = {\n  traceId: string;\n  /** Comment layout variant — forwarded to `FeedbackThread`. */\n  variant?: CommentVariant;\n};\n\n/**\n * Trace-level feedback (no span). Owns its own pagination: mount it with a `key`\n * on the trace id so a page index never leaks across traces.\n */\nexport function TraceFeedbackTab({ traceId, variant }: TraceFeedbackTabProps) {\n  const [page, setPage] = useState(0);\n  const { data, isLoading } = useTraceFeedback({ traceId, page, queryOptions: { enabled: !!traceId } });\n  const { mutateAsync, isPending } = useCreateFeedback({ traceId });\n  const { mutateAsync: deleteFeedback, isPending: isDeleting } = useDeleteFeedback({ traceId });\n  const updateReviewStatus = useUpdateFeedbackReviewStatus();\n\n  return (\n    <FeedbackThread\n      feedbackData={data}\n      isLoadingFeedbackData={isLoading}\n      onPageChange={setPage}\n      onSubmit={text => mutateAsync({ text })}\n      isSubmitting={isPending}\n      onDelete={feedbackId => deleteFeedback({ feedbackId })}\n      isDeleting={isDeleting}\n      variant={variant}\n      onMarkReviewed={feedbackId => updateReviewStatus.mutate({ feedbackId, reviewStatus: 'reviewed' })}\n      pendingFeedbackId={updateReviewStatus.isPending ? updateReviewStatus.variables.feedbackId : undefined}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAiBO,SAAS,gBAAA,CAAiB,EAAE,OAAA,EAAS,OAAA,EAAQ,EAA0B;AAC5E,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAClC,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAI,iBAAiB,EAAE,OAAA,EAAS,IAAA,EAAM,YAAA,EAAc,EAAE,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAA;AACpG,EAAA,MAAM,EAAE,WAAA,EAAa,SAAA,KAAc,iBAAA,CAAkB,EAAE,SAAS,CAAA;AAChE,EAAA,MAAM,EAAE,aAAa,cAAA,EAAgB,SAAA,EAAW,YAAW,GAAI,iBAAA,CAAkB,EAAE,OAAA,EAAS,CAAA;AAC5F,EAAA,MAAM,qBAAqB,6BAAA,EAA8B;AAEzD,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,IAAA;AAAA,MACd,qBAAA,EAAuB,SAAA;AAAA,MACvB,YAAA,EAAc,OAAA;AAAA,MACd,QAAA,EAAU,CAAA,IAAA,KAAQ,WAAA,CAAY,EAAE,MAAM,CAAA;AAAA,MACtC,YAAA,EAAc,SAAA;AAAA,MACd,QAAA,EAAU,CAAA,UAAA,KAAc,cAAA,CAAe,EAAE,YAAY,CAAA;AAAA,MACrD,UAAA;AAAA,MACA,OAAA;AAAA,MACA,cAAA,EAAgB,gBAAc,kBAAA,CAAmB,MAAA,CAAO,EAAE,UAAA,EAAY,YAAA,EAAc,YAAY,CAAA;AAAA,MAChG,iBAAA,EAAmB,kBAAA,CAAmB,SAAA,GAAY,kBAAA,CAAmB,UAAU,UAAA,GAAa;AAAA;AAAA,GAC9F;AAEJ;;;;"}

package/dist/domains/traces/components/trace-id-button.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const dataPanel = require('../../../data-panel-mzQKwVkT.cjs');
+const dataPanel = require('../../../data-panel-HSJNrZhx.cjs');
 
 function TraceIdButton({ id }) {
   return /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CopyId, { id });

package/dist/domains/traces/components/trace-id-button.es.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { D as DataPanel } from '../../../data-panel-GT4fMXR0.js';
+import { D as DataPanel } from '../../../data-panel-C638OC-m.js';
 
 function TraceIdButton({ id }) {
   return /* @__PURE__ */ jsx(DataPanel.CopyId, { id });

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

@@ -3,14 +3,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
+const traces = require('@mastra/react/hooks/traces');
 const lucideReact = require('lucide-react');
 const domains_traces_components_spanDataPanelView = require('./span-data-panel-view.cjs.js');
 const domains_traces_components_traceDataPanel = require('./trace-data-panel.cjs.js');
 const domains_traces_components_traceMessagesPanel = require('./trace-messages-panel.cjs.js');
 const domains_traces_components_traceThreadContext = require('./trace-thread-context.cjs.js');
 const domains_traces_components_traceThreadPanel = require('./trace-thread-panel.cjs.js');
-const domains_traces_hooks_useSpanDetail = require('../hooks/use-span-detail.cjs.js');
-const domains_traces_hooks_useThreadHasOtherTraces = require('../hooks/use-thread-has-other-traces.cjs.js');
 const domains_traces_hooks_useTraceSpanNavigation = require('../hooks/use-trace-span-navigation.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
 const lib_framework = require('../../../lib/framework.cjs.js');
@@ -61,14 +60,21 @@ function TraceSpanPanel({
   spanFeedbackTabBadge,
   spanFeedbackTabSlot
 }) {
-  const { data: spanDetailData, isLoading: isLoadingSpanDetail } = domains_traces_hooks_useSpanDetail.useSpanDetail(traceId, selectedSpanId ?? "");
+  const { data: spanDetailData, isLoading: isLoadingSpanDetail } = traces.useSpanDetail({
+    traceId,
+    spanId: selectedSpanId ?? "",
+    queryOptions: { enabled: !!traceId && !!selectedSpanId }
+  });
   const { handlePreviousSpan, handleNextSpan } = domains_traces_hooks_useTraceSpanNavigation.useTraceSpanNavigation(spans, selectedSpanId, onSpanSelect);
   const { Link, paths } = lib_framework.useLinkComponent();
   const rootSpan = anchorSpanId ? spans?.find((s) => s.spanId === anchorSpanId) : spans?.find((s) => s.parentSpanId == null);
   const entityHref = getEntityHref(paths, rootSpan?.entityType, rootSpan?.entityId);
   const threadId = domains_traces_components_traceThreadContext.getTraceThreadId(rootSpan, anchorSpanId);
   const hasMessagesPanel = !!(traceId && showPartialThread && threadId);
-  const hasOtherTraces = domains_traces_hooks_useThreadHasOtherTraces.useThreadHasOtherTraces(hasMessagesPanel ? threadId : void 0);
+  const hasOtherTraces = traces.useThreadHasOtherTraces({
+    threadId: hasMessagesPanel ? threadId : void 0,
+    queryOptions: { enabled: !!(hasMessagesPanel ? threadId : void 0) }
+  });
   const showFullThreadAction = hasMessagesPanel && hasOtherTraces && !!onFullThreadOpenChange;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(