@mastra/playground-ui 55.0.0 → 56.0.0-alpha.5

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

@@ -13,18 +13,17 @@ const domains_traces_components_traceIdButton = require('./trace-id-button.cjs.j
 const domains_traces_components_traceSpanTimeline = require('./trace-span-timeline.cjs.js');
 const domains_traces_components_traceSpanTree = require('./trace-span-tree.cjs.js');
 const domains_traces_components_traceSummaryDescription = require('./trace-summary-description.cjs.js');
-const Button = require('../../../Button-BJOVwaxp.cjs');
-const buttonsGroup = require('../../../buttons-group-jq7kUVlX.cjs');
-const dataPanel = require('../../../data-panel-tSErqolu.cjs');
-const dropdownMenu = require('../../../dropdown-menu-Bfh5ROWe.cjs');
-const searchFieldBlock = require('../../../search-field-block-DnJYUEGi.cjs');
-const Notice = require('../../../Notice-D0Mvqvr0.cjs');
-const tabsRoot = require('../../../tabs-root-Dw7gHsnZ.cjs');
-const tabsTab = require('../../../tabs-tab-CP-kzlvB.cjs');
-const tabsContent = require('../../../tabs-content-CV7YrtD1.cjs');
+const Button = require('../../../Button-B1TWWXCy.cjs');
+const dataPanel = require('../../../data-panel-BmQlOkMA.cjs');
+const dropdownMenu = require('../../../dropdown-menu-CP2LVgOe.cjs');
+const searchFieldBlock = require('../../../search-field-block-DOVzCqW2.cjs');
+const Notice = require('../../../Notice-CoaE5a2D.cjs');
+const tabsRoot = require('../../../tabs-root-C9QBXz5M.cjs');
+const tabsTab = require('../../../tabs-tab-Bm3yxYaU.cjs');
+const tabsContent = require('../../../tabs-content-BlFddYrd.cjs');
 const hooks_useScrollToFirstHighlight = require('../../../hooks/use-scroll-to-first-highlight.cjs.js');
 const hooks_useTextHighlight = require('../../../hooks/use-text-highlight.cjs.js');
-const utils_cn = require('../../../cn-DnbTIGXa.cjs');
+const utils_cn = require('../../../cn-DPfV6E6L.cjs');
 
 function TraceDataPanelView({
   traceId,
@@ -38,8 +37,10 @@ function TraceDataPanelView({
   initialSpanId,
   onPrevious,
   onNext,
-  collapsed: controlledCollapsed,
-  onCollapsedChange,
+  size = "wide",
+  depth,
+  headerSlot,
+  title,
   placement,
   LinkComponent,
   traceHref,
@@ -55,13 +56,9 @@ function TraceDataPanelView({
   onTabChange,
   featuredSpanIds,
   messagesPanelSlot,
-  spanPanelSlot,
-  className
+  spanPanelSlot
 }) {
   const isOnTracePage = placement === "trace-page";
-  const [internalCollapsed, setInternalCollapsed] = React.useState(false);
-  const collapsed = controlledCollapsed ?? internalCollapsed;
-  const setCollapsed = onCollapsedChange ?? setInternalCollapsed;
   const [uncontrolledTab, setUncontrolledTab] = React.useState("details");
   const currentTab = activeTab ?? uncontrolledTab;
   const handleTabChange = (tab) => {
@@ -112,22 +109,14 @@ function TraceDataPanelView({
     setSelectedSpanId(newId);
     onSpanSelect?.(newId);
   };
-  const traceActionsMenu = /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
+  const traceActionsMenu = traceId && /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       dropdownMenu.DropdownMenu.Trigger,
       {
-        render: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { size: "md", tooltip: "Trace actions", "aria-label": "Trace actions", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontalIcon, {}) })
+        render: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { size: "sm", variant: "ghost", tooltip: "Trace actions", "aria-label": "Trace actions", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontalIcon, {}) })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu.Content, { align: "end", children: [
-      !isOnTracePage && onCollapsedChange && /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu.Item, { onSelect: () => setCollapsed(!collapsed), children: [
-        collapsed ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDownIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsDownUpIcon, {}),
-        collapsed ? "Expand panel" : "Collapse panel"
-      ] }),
-      !isOnTracePage && onEvaluateTrace && /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu.Item, { onSelect: onEvaluateTrace, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleGaugeIcon, {}),
-        "Evaluate trace"
-      ] }),
       !isOnTracePage && onSaveAsDatasetItem && /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu.Item, { onSelect: () => onSaveAsDatasetItem({ traceId, rootSpanId: rootSpan?.spanId }), children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SaveIcon, {}),
         "Add full trace to dataset"
@@ -146,129 +135,144 @@ function TraceDataPanelView({
       ] })
     ] })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel, { collapsed, className, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.Header, { children: isOnTracePage ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.Heading, { children: "Trace Timeline" }),
-      /* @__PURE__ */ jsxRuntime.jsx(buttonsGroup.ButtonsGroup, { className: "ml-auto shrink-0", children: traceActionsMenu })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Heading, { className: "items-center", children: [
-          "Trace",
-          /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_traceIdButton.TraceIdButton, { id: traceId })
-        ] }),
-        !collapsed && rootSpan && /* @__PURE__ */ jsxRuntime.jsx(
-          domains_traces_components_traceSummaryDescription.TraceSummaryDescription,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    dataPanel.DataPanel,
+    {
+      open: !!traceId,
+      onClose,
+      title: title ?? (isOnTracePage ? "Trace Timeline" : `Trace ${traceId ?? ""}`),
+      size,
+      depth,
+      children: traceId && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        headerSlot,
+        /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.Header, { children: isOnTracePage ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.Heading, { children: "Trace Timeline" }),
+          /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.HeaderActions, { children: traceActionsMenu })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.HeaderContent, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Heading, { children: [
+              "Trace",
+              /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_traceIdButton.TraceIdButton, { id: traceId })
+            ] }),
+            rootSpan && /* @__PURE__ */ jsxRuntime.jsx(
+              domains_traces_components_traceSummaryDescription.TraceSummaryDescription,
+              {
+                rootSpan,
+                usage,
+                entityHref,
+                LinkComponent
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.HeaderActions, { children: [
+            onEvaluateTrace && /* @__PURE__ */ jsxRuntime.jsxs(Button.Button, { variant: "primary", size: "sm", onClick: onEvaluateTrace, disabled: !rootSpan, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleGaugeIcon, {}),
+              "Score trace"
+            ] }),
+            traceActionsMenu,
+            (onPrevious || onNext) && /* @__PURE__ */ jsxRuntime.jsx(
+              dataPanel.DataPanel.NextPrevNav,
+              {
+                onPrevious,
+                onNext,
+                previousLabel: "Previous trace",
+                nextLabel: "Next trace"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CloseButton, { onClick: onClose })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TracePanelColumns,
           {
-            rootSpan,
-            usage,
-            entityHref,
-            LinkComponent
+            messagesPanelSlot,
+            messagesCollapsed: currentTab === "timeline",
+            spanPanelSlot,
+            highlightQuery: query,
+            spanPanelKey: selectedSpanId,
+            children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.LoadingData, { children: "Loading trace..." }) : !spans?.length ? /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.NoData, { children: "No spans found for this trace." }) : (() => {
+              const searchField = /* @__PURE__ */ jsxRuntime.jsx(
+                searchFieldBlock.SearchFieldBlock,
+                {
+                  name: searchFieldName,
+                  label: "Search spans",
+                  labelIsHidden: true,
+                  placeholder: "Search spans...",
+                  value: query,
+                  onChange: (e) => setQuery(e.target.value),
+                  onReset: () => setQuery(""),
+                  size: "sm",
+                  variant: "outline",
+                  className: "w-full"
+                }
+              );
+              const noSearchResults = hierarchicalSpans.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.NoData, { children: "No spans match your search." });
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                tabsRoot.Tabs,
+                {
+                  defaultTab: "details",
+                  value: activeTab,
+                  onValueChange: handleTabChange,
+                  className: "grid h-full min-h-0 grid-rows-[auto_1fr]",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(tabsRoot.TabList, { variant: "pill-ghost", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "details", children: "Spans" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "timeline", children: "Timeline" }),
+                      feedbackTabSlot && /* @__PURE__ */ jsxRuntime.jsxs(tabsTab.Tab, { value: "feedback", children: [
+                        "Feedback",
+                        feedbackTabBadge
+                      ] }),
+                      scoresTabSlot && /* @__PURE__ */ jsxRuntime.jsxs(tabsTab.Tab, { value: "scores", children: [
+                        "Scores",
+                        scoresTabBadge != null && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                          " (",
+                          scoresTabBadge,
+                          ")"
+                        ] })
+                      ] })
+                    ] }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "details", className: "min-h-0 py-0", children: /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Content, { children: [
+                      !isOnTracePage && !onEvaluateTrace && !onSaveAsDatasetItem && !onAddTraceMocksToItem && showUnavailableFeaturesMsg && /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice, { variant: "info", className: "mb-6", children: /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice.Message, { children: "Evaluating traces and saving them as dataset items is available in Mastra Studio (local or deployed)." }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        domains_traces_components_traceSpanTree.TraceSpanTree,
+                        {
+                          hierarchicalSpans,
+                          onSpanClick: handleSpanClick,
+                          selectedSpanId,
+                          expandedSpanIds,
+                          setExpandedSpanIds,
+                          featuredSpanIds,
+                          leadingSlot: searchField
+                        }
+                      ),
+                      noSearchResults
+                    ] }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "timeline", className: "min-h-0 py-0", children: /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Content, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        domains_traces_components_traceSpanTimeline.TraceSpanTimeline,
+                        {
+                          hierarchicalSpans,
+                          onSpanClick: handleSpanClick,
+                          selectedSpanId,
+                          expandedSpanIds,
+                          setExpandedSpanIds,
+                          featuredSpanIds,
+                          leadingSlot: searchField
+                        }
+                      ),
+                      noSearchResults
+                    ] }) }),
+                    feedbackTabSlot && /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "feedback", className: "h-full min-h-0 py-0", children: /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.Content, { children: feedbackTabSlot({ traceId }) }) }),
+                    scoresTabSlot && /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "scores", className: "h-full min-h-0 py-0", children: /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.Content, { children: scoresTabSlot({ traceId, rootSpanId: rootSpan?.spanId }) }) })
+                  ]
+                }
+              );
+            })()
           }
         )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { className: "ml-auto shrink-0 self-start", children: [
-        traceActionsMenu,
-        (onPrevious || onNext) && /* @__PURE__ */ jsxRuntime.jsx(
-          dataPanel.DataPanel.NextPrevNav,
-          {
-            onPrevious,
-            onNext,
-            previousLabel: "Previous trace",
-            nextLabel: "Next trace"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CloseButton, { onClick: onClose })
       ] })
-    ] }) }),
-    !collapsed && /* @__PURE__ */ jsxRuntime.jsx(
-      TracePanelColumns,
-      {
-        messagesPanelSlot,
-        messagesCollapsed: currentTab === "timeline",
-        spanPanelSlot,
-        highlightQuery: query,
-        spanPanelKey: selectedSpanId,
-        children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.LoadingData, { children: "Loading trace..." }) : !spans?.length ? /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.NoData, { children: "No spans found for this trace." }) : (() => {
-          const searchField = /* @__PURE__ */ jsxRuntime.jsx(
-            searchFieldBlock.SearchFieldBlock,
-            {
-              name: searchFieldName,
-              label: "Search spans",
-              labelIsHidden: true,
-              placeholder: "Search spans...",
-              value: query,
-              onChange: (e) => setQuery(e.target.value),
-              onReset: () => setQuery(""),
-              size: "sm",
-              variant: "outline",
-              className: "w-full"
-            }
-          );
-          const noSearchResults = hierarchicalSpans.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.NoData, { children: "No spans match your search." });
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            tabsRoot.Tabs,
-            {
-              defaultTab: "details",
-              value: activeTab,
-              onValueChange: handleTabChange,
-              className: "grid h-full min-h-0 grid-rows-[auto_1fr]",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.Header, { className: "min-h-0 px-2 py-1", children: /* @__PURE__ */ jsxRuntime.jsxs(tabsRoot.TabList, { variant: "pill-ghost", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "details", children: "Spans" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "timeline", children: "Timeline" }),
-                  feedbackTabSlot && /* @__PURE__ */ jsxRuntime.jsxs(tabsTab.Tab, { value: "feedback", children: [
-                    "Feedback",
-                    feedbackTabBadge
-                  ] }),
-                  scoresTabSlot && /* @__PURE__ */ jsxRuntime.jsxs(tabsTab.Tab, { value: "scores", children: [
-                    "Scores",
-                    scoresTabBadge != null && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                      " (",
-                      scoresTabBadge,
-                      ")"
-                    ] })
-                  ] })
-                ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "details", className: "min-h-0 py-0", children: /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Content, { children: [
-                  !isOnTracePage && !onEvaluateTrace && !onSaveAsDatasetItem && !onAddTraceMocksToItem && showUnavailableFeaturesMsg && /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice, { variant: "info", className: "mb-6", children: /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice.Message, { children: "Evaluating traces and saving them as dataset items is available in Mastra Studio (local or deployed)." }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    domains_traces_components_traceSpanTree.TraceSpanTree,
-                    {
-                      hierarchicalSpans,
-                      onSpanClick: handleSpanClick,
-                      selectedSpanId,
-                      expandedSpanIds,
-                      setExpandedSpanIds,
-                      featuredSpanIds,
-                      leadingSlot: searchField
-                    }
-                  ),
-                  noSearchResults
-                ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "timeline", className: "min-h-0 py-0", children: /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Content, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    domains_traces_components_traceSpanTimeline.TraceSpanTimeline,
-                    {
-                      hierarchicalSpans,
-                      onSpanClick: handleSpanClick,
-                      selectedSpanId,
-                      expandedSpanIds,
-                      setExpandedSpanIds,
-                      featuredSpanIds,
-                      leadingSlot: searchField
-                    }
-                  ),
-                  noSearchResults
-                ] }) }),
-                feedbackTabSlot && /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "feedback", className: "h-full min-h-0 py-0", children: /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.Content, { children: feedbackTabSlot({ traceId }) }) }),
-                scoresTabSlot && /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "scores", className: "h-full min-h-0 py-0", children: /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.Content, { children: scoresTabSlot({ traceId, rootSpanId: rootSpan?.spanId }) }) })
-              ]
-            }
-          );
-        })()
-      }
-    )
-  ] });
+    }
+  );
 }
 function TracePanelColumns({
   messagesPanelSlot,

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

@@ -1 +1 @@
-{"version":3,"file":"trace-data-panel-view.cjs.js","sources":["../../../../src/domains/traces/components/trace-data-panel-view.tsx"],"sourcesContent":["import {\n  CircleGaugeIcon,\n  ChevronsDownUpIcon,\n  ChevronsUpDownIcon,\n  DownloadIcon,\n  Link2Icon,\n  Loader2Icon,\n  MoreHorizontalIcon,\n  SaveIcon,\n  WrenchIcon,\n} from 'lucide-react';\nimport { useEffect, useId, useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { getAllSpanIds } from '../hooks/get-all-span-ids';\nimport { useDownloadTraceJson } from '../hooks/use-download-trace-json';\nimport { useTraceSearch } from '../hooks/use-trace-search';\nimport type { TraceUsageSummary } from '../trace-list-columns';\nimport type { SearchableSpan } from '../types';\nimport { formatHierarchicalSpans } from './format-hierarchical-spans';\nimport { TraceIdButton } from './trace-id-button';\nimport { TraceSpanTimeline } from './trace-span-timeline';\nimport { TraceSpanTree } from './trace-span-tree';\nimport { TraceSummaryDescription } from './trace-summary-description';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks';\nimport { Notice } from '@/ds/components/Notice';\nimport { Tab, TabContent, TabList, Tabs } from '@/ds/components/Tabs';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { useScrollToFirstHighlight } from '@/hooks/use-scroll-to-first-highlight';\nimport { useTextHighlight } from '@/hooks/use-text-highlight';\nimport { cn } from '@/lib/utils';\n\nexport type TraceDataPanelPlacement = 'traces-list' | 'trace-page';\n\nexport type TraceDataPanelTab = 'details' | 'timeline' | 'scores' | 'feedback';\n\nexport interface TraceDataPanelViewProps {\n  traceId: string;\n  /** Lightweight spans for the trace. Caller fetches via useTraceLightSpans. */\n  spans: SearchableSpan[] | undefined;\n  isLoading?: boolean;\n  onClose: () => void;\n  onSpanSelect?: (spanId: string | undefined) => void;\n  onEvaluateTrace?: () => void;\n  /** When set, an \"Add full trace to dataset\" button appears; the consumer owns the dialog. */\n  onSaveAsDatasetItem?: (args: { traceId: string; rootSpanId: string | undefined }) => void;\n  /** When set, an \"Add tool mocks to item\" button appears; the consumer owns the dialog. */\n  onAddTraceMocksToItem?: (args: { traceId: string }) => void;\n  initialSpanId?: string | null;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  collapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  placement: TraceDataPanelPlacement;\n  /** @deprecated No longer used: the panel renders the span tree with the duration as text. */\n  timelineChartWidth?: 'wide' | 'default';\n  /** When both are provided, renders an \"Open trace page\" button. */\n  LinkComponent?: LinkComponent;\n  traceHref?: string;\n  /** When provided, the entity name in the trace summary links to the entity's page. */\n  entityHref?: string;\n  /** Token and estimated-cost totals shown in the compact trace summary. */\n  usage?: TraceUsageSummary;\n  /**\n   * Span treated as the displayed root of the timeline. Required for branch\n   * subtrees from `getBranch` where the anchor has a real parent that's outside\n   * `spans`. When omitted, the span with no parent is used (trace case).\n   */\n  anchorSpanId?: string;\n  /**\n   * Whether to render the \"Evaluating traces and saving them as dataset items is\n   * available in Mastra Studio\" info notice when neither `onEvaluateTrace` nor\n   * `onSaveAsDatasetItem` is provided. Defaults to `true`. Pass `false` when this\n   * panel is rendered inside Studio in a context that intentionally omits those\n   * handlers (e.g. inline below an experiment result).\n   */\n  showUnavailableFeaturesMsg?: boolean;\n  /**\n   * When provided, a \"Scores\" tab appears; the slot renders whatever trace-level\n   * scoring UI the consumer wants.\n   */\n  scoresTabSlot?: (args: { traceId: string; rootSpanId: string | undefined }) => ReactNode;\n  /** Optional count shown in the \"Scores\" tab label. */\n  scoresTabBadge?: ReactNode;\n  /**\n   * When provided, a \"Feedback\" tab appears; the slot renders the trace-level\n   * feedback UI. Trace feedback is not scoped to a span — the span panel owns that.\n   */\n  feedbackTabSlot?: (args: { traceId: string }) => ReactNode;\n  /** Optional indicator rendered after the \"Feedback\" tab label (e.g. a needs-review dot). */\n  feedbackTabBadge?: ReactNode;\n  activeTab?: TraceDataPanelTab;\n  onTabChange?: (tab: TraceDataPanelTab) => void;\n  /** Span ids to feature in the timeline; every other span is faded. */\n  featuredSpanIds?: string[];\n  /**\n   * Rendered as a column to the left of the span tree inside the same card\n   * (typically the trace as one reconstructed agent turn). Collapsed while the\n   * Timeline tab is active, since the timeline needs the width.\n   */\n  messagesPanelSlot?: ReactNode;\n  /**\n   * Rendered as a column to the right of the timeline inside the same card;\n   * typically the span detail.\n   */\n  spanPanelSlot?: ReactNode;\n  /** Extra classes applied to the panel root (e.g. `h-full` on the trace page). */\n  className?: string;\n}\n\nexport function TraceDataPanelView({\n  traceId,\n  spans,\n  isLoading,\n  onClose,\n  onSpanSelect,\n  onEvaluateTrace,\n  onSaveAsDatasetItem,\n  onAddTraceMocksToItem,\n  initialSpanId,\n  onPrevious,\n  onNext,\n  collapsed: controlledCollapsed,\n  onCollapsedChange,\n  placement,\n  LinkComponent,\n  traceHref,\n  entityHref,\n  usage,\n  anchorSpanId,\n  showUnavailableFeaturesMsg = true,\n  scoresTabSlot,\n  scoresTabBadge,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  activeTab,\n  onTabChange,\n  featuredSpanIds,\n  messagesPanelSlot,\n  spanPanelSlot,\n  className,\n}: TraceDataPanelViewProps) {\n  const isOnTracePage = placement === 'trace-page';\n  const [internalCollapsed, setInternalCollapsed] = useState(false);\n  const collapsed = controlledCollapsed ?? internalCollapsed;\n  const setCollapsed = onCollapsedChange ?? setInternalCollapsed;\n\n  // Tracked locally too (tabs may be uncontrolled) so the messages column knows\n  // when to fold away for the Timeline tab.\n  const [uncontrolledTab, setUncontrolledTab] = useState<TraceDataPanelTab>('details');\n  const currentTab = activeTab ?? uncontrolledTab;\n  const handleTabChange = (tab: TraceDataPanelTab) => {\n    setUncontrolledTab(tab);\n    onTabChange?.(tab);\n  };\n\n  const { download: downloadTraceJson, isPending: isDownloadingTrace } = useDownloadTraceJson();\n\n  const [selectedSpanId, setSelectedSpanId] = useState<string | undefined>(initialSpanId ?? undefined);\n\n  // Sync selected span when initialSpanId or trace data changes\n  useEffect(() => {\n    // No span requested: clear immediately.\n    if (!initialSpanId) {\n      setSelectedSpanId(undefined);\n      onSpanSelect?.(undefined);\n      return;\n    }\n    // Span requested: wait for trace data before deciding so an in-flight\n    // fetch doesn't wipe a URL-provided selection. Callers that default their\n    // spans to `[]` while loading only say so through `isLoading`.\n    if (isLoading || !spans) return;\n\n    const found = spans.find(s => s.spanId === initialSpanId);\n    if (found) {\n      setSelectedSpanId(initialSpanId);\n      onSpanSelect?.(initialSpanId);\n    } else {\n      setSelectedSpanId(undefined);\n      onSpanSelect?.(undefined);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [initialSpanId, spans, isLoading]);\n\n  const searchFieldName = useId();\n  const { query, setQuery, results, payloadOnlyMatchIds } = useTraceSearch(spans ?? []);\n\n  const hierarchicalSpans = useMemo(\n    () =>\n      formatHierarchicalSpans(\n        // Carried on the span rather than drilled as a prop: the tree is rebuilt here and\n        // rendered several components deeper.\n        results.map(span => ({ ...span, matchedInPayloadOnly: payloadOnlyMatchIds.has(span.spanId) })),\n        anchorSpanId,\n      ),\n    [results, payloadOnlyMatchIds, anchorSpanId],\n  );\n\n  const [expandedSpanIds, setExpandedSpanIds] = useState<string[]>([]);\n\n  useEffect(() => {\n    if (hierarchicalSpans.length > 0) {\n      setExpandedSpanIds(getAllSpanIds(hierarchicalSpans));\n    }\n  }, [hierarchicalSpans]);\n\n  const rootSpan = useMemo(\n    () => (anchorSpanId ? spans?.find(s => s.spanId === anchorSpanId) : spans?.find(s => s.parentSpanId == null)),\n    [spans, anchorSpanId],\n  );\n  const handleSpanClick = (id: string) => {\n    const newId = selectedSpanId === id ? undefined : id;\n    setSelectedSpanId(newId);\n    onSpanSelect?.(newId);\n  };\n\n  const traceActionsMenu = (\n    <DropdownMenu>\n      <DropdownMenu.Trigger\n        render={\n          <Button size=\"md\" tooltip=\"Trace actions\" aria-label=\"Trace actions\">\n            <MoreHorizontalIcon />\n          </Button>\n        }\n      />\n      <DropdownMenu.Content align=\"end\">\n        {!isOnTracePage && onCollapsedChange && (\n          <DropdownMenu.Item onSelect={() => setCollapsed(!collapsed)}>\n            {collapsed ? <ChevronsUpDownIcon /> : <ChevronsDownUpIcon />}\n            {collapsed ? 'Expand panel' : 'Collapse panel'}\n          </DropdownMenu.Item>\n        )}\n        {!isOnTracePage && onEvaluateTrace && (\n          <DropdownMenu.Item onSelect={onEvaluateTrace}>\n            <CircleGaugeIcon />\n            Evaluate trace\n          </DropdownMenu.Item>\n        )}\n        {!isOnTracePage && onSaveAsDatasetItem && (\n          <DropdownMenu.Item onSelect={() => onSaveAsDatasetItem({ traceId, rootSpanId: rootSpan?.spanId })}>\n            <SaveIcon />\n            Add full trace to dataset\n          </DropdownMenu.Item>\n        )}\n        {!isOnTracePage && onAddTraceMocksToItem && (\n          <DropdownMenu.Item onSelect={() => onAddTraceMocksToItem({ traceId })}>\n            <WrenchIcon />\n            Add tool mocks to item\n          </DropdownMenu.Item>\n        )}\n        {!isOnTracePage && LinkComponent && traceHref && (\n          <DropdownMenu.Item render={<LinkComponent href={traceHref} />}>\n            <Link2Icon />\n            Open trace page\n          </DropdownMenu.Item>\n        )}\n        <DropdownMenu.Item disabled={isDownloadingTrace} onSelect={() => downloadTraceJson(traceId)}>\n          {isDownloadingTrace ? <Loader2Icon className=\"animate-spin\" /> : <DownloadIcon />}\n          Download trace JSON\n        </DropdownMenu.Item>\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n\n  return (\n    <DataPanel collapsed={collapsed} className={className}>\n      <DataPanel.Header>\n        {isOnTracePage ? (\n          <>\n            <DataPanel.Heading>Trace Timeline</DataPanel.Heading>\n            <ButtonsGroup className=\"ml-auto shrink-0\">{traceActionsMenu}</ButtonsGroup>\n          </>\n        ) : (\n          <>\n            <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n              <DataPanel.Heading className=\"items-center\">\n                Trace\n                <TraceIdButton id={traceId} />\n              </DataPanel.Heading>\n              {!collapsed && rootSpan && (\n                <TraceSummaryDescription\n                  rootSpan={rootSpan}\n                  usage={usage}\n                  entityHref={entityHref}\n                  LinkComponent={LinkComponent}\n                />\n              )}\n            </div>\n            <ButtonsGroup className=\"ml-auto shrink-0 self-start\">\n              {traceActionsMenu}\n              {(onPrevious || onNext) && (\n                <DataPanel.NextPrevNav\n                  onPrevious={onPrevious}\n                  onNext={onNext}\n                  previousLabel=\"Previous trace\"\n                  nextLabel=\"Next trace\"\n                />\n              )}\n              <DataPanel.CloseButton onClick={onClose} />\n            </ButtonsGroup>\n          </>\n        )}\n      </DataPanel.Header>\n\n      {!collapsed && (\n        <TracePanelColumns\n          messagesPanelSlot={messagesPanelSlot}\n          messagesCollapsed={currentTab === 'timeline'}\n          spanPanelSlot={spanPanelSlot}\n          highlightQuery={query}\n          spanPanelKey={selectedSpanId}\n        >\n          {isLoading ? (\n            <DataPanel.LoadingData>Loading trace...</DataPanel.LoadingData>\n          ) : !spans?.length ? (\n            <DataPanel.NoData>No spans found for this trace.</DataPanel.NoData>\n          ) : (\n            (() => {\n              // Shared by the Spans and Timeline tabs: both views render the same\n              // filtered `hierarchicalSpans`, so one query drives both.\n              const searchField = (\n                <SearchFieldBlock\n                  name={searchFieldName}\n                  label=\"Search spans\"\n                  labelIsHidden\n                  placeholder=\"Search spans...\"\n                  value={query}\n                  onChange={e => setQuery(e.target.value)}\n                  onReset={() => setQuery('')}\n                  size=\"sm\"\n                  variant=\"outline\"\n                  className=\"w-full\"\n                />\n              );\n              const noSearchResults = hierarchicalSpans.length === 0 && (\n                <DataPanel.NoData>No spans match your search.</DataPanel.NoData>\n              );\n\n              return (\n                <Tabs<TraceDataPanelTab>\n                  defaultTab=\"details\"\n                  value={activeTab}\n                  onValueChange={handleTabChange}\n                  className=\"grid h-full min-h-0 grid-rows-[auto_1fr]\"\n                >\n                  <DataPanel.Header className=\"min-h-0 px-2 py-1\">\n                    <TabList variant=\"pill-ghost\">\n                      <Tab value=\"details\">Spans</Tab>\n                      <Tab value=\"timeline\">Timeline</Tab>\n                      {feedbackTabSlot && <Tab value=\"feedback\">Feedback{feedbackTabBadge}</Tab>}\n                      {scoresTabSlot && (\n                        <Tab value=\"scores\">Scores{scoresTabBadge != null && <> ({scoresTabBadge})</>}</Tab>\n                      )}\n                    </TabList>\n                  </DataPanel.Header>\n\n                  <TabContent value=\"details\" className=\"min-h-0 py-0\">\n                    <DataPanel.Content>\n                      {!isOnTracePage &&\n                        !onEvaluateTrace &&\n                        !onSaveAsDatasetItem &&\n                        !onAddTraceMocksToItem &&\n                        showUnavailableFeaturesMsg && (\n                          <Notice variant=\"info\" className=\"mb-6\">\n                            <Notice.Message>\n                              Evaluating traces and saving them as dataset items is available in Mastra Studio (local or\n                              deployed).\n                            </Notice.Message>\n                          </Notice>\n                        )}\n\n                      {/* The tree stays mounted even with no results, because it\n                          hosts the search field: unmounting it would strand the user\n                          with a query they can no longer clear. */}\n                      <TraceSpanTree\n                        hierarchicalSpans={hierarchicalSpans}\n                        onSpanClick={handleSpanClick}\n                        selectedSpanId={selectedSpanId}\n                        expandedSpanIds={expandedSpanIds}\n                        setExpandedSpanIds={setExpandedSpanIds}\n                        featuredSpanIds={featuredSpanIds}\n                        leadingSlot={searchField}\n                      />\n                      {noSearchResults}\n                    </DataPanel.Content>\n                  </TabContent>\n                  <TabContent value=\"timeline\" className=\"min-h-0 py-0\">\n                    <DataPanel.Content>\n                      {/* Same selection + expansion state as the Spans tab, so switching views keeps context. */}\n                      <TraceSpanTimeline\n                        hierarchicalSpans={hierarchicalSpans}\n                        onSpanClick={handleSpanClick}\n                        selectedSpanId={selectedSpanId}\n                        expandedSpanIds={expandedSpanIds}\n                        setExpandedSpanIds={setExpandedSpanIds}\n                        featuredSpanIds={featuredSpanIds}\n                        leadingSlot={searchField}\n                      />\n                      {noSearchResults}\n                    </DataPanel.Content>\n                  </TabContent>\n                  {feedbackTabSlot && (\n                    <TabContent value=\"feedback\" className=\"h-full min-h-0 py-0\">\n                      <DataPanel.Content>{feedbackTabSlot({ traceId })}</DataPanel.Content>\n                    </TabContent>\n                  )}\n                  {scoresTabSlot && (\n                    <TabContent value=\"scores\" className=\"h-full min-h-0 py-0\">\n                      <DataPanel.Content>{scoresTabSlot({ traceId, rootSpanId: rootSpan?.spanId })}</DataPanel.Content>\n                    </TabContent>\n                  )}\n                </Tabs>\n              );\n            })()\n          )}\n        </TracePanelColumns>\n      )}\n    </DataPanel>\n  );\n}\n\n/**\n * Lays out the card body as three columns — `[messages] [trace] [span]` — inside\n * the same card. The messages and span cells always exist and collapse to `0fr`\n * when hidden, so opening/closing them animates via `grid-template-columns`\n * rather than mounting/unmounting a DOM column (which cannot be transitioned).\n * Search matches — span names in the timeline tree as well as values in the span\n * detail — are highlighted while a query is active.\n */\nfunction TracePanelColumns({\n  messagesPanelSlot,\n  messagesCollapsed,\n  spanPanelSlot,\n  highlightQuery,\n  spanPanelKey,\n  children,\n}: {\n  messagesPanelSlot?: ReactNode;\n  /** Folds the messages column away (e.g. while the Timeline tab needs the width). */\n  messagesCollapsed: boolean;\n  spanPanelSlot?: ReactNode;\n  highlightQuery: string;\n  /** Identity of the span shown in the panel; changing it re-triggers the match scroll. */\n  spanPanelKey?: string;\n  children: ReactNode;\n}) {\n  // A single hook call on the common ancestor covers both the timeline tree and\n  // the span detail, so span names and payload values highlight together.\n  const { ref: highlightRef } = useTextHighlight<HTMLDivElement>(highlightQuery);\n\n  // Scoped to the span-panel column only: a match deep in a large payload sits below\n  // the fold, so the first painted match is brought into view when the panel opens.\n  // The timeline column must never be scrolled by this.\n  const { ref: scrollToMatchRef } = useScrollToFirstHighlight<HTMLDivElement>(highlightQuery, spanPanelKey);\n\n  const showMessages = !!messagesPanelSlot && !messagesCollapsed;\n  const columns =\n    showMessages && spanPanelSlot\n      ? 'grid-cols-[1fr_1fr_1fr]'\n      : showMessages\n        ? 'grid-cols-[1fr_1fr_0fr]'\n        : spanPanelSlot\n          ? 'grid-cols-[0fr_1fr_1fr]'\n          : 'grid-cols-[0fr_1fr_0fr]';\n\n  return (\n    <div\n      ref={highlightRef}\n      data-trace-columns\n      className={cn('grid min-h-0 flex-1 transition-[grid-template-columns] duration-300 ease-in-out', columns)}\n    >\n      <div\n        className={cn(\n          'flex min-h-0 min-w-0 flex-col overflow-hidden',\n          showMessages && 'animate-in border-r border-border1 duration-300 fade-in-0',\n        )}\n      >\n        {messagesPanelSlot}\n      </div>\n      <div className=\"flex min-h-0 min-w-0 flex-col overflow-hidden\">{children}</div>\n      {/* Searchable: the span detail is where a match hides inside a large payload. */}\n      <div\n        ref={scrollToMatchRef}\n        data-highlight\n        className={cn(\n          'flex min-h-0 min-w-0 flex-col overflow-hidden',\n          spanPanelSlot && 'animate-in border-l border-border1 duration-300 fade-in-0',\n        )}\n      >\n        {spanPanelSlot}\n      </div>\n    </div>\n  );\n}\n"],"names":["useState","useDownloadTraceJson","useEffect","useId","useTraceSearch","useMemo","formatHierarchicalSpans","getAllSpanIds","DropdownMenu","jsx","Button","MoreHorizontalIcon","jsxs","ChevronsUpDownIcon","ChevronsDownUpIcon","CircleGaugeIcon","SaveIcon","WrenchIcon","Link2Icon","Loader2Icon","DownloadIcon","DataPanel","Fragment","ButtonsGroup","TraceIdButton","TraceSummaryDescription","SearchFieldBlock","Tabs","TabList","Tab","TabContent","Notice","TraceSpanTree","TraceSpanTimeline","useTextHighlight","useScrollToFirstHighlight","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiHO,SAAS,kBAAA,CAAmB;AAAA,EACjC,OAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,mBAAA;AAAA,EACA,qBAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA,EAAW,mBAAA;AAAA,EACX,iBAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,0BAAA,GAA6B,IAAA;AAAA,EAC7B,aAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,gBAAgB,SAAA,KAAc,YAAA;AACpC,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAIA,eAAS,KAAK,CAAA;AAChE,EAAA,MAAM,YAAY,mBAAA,IAAuB,iBAAA;AACzC,EAAA,MAAM,eAAe,iBAAA,IAAqB,oBAAA;AAI1C,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIA,eAA4B,SAAS,CAAA;AACnF,EAAA,MAAM,aAAa,SAAA,IAAa,eAAA;AAChC,EAAA,MAAM,eAAA,GAAkB,CAAC,GAAA,KAA2B;AAClD,IAAA,kBAAA,CAAmB,GAAG,CAAA;AACtB,IAAA,WAAA,GAAc,GAAG,CAAA;AAAA,EACnB,CAAA;AAEA,EAAA,MAAM,EAAE,QAAA,EAAU,iBAAA,EAAmB,SAAA,EAAW,kBAAA,KAAuBC,8DAAA,EAAqB;AAE5F,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAID,cAAA,CAA6B,iBAAiB,MAAS,CAAA;AAGnG,EAAAE,eAAA,CAAU,MAAM;AAEd,IAAA,IAAI,CAAC,aAAA,EAAe;AAClB,MAAA,iBAAA,CAAkB,MAAS,CAAA;AAC3B,MAAA,YAAA,GAAe,MAAS,CAAA;AACxB,MAAA;AAAA,IACF;AAIA,IAAA,IAAI,SAAA,IAAa,CAAC,KAAA,EAAO;AAEzB,IAAA,MAAM,QAAQ,KAAA,CAAM,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,WAAW,aAAa,CAAA;AACxD,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,iBAAA,CAAkB,aAAa,CAAA;AAC/B,MAAA,YAAA,GAAe,aAAa,CAAA;AAAA,IAC9B,CAAA,MAAO;AACL,MAAA,iBAAA,CAAkB,MAAS,CAAA;AAC3B,MAAA,YAAA,GAAe,MAAS,CAAA;AAAA,IAC1B;AAAA,EAEF,CAAA,EAAG,CAAC,aAAA,EAAe,KAAA,EAAO,SAAS,CAAC,CAAA;AAEpC,EAAA,MAAM,kBAAkBC,WAAA,EAAM;AAC9B,EAAA,MAAM,EAAE,OAAO,QAAA,EAAU,OAAA,EAAS,qBAAoB,GAAIC,kDAAA,CAAe,KAAA,IAAS,EAAE,CAAA;AAEpF,EAAA,MAAM,iBAAA,GAAoBC,aAAA;AAAA,IACxB,MACEC,yEAAA;AAAA;AAAA;AAAA,MAGE,OAAA,CAAQ,GAAA,CAAI,CAAA,IAAA,MAAS,EAAE,GAAG,IAAA,EAAM,oBAAA,EAAsB,mBAAA,CAAoB,GAAA,CAAI,IAAA,CAAK,MAAM,CAAA,EAAE,CAAE,CAAA;AAAA,MAC7F;AAAA,KACF;AAAA,IACF,CAAC,OAAA,EAAS,mBAAA,EAAqB,YAAY;AAAA,GAC7C;AAEA,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIN,cAAA,CAAmB,EAAE,CAAA;AAEnE,EAAAE,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,iBAAA,CAAkB,SAAS,CAAA,EAAG;AAChC,MAAA,kBAAA,CAAmBK,gDAAA,CAAc,iBAAiB,CAAC,CAAA;AAAA,IACrD;AAAA,EACF,CAAA,EAAG,CAAC,iBAAiB,CAAC,CAAA;AAEtB,EAAA,MAAM,QAAA,GAAWF,aAAA;AAAA,IACf,MAAO,YAAA,GAAe,KAAA,EAAO,IAAA,CAAK,OAAK,CAAA,CAAE,MAAA,KAAW,YAAY,CAAA,GAAI,KAAA,EAAO,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,gBAAgB,IAAI,CAAA;AAAA,IAC3G,CAAC,OAAO,YAAY;AAAA,GACtB;AACA,EAAA,MAAM,eAAA,GAAkB,CAAC,EAAA,KAAe;AACtC,IAAA,MAAM,KAAA,GAAQ,cAAA,KAAmB,EAAA,GAAK,MAAA,GAAY,EAAA;AAClD,IAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,IAAA,YAAA,GAAe,KAAK,CAAA;AAAA,EACtB,CAAA;AAEA,EAAA,MAAM,gBAAA,mCACHG,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACD,yBAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,MAAA,kBACEC,cAAA,CAACC,aAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,eAAA,EAAgB,YAAA,EAAW,eAAA,EACnD,QAAA,kBAAAD,cAAA,CAACE,8BAAA,EAAA,EAAmB,CAAA,EACtB;AAAA;AAAA,KAEJ;AAAA,oBACAC,eAAA,CAACJ,yBAAA,CAAa,OAAA,EAAb,EAAqB,OAAM,KAAA,EACzB,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,iBAAA,oBACjBI,eAAA,CAACJ,yBAAA,CAAa,IAAA,EAAb,EAAkB,QAAA,EAAU,MAAM,YAAA,CAAa,CAAC,SAAS,CAAA,EACvD,QAAA,EAAA;AAAA,QAAA,SAAA,mBAAYC,cAAA,CAACI,8BAAA,EAAA,EAAmB,CAAA,mBAAKJ,cAAA,CAACK,8BAAA,EAAA,EAAmB,CAAA;AAAA,QACzD,YAAY,cAAA,GAAiB;AAAA,OAAA,EAChC,CAAA;AAAA,MAED,CAAC,iBAAiB,eAAA,oBACjBF,eAAA,CAACJ,0BAAa,IAAA,EAAb,EAAkB,UAAU,eAAA,EAC3B,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAACM,2BAAA,EAAA,EAAgB,CAAA;AAAA,QAAE;AAAA,OAAA,EAErB,CAAA;AAAA,MAED,CAAC,aAAA,IAAiB,mBAAA,oBACjBH,eAAA,CAACJ,yBAAA,CAAa,MAAb,EAAkB,QAAA,EAAU,MAAM,mBAAA,CAAoB,EAAE,OAAA,EAAS,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA,EAC9F,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAACO,oBAAA,EAAA,EAAS,CAAA;AAAA,QAAE;AAAA,OAAA,EAEd,CAAA;AAAA,MAED,CAAC,aAAA,IAAiB,qBAAA,oBACjBJ,eAAA,CAACJ,yBAAA,CAAa,IAAA,EAAb,EAAkB,QAAA,EAAU,MAAM,qBAAA,CAAsB,EAAE,OAAA,EAAS,CAAA,EAClE,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAACQ,sBAAA,EAAA,EAAW,CAAA;AAAA,QAAE;AAAA,OAAA,EAEhB,CAAA;AAAA,MAED,CAAC,aAAA,IAAiB,aAAA,IAAiB,SAAA,oBAClCL,eAAA,CAACJ,yBAAA,CAAa,IAAA,EAAb,EAAkB,MAAA,kBAAQC,cAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAM,WAAW,CAAA,EACzD,QAAA,EAAA;AAAA,wBAAAA,cAAA,CAACS,qBAAA,EAAA,EAAU,CAAA;AAAA,QAAE;AAAA,OAAA,EAEf,CAAA;AAAA,sBAEFN,eAAA,CAACJ,yBAAA,CAAa,IAAA,EAAb,EAAkB,QAAA,EAAU,oBAAoB,QAAA,EAAU,MAAM,iBAAA,CAAkB,OAAO,CAAA,EACvF,QAAA,EAAA;AAAA,QAAA,kBAAA,kCAAsBW,uBAAA,EAAA,EAAY,SAAA,EAAU,cAAA,EAAe,CAAA,kCAAMC,wBAAA,EAAA,EAAa,CAAA;AAAA,QAAG;AAAA,OAAA,EAEpF;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAGF,EAAA,uBACER,eAAA,CAACS,mBAAA,EAAA,EAAU,SAAA,EAAsB,SAAA,EAC/B,QAAA,EAAA;AAAA,oBAAAZ,cAAA,CAACY,mBAAA,CAAU,MAAA,EAAV,EACE,QAAA,EAAA,aAAA,mBACCT,eAAA,CAAAU,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAAb,cAAA,CAACY,mBAAA,CAAU,OAAA,EAAV,EAAkB,QAAA,EAAA,gBAAA,EAAc,CAAA;AAAA,sBACjCZ,cAAA,CAACc,yBAAA,EAAA,EAAa,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAA,gBAAA,EAAiB;AAAA,KAAA,EAC/D,oBAEAX,eAAA,CAAAU,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAAV,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAACS,mBAAA,CAAU,OAAA,EAAV,EAAkB,SAAA,EAAU,cAAA,EAAe,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,0BAE1CZ,cAAA,CAACe,qDAAA,EAAA,EAAc,EAAA,EAAI,OAAA,EAAS;AAAA,SAAA,EAC9B,CAAA;AAAA,QACC,CAAC,aAAa,QAAA,oBACbf,cAAA;AAAA,UAACgB,yEAAA;AAAA,UAAA;AAAA,YACC,QAAA;AAAA,YACA,KAAA;AAAA,YACA,UAAA;AAAA,YACA;AAAA;AAAA;AACF,OAAA,EAEJ,CAAA;AAAA,sBACAb,eAAA,CAACW,yBAAA,EAAA,EAAa,SAAA,EAAU,6BAAA,EACrB,QAAA,EAAA;AAAA,QAAA,gBAAA;AAAA,QAAA,CACC,cAAc,MAAA,qBACdd,cAAA;AAAA,UAACY,mBAAA,CAAU,WAAA;AAAA,UAAV;AAAA,YACC,UAAA;AAAA,YACA,MAAA;AAAA,YACA,aAAA,EAAc,gBAAA;AAAA,YACd,SAAA,EAAU;AAAA;AAAA,SACZ;AAAA,wBAEFZ,cAAA,CAACY,mBAAA,CAAU,WAAA,EAAV,EAAsB,SAAS,OAAA,EAAS;AAAA,OAAA,EAC3C;AAAA,KAAA,EACF,CAAA,EAEJ,CAAA;AAAA,IAEC,CAAC,SAAA,oBACAZ,cAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,iBAAA;AAAA,QACA,mBAAmB,UAAA,KAAe,UAAA;AAAA,QAClC,aAAA;AAAA,QACA,cAAA,EAAgB,KAAA;AAAA,QAChB,YAAA,EAAc,cAAA;AAAA,QAEb,sCACCA,cAAA,CAACY,mBAAA,CAAU,WAAA,EAAV,EAAsB,8BAAgB,CAAA,GACrC,CAAC,KAAA,EAAO,MAAA,kCACTA,mBAAA,CAAU,MAAA,EAAV,EAAiB,QAAA,EAAA,gCAAA,EAA8B,KAE/C,MAAM;AAGL,UAAA,MAAM,WAAA,mBACJZ,cAAA;AAAA,YAACiB,iCAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAM,eAAA;AAAA,cACN,KAAA,EAAM,cAAA;AAAA,cACN,aAAA,EAAa,IAAA;AAAA,cACb,WAAA,EAAY,iBAAA;AAAA,cACZ,KAAA,EAAO,KAAA;AAAA,cACP,QAAA,EAAU,CAAA,CAAA,KAAK,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,cACtC,OAAA,EAAS,MAAM,QAAA,CAAS,EAAE,CAAA;AAAA,cAC1B,IAAA,EAAK,IAAA;AAAA,cACL,OAAA,EAAQ,SAAA;AAAA,cACR,SAAA,EAAU;AAAA;AAAA,WACZ;AAEF,UAAA,MAAM,eAAA,GAAkB,kBAAkB,MAAA,KAAW,CAAA,mCAClDL,mBAAA,CAAU,MAAA,EAAV,EAAiB,QAAA,EAAA,6BAAA,EAA2B,CAAA;AAG/C,UAAA,uBACET,eAAA;AAAA,YAACe,aAAA;AAAA,YAAA;AAAA,cACC,UAAA,EAAW,SAAA;AAAA,cACX,KAAA,EAAO,SAAA;AAAA,cACP,aAAA,EAAe,eAAA;AAAA,cACf,SAAA,EAAU,0CAAA;AAAA,cAEV,QAAA,EAAA;AAAA,gCAAAlB,cAAA,CAACY,mBAAA,CAAU,QAAV,EAAiB,SAAA,EAAU,qBAC1B,QAAA,kBAAAT,eAAA,CAACgB,gBAAA,EAAA,EAAQ,SAAQ,YAAA,EACf,QAAA,EAAA;AAAA,kCAAAnB,cAAA,CAACoB,WAAA,EAAA,EAAI,KAAA,EAAM,SAAA,EAAU,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,kCAC1BpB,cAAA,CAACoB,WAAA,EAAA,EAAI,KAAA,EAAM,UAAA,EAAW,QAAA,EAAA,UAAA,EAAQ,CAAA;AAAA,kBAC7B,eAAA,oBAAmBjB,eAAA,CAACiB,WAAA,EAAA,EAAI,KAAA,EAAM,UAAA,EAAW,QAAA,EAAA;AAAA,oBAAA,UAAA;AAAA,oBAAS;AAAA,mBAAA,EAAiB,CAAA;AAAA,kBACnE,aAAA,oBACCjB,eAAA,CAACiB,WAAA,EAAA,EAAI,KAAA,EAAM,QAAA,EAAS,QAAA,EAAA;AAAA,oBAAA,QAAA;AAAA,oBAAO,cAAA,IAAkB,wBAAQjB,eAAA,CAAAU,mBAAA,EAAA,EAAE,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,sBAAG,cAAA;AAAA,sBAAe;AAAA,qBAAA,EAAC;AAAA,mBAAA,EAAI;AAAA,iBAAA,EAElF,CAAA,EACF,CAAA;AAAA,gCAEAb,cAAA,CAACqB,0BAAW,KAAA,EAAM,SAAA,EAAU,WAAU,cAAA,EACpC,QAAA,kBAAAlB,eAAA,CAACS,mBAAA,CAAU,OAAA,EAAV,EACE,QAAA,EAAA;AAAA,kBAAA,CAAC,iBACA,CAAC,eAAA,IACD,CAAC,mBAAA,IACD,CAAC,yBACD,0BAAA,oBACEZ,cAAA,CAACsB,iBAAO,OAAA,EAAQ,MAAA,EAAO,WAAU,MAAA,EAC/B,QAAA,kBAAAtB,cAAA,CAACsB,cAAO,OAAA,EAAP,EAAe,mHAGhB,CAAA,EACF,CAAA;AAAA,kCAMJtB,cAAA;AAAA,oBAACuB,qDAAA;AAAA,oBAAA;AAAA,sBACC,iBAAA;AAAA,sBACA,WAAA,EAAa,eAAA;AAAA,sBACb,cAAA;AAAA,sBACA,eAAA;AAAA,sBACA,kBAAA;AAAA,sBACA,eAAA;AAAA,sBACA,WAAA,EAAa;AAAA;AAAA,mBACf;AAAA,kBACC;AAAA,iBAAA,EACH,CAAA,EACF,CAAA;AAAA,gCACAvB,cAAA,CAACqB,0BAAW,KAAA,EAAM,UAAA,EAAW,WAAU,cAAA,EACrC,QAAA,kBAAAlB,eAAA,CAACS,mBAAA,CAAU,OAAA,EAAV,EAEC,QAAA,EAAA;AAAA,kCAAAZ,cAAA;AAAA,oBAACwB,6DAAA;AAAA,oBAAA;AAAA,sBACC,iBAAA;AAAA,sBACA,WAAA,EAAa,eAAA;AAAA,sBACb,cAAA;AAAA,sBACA,eAAA;AAAA,sBACA,kBAAA;AAAA,sBACA,eAAA;AAAA,sBACA,WAAA,EAAa;AAAA;AAAA,mBACf;AAAA,kBACC;AAAA,iBAAA,EACH,CAAA,EACF,CAAA;AAAA,gBACC,mCACCxB,cAAA,CAACqB,sBAAA,EAAA,EAAW,KAAA,EAAM,UAAA,EAAW,WAAU,qBAAA,EACrC,QAAA,kBAAArB,cAAA,CAACY,mBAAA,CAAU,OAAA,EAAV,EAAmB,QAAA,EAAA,eAAA,CAAgB,EAAE,OAAA,EAAS,GAAE,CAAA,EACnD,CAAA;AAAA,gBAED,iCACCZ,cAAA,CAACqB,sBAAA,EAAA,EAAW,OAAM,QAAA,EAAS,SAAA,EAAU,uBACnC,QAAA,kBAAArB,cAAA,CAACY,mBAAA,CAAU,SAAV,EAAmB,QAAA,EAAA,aAAA,CAAc,EAAE,OAAA,EAAS,UAAA,EAAY,UAAU,MAAA,EAAQ,GAAE,CAAA,EAC/E;AAAA;AAAA;AAAA,WAEJ;AAAA,QAEJ,CAAA;AAAG;AAAA;AAEP,GAAA,EAEJ,CAAA;AAEJ;AAUA,SAAS,iBAAA,CAAkB;AAAA,EACzB,iBAAA;AAAA,EACA,iBAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EASG;AAGD,EAAA,MAAM,EAAE,GAAA,EAAK,YAAA,EAAa,GAAIa,wCAAiC,cAAc,CAAA;AAK7E,EAAA,MAAM,EAAE,GAAA,EAAK,gBAAA,EAAiB,GAAIC,yDAAA,CAA0C,gBAAgB,YAAY,CAAA;AAExG,EAAA,MAAM,YAAA,GAAe,CAAC,CAAC,iBAAA,IAAqB,CAAC,iBAAA;AAC7C,EAAA,MAAM,UACJ,YAAA,IAAgB,aAAA,GACZ,4BACA,YAAA,GACE,yBAAA,GACA,gBACE,yBAAA,GACA,yBAAA;AAEV,EAAA,uBACEvB,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,YAAA;AAAA,MACL,oBAAA,EAAkB,IAAA;AAAA,MAClB,SAAA,EAAWwB,WAAA,CAAG,iFAAA,EAAmF,OAAO,CAAA;AAAA,MAExG,QAAA,EAAA;AAAA,wBAAA3B,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW2B,WAAA;AAAA,cACT,+CAAA;AAAA,cACA,YAAA,IAAgB;AAAA,aAClB;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,wBACA3B,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+CAAA,EAAiD,QAAA,EAAS,CAAA;AAAA,wBAEzEA,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,gBAAA;AAAA,YACL,gBAAA,EAAc,IAAA;AAAA,YACd,SAAA,EAAW2B,WAAA;AAAA,cACT,+CAAA;AAAA,cACA,aAAA,IAAiB;AAAA,aACnB;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"trace-data-panel-view.cjs.js","sources":["../../../../src/domains/traces/components/trace-data-panel-view.tsx"],"sourcesContent":["import {\n  CircleGaugeIcon,\n  DownloadIcon,\n  Link2Icon,\n  Loader2Icon,\n  MoreHorizontalIcon,\n  SaveIcon,\n  WrenchIcon,\n} from 'lucide-react';\nimport { useEffect, useId, useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { getAllSpanIds } from '../hooks/get-all-span-ids';\nimport { useDownloadTraceJson } from '../hooks/use-download-trace-json';\nimport { useTraceSearch } from '../hooks/use-trace-search';\nimport type { TraceUsageSummary } from '../trace-list-columns';\nimport type { SearchableSpan } from '../types';\nimport { formatHierarchicalSpans } from './format-hierarchical-spans';\nimport { TraceIdButton } from './trace-id-button';\nimport { TraceSpanTimeline } from './trace-span-timeline';\nimport { TraceSpanTree } from './trace-span-tree';\nimport { TraceSummaryDescription } from './trace-summary-description';\nimport { Button } from '@/ds/components/Button';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport type { DataPanelProps } from '@/ds/components/DataPanel';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks';\nimport { Notice } from '@/ds/components/Notice';\nimport { Tab, TabContent, TabList, Tabs } from '@/ds/components/Tabs';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { useScrollToFirstHighlight } from '@/hooks/use-scroll-to-first-highlight';\nimport { useTextHighlight } from '@/hooks/use-text-highlight';\nimport { cn } from '@/lib/utils';\n\nexport type TraceDataPanelPlacement = 'traces-list' | 'trace-page';\n\nexport type TraceDataPanelTab = 'details' | 'timeline' | 'scores' | 'feedback';\n\nexport interface TraceDataPanelViewProps {\n  /** Keep the panel mounted and pass `undefined` to close it, so the drawer animates out. */\n  traceId?: string;\n  /** Lightweight spans for the trace. Caller fetches via useTraceLightSpans. */\n  spans: SearchableSpan[] | undefined;\n  isLoading?: boolean;\n  onClose: () => void;\n  onSpanSelect?: (spanId: string | undefined) => void;\n  onEvaluateTrace?: () => void;\n  /** When set, an \"Add full trace to dataset\" button appears; the consumer owns the dialog. */\n  onSaveAsDatasetItem?: (args: { traceId: string; rootSpanId: string | undefined }) => void;\n  /** When set, an \"Add tool mocks to item\" button appears; the consumer owns the dialog. */\n  onAddTraceMocksToItem?: (args: { traceId: string }) => void;\n  initialSpanId?: string | null;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  /** Drawer width; defaults to `wide` since the panel lays out several columns. */\n  size?: DataPanelProps['size'];\n  /** Elevation when opened next to other sibling panels. */\n  depth?: DataPanelProps['depth'];\n  /** Rendered inside the drawer above the trace header (e.g. inbox feedback context). */\n  headerSlot?: ReactNode;\n  /** Accessible drawer name; defaults to the trace id. */\n  title?: string;\n  placement: TraceDataPanelPlacement;\n  /** @deprecated No longer used: the panel renders the span tree with the duration as text. */\n  timelineChartWidth?: 'wide' | 'default';\n  /** When both are provided, renders an \"Open trace page\" button. */\n  LinkComponent?: LinkComponent;\n  traceHref?: string;\n  /** When provided, the entity name in the trace summary links to the entity's page. */\n  entityHref?: string;\n  /** Token and estimated-cost totals shown in the compact trace summary. */\n  usage?: TraceUsageSummary;\n  /**\n   * Span treated as the displayed root of the timeline. Required for branch\n   * subtrees from `getBranch` where the anchor has a real parent that's outside\n   * `spans`. When omitted, the span with no parent is used (trace case).\n   */\n  anchorSpanId?: string;\n  /**\n   * Whether to render the \"Evaluating traces and saving them as dataset items is\n   * available in Mastra Studio\" info notice when neither `onEvaluateTrace` nor\n   * `onSaveAsDatasetItem` is provided. Defaults to `true`. Pass `false` when this\n   * panel is rendered inside Studio in a context that intentionally omits those\n   * handlers (e.g. inline below an experiment result).\n   */\n  showUnavailableFeaturesMsg?: boolean;\n  /**\n   * When provided, a \"Scores\" tab appears; the slot renders whatever trace-level\n   * scoring UI the consumer wants.\n   */\n  scoresTabSlot?: (args: { traceId: string; rootSpanId: string | undefined }) => ReactNode;\n  /** Optional count shown in the \"Scores\" tab label. */\n  scoresTabBadge?: ReactNode;\n  /**\n   * When provided, a \"Feedback\" tab appears; the slot renders the trace-level\n   * feedback UI. Trace feedback is not scoped to a span — the span panel owns that.\n   */\n  feedbackTabSlot?: (args: { traceId: string }) => ReactNode;\n  /** Optional indicator rendered after the \"Feedback\" tab label (e.g. a needs-review dot). */\n  feedbackTabBadge?: ReactNode;\n  activeTab?: TraceDataPanelTab;\n  onTabChange?: (tab: TraceDataPanelTab) => void;\n  /** Span ids to feature in the timeline; every other span is faded. */\n  featuredSpanIds?: string[];\n  /**\n   * Rendered as a column to the left of the span tree inside the same card\n   * (typically the trace as one reconstructed agent turn). Collapsed while the\n   * Timeline tab is active, since the timeline needs the width.\n   */\n  messagesPanelSlot?: ReactNode;\n  /**\n   * Rendered as a column to the right of the timeline inside the same card;\n   * typically the span detail.\n   */\n  spanPanelSlot?: ReactNode;\n}\n\nexport function TraceDataPanelView({\n  traceId,\n  spans,\n  isLoading,\n  onClose,\n  onSpanSelect,\n  onEvaluateTrace,\n  onSaveAsDatasetItem,\n  onAddTraceMocksToItem,\n  initialSpanId,\n  onPrevious,\n  onNext,\n  size = 'wide',\n  depth,\n  headerSlot,\n  title,\n  placement,\n  LinkComponent,\n  traceHref,\n  entityHref,\n  usage,\n  anchorSpanId,\n  showUnavailableFeaturesMsg = true,\n  scoresTabSlot,\n  scoresTabBadge,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  activeTab,\n  onTabChange,\n  featuredSpanIds,\n  messagesPanelSlot,\n  spanPanelSlot,\n}: TraceDataPanelViewProps) {\n  const isOnTracePage = placement === 'trace-page';\n\n  // Tracked locally too (tabs may be uncontrolled) so the messages column knows\n  // when to fold away for the Timeline tab.\n  const [uncontrolledTab, setUncontrolledTab] = useState<TraceDataPanelTab>('details');\n  const currentTab = activeTab ?? uncontrolledTab;\n  const handleTabChange = (tab: TraceDataPanelTab) => {\n    setUncontrolledTab(tab);\n    onTabChange?.(tab);\n  };\n\n  const { download: downloadTraceJson, isPending: isDownloadingTrace } = useDownloadTraceJson();\n\n  const [selectedSpanId, setSelectedSpanId] = useState<string | undefined>(initialSpanId ?? undefined);\n\n  // Sync selected span when initialSpanId or trace data changes\n  useEffect(() => {\n    // No span requested: clear immediately.\n    if (!initialSpanId) {\n      setSelectedSpanId(undefined);\n      onSpanSelect?.(undefined);\n      return;\n    }\n    // Span requested: wait for trace data before deciding so an in-flight\n    // fetch doesn't wipe a URL-provided selection. Callers that default their\n    // spans to `[]` while loading only say so through `isLoading`.\n    if (isLoading || !spans) return;\n\n    const found = spans.find(s => s.spanId === initialSpanId);\n    if (found) {\n      setSelectedSpanId(initialSpanId);\n      onSpanSelect?.(initialSpanId);\n    } else {\n      setSelectedSpanId(undefined);\n      onSpanSelect?.(undefined);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [initialSpanId, spans, isLoading]);\n\n  const searchFieldName = useId();\n  const { query, setQuery, results, payloadOnlyMatchIds } = useTraceSearch(spans ?? []);\n\n  const hierarchicalSpans = useMemo(\n    () =>\n      formatHierarchicalSpans(\n        // Carried on the span rather than drilled as a prop: the tree is rebuilt here and\n        // rendered several components deeper.\n        results.map(span => ({ ...span, matchedInPayloadOnly: payloadOnlyMatchIds.has(span.spanId) })),\n        anchorSpanId,\n      ),\n    [results, payloadOnlyMatchIds, anchorSpanId],\n  );\n\n  const [expandedSpanIds, setExpandedSpanIds] = useState<string[]>([]);\n\n  useEffect(() => {\n    if (hierarchicalSpans.length > 0) {\n      setExpandedSpanIds(getAllSpanIds(hierarchicalSpans));\n    }\n  }, [hierarchicalSpans]);\n\n  const rootSpan = useMemo(\n    () => (anchorSpanId ? spans?.find(s => s.spanId === anchorSpanId) : spans?.find(s => s.parentSpanId == null)),\n    [spans, anchorSpanId],\n  );\n  const handleSpanClick = (id: string) => {\n    const newId = selectedSpanId === id ? undefined : id;\n    setSelectedSpanId(newId);\n    onSpanSelect?.(newId);\n  };\n\n  const traceActionsMenu = traceId && (\n    <DropdownMenu>\n      <DropdownMenu.Trigger\n        render={\n          <Button size=\"sm\" variant=\"ghost\" tooltip=\"Trace actions\" aria-label=\"Trace actions\">\n            <MoreHorizontalIcon />\n          </Button>\n        }\n      />\n      <DropdownMenu.Content align=\"end\">\n        {!isOnTracePage && onSaveAsDatasetItem && (\n          <DropdownMenu.Item onSelect={() => onSaveAsDatasetItem({ traceId, rootSpanId: rootSpan?.spanId })}>\n            <SaveIcon />\n            Add full trace to dataset\n          </DropdownMenu.Item>\n        )}\n        {!isOnTracePage && onAddTraceMocksToItem && (\n          <DropdownMenu.Item onSelect={() => onAddTraceMocksToItem({ traceId })}>\n            <WrenchIcon />\n            Add tool mocks to item\n          </DropdownMenu.Item>\n        )}\n        {!isOnTracePage && LinkComponent && traceHref && (\n          <DropdownMenu.Item render={<LinkComponent href={traceHref} />}>\n            <Link2Icon />\n            Open trace page\n          </DropdownMenu.Item>\n        )}\n        <DropdownMenu.Item disabled={isDownloadingTrace} onSelect={() => downloadTraceJson(traceId)}>\n          {isDownloadingTrace ? <Loader2Icon className=\"animate-spin\" /> : <DownloadIcon />}\n          Download trace JSON\n        </DropdownMenu.Item>\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n\n  return (\n    <DataPanel\n      open={!!traceId}\n      onClose={onClose}\n      title={title ?? (isOnTracePage ? 'Trace Timeline' : `Trace ${traceId ?? ''}`)}\n      size={size}\n      depth={depth}\n    >\n      {traceId && (\n        <>\n          {headerSlot}\n          <DataPanel.Header>\n            {isOnTracePage ? (\n              <>\n                <DataPanel.Heading>Trace Timeline</DataPanel.Heading>\n                <DataPanel.HeaderActions>{traceActionsMenu}</DataPanel.HeaderActions>\n              </>\n            ) : (\n              <>\n                <DataPanel.HeaderContent>\n                  <DataPanel.Heading>\n                    Trace\n                    <TraceIdButton id={traceId} />\n                  </DataPanel.Heading>\n                  {rootSpan && (\n                    <TraceSummaryDescription\n                      rootSpan={rootSpan}\n                      usage={usage}\n                      entityHref={entityHref}\n                      LinkComponent={LinkComponent}\n                    />\n                  )}\n                </DataPanel.HeaderContent>\n                <DataPanel.HeaderActions>\n                  {onEvaluateTrace && (\n                    <Button variant=\"primary\" size=\"sm\" onClick={onEvaluateTrace} disabled={!rootSpan}>\n                      <CircleGaugeIcon />\n                      Score trace\n                    </Button>\n                  )}\n                  {traceActionsMenu}\n                  {(onPrevious || onNext) && (\n                    <DataPanel.NextPrevNav\n                      onPrevious={onPrevious}\n                      onNext={onNext}\n                      previousLabel=\"Previous trace\"\n                      nextLabel=\"Next trace\"\n                    />\n                  )}\n                  <DataPanel.CloseButton onClick={onClose} />\n                </DataPanel.HeaderActions>\n              </>\n            )}\n          </DataPanel.Header>\n\n          <TracePanelColumns\n            messagesPanelSlot={messagesPanelSlot}\n            messagesCollapsed={currentTab === 'timeline'}\n            spanPanelSlot={spanPanelSlot}\n            highlightQuery={query}\n            spanPanelKey={selectedSpanId}\n          >\n            {isLoading ? (\n              <DataPanel.LoadingData>Loading trace...</DataPanel.LoadingData>\n            ) : !spans?.length ? (\n              <DataPanel.NoData>No spans found for this trace.</DataPanel.NoData>\n            ) : (\n              (() => {\n                // Shared by the Spans and Timeline tabs: both views render the same\n                // filtered `hierarchicalSpans`, so one query drives both.\n                const searchField = (\n                  <SearchFieldBlock\n                    name={searchFieldName}\n                    label=\"Search spans\"\n                    labelIsHidden\n                    placeholder=\"Search spans...\"\n                    value={query}\n                    onChange={e => setQuery(e.target.value)}\n                    onReset={() => setQuery('')}\n                    size=\"sm\"\n                    variant=\"outline\"\n                    className=\"w-full\"\n                  />\n                );\n                const noSearchResults = hierarchicalSpans.length === 0 && (\n                  <DataPanel.NoData>No spans match your search.</DataPanel.NoData>\n                );\n\n                return (\n                  <Tabs<TraceDataPanelTab>\n                    defaultTab=\"details\"\n                    value={activeTab}\n                    onValueChange={handleTabChange}\n                    className=\"grid h-full min-h-0 grid-rows-[auto_1fr]\"\n                  >\n                    <DataPanel.Header>\n                      <TabList variant=\"pill-ghost\">\n                        <Tab value=\"details\">Spans</Tab>\n                        <Tab value=\"timeline\">Timeline</Tab>\n                        {feedbackTabSlot && <Tab value=\"feedback\">Feedback{feedbackTabBadge}</Tab>}\n                        {scoresTabSlot && (\n                          <Tab value=\"scores\">Scores{scoresTabBadge != null && <> ({scoresTabBadge})</>}</Tab>\n                        )}\n                      </TabList>\n                    </DataPanel.Header>\n\n                    {/* Tab contents share the tab list's horizontal padding so their edges line up. */}\n                    <TabContent value=\"details\" className=\"min-h-0 py-0\">\n                      <DataPanel.Content>\n                        {!isOnTracePage &&\n                          !onEvaluateTrace &&\n                          !onSaveAsDatasetItem &&\n                          !onAddTraceMocksToItem &&\n                          showUnavailableFeaturesMsg && (\n                            <Notice variant=\"info\" className=\"mb-6\">\n                              <Notice.Message>\n                                Evaluating traces and saving them as dataset items is available in Mastra Studio (local\n                                or deployed).\n                              </Notice.Message>\n                            </Notice>\n                          )}\n\n                        {/* The tree stays mounted even with no results, because it\n                          hosts the search field: unmounting it would strand the user\n                          with a query they can no longer clear. */}\n                        <TraceSpanTree\n                          hierarchicalSpans={hierarchicalSpans}\n                          onSpanClick={handleSpanClick}\n                          selectedSpanId={selectedSpanId}\n                          expandedSpanIds={expandedSpanIds}\n                          setExpandedSpanIds={setExpandedSpanIds}\n                          featuredSpanIds={featuredSpanIds}\n                          leadingSlot={searchField}\n                        />\n                        {noSearchResults}\n                      </DataPanel.Content>\n                    </TabContent>\n                    <TabContent value=\"timeline\" className=\"min-h-0 py-0\">\n                      <DataPanel.Content>\n                        {/* Same selection + expansion state as the Spans tab, so switching views keeps context. */}\n                        <TraceSpanTimeline\n                          hierarchicalSpans={hierarchicalSpans}\n                          onSpanClick={handleSpanClick}\n                          selectedSpanId={selectedSpanId}\n                          expandedSpanIds={expandedSpanIds}\n                          setExpandedSpanIds={setExpandedSpanIds}\n                          featuredSpanIds={featuredSpanIds}\n                          leadingSlot={searchField}\n                        />\n                        {noSearchResults}\n                      </DataPanel.Content>\n                    </TabContent>\n                    {feedbackTabSlot && (\n                      <TabContent value=\"feedback\" className=\"h-full min-h-0 py-0\">\n                        <DataPanel.Content>{feedbackTabSlot({ traceId })}</DataPanel.Content>\n                      </TabContent>\n                    )}\n                    {scoresTabSlot && (\n                      <TabContent value=\"scores\" className=\"h-full min-h-0 py-0\">\n                        <DataPanel.Content>\n                          {scoresTabSlot({ traceId, rootSpanId: rootSpan?.spanId })}\n                        </DataPanel.Content>\n                      </TabContent>\n                    )}\n                  </Tabs>\n                );\n              })()\n            )}\n          </TracePanelColumns>\n        </>\n      )}\n    </DataPanel>\n  );\n}\n\n/**\n * Lays out the card body as three columns — `[messages] [trace] [span]` — inside\n * the same card. The messages and span cells always exist and collapse to `0fr`\n * when hidden, so opening/closing them animates via `grid-template-columns`\n * rather than mounting/unmounting a DOM column (which cannot be transitioned).\n * Search matches — span names in the timeline tree as well as values in the span\n * detail — are highlighted while a query is active.\n */\nfunction TracePanelColumns({\n  messagesPanelSlot,\n  messagesCollapsed,\n  spanPanelSlot,\n  highlightQuery,\n  spanPanelKey,\n  children,\n}: {\n  messagesPanelSlot?: ReactNode;\n  /** Folds the messages column away (e.g. while the Timeline tab needs the width). */\n  messagesCollapsed: boolean;\n  spanPanelSlot?: ReactNode;\n  highlightQuery: string;\n  /** Identity of the span shown in the panel; changing it re-triggers the match scroll. */\n  spanPanelKey?: string;\n  children: ReactNode;\n}) {\n  // A single hook call on the common ancestor covers both the timeline tree and\n  // the span detail, so span names and payload values highlight together.\n  const { ref: highlightRef } = useTextHighlight<HTMLDivElement>(highlightQuery);\n\n  // Scoped to the span-panel column only: a match deep in a large payload sits below\n  // the fold, so the first painted match is brought into view when the panel opens.\n  // The timeline column must never be scrolled by this.\n  const { ref: scrollToMatchRef } = useScrollToFirstHighlight<HTMLDivElement>(highlightQuery, spanPanelKey);\n\n  const showMessages = !!messagesPanelSlot && !messagesCollapsed;\n  const columns =\n    showMessages && spanPanelSlot\n      ? 'grid-cols-[1fr_1fr_1fr]'\n      : showMessages\n        ? 'grid-cols-[1fr_1fr_0fr]'\n        : spanPanelSlot\n          ? 'grid-cols-[0fr_1fr_1fr]'\n          : 'grid-cols-[0fr_1fr_0fr]';\n\n  return (\n    <div\n      ref={highlightRef}\n      data-trace-columns\n      className={cn('grid min-h-0 flex-1 transition-[grid-template-columns] duration-300 ease-in-out', columns)}\n    >\n      <div\n        className={cn(\n          'flex min-h-0 min-w-0 flex-col overflow-hidden',\n          showMessages && 'animate-in border-r border-border1 duration-300 fade-in-0',\n        )}\n      >\n        {messagesPanelSlot}\n      </div>\n      <div className=\"flex min-h-0 min-w-0 flex-col overflow-hidden\">{children}</div>\n      {/* Searchable: the span detail is where a match hides inside a large payload. */}\n      <div\n        ref={scrollToMatchRef}\n        data-highlight\n        className={cn(\n          'flex min-h-0 min-w-0 flex-col overflow-hidden',\n          spanPanelSlot && 'animate-in border-l border-border1 duration-300 fade-in-0',\n        )}\n      >\n        {spanPanelSlot}\n      </div>\n    </div>\n  );\n}\n"],"names":["useState","useDownloadTraceJson","useEffect","useId","useTraceSearch","useMemo","formatHierarchicalSpans","getAllSpanIds","jsxs","DropdownMenu","jsx","Button","MoreHorizontalIcon","SaveIcon","WrenchIcon","Link2Icon","Loader2Icon","DownloadIcon","DataPanel","Fragment","TraceIdButton","TraceSummaryDescription","CircleGaugeIcon","SearchFieldBlock","Tabs","TabList","Tab","TabContent","Notice","TraceSpanTree","TraceSpanTimeline","useTextHighlight","useScrollToFirstHighlight","cn"],"mappings":"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"}