npm - @mastra/playground-ui - Versions diffs - 69.0.0-alpha.0 → 69.0.0-alpha.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (842) hide show

package/dist/domains/traces/components/span-summary-description.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { getSpanDurationMs } from "../utils/span-utils.es.js";
-import { t as DataPanel } from "../../../DataPanel-pVr5LVaK.js";
+import { t as DataPanel } from "../../../DataPanel-Rv5Mb_pf.js";
 import { controlSizeClasses } from "../../../primitives/control-size.es.js";
 import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { formatDate, formatTimestampPrecise } from "../../../utils/date-format.es.js";

package/dist/domains/traces/components/thread-trace/thread-trace-details.cjs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace-row-context.cjs.js");
 const require_Card = require("../../../../Card-C9oCXvxU.cjs");
-const require_DataPanel = require("../../../../DataPanel-BRRAvWYQ.cjs");
+const require_DataPanel = require("../../../../DataPanel-LfExjFpP.cjs");
 const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/thread-trace/thread-trace-details.tsx

package/dist/domains/traces/components/thread-trace/thread-trace-details.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { useThreadTraceRow } from "./thread-trace-row-context.es.js";
 import { t as Card } from "../../../../Card-ClDoUQNb.js";
-import { t as DataPanel } from "../../../../DataPanel-pVr5LVaK.js";
+import { t as DataPanel } from "../../../../DataPanel-Rv5Mb_pf.js";
 import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/traces/components/thread-trace/thread-trace-details.tsx

package/dist/domains/traces/components/thread-trace/thread-trace-messages.cjs.js CHANGED Viewed

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("./thread-trace-row.cjs.js");
 const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace-row-context.cjs.js");
-const require_tabs_tab = require("../../../../tabs-tab-CANh2eAD.cjs");
-const require_tabs_content = require("../../../../tabs-content-BACwMrMG.cjs");
+const require_tabs_tab = require("../../../../tabs-tab-Dj2huH5T.cjs");
+const require_tabs_content = require("../../../../tabs-content-D_ic2ZqI.cjs");
 const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/thread-trace/thread-trace-messages.tsx

package/dist/domains/traces/components/thread-trace/thread-trace-messages.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import "./thread-trace-row.es.js";
 import { useThreadTraceRow } from "./thread-trace-row-context.es.js";
-import { r as TabList, t as Tab } from "../../../../tabs-tab-BHs639jL.js";
-import { t as TabContent } from "../../../../tabs-content-DwU_eA-a.js";
+import { r as TabList, t as Tab } from "../../../../tabs-tab-CJVS0WED.js";
+import { t as TabContent } from "../../../../tabs-content-BGkPZ5EQ.js";
 import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/traces/components/thread-trace/thread-trace-messages.tsx

package/dist/domains/traces/components/thread-trace/thread-trace-row.cjs.js CHANGED Viewed

@@ -3,7 +3,7 @@ const require_domains_traces_components_thread_trace_thread_trace_context = requ
 const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace-row-context.cjs.js");
 const require_transcript_divider = require("../../../../transcript-divider-DroC3feH.cjs");
 const require_MessageScroller = require("../../../../MessageScroller-D-mK1uuu.cjs");
-const require_tabs_tab = require("../../../../tabs-tab-CANh2eAD.cjs");
+const require_tabs_tab = require("../../../../tabs-tab-Dj2huH5T.cjs");
 const require_hooks_use_measured_auto_height = require("../../../../hooks/use-measured-auto-height.cjs.js");
 const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 let react = require("react");

package/dist/domains/traces/components/thread-trace/thread-trace-row.es.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { useThreadTrace } from "./thread-trace-context.es.js";
 import { ThreadTraceRowContext } from "./thread-trace-row-context.es.js";
 import { t as TranscriptDivider } from "../../../../transcript-divider-DM2HkdeO.js";
 import { u as MessageScrollerItem } from "../../../../MessageScroller-nV_zBF3H.js";
-import { n as Tabs } from "../../../../tabs-tab-BHs639jL.js";
+import { n as Tabs } from "../../../../tabs-tab-CJVS0WED.js";
 import { useMeasuredAutoHeight } from "../../../../hooks/use-measured-auto-height.es.js";
 import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import { useCallback, useMemo, useState } from "react";

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

@@ -26,7 +26,7 @@ var THREAD_WINDOW_FROM = (/* @__PURE__ */ new Date(0)).toISOString();
 * reconstructed messages on the left and the span tree on the right. Clicking a span opens its
 * detail panel on the side so the conversation stays readable.
 */
-function ThreadViewByTrace({ threadId, withQueryTrace, withFeedback, onSelectedSpanChange, onOpenScore, pageSize = 3 }) {
+function ThreadViewByTrace({ threadId, withQueryTrace, withFeedback, feedbackOptions, onSelectedSpanChange, onOpenScore, pageSize = 3 }) {
 	const legacyFilters = (0, react.useMemo)(() => ({ threadId }), [threadId]);
 	const { rows, isLoading, isPlaceholderData, error, hasNextPage, isFetchingNextPage, fetchNextPage } = require_domains_traces_hooks_use_traces_list_source.useTracesListSource({
 		autoRefetch: false,
@@ -94,13 +94,14 @@ function ThreadViewByTrace({ threadId, withQueryTrace, withFeedback, onSelectedS
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThreadTraceRowContent, {
 					turn: index + 1,
 					withFeedback,
+					feedbackOptions,
 					onOpenScore
 				})
 			}, traceId))
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_thread_trace.ThreadTrace.SpanPanel, {})]
 	}, threadId);
 }
-function ThreadTraceRowContent({ turn, withFeedback, onOpenScore }) {
+function ThreadTraceRowContent({ turn, withFeedback, feedbackOptions, onOpenScore }) {
 	const { traceId, highlightSpans } = require_domains_traces_components_thread_trace_thread_trace_row_context.useThreadTraceRow();
 	const { Link, paths } = require_lib_framework.useLinkComponent();
 	const traceHref = paths.traceLink(traceId);
@@ -158,7 +159,8 @@ function ThreadTraceRowContent({ turn, withFeedback, onOpenScore }) {
 			className: "min-h-0 py-3",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_trace_feedback_tab.TraceFeedbackTab, {
 				traceId,
-				variant: "thread"
+				variant: "thread",
+				feedbackOptions
 			}, traceId)
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_thread_trace.ThreadTrace.TabContent, {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"thread-view-by-trace.cjs.js","names":["useMemo","useTracesListSource","useMastraClient","useState","useQueries","traceSpansQueryOptions","TracesErrorContent","ThreadViewSkeleton","Txt","ThreadTrace","useThreadTraceRow","useLinkComponent","useTraceSpans","_Fragment","Button","ExternalLinkIcon","Icon","MessageSquareTextIcon","MessageSquareReplyIcon","ScorersIcon","TraceThreadItemView","TraceFeedbackTab","TraceScoresTab"],"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; start at the epoch so it covers the whole thread, like the legacy endpoint.\nconst THREAD_WINDOW_FROM = new Date(0).toISOString();\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 = 3,\n}: ThreadViewByTraceProps) {\n const legacyFilters = useMemo<UseTracesListSourceArgs['legacyFilters']>(() => ({ threadId }), [threadId]);\n const { rows, isLoading, isPlaceholderData, error, hasNextPage, isFetchingNextPage, fetchNextPage } =\n useTracesListSource({\n autoRefetch: false,\n withQueryTrace,\n legacyFilters,\n limit: pageSize,\n query: now => ({\n timeRange: {\n from: THREAD_WINDOW_FROM,\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"],"mappings":"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"}
1	+ {"version":3,"file":"thread-view-by-trace.cjs.js","names":["useMemo","useTracesListSource","useMastraClient","useState","useQueries","traceSpansQueryOptions","TracesErrorContent","ThreadViewSkeleton","Txt","ThreadTrace","useThreadTraceRow","useLinkComponent","useTraceSpans","_Fragment","Button","ExternalLinkIcon","Icon","MessageSquareTextIcon","MessageSquareReplyIcon","ScorersIcon","TraceThreadItemView","TraceFeedbackTab","TraceScoresTab"],"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 type { FeedbackOptions } from './feedback-options';\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; start at the epoch so it covers the whole thread, like the legacy endpoint.\nconst THREAD_WINDOW_FROM = new Date(0).toISOString();\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 feedbackOptions?: FeedbackOptions;\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 feedbackOptions,\n onSelectedSpanChange,\n onOpenScore,\n pageSize = 3,\n}: ThreadViewByTraceProps) {\n const legacyFilters = useMemo<UseTracesListSourceArgs['legacyFilters']>(() => ({ threadId }), [threadId]);\n const { rows, isLoading, isPlaceholderData, error, hasNextPage, isFetchingNextPage, fetchNextPage } =\n useTracesListSource({\n autoRefetch: false,\n withQueryTrace,\n legacyFilters,\n limit: pageSize,\n query: now => ({\n timeRange: {\n from: THREAD_WINDOW_FROM,\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\n turn={index + 1}\n withFeedback={withFeedback}\n feedbackOptions={feedbackOptions}\n onOpenScore={onOpenScore}\n />\n </ThreadTrace.Row>\n ))}\n </ThreadTrace.List>\n <ThreadTrace.SpanPanel />\n </ThreadTrace>\n );\n}\n\nfunction ThreadTraceRowContent({\n turn,\n withFeedback,\n feedbackOptions,\n onOpenScore,\n}: {\n /* 1-based position among the loaded turns. */\n turn: number;\n withFeedback: boolean;\n feedbackOptions?: FeedbackOptions;\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\" feedbackOptions={feedbackOptions} />\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\nexport type { FeedbackOptions } from './feedback-options';\n"],"mappings":"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"}

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

@@ -25,7 +25,7 @@ var THREAD_WINDOW_FROM = (/* @__PURE__ */ new Date(0)).toISOString();
 * reconstructed messages on the left and the span tree on the right. Clicking a span opens its
 * detail panel on the side so the conversation stays readable.
 */
-function ThreadViewByTrace({ threadId, withQueryTrace, withFeedback, onSelectedSpanChange, onOpenScore, pageSize = 3 }) {
+function ThreadViewByTrace({ threadId, withQueryTrace, withFeedback, feedbackOptions, onSelectedSpanChange, onOpenScore, pageSize = 3 }) {
 	const legacyFilters = useMemo(() => ({ threadId }), [threadId]);
 	const { rows, isLoading, isPlaceholderData, error, hasNextPage, isFetchingNextPage, fetchNextPage } = useTracesListSource({
 		autoRefetch: false,
@@ -93,13 +93,14 @@ function ThreadViewByTrace({ threadId, withQueryTrace, withFeedback, onSelectedS
 				children: /* @__PURE__ */ jsx(ThreadTraceRowContent, {
 					turn: index + 1,
 					withFeedback,
+					feedbackOptions,
 					onOpenScore
 				})
 			}, traceId))
 		}), /* @__PURE__ */ jsx(ThreadTrace.SpanPanel, {})]
 	}, threadId);
 }
-function ThreadTraceRowContent({ turn, withFeedback, onOpenScore }) {
+function ThreadTraceRowContent({ turn, withFeedback, feedbackOptions, onOpenScore }) {
 	const { traceId, highlightSpans } = useThreadTraceRow();
 	const { Link, paths } = useLinkComponent();
 	const traceHref = paths.traceLink(traceId);
@@ -157,7 +158,8 @@ function ThreadTraceRowContent({ turn, withFeedback, onOpenScore }) {
 			className: "min-h-0 py-3",
 			children: /* @__PURE__ */ jsx(TraceFeedbackTab, {
 				traceId,
-				variant: "thread"
+				variant: "thread",
+				feedbackOptions
 			}, traceId)
 		}),
 		/* @__PURE__ */ jsx(ThreadTrace.TabContent, {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"thread-view-by-trace.es.js","names":["_Fragment"],"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; start at the epoch so it covers the whole thread, like the legacy endpoint.\nconst THREAD_WINDOW_FROM = new Date(0).toISOString();\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 = 3,\n}: ThreadViewByTraceProps) {\n const legacyFilters = useMemo<UseTracesListSourceArgs['legacyFilters']>(() => ({ threadId }), [threadId]);\n const { rows, isLoading, isPlaceholderData, error, hasNextPage, isFetchingNextPage, fetchNextPage } =\n useTracesListSource({\n autoRefetch: false,\n withQueryTrace,\n legacyFilters,\n limit: pageSize,\n query: now => ({\n timeRange: {\n from: THREAD_WINDOW_FROM,\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"],"mappings":"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"}
1	+ {"version":3,"file":"thread-view-by-trace.es.js","names":["_Fragment"],"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 type { FeedbackOptions } from './feedback-options';\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; start at the epoch so it covers the whole thread, like the legacy endpoint.\nconst THREAD_WINDOW_FROM = new Date(0).toISOString();\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 feedbackOptions?: FeedbackOptions;\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 feedbackOptions,\n onSelectedSpanChange,\n onOpenScore,\n pageSize = 3,\n}: ThreadViewByTraceProps) {\n const legacyFilters = useMemo<UseTracesListSourceArgs['legacyFilters']>(() => ({ threadId }), [threadId]);\n const { rows, isLoading, isPlaceholderData, error, hasNextPage, isFetchingNextPage, fetchNextPage } =\n useTracesListSource({\n autoRefetch: false,\n withQueryTrace,\n legacyFilters,\n limit: pageSize,\n query: now => ({\n timeRange: {\n from: THREAD_WINDOW_FROM,\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\n turn={index + 1}\n withFeedback={withFeedback}\n feedbackOptions={feedbackOptions}\n onOpenScore={onOpenScore}\n />\n </ThreadTrace.Row>\n ))}\n </ThreadTrace.List>\n <ThreadTrace.SpanPanel />\n </ThreadTrace>\n );\n}\n\nfunction ThreadTraceRowContent({\n turn,\n withFeedback,\n feedbackOptions,\n onOpenScore,\n}: {\n /* 1-based position among the loaded turns. */\n turn: number;\n withFeedback: boolean;\n feedbackOptions?: FeedbackOptions;\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\" feedbackOptions={feedbackOptions} />\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\nexport type { FeedbackOptions } from './feedback-options';\n"],"mappings":"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"}

package/dist/domains/traces/components/trace-columns-menu.cjs.js CHANGED Viewed

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_traces_trace_list_columns = require("../trace-list-columns.cjs.js");
-const require_combobox = require("../../../combobox-i723LxeC.cjs");
+const require_combobox = require("../../../combobox-DU2jsrGa.cjs");
 const require_Dialog = require("../../../Dialog-Duy3M1ny.cjs");
-const require_dropdown_menu = require("../../../dropdown-menu-Dx-jCOIv.cjs");
+const require_dropdown_menu = require("../../../dropdown-menu-D3D8USIY.cjs");
 const require_components_Field = require("../../../components/Field.cjs.js");
 const require_components_Form = require("../../../components/Form.cjs.js");
 const require_Txt = require("../../../Txt-_00wWxTd.cjs");

package/dist/domains/traces/components/trace-columns-menu.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { TRACE_COLUMN_CATALOGS, TRACE_CUSTOM_COLUMN_FIELDS, TRACE_CUSTOM_COLUMN_LABELS, TRACE_USAGE_COLUMNS } from "../trace-list-columns.es.js";
-import { t as Combobox } from "../../../combobox-lbSxWRMl.js";
+import { t as Combobox } from "../../../combobox-DLdInLYm.js";
 import { a as DialogContent, c as DialogHeader, d as DialogTitle, n as DialogBody, o as DialogDescription, p as DialogAction, r as DialogCancel, s as DialogFooter, t as Dialog } from "../../../Dialog-OBPu3rl2.js";
-import { t as DropdownMenu } from "../../../dropdown-menu-DKoWI8kD.js";
+import { t as DropdownMenu } from "../../../dropdown-menu-jsf9D-J_.js";
 import { Field, FieldError, FieldLabel } from "../../../components/Field.es.js";
 import { Form } from "../../../components/Form.es.js";
 import { t as Txt } from "../../../Txt-5efBsb2p.js";

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

@@ -7,10 +7,10 @@ const require_domains_traces_components_trace_span_timeline = require("./trace-s
 const require_domains_traces_components_trace_span_tree = require("./trace-span-tree.cjs.js");
 const require_domains_traces_components_trace_summary_description = require("./trace-summary-description.cjs.js");
 const require_Button = require("../../../Button-BfICfyxD.cjs");
-const require_DataPanel = require("../../../DataPanel-BRRAvWYQ.cjs");
+const require_DataPanel = require("../../../DataPanel-LfExjFpP.cjs");
 const require_Notice = require("../../../Notice-B_KjMmA6.cjs");
 const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
-const require_tabs_tab = require("../../../tabs-tab-CANh2eAD.cjs");
+const require_tabs_tab = require("../../../tabs-tab-Dj2huH5T.cjs");
 const require_icons_Icon = require("../../../icons/Icon.cjs.js");
 const require_icons_ScorersIcon = require("../../../icons/ScorersIcon.cjs.js");
 const require_icons_TraceIcon = require("../../../icons/TraceIcon.cjs.js");

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

@@ -6,10 +6,10 @@ import { TraceSpanTimeline } from "./trace-span-timeline.es.js";
 import { TraceSpanTree } from "./trace-span-tree.es.js";
 import { TraceEntityMeta, TraceStatusMeta, TraceSummaryDescription } from "./trace-summary-description.es.js";
 import { t as Button } from "../../../Button-Bi7aXd_G.js";
-import { t as DataPanel } from "../../../DataPanel-pVr5LVaK.js";
+import { t as DataPanel } from "../../../DataPanel-Rv5Mb_pf.js";
 import { t as Notice } from "../../../Notice-OSlG42lD.js";
 import { Skeleton } from "../../../components/Skeleton.es.js";
-import { n as Tabs, r as TabList, t as Tab } from "../../../tabs-tab-BHs639jL.js";
+import { n as Tabs, r as TabList, t as Tab } from "../../../tabs-tab-CJVS0WED.js";
 import { Icon } from "../../../icons/Icon.es.js";
 import { ScorersIcon } from "../../../icons/ScorersIcon.es.js";
 import { TraceIcon } from "../../../icons/TraceIcon.es.js";

package/dist/domains/traces/components/trace-details-view.cjs.js CHANGED Viewed

@@ -3,7 +3,7 @@ const require_domains_traces_hooks_get_all_span_ids = require("../hooks/get-all-
 const require_domains_traces_components_format_hierarchical_spans = require("./format-hierarchical-spans.cjs.js");
 const require_domains_traces_components_trace_id_button = require("./trace-id-button.cjs.js");
 const require_domains_traces_components_trace_span_tree = require("./trace-span-tree.cjs.js");
-const require_DataDetailsPanel = require("../../../DataDetailsPanel-BDoD6pxx.cjs");
+const require_DataDetailsPanel = require("../../../DataDetailsPanel-DCMlaG7j.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/trace-details-view.tsx

package/dist/domains/traces/components/trace-details-view.es.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { getAllSpanIds } from "../hooks/get-all-span-ids.es.js";
 import { formatHierarchicalSpans } from "./format-hierarchical-spans.es.js";
 import { TraceIdButton } from "./trace-id-button.es.js";
 import { TraceSpanTree } from "./trace-span-tree.es.js";
-import { t as DataDetailsPanel } from "../../../DataDetailsPanel-BU05psHL.js";
+import { t as DataDetailsPanel } from "../../../DataDetailsPanel-mTfbbQho.js";
 import { useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/trace-details-view.tsx

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

@@ -9,14 +9,18 @@ let _mastra_react_hooks_feedback = require("@mastra/react/hooks/feedback");
 * Trace-level feedback (no span). Owns its own pagination: mount it with a `key`
 * on the trace id so a page index never leaks across traces.
 */
-function TraceFeedbackTab({ traceId, variant }) {
+function TraceFeedbackTab({ traceId, variant, feedbackOptions }) {
 	const [page, setPage] = (0, react.useState)(0);
 	const { data, isLoading } = (0, _mastra_react_hooks_traces.useTraceFeedback)({
 		traceId,
 		page,
 		queryOptions: { enabled: !!traceId }
 	});
-	const { mutateAsync, isPending } = (0, _mastra_react_hooks_traces.useCreateFeedback)({ traceId });
+	const { mutateAsync, isPending, error } = (0, _mastra_react_hooks_traces.useCreateFeedback)({
+		traceId,
+		contextMode: feedbackOptions?.contextMode,
+		feedbackUserId: feedbackOptions?.feedbackUserId
+	});
 	const { mutateAsync: deleteFeedback, isPending: isDeleting } = (0, _mastra_react_hooks_traces.useDeleteFeedback)({ traceId });
 	const updateReviewStatus = (0, _mastra_react_hooks_feedback.useUpdateFeedbackReviewStatus)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_feedback_thread.FeedbackThread, {
@@ -25,10 +29,11 @@ function TraceFeedbackTab({ traceId, variant }) {
 		onPageChange: setPage,
 		onSubmit: (text) => mutateAsync({ text }),
 		isSubmitting: isPending,
-		onDelete: (feedbackId) => deleteFeedback({ feedbackId }),
+		submitError: error ? "Could not save feedback. Please try again." : void 0,
+		onDelete: feedbackOptions?.allowDelete === false ? void 0 : (feedbackId) => deleteFeedback({ feedbackId }),
 		isDeleting,
 		variant,
-		onMarkReviewed: (feedbackId) => updateReviewStatus.mutate({
+		onMarkReviewed: feedbackOptions?.allowReview === false ? void 0 : (feedbackId) => updateReviewStatus.mutate({
 			feedbackId,
 			reviewStatus: "reviewed"
 		}),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-feedback-tab.cjs.js","names":["useState","useTraceFeedback","useCreateFeedback","useDeleteFeedback","useUpdateFeedbackReviewStatus","FeedbackThread"],"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"],"mappings":";;;;;;;;;;;~~AAiBA~~,SAAgB,iBAAiB,EAAE,SAAS,~~WAAkC~~;~~CAC5E~~,MAAM,CAAC,MAAM,YAAA,GAAWA,MAAAA,SAAAA,CAAS,CAAC;CAClC,MAAM,EAAE,MAAM,eAAA,GAAcC,2BAAAA,iBAAAA,CAAiB;EAAE;EAAS;EAAM,cAAc,EAAE,SAAS,CAAC,CAAC,QAAQ;CAAE,CAAC;CACpG,MAAM,EAAE,aAAa,~~eAAA~~,~~GAAcC~~,2BAAAA,kBAAAA,CAAkB,~~EAAE~~,~~QAAQ~~,CAAC;~~CAChE~~,MAAM,EAAE,aAAa,gBAAgB,WAAW,gBAAA,GAAeC,2BAAAA,kBAAAA,CAAkB,EAAE,QAAQ,CAAC;CAC5F,MAAM,sBAAA,GAAqBC,6BAAAA,8BAAAA,CAA8B;CAEzD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kDAAAA,gBAAD;EACE,cAAc;EACd,uBAAuB;EACvB,cAAc;EACd,WAAU,SAAQ,YAAY,EAAE,KAAK,CAAC;EACtC,cAAc;EACd,~~WAAU~~,eAAc,eAAe,EAAE,WAAW,CAAC;~~EACzC~~;EACH;EACT,~~iBAAgB~~,eAAc,mBAAmB,OAAO;GAAE;GAAY,cAAc;EAAW,CAAC;~~EAChG~~,mBAAmB,mBAAmB,YAAY,mBAAmB,UAAU,aAAa,KAAA;CAC7F,CAAA;AAEL"}
1	+ {"version":3,"file":"trace-feedback-tab.cjs.js","names":["useState","useTraceFeedback","useCreateFeedback","useDeleteFeedback","useUpdateFeedbackReviewStatus","FeedbackThread"],"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 type { FeedbackOptions } from './feedback-options';\nimport { FeedbackThread } from './feedback-thread';\nimport type { CommentVariant } from '@/ds/components/Comment';\n\ntype TraceFeedbackTabProps = {\n traceId: string;\n feedbackOptions?: FeedbackOptions;\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, feedbackOptions }: TraceFeedbackTabProps) {\n const [page, setPage] = useState(0);\n const { data, isLoading } = useTraceFeedback({ traceId, page, queryOptions: { enabled: !!traceId } });\n const { mutateAsync, isPending, error } = useCreateFeedback({\n traceId,\n contextMode: feedbackOptions?.contextMode,\n feedbackUserId: feedbackOptions?.feedbackUserId,\n });\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 submitError={error ? 'Could not save feedback. Please try again.' : undefined}\n onDelete={feedbackOptions?.allowDelete === false ? undefined : feedbackId => deleteFeedback({ feedbackId })}\n isDeleting={isDeleting}\n variant={variant}\n onMarkReviewed={\n feedbackOptions?.allowReview === false\n ? undefined\n : feedbackId => updateReviewStatus.mutate({ feedbackId, reviewStatus: 'reviewed' })\n }\n pendingFeedbackId={updateReviewStatus.isPending ? updateReviewStatus.variables.feedbackId : undefined}\n />\n );\n}\n\nexport type { FeedbackOptions } from './feedback-options';\n"],"mappings":";;;;;;;;;;;AAmBA,SAAgB,iBAAiB,EAAE,SAAS,SAAS,mBAA0C;CAC7F,MAAM,CAAC,MAAM,YAAA,GAAWA,MAAAA,SAAAA,CAAS,CAAC;CAClC,MAAM,EAAE,MAAM,eAAA,GAAcC,2BAAAA,iBAAAA,CAAiB;EAAE;EAAS;EAAM,cAAc,EAAE,SAAS,CAAC,CAAC,QAAQ;CAAE,CAAC;CACpG,MAAM,EAAE,aAAa,WAAW,WAAA,GAAUC,2BAAAA,kBAAAA,CAAkB;EAC1D;EACA,aAAa,iBAAiB;EAC9B,gBAAgB,iBAAiB;CACnC,CAAC;CACD,MAAM,EAAE,aAAa,gBAAgB,WAAW,gBAAA,GAAeC,2BAAAA,kBAAAA,CAAkB,EAAE,QAAQ,CAAC;CAC5F,MAAM,sBAAA,GAAqBC,6BAAAA,8BAAAA,CAA8B;CAEzD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kDAAAA,gBAAD;EACE,cAAc;EACd,uBAAuB;EACvB,cAAc;EACd,WAAU,SAAQ,YAAY,EAAE,KAAK,CAAC;EACtC,cAAc;EACd,aAAa,QAAQ,+CAA+C,KAAA;EACpE,UAAU,iBAAiB,gBAAgB,QAAQ,KAAA,KAAY,eAAc,eAAe,EAAE,WAAW,CAAC;EAC9F;EACH;EACT,gBACE,iBAAiB,gBAAgB,QAC7B,KAAA,KACA,eAAc,mBAAmB,OAAO;GAAE;GAAY,cAAc;EAAW,CAAC;EAEtF,mBAAmB,mBAAmB,YAAY,mBAAmB,UAAU,aAAa,KAAA;CAC7F,CAAA;AAEL"}

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

@@ -8,14 +8,18 @@ import { useUpdateFeedbackReviewStatus } from "@mastra/react/hooks/feedback";
 * Trace-level feedback (no span). Owns its own pagination: mount it with a `key`
 * on the trace id so a page index never leaks across traces.
 */
-function TraceFeedbackTab({ traceId, variant }) {
+function TraceFeedbackTab({ traceId, variant, feedbackOptions }) {
 	const [page, setPage] = useState(0);
 	const { data, isLoading } = useTraceFeedback({
 		traceId,
 		page,
 		queryOptions: { enabled: !!traceId }
 	});
-	const { mutateAsync, isPending } = useCreateFeedback({ traceId });
+	const { mutateAsync, isPending, error } = useCreateFeedback({
+		traceId,
+		contextMode: feedbackOptions?.contextMode,
+		feedbackUserId: feedbackOptions?.feedbackUserId
+	});
 	const { mutateAsync: deleteFeedback, isPending: isDeleting } = useDeleteFeedback({ traceId });
 	const updateReviewStatus = useUpdateFeedbackReviewStatus();
 	return /* @__PURE__ */ jsx(FeedbackThread, {
@@ -24,10 +28,11 @@ function TraceFeedbackTab({ traceId, variant }) {
 		onPageChange: setPage,
 		onSubmit: (text) => mutateAsync({ text }),
 		isSubmitting: isPending,
-		onDelete: (feedbackId) => deleteFeedback({ feedbackId }),
+		submitError: error ? "Could not save feedback. Please try again." : void 0,
+		onDelete: feedbackOptions?.allowDelete === false ? void 0 : (feedbackId) => deleteFeedback({ feedbackId }),
 		isDeleting,
 		variant,
-		onMarkReviewed: (feedbackId) => updateReviewStatus.mutate({
+		onMarkReviewed: feedbackOptions?.allowReview === false ? void 0 : (feedbackId) => updateReviewStatus.mutate({
 			feedbackId,
 			reviewStatus: "reviewed"
 		}),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-feedback-tab.es.js","names":[],"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"],"mappings":";;;;;;;;;;~~AAiBA~~,SAAgB,iBAAiB,EAAE,SAAS,~~WAAkC~~;~~CAC5E~~,MAAM,CAAC,MAAM,WAAW,SAAS,CAAC;CAClC,MAAM,EAAE,MAAM,cAAc,iBAAiB;EAAE;EAAS;EAAM,cAAc,EAAE,SAAS,CAAC,CAAC,QAAQ;CAAE,CAAC;CACpG,MAAM,EAAE,aAAa,~~cAAc~~,kBAAkB,~~EAAE~~,~~QAAQ~~,CAAC;~~CAChE~~,MAAM,EAAE,aAAa,gBAAgB,WAAW,eAAe,kBAAkB,EAAE,QAAQ,CAAC;CAC5F,MAAM,qBAAqB,8BAA8B;CAEzD,OACE,oBAAC,gBAAD;EACE,cAAc;EACd,uBAAuB;EACvB,cAAc;EACd,WAAU,SAAQ,YAAY,EAAE,KAAK,CAAC;EACtC,cAAc;EACd,~~WAAU~~,eAAc,eAAe,EAAE,WAAW,CAAC;~~EACzC~~;EACH;EACT,~~iBAAgB~~,eAAc,mBAAmB,OAAO;GAAE;GAAY,cAAc;EAAW,CAAC;~~EAChG~~,mBAAmB,mBAAmB,YAAY,mBAAmB,UAAU,aAAa,KAAA;CAC7F,CAAA;AAEL"}
1	+ {"version":3,"file":"trace-feedback-tab.es.js","names":[],"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 type { FeedbackOptions } from './feedback-options';\nimport { FeedbackThread } from './feedback-thread';\nimport type { CommentVariant } from '@/ds/components/Comment';\n\ntype TraceFeedbackTabProps = {\n traceId: string;\n feedbackOptions?: FeedbackOptions;\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, feedbackOptions }: TraceFeedbackTabProps) {\n const [page, setPage] = useState(0);\n const { data, isLoading } = useTraceFeedback({ traceId, page, queryOptions: { enabled: !!traceId } });\n const { mutateAsync, isPending, error } = useCreateFeedback({\n traceId,\n contextMode: feedbackOptions?.contextMode,\n feedbackUserId: feedbackOptions?.feedbackUserId,\n });\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 submitError={error ? 'Could not save feedback. Please try again.' : undefined}\n onDelete={feedbackOptions?.allowDelete === false ? undefined : feedbackId => deleteFeedback({ feedbackId })}\n isDeleting={isDeleting}\n variant={variant}\n onMarkReviewed={\n feedbackOptions?.allowReview === false\n ? undefined\n : feedbackId => updateReviewStatus.mutate({ feedbackId, reviewStatus: 'reviewed' })\n }\n pendingFeedbackId={updateReviewStatus.isPending ? updateReviewStatus.variables.feedbackId : undefined}\n />\n );\n}\n\nexport type { FeedbackOptions } from './feedback-options';\n"],"mappings":";;;;;;;;;;AAmBA,SAAgB,iBAAiB,EAAE,SAAS,SAAS,mBAA0C;CAC7F,MAAM,CAAC,MAAM,WAAW,SAAS,CAAC;CAClC,MAAM,EAAE,MAAM,cAAc,iBAAiB;EAAE;EAAS;EAAM,cAAc,EAAE,SAAS,CAAC,CAAC,QAAQ;CAAE,CAAC;CACpG,MAAM,EAAE,aAAa,WAAW,UAAU,kBAAkB;EAC1D;EACA,aAAa,iBAAiB;EAC9B,gBAAgB,iBAAiB;CACnC,CAAC;CACD,MAAM,EAAE,aAAa,gBAAgB,WAAW,eAAe,kBAAkB,EAAE,QAAQ,CAAC;CAC5F,MAAM,qBAAqB,8BAA8B;CAEzD,OACE,oBAAC,gBAAD;EACE,cAAc;EACd,uBAAuB;EACvB,cAAc;EACd,WAAU,SAAQ,YAAY,EAAE,KAAK,CAAC;EACtC,cAAc;EACd,aAAa,QAAQ,+CAA+C,KAAA;EACpE,UAAU,iBAAiB,gBAAgB,QAAQ,KAAA,KAAY,eAAc,eAAe,EAAE,WAAW,CAAC;EAC9F;EACH;EACT,gBACE,iBAAiB,gBAAgB,QAC7B,KAAA,KACA,eAAc,mBAAmB,OAAO;GAAE;GAAY,cAAc;EAAW,CAAC;EAEtF,mBAAmB,mBAAmB,YAAY,mBAAmB,UAAU,aAAa,KAAA;CAC7F,CAAA;AAEL"}

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_DataPanel = require("../../../DataPanel-BRRAvWYQ.cjs");
+const require_DataPanel = require("../../../DataPanel-LfExjFpP.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/trace-id-button.tsx
 function TraceIdButton({ id, maxLength, ellipsis }) {

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

@@ -1,4 +1,4 @@
-import { t as DataPanel } from "../../../DataPanel-pVr5LVaK.js";
+import { t as DataPanel } from "../../../DataPanel-Rv5Mb_pf.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/traces/components/trace-id-button.tsx
 function TraceIdButton({ id, maxLength, ellipsis }) {

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

@@ -21,7 +21,7 @@ function getEntityHref(paths, entityType, entityId) {
 * Encapsulates the span-detail fetch and prev/next span navigation that the traces page
 * and the agent chat traces aside used to duplicate.
 */
-function TraceSpanPanel({ traceId, spans, isLoadingSpans, selectedSpanId, onSpanSelect, onClose, anchorSpanId, entityType, initialSpanId, onPrevious, onNext, onSaveAsDatasetItem, feedbackTabBadge, feedbackTabSlot, showPartialThread, featuredSpanIds, onHighlightSpans, isFullThreadOpen, onFullThreadOpenChange, withQueryTrace, withFeedback, onOpenScore, scoresTabBadge, scoresTabSlot, usage, rootStreamingTimings, traceHref, size, depth, headerSlot, headerActionsSlot, title, showUnavailableFeaturesMsg, spanView, onSpanViewChange, spanActiveTab, onSpanTabChange, spanFeedbackTabBadge, spanFeedbackTabSlot }) {
+function TraceSpanPanel({ traceId, spans, isLoadingSpans, selectedSpanId, onSpanSelect, onClose, anchorSpanId, entityType, initialSpanId, onPrevious, onNext, onSaveAsDatasetItem, feedbackTabBadge, feedbackTabSlot, showPartialThread, featuredSpanIds, onHighlightSpans, isFullThreadOpen, onFullThreadOpenChange, withQueryTrace, withFeedback, feedbackOptions, onOpenScore, scoresTabBadge, scoresTabSlot, usage, rootStreamingTimings, traceHref, size, depth, headerSlot, headerActionsSlot, title, showUnavailableFeaturesMsg, spanView, onSpanViewChange, spanActiveTab, onSpanTabChange, spanFeedbackTabBadge, spanFeedbackTabSlot }) {
 	const { data: spanDetailData, isLoading: isLoadingSpanDetail } = (0, _mastra_react_hooks_traces.useSpanDetail)({
 		traceId,
 		spanId: selectedSpanId ?? "",
@@ -101,6 +101,7 @@ function TraceSpanPanel({ traceId, spans, isLoadingSpans, selectedSpanId, onSpan
 		onOpenScore,
 		withQueryTrace,
 		withFeedback,
+		feedbackOptions,
 		onClose: () => onFullThreadOpenChange?.(false)
 	})] });
 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-span-panel.cjs.js","names":["useSpanDetail","useLinkComponent","getTraceThreadId","useThreadHasOtherTraces","_Fragment","TraceDataPanel","TraceMessagesPanel","Button","MessagesSquareIcon","SpanDataPanelView","TraceThreadPanel"],"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":"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"}
1	+ {"version":3,"file":"trace-span-panel.cjs.js","names":["useSpanDetail","useLinkComponent","getTraceThreadId","useThreadHasOtherTraces","_Fragment","TraceDataPanel","TraceMessagesPanel","Button","MessagesSquareIcon","SpanDataPanelView","TraceThreadPanel"],"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":"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"}

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

@@ -20,7 +20,7 @@ function getEntityHref(paths, entityType, entityId) {
 * Encapsulates the span-detail fetch and prev/next span navigation that the traces page
 * and the agent chat traces aside used to duplicate.
 */
-function TraceSpanPanel({ traceId, spans, isLoadingSpans, selectedSpanId, onSpanSelect, onClose, anchorSpanId, entityType, initialSpanId, onPrevious, onNext, onSaveAsDatasetItem, feedbackTabBadge, feedbackTabSlot, showPartialThread, featuredSpanIds, onHighlightSpans, isFullThreadOpen, onFullThreadOpenChange, withQueryTrace, withFeedback, onOpenScore, scoresTabBadge, scoresTabSlot, usage, rootStreamingTimings, traceHref, size, depth, headerSlot, headerActionsSlot, title, showUnavailableFeaturesMsg, spanView, onSpanViewChange, spanActiveTab, onSpanTabChange, spanFeedbackTabBadge, spanFeedbackTabSlot }) {
+function TraceSpanPanel({ traceId, spans, isLoadingSpans, selectedSpanId, onSpanSelect, onClose, anchorSpanId, entityType, initialSpanId, onPrevious, onNext, onSaveAsDatasetItem, feedbackTabBadge, feedbackTabSlot, showPartialThread, featuredSpanIds, onHighlightSpans, isFullThreadOpen, onFullThreadOpenChange, withQueryTrace, withFeedback, feedbackOptions, onOpenScore, scoresTabBadge, scoresTabSlot, usage, rootStreamingTimings, traceHref, size, depth, headerSlot, headerActionsSlot, title, showUnavailableFeaturesMsg, spanView, onSpanViewChange, spanActiveTab, onSpanTabChange, spanFeedbackTabBadge, spanFeedbackTabSlot }) {
 	const { data: spanDetailData, isLoading: isLoadingSpanDetail } = useSpanDetail({
 		traceId,
 		spanId: selectedSpanId ?? "",
@@ -100,6 +100,7 @@ function TraceSpanPanel({ traceId, spans, isLoadingSpans, selectedSpanId, onSpan
 		onOpenScore,
 		withQueryTrace,
 		withFeedback,
+		feedbackOptions,
 		onClose: () => onFullThreadOpenChange?.(false)
 	})] });
 }