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

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

@@ -1,7 +1,7 @@
-import { t as cn } from "../../../../utils-DQx8TpNT.js";
-import { t as DataPanel } from "../../../../DataPanel-IgB9D5PO.js";
-import { t as Card } from "../../../../Card-LU1aWO7U.js";
 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 cn } from "../../../../utils-DQx8TpNT.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/traces/components/thread-trace/thread-trace-details.tsx
 /** The details column of a row: a raised card with a `ThreadTrace.DetailsHeader` above `ThreadTrace.Spans`. */

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 const require_domains_traces_components_thread_trace_thread_trace_context = require("./thread-trace-context.cjs.js");
-const require_MessageScroller = require("../../../../MessageScroller-CGsfTd1Z.cjs");
+const require_MessageScroller = require("../../../../MessageScroller-D-mK1uuu.cjs");
+const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_resizable_panels = require("react-resizable-panels");
 // src/domains/traces/components/thread-trace/thread-trace-list.tsx

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

@@ -1,6 +1,6 @@
-import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import { useThreadTrace } from "./thread-trace-context.es.js";
-import { f as MessageScrollerViewport, l as MessageScrollerContent, s as MessageScroller } from "../../../../MessageScroller-DvaKlm4O.js";
+import { f as MessageScrollerViewport, l as MessageScrollerContent, s as MessageScroller } from "../../../../MessageScroller-nV_zBF3H.js";
+import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import { jsx } from "react/jsx-runtime";
 import { Panel } from "react-resizable-panels";
 // src/domains/traces/components/thread-trace/thread-trace-list.tsx

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

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../../utils-uDc1ofX1.cjs");
-const require_tabs_tab = require("../../../../tabs-tab-DGwfHVDr.cjs");
-const require_tabs_content = require("../../../../tabs-content-CmXe5ML0.cjs");
-const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace-row-context.cjs.js");
 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-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

@@ -1,8 +1,8 @@
-import { t as cn } from "../../../../utils-DQx8TpNT.js";
-import { r as TabList, t as Tab } from "../../../../tabs-tab-CYTZevdV.js";
-import { t as TabContent } from "../../../../tabs-content-D__B9hd-.js";
-import { useThreadTraceRow } from "./thread-trace-row-context.es.js";
 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-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-root.cjs.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../../utils-uDc1ofX1.cjs");
-const require_domains_traces_components_thread_trace_thread_trace_context = require("./thread-trace-context.cjs.js");
-const require_MessageScroller = require("../../../../MessageScroller-CGsfTd1Z.cjs");
 const require_domains_traces_hooks_use_visible_trace_rows = require("../../hooks/use-visible-trace-rows.cjs.js");
+const require_domains_traces_components_thread_trace_thread_trace_context = require("./thread-trace-context.cjs.js");
+const require_MessageScroller = require("../../../../MessageScroller-D-mK1uuu.cjs");
 const require_resize_panel_group = require("../../../../resize/panel-group.cjs.js");
+const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/thread-trace/thread-trace-root.tsx

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

@@ -1,8 +1,8 @@
-import { t as cn } from "../../../../utils-DQx8TpNT.js";
-import { ThreadTraceContext } from "./thread-trace-context.es.js";
-import { d as MessageScrollerProvider } from "../../../../MessageScroller-DvaKlm4O.js";
 import { useVisibleTraceRows } from "../../hooks/use-visible-trace-rows.es.js";
+import { ThreadTraceContext } from "./thread-trace-context.es.js";
+import { d as MessageScrollerProvider } from "../../../../MessageScroller-nV_zBF3H.js";
 import { PanelGroup } from "../../../../resize/panel-group.es.js";
+import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import { useCallback, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/domains/traces/components/thread-trace/thread-trace-root.tsx

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

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../../utils-uDc1ofX1.cjs");
-const require_tabs_tab = require("../../../../tabs-tab-DGwfHVDr.cjs");
-const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace-row-context.cjs.js");
 const require_domains_traces_components_thread_trace_thread_trace_context = require("./thread-trace-context.cjs.js");
-const require_MessageScroller = require("../../../../MessageScroller-CGsfTd1Z.cjs");
-const require_transcript_divider = require("../../../../transcript-divider-CQ6sc3nt.cjs");
+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-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");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/thread-trace/thread-trace-row.tsx

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

@@ -1,10 +1,10 @@
-import { t as cn } from "../../../../utils-DQx8TpNT.js";
-import { n as Tabs } from "../../../../tabs-tab-CYTZevdV.js";
-import { ThreadTraceRowContext } from "./thread-trace-row-context.es.js";
 import { useThreadTrace } from "./thread-trace-context.es.js";
-import { u as MessageScrollerItem } from "../../../../MessageScroller-DvaKlm4O.js";
-import { t as TranscriptDivider } from "../../../../transcript-divider-CvdgElIC.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-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";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/thread-trace/thread-trace-row.tsx

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

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 const require_domains_traces_components_span_data_panel_view = require("../span-data-panel-view.cjs.js");
 const require_domains_traces_components_thread_trace_thread_trace_context = require("./thread-trace-context.cjs.js");
 const require_resize_separator = require("../../../../resize/separator.cjs.js");
+const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
 let react_resizable_panels = require("react-resizable-panels");

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

@@ -1,7 +1,7 @@
-import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import { SpanDataPanelView } from "../span-data-panel-view.es.js";
 import { useThreadTrace } from "./thread-trace-context.es.js";
 import { PanelSeparator } from "../../../../resize/separator.es.js";
+import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useSpanDetail, useTraceSpans } from "@mastra/react/hooks/traces";
 import { Panel } from "react-resizable-panels";

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

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../../utils-uDc1ofX1.cjs");
-const require_Button = require("../../../../Button-DLcMcuUL.cjs");
-const require_components_CollapsibleBox = require("../../../../components/CollapsibleBox.cjs.js");
-const require_domains_traces_components_format_hierarchical_spans = require("../format-hierarchical-spans.cjs.js");
-const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace-row-context.cjs.js");
-const require_domains_traces_components_thread_trace_thread_trace_context = require("./thread-trace-context.cjs.js");
 const require_domains_traces_hooks_use_expanded_span_ids = require("../../hooks/use-expanded-span-ids.cjs.js");
+const require_domains_traces_components_format_hierarchical_spans = require("../format-hierarchical-spans.cjs.js");
 const require_domains_traces_components_trace_span_tree = require("../trace-span-tree.cjs.js");
+const require_domains_traces_components_thread_trace_thread_trace_context = require("./thread-trace-context.cjs.js");
+const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace-row-context.cjs.js");
+const require_Button = require("../../../../Button-BfICfyxD.cjs");
+const require_components_CollapsibleBox = require("../../../../components/CollapsibleBox.cjs.js");
+const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

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

@@ -1,11 +1,11 @@
-import { t as cn } from "../../../../utils-DQx8TpNT.js";
-import { t as Button } from "../../../../Button-CLXTbAY8.js";
-import { CollapsibleBox } from "../../../../components/CollapsibleBox.es.js";
-import { formatHierarchicalSpans } from "../format-hierarchical-spans.es.js";
-import { useThreadTraceRow } from "./thread-trace-row-context.es.js";
-import { useThreadTrace } from "./thread-trace-context.es.js";
 import { useExpandedSpanIds } from "../../hooks/use-expanded-span-ids.es.js";
+import { formatHierarchicalSpans } from "../format-hierarchical-spans.es.js";
 import { TraceSpanTree } from "../trace-span-tree.es.js";
+import { useThreadTrace } from "./thread-trace-context.es.js";
+import { useThreadTraceRow } from "./thread-trace-row-context.es.js";
+import { t as Button } from "../../../../Button-Bi7aXd_G.js";
+import { CollapsibleBox } from "../../../../components/CollapsibleBox.es.js";
+import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Minimize2 } from "lucide-react";

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

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace/thread-trace-row-context.cjs.js");
 const require_domains_traces_components_thread_trace_thread_trace_details = require("./thread-trace/thread-trace-details.cjs.js");
-const require_domains_traces_components_thread_trace_thread_trace_context = require("./thread-trace/thread-trace-context.cjs.js");
 const require_domains_traces_components_thread_trace_thread_trace_list = require("./thread-trace/thread-trace-list.cjs.js");
-const require_domains_traces_components_thread_trace_thread_trace_row = require("./thread-trace/thread-trace-row.cjs.js");
 const require_domains_traces_components_thread_trace_thread_trace_messages = require("./thread-trace/thread-trace-messages.cjs.js");
 const require_domains_traces_components_thread_trace_thread_trace_root = require("./thread-trace/thread-trace-root.cjs.js");
+const require_domains_traces_components_thread_trace_thread_trace_row = require("./thread-trace/thread-trace-row.cjs.js");
 const require_domains_traces_components_thread_trace_thread_trace_span_panel = require("./thread-trace/thread-trace-span-panel.cjs.js");
 const require_domains_traces_components_thread_trace_thread_trace_spans = require("./thread-trace/thread-trace-spans.cjs.js");
+const require_domains_traces_components_thread_trace_thread_trace_context = require("./thread-trace/thread-trace-context.cjs.js");
+const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace/thread-trace-row-context.cjs.js");
 // src/domains/traces/components/thread-trace/index.ts
 /**
 * A memory thread rendered as its traces: one row per agent turn (oldest first), with the

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

@@ -1,12 +1,12 @@
-import { useThreadTraceRow } from "./thread-trace/thread-trace-row-context.es.js";
 import { ThreadTraceDetails, ThreadTraceDetailsActions, ThreadTraceDetailsHeader } from "./thread-trace/thread-trace-details.es.js";
-import { useThreadTrace } from "./thread-trace/thread-trace-context.es.js";
 import { ThreadTraceList } from "./thread-trace/thread-trace-list.es.js";
-import { THREAD_TRACE_MESSAGES_TAB, ThreadTraceDivider, ThreadTraceRow, ThreadTraceRowBody } from "./thread-trace/thread-trace-row.es.js";
 import { ThreadTraceMessages, ThreadTraceTab, ThreadTraceTabContent, ThreadTraceTabList } from "./thread-trace/thread-trace-messages.es.js";
 import { ThreadTraceRoot } from "./thread-trace/thread-trace-root.es.js";
+import { THREAD_TRACE_MESSAGES_TAB, ThreadTraceDivider, ThreadTraceRow, ThreadTraceRowBody } from "./thread-trace/thread-trace-row.es.js";
 import { ThreadTraceSpanPanel } from "./thread-trace/thread-trace-span-panel.es.js";
 import { ThreadTraceSpans } from "./thread-trace/thread-trace-spans.es.js";
+import { useThreadTrace } from "./thread-trace/thread-trace-context.es.js";
+import { useThreadTraceRow } from "./thread-trace/thread-trace-row-context.es.js";
 // src/domains/traces/components/thread-trace/index.ts
 /**
 * A memory thread rendered as its traces: one row per agent turn (oldest first), with the

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

@@ -1,17 +1,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_lib_framework = require("../../../lib/framework.cjs.js");
-const require_icons_Icon = require("../../../icons/Icon.cjs.js");
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_icons_ScorersIcon = require("../../../icons/ScorersIcon.cjs.js");
 const require_domains_scores_components_trace_scores_tab = require("../../scores/components/trace-scores-tab.cjs.js");
-const require_domains_traces_components_traces_error_content = require("./traces-error-content.cjs.js");
-const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace/thread-trace-row-context.cjs.js");
 const require_domains_traces_components_thread_trace = require("./thread-trace.cjs.js");
 const require_domains_traces_components_thread_view_skeleton = require("./thread-view-skeleton.cjs.js");
 const require_domains_traces_components_trace_feedback_tab = require("./trace-feedback-tab.cjs.js");
 const require_domains_traces_components_trace_thread_item_view = require("./trace-thread-item-view.cjs.js");
+const require_domains_traces_components_traces_error_content = require("./traces-error-content.cjs.js");
 const require_domains_traces_hooks_use_traces_list_source = require("../hooks/use-traces-list-source.cjs.js");
+const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace/thread-trace-row-context.cjs.js");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
+const require_icons_Icon = require("../../../icons/Icon.cjs.js");
+const require_icons_ScorersIcon = require("../../../icons/ScorersIcon.cjs.js");
+const require_lib_framework = require("../../../lib/framework.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -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

@@ -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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"}
+{"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":";;;;;;;;;;;;;;;;;;;;;AAuBA,IAAM,sCAAqB,IAAI,KAAK,CAAC,EAAA,CAAE,YAAY;;;;;;;AAuBnD,SAAgB,kBAAkB,EAChC,UACA,gBACA,cACA,iBACA,sBACA,aACA,WAAW,KACc;CACzB,MAAM,iBAAA,GAAgBA,MAAAA,QAAAA,QAAyD,EAAE,SAAS,IAAI,CAAC,QAAQ,CAAC;CACxG,MAAM,EAAE,MAAM,WAAW,mBAAmB,OAAO,aAAa,oBAAoB,kBAClFC,oDAAAA,oBAAoB;EAClB,aAAa;EACb;EACA;EACA,OAAO;EACP,QAAO,SAAQ;GACb,WAAW;IACT,MAAM;IACN,IAAI,IAAI,YAAY;GACtB;GACA,OAAO;IAAE,IAAI;IAAM,MAAM,EAAE,MAAM,WAAW;IAAG,OAAO,EAAE,SAAS,SAAS;GAAE;GAC5E,SAAS,CAAC;IAAE,OAAO;IAAa,WAAW;GAAO,CAAC;EACrD;CACF,CAAC;CAEH,MAAM,WAAW,KAAK,KAAI,UAAS,MAAM,OAAO,CAAC,CAAC,QAAQ;CAC1D,MAAM,cAAc,CAAC,aAAa,CAAC;CAInC,MAAM,UAAA,GAASC,cAAAA,gBAAAA,CAAgB;CAC/B,MAAM,CAAC,eAAe,qBAAA,GAAoBC,MAAAA,SAAAA,CAAwB,IAAI;CACtE,MAAM,UAAU,kBAAkB;CAClC,MAAM,yBAAA,GAAwBC,sBAAAA,WAAAA,CAAW;EACvC,UAAU,WAAW,CAAC,cAAc,CAAC,IAAI,SAAA,CAAU,KAAI,aAAY;GACjE,IAAA,GAAGC,2BAAAA,uBAAAA,CAAuB,QAAQ,OAAO;GACzC,gBAAgB;GAChB,sBAAsB;GACtB,oBAAoB;EACtB,EAAE;EACF,UAAS,YAAW,QAAQ,OAAM,WAAU,CAAC,OAAO,SAAS;CAC/D,CAAC;CACD,IAAI,CAAC,WAAW,eAAe,uBAAuB,iBAAiB,QAAQ;CAE/E,IAAI,OACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,oBAAD;GAA2B;GAAO,UAAS;GAAS,YAAW;EAAyB,CAAA;CACrF,CAAA;CAIT,IAAI,CAAC,SAAS,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,oBAAD,EAAkC,aAAe,CAAA;CAEtE,IAAI,SAAS,WAAW,GACtB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;GAAK,SAAQ;GAAO,MAAK;GAAQ,UAAA;EAE5B,CAAA;CACF,CAAA;CAIT,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,+CAAAA,aAAD;EAEY;EACY;EACtB,mBAAmB;GACjB,IAAI,eAAe,CAAC,oBAAoB,cAAc;EACxD;EANF,UAAA,CAQE,iBAAA,GAAA,kBAAA,IAAA,CAACA,+CAAAA,YAAY,MAAb;GAAkB,eAAY;GAC3B,UAAA,SAAS,KAAK,SAAS,UACtB,iBAAA,GAAA,kBAAA,IAAA,CAACA,+CAAAA,YAAY,KAAb;IAAwC;IACtC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD;KACE,MAAM,QAAQ;KACA;KACG;KACJ;IACd,CAAA;GACc,GAPK,OAOL,CAClB;EACe,CAAA,GAClB,iBAAA,GAAA,kBAAA,IAAA,CAACA,+CAAAA,YAAY,WAAb,CAAwB,CAAA,CACb;CApBN,GAAA,QAoBM;AAEjB;AAEA,SAAS,sBAAsB,EAC7B,MACA,cACA,iBACA,eAOC;CACD,MAAM,EAAE,SAAS,mBAAmBC,wEAAAA,kBAAkB;CACtD,MAAM,EAAE,MAAM,UAAUC,sBAAAA,iBAAiB;CACzC,MAAM,YAAY,MAAM,UAAU,OAAO;CAEzC,MAAM,EAAE,MAAM,eAAA,GAAcC,2BAAAA,cAAAA,CAAc;EAAW;EAAS,SAAS;EAAM,cAAc,EAAE,SAAS,CAAC,CAAC,QAAQ;CAAE,CAAC;CACnH,MAAM,aAAa,WAAW,MAAM,MAAK,SAAQ,KAAK,gBAAgB,IAAI,CAAC,EAAE;CAE7E,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACJ,+CAAAA,YAAY,SAAb;EAAqB,OAAO,QAAQ;EAApC,UAAA,CACG,aACC,iBAAA,GAAA,kBAAA,KAAA,CAAAI,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;GAAQ,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD,EAAM,MAAM,UAAY,CAAA;GAAG,SAAQ;GAAQ,MAAK;GAAK,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,kBAAD,CAAmB,CAAA;GAAG,UAAA;EAEzF,CAAA,GACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,eAAA;GAAY,WAAU;EAAsB,CAAA,CAClD,EAAA,CAAA,GAEJ,iBAAA,GAAA,kBAAA,KAAA,CAACN,+CAAAA,YAAY,SAAb,EAAA,UAAA;GACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,+CAAAA,YAAY,KAAb;IAAiB,OAAM;IAAvB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACO,mBAAAA,MAAD;KAAM,MAAK;KACT,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,uBAAD,CAAwB,CAAA;IACpB,CAAA,GAAC,UAEQ;;GAChB,gBACC,iBAAA,GAAA,kBAAA,KAAA,CAACR,+CAAAA,YAAY,KAAb;IAAiB,OAAM;IAAvB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACO,mBAAAA,MAAD;KAAM,MAAK;KACT,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,aAAAA,wBAAD,CAAyB,CAAA;IACrB,CAAA,GAAC,UAEQ;;GAEnB,iBAAA,GAAA,kBAAA,KAAA,CAACT,+CAAAA,YAAY,KAAb;IAAiB,OAAM;IAAvB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACO,mBAAAA,MAAD;KAAM,MAAK;KACT,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACG,0BAAAA,aAAD,CAAc,CAAA;IACV,CAAA,GAAC,QAEQ;;EACE,EAAA,CAAA,CACF;CACrB,CAAA,GAAA,iBAAA,GAAA,kBAAA,KAAA,CAACV,+CAAAA,YAAY,SAAb,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,+CAAAA,YAAY,UAAb,EAAA,UAAA;EACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,+CAAAA,YAAY,YAAb;GAAwB,OAAM;GAAW,OAAA;GACvC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACW,yDAAAA,qBAAD;IAA8B;IAAS,kBAAkB;GAAiB,CAAA;EACpD,CAAA;EACvB,gBACC,iBAAA,GAAA,kBAAA,IAAA,CAACX,+CAAAA,YAAY,YAAb;GAAwB,OAAM;GAAW,WAAU;GACjD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACY,qDAAAA,kBAAD;IAAyC;IAAS,SAAQ;IAA0B;GAAkB,GAA/E,OAA+E;EAChF,CAAA;EAE1B,iBAAA,GAAA,kBAAA,IAAA,CAACZ,+CAAAA,YAAY,YAAb;GAAwB,OAAM;GAAS,WAAU;GAC9C,UAAA,aACC,iBAAA,GAAA,kBAAA,IAAA,CAACa,mDAAAA,gBAAD;IAEW;IACT,QAAQ;IACR,gBAAe,YAAW,YAAY,SAAS,OAAO;GACvD,GAJM,OAIN,IACC;EACkB,CAAA;CACJ,EAAA,CAAA,GACtB,iBAAA,GAAA,kBAAA,IAAA,CAACb,+CAAAA,YAAY,SAAb,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,+CAAAA,YAAY,OAAb,CAAoB,CAAA,EACD,CAAA,CACF,EAAA,CAAA,CACrB,EAAA,CAAA;AAEN"}

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

@@ -1,16 +1,16 @@
-import { useLinkComponent } from "../../../lib/framework.es.js";
-import { Icon } from "../../../icons/Icon.es.js";
-import { t as Button } from "../../../Button-CLXTbAY8.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { ScorersIcon } from "../../../icons/ScorersIcon.es.js";
 import { TraceScoresTab } from "../../scores/components/trace-scores-tab.es.js";
-import { TracesErrorContent } from "./traces-error-content.es.js";
-import { useThreadTraceRow } from "./thread-trace/thread-trace-row-context.es.js";
 import { ThreadTrace } from "./thread-trace.es.js";
 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 { useTracesListSource } from "../hooks/use-traces-list-source.es.js";
+import { useThreadTraceRow } from "./thread-trace/thread-trace-row-context.es.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
+import { Icon } from "../../../icons/Icon.es.js";
+import { ScorersIcon } from "../../../icons/ScorersIcon.es.js";
+import { useLinkComponent } from "../../../lib/framework.es.js";
 import { useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ExternalLinkIcon, MessageSquareReplyIcon, MessageSquareTextIcon } from "lucide-react";
@@ -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

@@ -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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"}
+{"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/thread-view-skeleton.cjs.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_primitives_control_size = require("../../../primitives/control-size.cjs.js");
-const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
-const require_Card = require("../../../Card-C6iEBgVq.cjs");
-const require_domains_traces_components_trace_span_tree_skeleton = require("./trace-span-tree-skeleton.cjs.js");
 const require_domains_traces_components_trace_messages_skeleton = require("./trace-messages-skeleton.cjs.js");
+const require_domains_traces_components_trace_span_tree_skeleton = require("./trace-span-tree-skeleton.cjs.js");
+const require_Card = require("../../../Card-C9oCXvxU.cjs");
+const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
+const require_primitives_control_size = require("../../../primitives/control-size.cjs.js");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/thread-view-skeleton.tsx
 var ROWS = [

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

@@ -1,9 +1,9 @@
-import { t as cn } from "../../../utils-DQx8TpNT.js";
-import { controlSizeClasses } from "../../../primitives/control-size.es.js";
-import { Skeleton } from "../../../components/Skeleton.es.js";
-import { t as Card } from "../../../Card-LU1aWO7U.js";
-import { TraceSpanTreeSkeleton } from "./trace-span-tree-skeleton.es.js";
 import { TraceMessagesSkeleton } from "./trace-messages-skeleton.es.js";
+import { TraceSpanTreeSkeleton } from "./trace-span-tree-skeleton.es.js";
+import { t as Card } from "../../../Card-ClDoUQNb.js";
+import { Skeleton } from "../../../components/Skeleton.es.js";
+import { controlSizeClasses } from "../../../primitives/control-size.es.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/thread-view-skeleton.tsx
 var ROWS = [

package/dist/domains/traces/components/timeline-name-col.cjs.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_primitives_transitions = require("../../../primitives/transitions.cjs.js");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_Badge = require("../../../Badge-DZ6r6bcw.cjs");
-const require_components_SegmentedName = require("../../../components/SegmentedName.cjs.js");
-const require_domains_traces_components_span_type_badge = require("./span-type-badge.cjs.js");
 const require_domains_traces_utils_span_timeline = require("../utils/span-timeline.cjs.js");
 const require_domains_traces_components_span_tree_rail = require("./span-tree-rail.cjs.js");
+const require_domains_traces_components_span_type_badge = require("./span-type-badge.cjs.js");
+const require_Badge = require("../../../Badge-DqaMg7Gy.cjs");
+const require_components_SegmentedName = require("../../../components/SegmentedName.cjs.js");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
+const require_primitives_transitions = require("../../../primitives/transitions.cjs.js");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

package/dist/domains/traces/components/timeline-name-col.es.js

@@ -1,11 +1,11 @@
-import { t as cn } from "../../../utils-DQx8TpNT.js";
-import { focusRingInset } from "../../../primitives/transitions.es.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { t as Badge } from "../../../Badge-aVu5iGAF.js";
-import { SegmentedName } from "../../../components/SegmentedName.es.js";
-import { SpanTypeBadge } from "./span-type-badge.es.js";
 import { splitSpanName } from "../utils/span-timeline.es.js";
 import { SPAN_TREE_PAD_Y, SpanTreeRail } from "./span-tree-rail.es.js";
+import { SpanTypeBadge } from "./span-type-badge.es.js";
+import { t as Badge } from "../../../Badge-C7NnqmMx.js";
+import { SegmentedName } from "../../../components/SegmentedName.es.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
+import { focusRingInset } from "../../../primitives/transitions.es.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDownIcon, ChevronRightIcon } from "lucide-react";

package/dist/domains/traces/components/timeline-timing-col.cjs.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_utils_duration = require("../../../utils/duration.cjs.js");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_components_HoverCard = require("../../../components/HoverCard.cjs.js");
 const require_domains_traces_utils_span_timing = require("../utils/span-timing.cjs.js");
 const require_domains_traces_components_span_timing_hover_card = require("./span-timing-hover-card.cjs.js");
+const require_components_HoverCard = require("../../../components/HoverCard.cjs.js");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
+const require_utils_duration = require("../../../utils/duration.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/timeline-timing-col.tsx
 function TimelineTimingCol({ span, selectedSpanId, isFaded, overallLatency, overallStartTime, color, chartWidth = "default" }) {

package/dist/domains/traces/components/timeline-timing-col.es.js

@@ -1,9 +1,9 @@
-import { t as cn } from "../../../utils-DQx8TpNT.js";
-import { formatDurationPrecise } from "../../../utils/duration.es.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { HoverCard, HoverCardTrigger } from "../../../components/HoverCard.es.js";
 import { getSpanTimingLayout } from "../utils/span-timing.es.js";
 import { SpanTimingHoverCard } from "./span-timing-hover-card.es.js";
+import { HoverCard, HoverCardTrigger } from "../../../components/HoverCard.es.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
+import { formatDurationPrecise } from "../../../utils/duration.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/timeline-timing-col.tsx
 function TimelineTimingCol({ span, selectedSpanId, isFaded, overallLatency, overallStartTime, color, chartWidth = "default" }) {