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

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

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_dropdown_menu = require("../../../dropdown-menu-BETTTPBB.cjs");
-const require_Dialog = require("../../../Dialog-BvWF9HE-.cjs");
+const require_domains_traces_trace_list_columns = require("../trace-list-columns.cjs.js");
+const require_combobox = require("../../../combobox-i723LxeC.cjs");
+const require_Dialog = require("../../../Dialog-Duy3M1ny.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_combobox = require("../../../combobox-DIT_6xiG.cjs");
-const require_domains_traces_trace_list_columns = require("../trace-list-columns.cjs.js");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

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

@@ -1,10 +1,10 @@
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { t as DropdownMenu } from "../../../dropdown-menu-B4jY3J9e.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-DaWtxwd9.js";
+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 { 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-jsf9D-J_.js";
 import { Field, FieldError, FieldLabel } from "../../../components/Field.es.js";
 import { Form } from "../../../components/Form.es.js";
-import { t as Combobox } from "../../../combobox-D21no8t5.js";
-import { TRACE_COLUMN_CATALOGS, TRACE_CUSTOM_COLUMN_FIELDS, TRACE_CUSTOM_COLUMN_LABELS, TRACE_USAGE_COLUMNS } from "../trace-list-columns.es.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
 import { useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Columns3Icon, PlusIcon } from "lucide-react";

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

@@ -1,22 +1,22 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_icons_Icon = require("../../../icons/Icon.cjs.js");
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
-const require_icons_TraceIcon = require("../../../icons/TraceIcon.cjs.js");
-const require_icons_ScorersIcon = require("../../../icons/ScorersIcon.cjs.js");
-const require_tabs_tab = require("../../../tabs-tab-DGwfHVDr.cjs");
-const require_Notice = require("../../../Notice-JZ7SW7q6.cjs");
-const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
-const require_DataPanel = require("../../../DataPanel-Coc9h35I.cjs");
-const require_domains_traces_components_format_hierarchical_spans = require("./format-hierarchical-spans.cjs.js");
-const require_resize_separator = require("../../../resize/separator.cjs.js");
 const require_domains_traces_hooks_get_all_span_ids = require("../hooks/get-all-span-ids.cjs.js");
-const require_domains_traces_components_trace_span_tree = require("./trace-span-tree.cjs.js");
-const require_domains_traces_components_trace_span_timeline = require("./trace-span-timeline.cjs.js");
 const require_domains_traces_hooks_use_download_trace_json = require("../hooks/use-download-trace-json.cjs.js");
 const require_domains_traces_hooks_use_trace_search = require("../hooks/use-trace-search.cjs.js");
+const require_domains_traces_components_format_hierarchical_spans = require("./format-hierarchical-spans.cjs.js");
+const require_domains_traces_components_trace_span_timeline = require("./trace-span-timeline.cjs.js");
+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_hooks_use_text_highlight = require("../../../hooks/use-text-highlight.cjs.js");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
+const require_DataPanel = require("../../../DataPanel-BRRAvWYQ.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-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");
 const require_hooks_use_scroll_to_first_highlight = require("../../../hooks/use-scroll-to-first-highlight.cjs.js");
+const require_hooks_use_text_highlight = require("../../../hooks/use-text-highlight.cjs.js");
+const require_resize_separator = require("../../../resize/separator.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

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

@@ -1,21 +1,21 @@
-import { Icon } from "../../../icons/Icon.es.js";
-import { t as Button } from "../../../Button-CLXTbAY8.js";
-import { TraceIcon } from "../../../icons/TraceIcon.es.js";
-import { ScorersIcon } from "../../../icons/ScorersIcon.es.js";
-import { n as Tabs, r as TabList, t as Tab } from "../../../tabs-tab-CYTZevdV.js";
-import { t as Notice } from "../../../Notice-C-8oOZZF.js";
-import { Skeleton } from "../../../components/Skeleton.es.js";
-import { t as DataPanel } from "../../../DataPanel-IgB9D5PO.js";
-import { formatHierarchicalSpans } from "./format-hierarchical-spans.es.js";
-import { PanelSeparator } from "../../../resize/separator.es.js";
 import { getAllSpanIds } from "../hooks/get-all-span-ids.es.js";
-import { TraceSpanTree } from "./trace-span-tree.es.js";
-import { TraceSpanTimeline } from "./trace-span-timeline.es.js";
 import { useDownloadTraceJson } from "../hooks/use-download-trace-json.es.js";
 import { useTraceSearch } from "../hooks/use-trace-search.es.js";
+import { formatHierarchicalSpans } from "./format-hierarchical-spans.es.js";
+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 { useTextHighlight } from "../../../hooks/use-text-highlight.es.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
+import { t as DataPanel } from "../../../DataPanel-pVr5LVaK.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-CJVS0WED.js";
+import { Icon } from "../../../icons/Icon.es.js";
+import { ScorersIcon } from "../../../icons/ScorersIcon.es.js";
+import { TraceIcon } from "../../../icons/TraceIcon.es.js";
 import { useScrollToFirstHighlight } from "../../../hooks/use-scroll-to-first-highlight.es.js";
+import { useTextHighlight } from "../../../hooks/use-text-highlight.es.js";
+import { PanelSeparator } from "../../../resize/separator.es.js";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChartGanttIcon, CircleGaugeIcon, DownloadIcon, Link2Icon, ListTreeIcon, Loader2Icon, MessageSquareReplyIcon, MessageSquareTextIcon, SaveIcon, SearchIcon, XIcon } from "lucide-react";

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

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Dialog = require("../../../Dialog-BvWF9HE-.cjs");
 const require_domains_scores_components_span_scoring = require("../../scores/components/span-scoring.cjs.js");
-const require_domains_traces_utils_span_signal = require("../utils/span-signal.cjs.js");
 const require_domains_traces_components_trace_data_panel_view = require("./trace-data-panel-view.cjs.js");
+const require_domains_traces_utils_span_signal = require("../utils/span-signal.cjs.js");
+const require_Dialog = require("../../../Dialog-Duy3M1ny.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");

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

@@ -1,7 +1,7 @@
-import { a as DialogContent, c as DialogHeader, d as DialogTitle, t as Dialog } from "../../../Dialog-DaWtxwd9.js";
 import { SpanScoring } from "../../scores/components/span-scoring.es.js";
-import { getSignalLabel, getSpanSignal } from "../utils/span-signal.es.js";
 import { TraceDataPanelView } from "./trace-data-panel-view.es.js";
+import { getSignalLabel, getSpanSignal } from "../utils/span-signal.es.js";
+import { a as DialogContent, c as DialogHeader, d as DialogTitle, t as Dialog } from "../../../Dialog-OBPu3rl2.js";
 import { useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTraceSpans } from "@mastra/react/hooks/traces";

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

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_traces_components_format_hierarchical_spans = require("./format-hierarchical-spans.cjs.js");
 const require_domains_traces_hooks_get_all_span_ids = require("../hooks/get-all-span-ids.cjs.js");
-const require_domains_traces_components_trace_span_tree = require("./trace-span-tree.cjs.js");
+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_DataDetailsPanel = require("../../../DataDetailsPanel-DiyjEXqK.cjs");
+const require_domains_traces_components_trace_span_tree = require("./trace-span-tree.cjs.js");
+const require_DataDetailsPanel = require("../../../DataDetailsPanel-BDoD6pxx.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

@@ -1,8 +1,8 @@
-import { formatHierarchicalSpans } from "./format-hierarchical-spans.es.js";
 import { getAllSpanIds } from "../hooks/get-all-span-ids.es.js";
-import { TraceSpanTree } from "./trace-span-tree.es.js";
+import { formatHierarchicalSpans } from "./format-hierarchical-spans.es.js";
 import { TraceIdButton } from "./trace-id-button.es.js";
-import { t as DataDetailsPanel } from "../../../DataDetailsPanel-CohEKPm4.js";
+import { TraceSpanTree } from "./trace-span-tree.es.js";
+import { t as DataDetailsPanel } from "../../../DataDetailsPanel-BU05psHL.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-error-cell.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_components_HoverCard = require("../../../components/HoverCard.cjs.js");
-const require_data_list = require("../../../data-list-C4Vmq5HA.cjs");
 const require_domains_traces_components_trace_error_details = require("./trace-error-details.cjs.js");
+const require_data_list = require("../../../data-list-072hHK9L.cjs");
+const require_components_HoverCard = require("../../../components/HoverCard.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/trace-error-cell.tsx
 /** Output cell of a failed row: the error preview, and the full error in a hover card. */

package/dist/domains/traces/components/trace-error-cell.es.js

@@ -1,6 +1,6 @@
-import { HoverCard, HoverCardContent, HoverCardTrigger } from "../../../components/HoverCard.es.js";
-import { t as DataList } from "../../../data-list-DHCOoLmj.js";
 import { TraceErrorDetails } from "./trace-error-details.es.js";
+import { t as DataList } from "../../../data-list-GzbzPmYR.js";
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "../../../components/HoverCard.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/trace-error-cell.tsx
 /** Output cell of a failed row: the error preview, and the full error in a hover card. */

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_copy_button = require("../../../copy-button-DJAQ6_3o.cjs");
+const require_copy_button = require("../../../copy-button-DuEUYvS2.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/trace-error-summary.tsx
 /** An error's name and copy button over its full message, wrapped and scrollable. */

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

@@ -1,5 +1,5 @@
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { t as CopyButton } from "../../../copy-button-BXrbevLn.js";
+import { t as CopyButton } from "../../../copy-button-B-_Z6N6y.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/trace-error-summary.tsx
 /** An error's name and copy button over its full message, wrapped and scrollable. */

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

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

@@ -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"}
+{"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

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

@@ -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"}
+{"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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_DataPanel = require("../../../DataPanel-Coc9h35I.cjs");
+const require_DataPanel = require("../../../DataPanel-BRRAvWYQ.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

@@ -1,4 +1,4 @@
-import { t as DataPanel } from "../../../DataPanel-IgB9D5PO.js";
+import { t as DataPanel } from "../../../DataPanel-pVr5LVaK.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-messages-panel.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
 const require_domains_traces_components_trace_thread_item_view = require("./trace-thread-item-view.cjs.js");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/trace-messages-panel.tsx
 /** The "Messages" view of the trace side column: the trace rendered as one reconstructed agent turn. */

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

@@ -1,5 +1,5 @@
-import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { TraceThreadItemView } from "./trace-thread-item-view.es.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/traces/components/trace-messages-panel.tsx
 /** The "Messages" view of the trace side column: the trace rendered as one reconstructed agent turn. */

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
 const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/trace-messages-skeleton.tsx
 /** One `text-body` line box (14px × 143% ≈ 20px) holding a bar. */

package/dist/domains/traces/components/trace-messages-skeleton.es.js

@@ -1,5 +1,5 @@
-import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { Skeleton } from "../../../components/Skeleton.es.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/trace-messages-skeleton.tsx
 /** One `text-body` line box (14px × 143% ≈ 20px) holding a bar. */

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

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_lib_framework = require("../../../lib/framework.cjs.js");
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
 const require_domains_traces_components_span_data_panel_view = require("./span-data-panel-view.cjs.js");
-const require_domains_traces_components_trace_thread_panel = require("./trace-thread-panel.cjs.js");
 const require_domains_traces_components_trace_data_panel = require("./trace-data-panel.cjs.js");
 const require_domains_traces_components_trace_messages_panel = require("./trace-messages-panel.cjs.js");
 const require_domains_traces_components_trace_thread_context = require("./trace-thread-context.cjs.js");
+const require_domains_traces_components_trace_thread_panel = require("./trace-thread-panel.cjs.js");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
+const require_lib_framework = require("../../../lib/framework.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
@@ -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

@@ -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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"}
+{"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

@@ -1,10 +1,10 @@
-import { useLinkComponent } from "../../../lib/framework.es.js";
-import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { SpanDataPanelView } from "./span-data-panel-view.es.js";
-import { TraceThreadPanel } from "./trace-thread-panel.es.js";
 import { TraceDataPanel } from "./trace-data-panel.es.js";
 import { TraceMessagesPanel } from "./trace-messages-panel.es.js";
 import { getTraceThreadId } from "./trace-thread-context.es.js";
+import { TraceThreadPanel } from "./trace-thread-panel.es.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
+import { useLinkComponent } from "../../../lib/framework.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { MessagesSquareIcon } from "lucide-react";
 import { useSpanDetail, useThreadHasOtherTraces } from "@mastra/react/hooks/traces";
@@ -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)
 	})] });
 }

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

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

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

@@ -1,12 +1,12 @@
 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_Collapsible = require("../../../components/Collapsible.cjs.js");
-const require_components_DisclosureChevron = require("../../../components/DisclosureChevron.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_timeline_row = require("./span-timeline-row.cjs.js");
+const require_domains_traces_components_span_tree_rail = require("./span-tree-rail.cjs.js");
+const require_components_Collapsible = require("../../../components/Collapsible.cjs.js");
+const require_components_DisclosureChevron = require("../../../components/DisclosureChevron.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");
 let lucide_react = require("lucide-react");
 // src/domains/traces/components/trace-span-timeline-markers.tsx