@mastra/playground-ui 60.2.0 → 61.0.0-alpha.1

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

@@ -6,8 +6,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const domains_traces_utils_spanUtils = require('../utils/span-utils.cjs.js');
 const domains_traces_components_traceStatusValue = require('./trace-status-value.cjs.js');
-const dataPanel = require('../../../data-panel-o-QLWuFV.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const dataPanel = require('../../../data-panel-YCvno_Di.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 const icons_AgentIcon = require('../../../icons/AgentIcon.cjs.js');
 const icons_WorkflowIcon = require('../../../icons/WorkflowIcon.cjs.js');
 const utils_cost = require('../../../utils/cost.cjs.js');

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

@@ -2,8 +2,8 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { CalendarClockIcon, TimerIcon, ArrowDownToLineIcon, ArrowUpFromLineIcon, CircleDollarSignIcon } from 'lucide-react';
 import { getSpanDurationMs } from '../utils/span-utils.es.js';
 import { TraceStatusValue } from './trace-status-value.es.js';
-import { D as DataPanel } from '../../../data-panel-CbomKGJt.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { D as DataPanel } from '../../../data-panel-CKvpHRUM.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { AgentIcon } from '../../../icons/AgentIcon.es.js';
 import { WorkflowIcon } from '../../../icons/WorkflowIcon.es.js';
 import { formatCompactNumber, formatCost } from '../../../utils/cost.es.js';

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

@@ -11,7 +11,7 @@ const domains_chat_messages_messageRow = require('../../chat/messages/message-ro
 const domains_traces_components_tracesErrorContent = require('./traces-error-content.cjs.js');
 const domains_traces_hooks_useTraceSpans = require('../hooks/use-trace-spans.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 
 const noop = () => {
@@ -26,7 +26,7 @@ function TraceThreadItemView({ traceId, onHighlightSpans, className }) {
   if (messages.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center p-4", children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "body", tone: "muted", children: "No agent turn found for this trace." }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("min-w-0 animate-in p-4 duration-300 fade-in-0", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex w-full max-w-3xl flex-col [&>[data-slot=message]:first-child]:mt-0 [&>[data-slot=message]:last-child]:mb-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("min-w-0 p-4", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex w-full max-w-3xl flex-col [&>[data-slot=message]:first-child]:mt-0 [&>[data-slot=message]:last-child]:mb-0", children: /* @__PURE__ */ jsxRuntime.jsx(
     domains_chat_context_toolCallContext.ToolCallProvider,
     {
       approveToolcall: noop,

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

@@ -1 +1 @@
-{"version":3,"file":"trace-thread-item-view.cjs.js","sources":["../../../../src/domains/traces/components/trace-thread-item-view.tsx"],"sourcesContent":["import { ListTreeIcon } from 'lucide-react';\nimport { formatTraceThreadMessages } from './format-trace-thread-messages';\nimport { TraceMessagesSkeleton } from './trace-messages-skeleton';\nimport { ToolCallProvider } from '@/domains/chat/context/tool-call-context';\nimport { MessageRow } from '@/domains/chat/messages/message-row';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { useTraceSpans } from '@/domains/traces/hooks/use-trace-spans';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/utils/cn';\n\nexport interface TraceThreadItemViewProps {\n  traceId: string;\n  /** Called with the ids of the spans behind a message (text or tool call) when its \"Highlight spans\" action is clicked. */\n  onHighlightSpans?: (spanIds: string[]) => void;\n  className?: string;\n}\n\nconst noop = () => {};\n\nexport function TraceThreadItemView({ traceId, onHighlightSpans, className }: TraceThreadItemViewProps) {\n  const { data, isLoading, error } = useTraceSpans(traceId, { passive: true });\n\n  if (isLoading) return <TraceMessagesSkeleton className={className} />;\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <TracesErrorContent error={error} resource=\"trace\" errorTitle=\"Failed to load partial thread\" />\n      </div>\n    );\n  }\n\n  const messages = data ? formatTraceThreadMessages(data.spans) : [];\n\n  if (messages.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <Txt variant=\"body\" tone=\"muted\">\n          No agent turn found for this trace.\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('min-w-0 animate-in p-4 duration-300 fade-in-0', className)}>\n      {/* Messages carry their own vertical margins; strip them at the edges so `p-4` is the only outer spacing. */}\n      <div className=\"mx-auto flex w-full max-w-3xl flex-col [&>[data-slot=message]:first-child]:mt-0 [&>[data-slot=message]:last-child]:mb-0\">\n        <ToolCallProvider\n          approveToolcall={noop}\n          declineToolcall={noop}\n          approveToolcallGenerate={noop}\n          declineToolcallGenerate={noop}\n          approveNetworkToolcall={noop}\n          declineNetworkToolcall={noop}\n          isRunning={false}\n          toolCallApprovals={{}}\n          networkToolCallApprovals={{}}\n        >\n          {messages.map(message => {\n            const action =\n              onHighlightSpans && message.traceSpanIds.length > 0 ? (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  tooltip=\"Highlight spans\"\n                  aria-label=\"Highlight spans\"\n                  onClick={() => onHighlightSpans(message.traceSpanIds)}\n                >\n                  <ListTreeIcon />\n                </Button>\n              ) : undefined;\n\n            const isToolCall = message.content.parts.every(part => part.type === 'tool-invocation');\n            if (isToolCall && action) {\n              // Tool calls sit on one line, so the action goes beside the tool card instead of below it.\n              return (\n                <div key={message.id} className=\"group/tool mb-3 flex items-start gap-1 last:mb-0\">\n                  <MessageRow message={message} readOnly className=\"flex-1\" />\n                  <div className=\"shrink-0 group-focus-within/tool:opacity-100 group-hover/tool:opacity-100 motion-safe:transition-opacity pointer-fine:opacity-0\">\n                    {action}\n                  </div>\n                </div>\n              );\n            }\n\n            return <MessageRow key={message.id} message={message} readOnly footer={action} />;\n          })}\n        </ToolCallProvider>\n      </div>\n    </div>\n  );\n}\n"],"names":["useTraceSpans","jsx","TraceMessagesSkeleton","TracesErrorContent","formatTraceThreadMessages","Txt","cn","ToolCallProvider","Button","ListTreeIcon","jsxs","MessageRow"],"mappings":"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"}
+{"version":3,"file":"trace-thread-item-view.cjs.js","sources":["../../../../src/domains/traces/components/trace-thread-item-view.tsx"],"sourcesContent":["import { ListTreeIcon } from 'lucide-react';\nimport { formatTraceThreadMessages } from './format-trace-thread-messages';\nimport { TraceMessagesSkeleton } from './trace-messages-skeleton';\nimport { ToolCallProvider } from '@/domains/chat/context/tool-call-context';\nimport { MessageRow } from '@/domains/chat/messages/message-row';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { useTraceSpans } from '@/domains/traces/hooks/use-trace-spans';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/utils/cn';\n\nexport interface TraceThreadItemViewProps {\n  traceId: string;\n  /** Called with the ids of the spans behind a message (text or tool call) when its \"Highlight spans\" action is clicked. */\n  onHighlightSpans?: (spanIds: string[]) => void;\n  className?: string;\n}\n\nconst noop = () => {};\n\nexport function TraceThreadItemView({ traceId, onHighlightSpans, className }: TraceThreadItemViewProps) {\n  const { data, isLoading, error } = useTraceSpans(traceId, { passive: true });\n\n  if (isLoading) return <TraceMessagesSkeleton className={className} />;\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <TracesErrorContent error={error} resource=\"trace\" errorTitle=\"Failed to load partial thread\" />\n      </div>\n    );\n  }\n\n  const messages = data ? formatTraceThreadMessages(data.spans) : [];\n\n  if (messages.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <Txt variant=\"body\" tone=\"muted\">\n          No agent turn found for this trace.\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('min-w-0 p-4', className)}>\n      {/* Messages carry their own vertical margins; strip them at the edges so `p-4` is the only outer spacing. */}\n      <div className=\"mx-auto flex w-full max-w-3xl flex-col [&>[data-slot=message]:first-child]:mt-0 [&>[data-slot=message]:last-child]:mb-0\">\n        <ToolCallProvider\n          approveToolcall={noop}\n          declineToolcall={noop}\n          approveToolcallGenerate={noop}\n          declineToolcallGenerate={noop}\n          approveNetworkToolcall={noop}\n          declineNetworkToolcall={noop}\n          isRunning={false}\n          toolCallApprovals={{}}\n          networkToolCallApprovals={{}}\n        >\n          {messages.map(message => {\n            const action =\n              onHighlightSpans && message.traceSpanIds.length > 0 ? (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  tooltip=\"Highlight spans\"\n                  aria-label=\"Highlight spans\"\n                  onClick={() => onHighlightSpans(message.traceSpanIds)}\n                >\n                  <ListTreeIcon />\n                </Button>\n              ) : undefined;\n\n            const isToolCall = message.content.parts.every(part => part.type === 'tool-invocation');\n            if (isToolCall && action) {\n              // Tool calls sit on one line, so the action goes beside the tool card instead of below it.\n              return (\n                <div key={message.id} className=\"group/tool mb-3 flex items-start gap-1 last:mb-0\">\n                  <MessageRow message={message} readOnly className=\"flex-1\" />\n                  <div className=\"shrink-0 group-focus-within/tool:opacity-100 group-hover/tool:opacity-100 motion-safe:transition-opacity pointer-fine:opacity-0\">\n                    {action}\n                  </div>\n                </div>\n              );\n            }\n\n            return <MessageRow key={message.id} message={message} readOnly footer={action} />;\n          })}\n        </ToolCallProvider>\n      </div>\n    </div>\n  );\n}\n"],"names":["useTraceSpans","jsx","TraceMessagesSkeleton","TracesErrorContent","formatTraceThreadMessages","Txt","cn","ToolCallProvider","Button","ListTreeIcon","jsxs","MessageRow"],"mappings":"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"}

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

@@ -7,7 +7,7 @@ import { MessageRow } from '../../chat/messages/message-row.es.js';
 import { TracesErrorContent } from './traces-error-content.es.js';
 import { useTraceSpans } from '../hooks/use-trace-spans.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 
 const noop = () => {
@@ -22,7 +22,7 @@ function TraceThreadItemView({ traceId, onHighlightSpans, className }) {
   if (messages.length === 0) {
     return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center p-4", children: /* @__PURE__ */ jsx(Txt, { variant: "body", tone: "muted", children: "No agent turn found for this trace." }) });
   }
-  return /* @__PURE__ */ jsx("div", { className: cn("min-w-0 animate-in p-4 duration-300 fade-in-0", className), children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full max-w-3xl flex-col [&>[data-slot=message]:first-child]:mt-0 [&>[data-slot=message]:last-child]:mb-0", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: cn("min-w-0 p-4", className), children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full max-w-3xl flex-col [&>[data-slot=message]:first-child]:mt-0 [&>[data-slot=message]:last-child]:mb-0", children: /* @__PURE__ */ jsx(
     ToolCallProvider,
     {
       approveToolcall: noop,

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

@@ -1 +1 @@
-{"version":3,"file":"trace-thread-item-view.es.js","sources":["../../../../src/domains/traces/components/trace-thread-item-view.tsx"],"sourcesContent":["import { ListTreeIcon } from 'lucide-react';\nimport { formatTraceThreadMessages } from './format-trace-thread-messages';\nimport { TraceMessagesSkeleton } from './trace-messages-skeleton';\nimport { ToolCallProvider } from '@/domains/chat/context/tool-call-context';\nimport { MessageRow } from '@/domains/chat/messages/message-row';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { useTraceSpans } from '@/domains/traces/hooks/use-trace-spans';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/utils/cn';\n\nexport interface TraceThreadItemViewProps {\n  traceId: string;\n  /** Called with the ids of the spans behind a message (text or tool call) when its \"Highlight spans\" action is clicked. */\n  onHighlightSpans?: (spanIds: string[]) => void;\n  className?: string;\n}\n\nconst noop = () => {};\n\nexport function TraceThreadItemView({ traceId, onHighlightSpans, className }: TraceThreadItemViewProps) {\n  const { data, isLoading, error } = useTraceSpans(traceId, { passive: true });\n\n  if (isLoading) return <TraceMessagesSkeleton className={className} />;\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <TracesErrorContent error={error} resource=\"trace\" errorTitle=\"Failed to load partial thread\" />\n      </div>\n    );\n  }\n\n  const messages = data ? formatTraceThreadMessages(data.spans) : [];\n\n  if (messages.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <Txt variant=\"body\" tone=\"muted\">\n          No agent turn found for this trace.\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('min-w-0 animate-in p-4 duration-300 fade-in-0', className)}>\n      {/* Messages carry their own vertical margins; strip them at the edges so `p-4` is the only outer spacing. */}\n      <div className=\"mx-auto flex w-full max-w-3xl flex-col [&>[data-slot=message]:first-child]:mt-0 [&>[data-slot=message]:last-child]:mb-0\">\n        <ToolCallProvider\n          approveToolcall={noop}\n          declineToolcall={noop}\n          approveToolcallGenerate={noop}\n          declineToolcallGenerate={noop}\n          approveNetworkToolcall={noop}\n          declineNetworkToolcall={noop}\n          isRunning={false}\n          toolCallApprovals={{}}\n          networkToolCallApprovals={{}}\n        >\n          {messages.map(message => {\n            const action =\n              onHighlightSpans && message.traceSpanIds.length > 0 ? (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  tooltip=\"Highlight spans\"\n                  aria-label=\"Highlight spans\"\n                  onClick={() => onHighlightSpans(message.traceSpanIds)}\n                >\n                  <ListTreeIcon />\n                </Button>\n              ) : undefined;\n\n            const isToolCall = message.content.parts.every(part => part.type === 'tool-invocation');\n            if (isToolCall && action) {\n              // Tool calls sit on one line, so the action goes beside the tool card instead of below it.\n              return (\n                <div key={message.id} className=\"group/tool mb-3 flex items-start gap-1 last:mb-0\">\n                  <MessageRow message={message} readOnly className=\"flex-1\" />\n                  <div className=\"shrink-0 group-focus-within/tool:opacity-100 group-hover/tool:opacity-100 motion-safe:transition-opacity pointer-fine:opacity-0\">\n                    {action}\n                  </div>\n                </div>\n              );\n            }\n\n            return <MessageRow key={message.id} message={message} readOnly footer={action} />;\n          })}\n        </ToolCallProvider>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"trace-thread-item-view.es.js","sources":["../../../../src/domains/traces/components/trace-thread-item-view.tsx"],"sourcesContent":["import { ListTreeIcon } from 'lucide-react';\nimport { formatTraceThreadMessages } from './format-trace-thread-messages';\nimport { TraceMessagesSkeleton } from './trace-messages-skeleton';\nimport { ToolCallProvider } from '@/domains/chat/context/tool-call-context';\nimport { MessageRow } from '@/domains/chat/messages/message-row';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { useTraceSpans } from '@/domains/traces/hooks/use-trace-spans';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/utils/cn';\n\nexport interface TraceThreadItemViewProps {\n  traceId: string;\n  /** Called with the ids of the spans behind a message (text or tool call) when its \"Highlight spans\" action is clicked. */\n  onHighlightSpans?: (spanIds: string[]) => void;\n  className?: string;\n}\n\nconst noop = () => {};\n\nexport function TraceThreadItemView({ traceId, onHighlightSpans, className }: TraceThreadItemViewProps) {\n  const { data, isLoading, error } = useTraceSpans(traceId, { passive: true });\n\n  if (isLoading) return <TraceMessagesSkeleton className={className} />;\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <TracesErrorContent error={error} resource=\"trace\" errorTitle=\"Failed to load partial thread\" />\n      </div>\n    );\n  }\n\n  const messages = data ? formatTraceThreadMessages(data.spans) : [];\n\n  if (messages.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <Txt variant=\"body\" tone=\"muted\">\n          No agent turn found for this trace.\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('min-w-0 p-4', className)}>\n      {/* Messages carry their own vertical margins; strip them at the edges so `p-4` is the only outer spacing. */}\n      <div className=\"mx-auto flex w-full max-w-3xl flex-col [&>[data-slot=message]:first-child]:mt-0 [&>[data-slot=message]:last-child]:mb-0\">\n        <ToolCallProvider\n          approveToolcall={noop}\n          declineToolcall={noop}\n          approveToolcallGenerate={noop}\n          declineToolcallGenerate={noop}\n          approveNetworkToolcall={noop}\n          declineNetworkToolcall={noop}\n          isRunning={false}\n          toolCallApprovals={{}}\n          networkToolCallApprovals={{}}\n        >\n          {messages.map(message => {\n            const action =\n              onHighlightSpans && message.traceSpanIds.length > 0 ? (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  tooltip=\"Highlight spans\"\n                  aria-label=\"Highlight spans\"\n                  onClick={() => onHighlightSpans(message.traceSpanIds)}\n                >\n                  <ListTreeIcon />\n                </Button>\n              ) : undefined;\n\n            const isToolCall = message.content.parts.every(part => part.type === 'tool-invocation');\n            if (isToolCall && action) {\n              // Tool calls sit on one line, so the action goes beside the tool card instead of below it.\n              return (\n                <div key={message.id} className=\"group/tool mb-3 flex items-start gap-1 last:mb-0\">\n                  <MessageRow message={message} readOnly className=\"flex-1\" />\n                  <div className=\"shrink-0 group-focus-within/tool:opacity-100 group-hover/tool:opacity-100 motion-safe:transition-opacity pointer-fine:opacity-0\">\n                    {action}\n                  </div>\n                </div>\n              );\n            }\n\n            return <MessageRow key={message.id} message={message} readOnly footer={action} />;\n          })}\n        </ToolCallProvider>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -5,37 +5,48 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_traces_components_threadViewByTrace = require('./thread-view-by-trace.cjs.js');
-const dataPanel = require('../../../data-panel-o-QLWuFV.cjs');
+const dataPanel = require('../../../data-panel-YCvno_Di.cjs');
 
 function TraceThreadPanel({
+  open,
   threadId,
   withQueryTrace,
   withFeedback,
   onOpenScore,
-  onBack,
   onClose,
+  depth = 2,
   title
 }) {
   const [hasSelectedSpan, setHasSelectedSpan] = React.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel, { open: true, onClose, title: title ?? `Thread ${threadId}`, size: hasSelectedSpan ? "full" : "wide", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Header, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CloseButton, { onClick: onBack, label: "Back to trace", tooltip: "Back to trace" }),
-      /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.HeaderContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Heading, { children: [
-        "Thread",
-        /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CopyId, { id: threadId })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-      domains_traces_components_threadViewByTrace.ThreadViewByTrace,
-      {
-        threadId,
-        withQueryTrace,
-        withFeedback,
-        onOpenScore,
-        onSelectedSpanChange: (selected) => setHasSelectedSpan(selected !== null)
-      }
-    ) })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    dataPanel.DataPanel,
+    {
+      open,
+      onClose,
+      title: title ?? `Thread ${threadId}`,
+      depth,
+      size: hasSelectedSpan ? "full" : "wide",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Header, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CloseButton, { onClick: onClose, label: "Back to trace", tooltip: "Back to trace" }),
+          /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.HeaderContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Heading, { children: [
+            "Thread",
+            /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CopyId, { id: threadId })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children: threadId ? /* @__PURE__ */ jsxRuntime.jsx(
+          domains_traces_components_threadViewByTrace.ThreadViewByTrace,
+          {
+            threadId,
+            withQueryTrace,
+            withFeedback,
+            onOpenScore,
+            onSelectedSpanChange: (selected) => setHasSelectedSpan(selected !== null)
+          }
+        ) : null })
+      ]
+    }
+  );
 }
 
 exports.TraceThreadPanel = TraceThreadPanel;

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

@@ -1 +1 @@
-{"version":3,"file":"trace-thread-panel.cjs.js","sources":["../../../../src/domains/traces/components/trace-thread-panel.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { ThreadViewByTrace } from '@/domains/traces/components/thread-view-by-trace';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nexport interface TraceThreadPanelProps {\n  threadId: string;\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Return to the trace panel this thread view replaced. */\n  onBack: () => void;\n  /** Close the whole side panel. */\n  onClose: () => void;\n  /** Accessible drawer name; defaults to the thread id. */\n  title?: string;\n}\n\n/** The trace drawer swapped for the full thread: every turn as traces, opened on the latest one. */\nexport function TraceThreadPanel({\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onOpenScore,\n  onBack,\n  onClose,\n  title,\n}: TraceThreadPanelProps) {\n  // Like the trace panel: the drawer only takes the full frame while a span detail is open.\n  const [hasSelectedSpan, setHasSelectedSpan] = useState(false);\n  return (\n    <DataPanel open onClose={onClose} title={title ?? `Thread ${threadId}`} size={hasSelectedSpan ? 'full' : 'wide'}>\n      <DataPanel.Header>\n        {/* The leading arrow leaves this view for the trace it replaced; the drawer itself still closes via Escape / backdrop. */}\n        <DataPanel.CloseButton onClick={onBack} label=\"Back to trace\" tooltip=\"Back to trace\" />\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Thread\n            <DataPanel.CopyId id={threadId} />\n          </DataPanel.Heading>\n        </DataPanel.HeaderContent>\n      </DataPanel.Header>\n      <div className=\"min-h-0 flex-1\">\n        <ThreadViewByTrace\n          threadId={threadId}\n          withQueryTrace={withQueryTrace}\n          withFeedback={withFeedback}\n          onOpenScore={onOpenScore}\n          onSelectedSpanChange={selected => setHasSelectedSpan(selected !== null)}\n        />\n      </div>\n    </DataPanel>\n  );\n}\n"],"names":["useState","jsxs","DataPanel","jsx","ThreadViewByTrace"],"mappings":";;;;;;;;;AAmBO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAA0B;AAExB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC5D,EAAA,uBACEC,eAAA,CAACC,mBAAA,EAAA,EAAU,IAAA,EAAI,IAAA,EAAC,OAAA,EAAkB,KAAA,EAAO,KAAA,IAAS,CAAA,OAAA,EAAU,QAAQ,CAAA,CAAA,EAAI,IAAA,EAAM,eAAA,GAAkB,SAAS,MAAA,EACvG,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAACC,mBAAA,CAAU,QAAV,EAEC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACD,mBAAA,CAAU,aAAV,EAAsB,OAAA,EAAS,QAAQ,KAAA,EAAM,eAAA,EAAgB,SAAQ,eAAA,EAAgB,CAAA;AAAA,qCACrFA,mBAAA,CAAU,aAAA,EAAV,EACC,QAAA,kBAAAD,eAAA,CAACC,mBAAA,CAAU,SAAV,EAAkB,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBAEjBC,cAAA,CAACD,mBAAA,CAAU,MAAA,EAAV,EAAiB,IAAI,QAAA,EAAU;AAAA,OAAA,EAClC,CAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBACAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAACC,6DAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA,EAAsB,CAAA,QAAA,KAAY,kBAAA,CAAmB,QAAA,KAAa,IAAI;AAAA;AAAA,KACxE,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-thread-panel.cjs.js","sources":["../../../../src/domains/traces/components/trace-thread-panel.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { ThreadViewByTrace } from '@/domains/traces/components/thread-view-by-trace';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nexport interface TraceThreadPanelProps {\n  /** Keep the panel mounted and toggle `open` so the drawer animates in and out. */\n  open: boolean;\n  threadId: string;\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Close the thread drawer, revealing the trace panel underneath. */\n  onClose: () => void;\n  /** Sibling-drawer elevation (see `DataPanel`); defaults to 2, above the trace panel. */\n  depth?: 1 | 2 | 3;\n  /** Accessible drawer name; defaults to the thread id. */\n  title?: string;\n}\n\n/** The full thread in its own drawer, stacked above the trace panel: every turn as traces, opened on the latest one. */\nexport function TraceThreadPanel({\n  open,\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onOpenScore,\n  onClose,\n  depth = 2,\n  title,\n}: TraceThreadPanelProps) {\n  // Like the trace panel: the drawer only takes the full frame while a span detail is open.\n  const [hasSelectedSpan, setHasSelectedSpan] = useState(false);\n  return (\n    <DataPanel\n      open={open}\n      onClose={onClose}\n      title={title ?? `Thread ${threadId}`}\n      depth={depth}\n      size={hasSelectedSpan ? 'full' : 'wide'}\n    >\n      <DataPanel.Header>\n        <DataPanel.CloseButton onClick={onClose} label=\"Back to trace\" tooltip=\"Back to trace\" />\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Thread\n            <DataPanel.CopyId id={threadId} />\n          </DataPanel.Heading>\n        </DataPanel.HeaderContent>\n      </DataPanel.Header>\n      <div className=\"min-h-0 flex-1\">\n        {threadId ? (\n          <ThreadViewByTrace\n            threadId={threadId}\n            withQueryTrace={withQueryTrace}\n            withFeedback={withFeedback}\n            onOpenScore={onOpenScore}\n            onSelectedSpanChange={selected => setHasSelectedSpan(selected !== null)}\n          />\n        ) : null}\n      </div>\n    </DataPanel>\n  );\n}\n"],"names":["useState","jsxs","DataPanel","jsx","ThreadViewByTrace"],"mappings":";;;;;;;;;AAqBO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,IAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA,GAAQ,CAAA;AAAA,EACR;AACF,CAAA,EAA0B;AAExB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC5D,EAAA,uBACEC,eAAA;AAAA,IAACC,mBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA,EAAO,KAAA,IAAS,CAAA,OAAA,EAAU,QAAQ,CAAA,CAAA;AAAA,MAClC,KAAA;AAAA,MACA,IAAA,EAAM,kBAAkB,MAAA,GAAS,MAAA;AAAA,MAEjC,QAAA,EAAA;AAAA,wBAAAD,eAAA,CAACC,mBAAA,CAAU,QAAV,EACC,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACD,mBAAA,CAAU,aAAV,EAAsB,OAAA,EAAS,SAAS,KAAA,EAAM,eAAA,EAAgB,SAAQ,eAAA,EAAgB,CAAA;AAAA,yCACtFA,mBAAA,CAAU,aAAA,EAAV,EACC,QAAA,kBAAAD,eAAA,CAACC,mBAAA,CAAU,SAAV,EAAkB,QAAA,EAAA;AAAA,YAAA,QAAA;AAAA,4BAEjBC,cAAA,CAACD,mBAAA,CAAU,MAAA,EAAV,EAAiB,IAAI,QAAA,EAAU;AAAA,WAAA,EAClC,CAAA,EACF;AAAA,SAAA,EACF,CAAA;AAAA,wBACAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA,QAAA,mBACCA,cAAA;AAAA,UAACC,6DAAA;AAAA,UAAA;AAAA,YACC,QAAA;AAAA,YACA,cAAA;AAAA,YACA,YAAA;AAAA,YACA,WAAA;AAAA,YACA,oBAAA,EAAsB,CAAA,QAAA,KAAY,kBAAA,CAAmB,QAAA,KAAa,IAAI;AAAA;AAAA,YAEtE,IAAA,EACN;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,37 +1,48 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { ThreadViewByTrace } from './thread-view-by-trace.es.js';
-import { D as DataPanel } from '../../../data-panel-CbomKGJt.js';
+import { D as DataPanel } from '../../../data-panel-CKvpHRUM.js';
 
 function TraceThreadPanel({
+  open,
   threadId,
   withQueryTrace,
   withFeedback,
   onOpenScore,
-  onBack,
   onClose,
+  depth = 2,
   title
 }) {
   const [hasSelectedSpan, setHasSelectedSpan] = useState(false);
-  return /* @__PURE__ */ jsxs(DataPanel, { open: true, onClose, title: title ?? `Thread ${threadId}`, size: hasSelectedSpan ? "full" : "wide", children: [
-    /* @__PURE__ */ jsxs(DataPanel.Header, { children: [
-      /* @__PURE__ */ jsx(DataPanel.CloseButton, { onClick: onBack, label: "Back to trace", tooltip: "Back to trace" }),
-      /* @__PURE__ */ jsx(DataPanel.HeaderContent, { children: /* @__PURE__ */ jsxs(DataPanel.Heading, { children: [
-        "Thread",
-        /* @__PURE__ */ jsx(DataPanel.CopyId, { id: threadId })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(
-      ThreadViewByTrace,
-      {
-        threadId,
-        withQueryTrace,
-        withFeedback,
-        onOpenScore,
-        onSelectedSpanChange: (selected) => setHasSelectedSpan(selected !== null)
-      }
-    ) })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    DataPanel,
+    {
+      open,
+      onClose,
+      title: title ?? `Thread ${threadId}`,
+      depth,
+      size: hasSelectedSpan ? "full" : "wide",
+      children: [
+        /* @__PURE__ */ jsxs(DataPanel.Header, { children: [
+          /* @__PURE__ */ jsx(DataPanel.CloseButton, { onClick: onClose, label: "Back to trace", tooltip: "Back to trace" }),
+          /* @__PURE__ */ jsx(DataPanel.HeaderContent, { children: /* @__PURE__ */ jsxs(DataPanel.Heading, { children: [
+            "Thread",
+            /* @__PURE__ */ jsx(DataPanel.CopyId, { id: threadId })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: threadId ? /* @__PURE__ */ jsx(
+          ThreadViewByTrace,
+          {
+            threadId,
+            withQueryTrace,
+            withFeedback,
+            onOpenScore,
+            onSelectedSpanChange: (selected) => setHasSelectedSpan(selected !== null)
+          }
+        ) : null })
+      ]
+    }
+  );
 }
 
 export { TraceThreadPanel };

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

@@ -1 +1 @@
-{"version":3,"file":"trace-thread-panel.es.js","sources":["../../../../src/domains/traces/components/trace-thread-panel.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { ThreadViewByTrace } from '@/domains/traces/components/thread-view-by-trace';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nexport interface TraceThreadPanelProps {\n  threadId: string;\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Return to the trace panel this thread view replaced. */\n  onBack: () => void;\n  /** Close the whole side panel. */\n  onClose: () => void;\n  /** Accessible drawer name; defaults to the thread id. */\n  title?: string;\n}\n\n/** The trace drawer swapped for the full thread: every turn as traces, opened on the latest one. */\nexport function TraceThreadPanel({\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onOpenScore,\n  onBack,\n  onClose,\n  title,\n}: TraceThreadPanelProps) {\n  // Like the trace panel: the drawer only takes the full frame while a span detail is open.\n  const [hasSelectedSpan, setHasSelectedSpan] = useState(false);\n  return (\n    <DataPanel open onClose={onClose} title={title ?? `Thread ${threadId}`} size={hasSelectedSpan ? 'full' : 'wide'}>\n      <DataPanel.Header>\n        {/* The leading arrow leaves this view for the trace it replaced; the drawer itself still closes via Escape / backdrop. */}\n        <DataPanel.CloseButton onClick={onBack} label=\"Back to trace\" tooltip=\"Back to trace\" />\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Thread\n            <DataPanel.CopyId id={threadId} />\n          </DataPanel.Heading>\n        </DataPanel.HeaderContent>\n      </DataPanel.Header>\n      <div className=\"min-h-0 flex-1\">\n        <ThreadViewByTrace\n          threadId={threadId}\n          withQueryTrace={withQueryTrace}\n          withFeedback={withFeedback}\n          onOpenScore={onOpenScore}\n          onSelectedSpanChange={selected => setHasSelectedSpan(selected !== null)}\n        />\n      </div>\n    </DataPanel>\n  );\n}\n"],"names":[],"mappings":";;;;;AAmBO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAA0B;AAExB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAA,uBACE,IAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAI,IAAA,EAAC,OAAA,EAAkB,KAAA,EAAO,KAAA,IAAS,CAAA,OAAA,EAAU,QAAQ,CAAA,CAAA,EAAI,IAAA,EAAM,eAAA,GAAkB,SAAS,MAAA,EACvG,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,SAAA,CAAU,QAAV,EAEC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAA,CAAU,aAAV,EAAsB,OAAA,EAAS,QAAQ,KAAA,EAAM,eAAA,EAAgB,SAAQ,eAAA,EAAgB,CAAA;AAAA,0BACrF,SAAA,CAAU,aAAA,EAAV,EACC,QAAA,kBAAA,IAAA,CAAC,SAAA,CAAU,SAAV,EAAkB,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBAEjB,GAAA,CAAC,SAAA,CAAU,MAAA,EAAV,EAAiB,IAAI,QAAA,EAAU;AAAA,OAAA,EAClC,CAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,kBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA,EAAsB,CAAA,QAAA,KAAY,kBAAA,CAAmB,QAAA,KAAa,IAAI;AAAA;AAAA,KACxE,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-thread-panel.es.js","sources":["../../../../src/domains/traces/components/trace-thread-panel.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { ThreadViewByTrace } from '@/domains/traces/components/thread-view-by-trace';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nexport interface TraceThreadPanelProps {\n  /** Keep the panel mounted and toggle `open` so the drawer animates in and out. */\n  open: boolean;\n  threadId: string;\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Close the thread drawer, revealing the trace panel underneath. */\n  onClose: () => void;\n  /** Sibling-drawer elevation (see `DataPanel`); defaults to 2, above the trace panel. */\n  depth?: 1 | 2 | 3;\n  /** Accessible drawer name; defaults to the thread id. */\n  title?: string;\n}\n\n/** The full thread in its own drawer, stacked above the trace panel: every turn as traces, opened on the latest one. */\nexport function TraceThreadPanel({\n  open,\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onOpenScore,\n  onClose,\n  depth = 2,\n  title,\n}: TraceThreadPanelProps) {\n  // Like the trace panel: the drawer only takes the full frame while a span detail is open.\n  const [hasSelectedSpan, setHasSelectedSpan] = useState(false);\n  return (\n    <DataPanel\n      open={open}\n      onClose={onClose}\n      title={title ?? `Thread ${threadId}`}\n      depth={depth}\n      size={hasSelectedSpan ? 'full' : 'wide'}\n    >\n      <DataPanel.Header>\n        <DataPanel.CloseButton onClick={onClose} label=\"Back to trace\" tooltip=\"Back to trace\" />\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Thread\n            <DataPanel.CopyId id={threadId} />\n          </DataPanel.Heading>\n        </DataPanel.HeaderContent>\n      </DataPanel.Header>\n      <div className=\"min-h-0 flex-1\">\n        {threadId ? (\n          <ThreadViewByTrace\n            threadId={threadId}\n            withQueryTrace={withQueryTrace}\n            withFeedback={withFeedback}\n            onOpenScore={onOpenScore}\n            onSelectedSpanChange={selected => setHasSelectedSpan(selected !== null)}\n          />\n        ) : null}\n      </div>\n    </DataPanel>\n  );\n}\n"],"names":[],"mappings":";;;;;AAqBO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,IAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA,GAAQ,CAAA;AAAA,EACR;AACF,CAAA,EAA0B;AAExB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAA,uBACE,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA,EAAO,KAAA,IAAS,CAAA,OAAA,EAAU,QAAQ,CAAA,CAAA;AAAA,MAClC,KAAA;AAAA,MACA,IAAA,EAAM,kBAAkB,MAAA,GAAS,MAAA;AAAA,MAEjC,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,SAAA,CAAU,QAAV,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAA,CAAU,aAAV,EAAsB,OAAA,EAAS,SAAS,KAAA,EAAM,eAAA,EAAgB,SAAQ,eAAA,EAAgB,CAAA;AAAA,8BACtF,SAAA,CAAU,aAAA,EAAV,EACC,QAAA,kBAAA,IAAA,CAAC,SAAA,CAAU,SAAV,EAAkB,QAAA,EAAA;AAAA,YAAA,QAAA;AAAA,4BAEjB,GAAA,CAAC,SAAA,CAAU,MAAA,EAAV,EAAiB,IAAI,QAAA,EAAU;AAAA,WAAA,EAClC,CAAA,EACF;AAAA,SAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA,QAAA,mBACC,GAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YACC,QAAA;AAAA,YACA,cAAA;AAAA,YACA,YAAA;AAAA,YACA,WAAA;AAAA,YACA,oBAAA,EAAsB,CAAA,QAAA,KAAY,kBAAA,CAAmB,QAAA,KAAa,IAAI;AAAA;AAAA,YAEtE,IAAA,EACN;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/domains/traces/components/trace-time-range-chip.cjs.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_traceFilters = require('../trace-filters.cjs.js');
-const dateTimeRangePicker = require('../../../date-time-range-picker-Bb-CGVEL.cjs');
-const filterBarChip = require('../../../filter-bar-chip-BsWm7SQr.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-BbX8F_LY.cjs');
+const filterBarChip = require('../../../filter-bar-chip-Cr7kUN9G.cjs');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 
 const TRACE_TIME_RANGE_FIELD_ID = "timeRange";

package/dist/domains/traces/components/trace-time-range-chip.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { traceFilterFieldColor, traceFilterFieldIcon } from '../trace-filters.es.js';
-import { D as DateTimeRangePicker } from '../../../date-time-range-picker-B1zYIQTC.js';
-import { u as useFilterBarContext, F as FilterBarChip, a as FilterBarFieldLabel, f as fieldSegmentAccentStyle, s as segmentClass, e as editableSegmentClass } from '../../../filter-bar-chip-Dmboyu1t.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-DzPLKJol.js';
+import { u as useFilterBarContext, F as FilterBarChip, a as FilterBarFieldLabel, f as fieldSegmentAccentStyle, s as segmentClass, e as editableSegmentClass } from '../../../filter-bar-chip-CRejLco-.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 
 const TRACE_TIME_RANGE_FIELD_ID = "timeRange";

package/dist/domains/traces/components/traces-error-content.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const domains_auth_components_permissionDenied = require('../../auth/components/permission-denied.cjs.js');
 const domains_auth_components_sessionExpired = require('../../auth/components/session-expired.cjs.js');
-const EmptyState = require('../../../EmptyState-CuoMGNP0.cjs');
+const EmptyState = require('../../../EmptyState-DvSib3QC.cjs');
 const utils_errors = require('../../../utils/errors.cjs.js');
 const utils_queryUtils = require('../../../utils/query-utils.cjs.js');
 

package/dist/domains/traces/components/traces-error-content.es.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { PermissionDenied } from '../../auth/components/permission-denied.es.js';
 import { SessionExpired } from '../../auth/components/session-expired.es.js';
-import { E as EmptyState } from '../../../EmptyState-DyyUFpzY.js';
+import { E as EmptyState } from '../../../EmptyState-DGzBN0Ix.js';
 import { parseError } from '../../../utils/errors.es.js';
 import { is401UnauthorizedError, is403ForbiddenError } from '../../../utils/query-utils.es.js';
 

package/dist/domains/traces/components/traces-list-view.cjs.js

@@ -8,12 +8,12 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_traces_traceListColumns = require('../trace-list-columns.cjs.js');
 const domains_traces_utils_spanUtils = require('../utils/span-utils.cjs.js');
-const dataList = require('../../../data-list-Bqf-fhMx.cjs');
+const dataList = require('../../../data-list-DoKc-wSe.cjs');
 const dataListSkeleton = require('../../../data-list-skeleton-DuqQkzwC.cjs');
-const tracesDataList = require('../../../traces-data-list-Dd8vMPQK.cjs');
+const tracesDataList = require('../../../traces-data-list-D-wz-Je3.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
 const dropdownMenu = require('../../../dropdown-menu-j2y37TL5.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const Txt = require('../../../Txt-DNnvlrBo.cjs');
 const primitives_transitions = require('../../../primitives/transitions.cjs.js');
 const utils_cost = require('../../../utils/cost.cjs.js');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');

package/dist/domains/traces/components/traces-list-view.es.js

@@ -4,12 +4,12 @@ import { ListFilterIcon } from 'lucide-react';
 import { useRef, useEffect } from 'react';
 import { buildTraceListColumns, hasTraceColumn, DEFAULT_TRACE_COLUMN_PREFERENCES, TRACE_CUSTOM_COLUMN_LABELS, formatTraceMetadataValue } from '../trace-list-columns.es.js';
 import { getInputPreview, getSpanDurationMs } from '../utils/span-utils.es.js';
-import { D as DataList } from '../../../data-list-CEIYm7FY.js';
+import { D as DataList } from '../../../data-list-DdsyfT8B.js';
 import { D as DataListSkeleton } from '../../../data-list-skeleton-CeyLefM5.js';
-import { T as TracesDataList } from '../../../traces-data-list-Fvl8mlih.js';
+import { T as TracesDataList } from '../../../traces-data-list-DmCgejAx.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
 import { D as DropdownMenu } from '../../../dropdown-menu-DpEn6HwK.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { T as Txt } from '../../../Txt-C3cYJgKU.js';
 import { focusRing } from '../../../primitives/transitions.es.js';
 import { formatCompactNumber, formatCost } from '../../../utils/cost.es.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';

package/dist/domains/traces/components/traces-page-skeleton.cjs.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_traceListColumns = require('../trace-list-columns.cjs.js');
 const dataListSkeleton = require('../../../data-list-skeleton-DuqQkzwC.cjs');
+require('react');
+require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
 const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
 
 function TracesPageSkeleton({ columnPreferences = domains_traces_traceListColumns.DEFAULT_TRACE_COLUMN_PREFERENCES }) {

package/dist/domains/traces/components/traces-page-skeleton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-page-skeleton.cjs.js","sources":["../../../../src/domains/traces/components/traces-page-skeleton.tsx"],"sourcesContent":["import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns';\nimport type { TraceColumnPreferences } from '../trace-list-columns';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { Skeleton } from '@/ds/components/Skeleton';\n\nexport type TracesPageSkeletonProps = {\n  columnPreferences?: TraceColumnPreferences;\n};\n\n/**\n * Page-level placeholder shown while filter-field discovery is pending: a toolbar-height\n * bar stands in for the FilterBar and the usual list skeleton for the trace rows.\n */\nexport function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }: TracesPageSkeletonProps) {\n  const columns = buildTraceListColumns(columnPreferences);\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-2\"\n      role=\"status\"\n      aria-label=\"Loading traces\"\n      data-testid=\"traces-page-skeleton\"\n    >\n      <div className=\"flex items-center gap-2\">\n        <Skeleton className=\"h-control-md min-w-64 flex-1\" />\n        <Skeleton className=\"h-control-md w-28\" />\n      </div>\n      <DataListSkeleton columns={columns} fit=\"container\" />\n    </div>\n  );\n}\n"],"names":["DEFAULT_TRACE_COLUMN_PREFERENCES","buildTraceListColumns","jsxs","jsx","Skeleton","DataListSkeleton"],"mappings":";;;;;;;;;AAaO,SAAS,kBAAA,CAAmB,EAAE,iBAAA,GAAoBA,gEAAA,EAAiC,EAA4B;AACpH,EAAA,MAAM,OAAA,GAAUC,sDAAsB,iBAAiB,CAAA;AACvD,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,oCAAA;AAAA,MACV,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAW,gBAAA;AAAA,MACX,aAAA,EAAY,sBAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACC,iBAAA,EAAA,EAAS,WAAU,8BAAA,EAA+B,CAAA;AAAA,0BACnDD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,mBAAA,EAAoB;AAAA,SAAA,EAC1C,CAAA;AAAA,wBACAD,cAAA,CAACE,iCAAA,EAAA,EAAiB,OAAA,EAAkB,GAAA,EAAI,WAAA,EAAY;AAAA;AAAA;AAAA,GACtD;AAEJ;;;;"}
+{"version":3,"file":"traces-page-skeleton.cjs.js","sources":["../../../../src/domains/traces/components/traces-page-skeleton.tsx"],"sourcesContent":["import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns';\nimport type { TraceColumnPreferences } from '../trace-list-columns';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { Skeleton } from '@/ds/components/Skeleton';\n\nexport type TracesPageSkeletonProps = {\n  columnPreferences?: TraceColumnPreferences;\n};\n\n/**\n * Page-level placeholder shown while filter-field discovery is pending: a toolbar-height\n * bar stands in for the FilterBar and the usual list skeleton for the trace rows.\n */\nexport function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }: TracesPageSkeletonProps) {\n  const columns = buildTraceListColumns(columnPreferences);\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-2\"\n      role=\"status\"\n      aria-label=\"Loading traces\"\n      data-testid=\"traces-page-skeleton\"\n    >\n      <div className=\"flex items-center gap-2\">\n        <Skeleton className=\"h-control-md min-w-64 flex-1\" />\n        <Skeleton className=\"h-control-md w-28\" />\n      </div>\n      <DataListSkeleton columns={columns} fit=\"container\" />\n    </div>\n  );\n}\n"],"names":["DEFAULT_TRACE_COLUMN_PREFERENCES","buildTraceListColumns","jsxs","jsx","Skeleton","DataListSkeleton"],"mappings":";;;;;;;;;;;AAaO,SAAS,kBAAA,CAAmB,EAAE,iBAAA,GAAoBA,gEAAA,EAAiC,EAA4B;AACpH,EAAA,MAAM,OAAA,GAAUC,sDAAsB,iBAAiB,CAAA;AACvD,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,oCAAA;AAAA,MACV,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAW,gBAAA;AAAA,MACX,aAAA,EAAY,sBAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACC,iBAAA,EAAA,EAAS,WAAU,8BAAA,EAA+B,CAAA;AAAA,0BACnDD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,mBAAA,EAAoB;AAAA,SAAA,EAC1C,CAAA;AAAA,wBACAD,cAAA,CAACE,iCAAA,EAAA,EAAiB,OAAA,EAAkB,GAAA,EAAI,WAAA,EAAY;AAAA;AAAA;AAAA,GACtD;AAEJ;;;;"}

package/dist/domains/traces/components/traces-page-skeleton.es.js

@@ -1,6 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns.es.js';
 import { D as DataListSkeleton } from '../../../data-list-skeleton-CeyLefM5.js';
+import 'react';
+import '../../../keyboard/keyboard-shortcuts-context.es.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
 
 function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }) {

package/dist/domains/traces/components/traces-page-skeleton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-page-skeleton.es.js","sources":["../../../../src/domains/traces/components/traces-page-skeleton.tsx"],"sourcesContent":["import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns';\nimport type { TraceColumnPreferences } from '../trace-list-columns';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { Skeleton } from '@/ds/components/Skeleton';\n\nexport type TracesPageSkeletonProps = {\n  columnPreferences?: TraceColumnPreferences;\n};\n\n/**\n * Page-level placeholder shown while filter-field discovery is pending: a toolbar-height\n * bar stands in for the FilterBar and the usual list skeleton for the trace rows.\n */\nexport function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }: TracesPageSkeletonProps) {\n  const columns = buildTraceListColumns(columnPreferences);\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-2\"\n      role=\"status\"\n      aria-label=\"Loading traces\"\n      data-testid=\"traces-page-skeleton\"\n    >\n      <div className=\"flex items-center gap-2\">\n        <Skeleton className=\"h-control-md min-w-64 flex-1\" />\n        <Skeleton className=\"h-control-md w-28\" />\n      </div>\n      <DataListSkeleton columns={columns} fit=\"container\" />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAaO,SAAS,kBAAA,CAAmB,EAAE,iBAAA,GAAoB,gCAAA,EAAiC,EAA4B;AACpH,EAAA,MAAM,OAAA,GAAU,sBAAsB,iBAAiB,CAAA;AACvD,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,oCAAA;AAAA,MACV,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAW,gBAAA;AAAA,MACX,aAAA,EAAY,sBAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,8BAAA,EAA+B,CAAA;AAAA,0BACnD,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,mBAAA,EAAoB;AAAA,SAAA,EAC1C,CAAA;AAAA,wBACA,GAAA,CAAC,gBAAA,EAAA,EAAiB,OAAA,EAAkB,GAAA,EAAI,WAAA,EAAY;AAAA;AAAA;AAAA,GACtD;AAEJ;;;;"}
+{"version":3,"file":"traces-page-skeleton.es.js","sources":["../../../../src/domains/traces/components/traces-page-skeleton.tsx"],"sourcesContent":["import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns';\nimport type { TraceColumnPreferences } from '../trace-list-columns';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { Skeleton } from '@/ds/components/Skeleton';\n\nexport type TracesPageSkeletonProps = {\n  columnPreferences?: TraceColumnPreferences;\n};\n\n/**\n * Page-level placeholder shown while filter-field discovery is pending: a toolbar-height\n * bar stands in for the FilterBar and the usual list skeleton for the trace rows.\n */\nexport function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }: TracesPageSkeletonProps) {\n  const columns = buildTraceListColumns(columnPreferences);\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-2\"\n      role=\"status\"\n      aria-label=\"Loading traces\"\n      data-testid=\"traces-page-skeleton\"\n    >\n      <div className=\"flex items-center gap-2\">\n        <Skeleton className=\"h-control-md min-w-64 flex-1\" />\n        <Skeleton className=\"h-control-md w-28\" />\n      </div>\n      <DataListSkeleton columns={columns} fit=\"container\" />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAaO,SAAS,kBAAA,CAAmB,EAAE,iBAAA,GAAoB,gCAAA,EAAiC,EAA4B;AACpH,EAAA,MAAM,OAAA,GAAU,sBAAsB,iBAAiB,CAAA;AACvD,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,oCAAA;AAAA,MACV,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAW,gBAAA;AAAA,MACX,aAAA,EAAY,sBAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,8BAAA,EAA+B,CAAA;AAAA,0BACnD,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,mBAAA,EAAoB;AAAA,SAAA,EAC1C,CAAA;AAAA,wBACA,GAAA,CAAC,gBAAA,EAAA,EAAiB,OAAA,EAAkB,GAAA,EAAI,WAAA,EAAY;AAAA;AAAA;AAAA,GACtD;AAEJ;;;;"}

package/dist/domains/traces/hooks/use-branch.cjs.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const react = require('@mastra/react');
 const reactQuery = require('@tanstack/react-query');
-const domains_traces_utils_toSearchableSpans = require('../utils/to-searchable-spans.cjs.js');
 
 function useBranch({
   traceId,
@@ -20,8 +19,6 @@ function useBranch({
       }
       return client.getBranch({ traceId, spanId, depth });
     },
-    // Builds each span's search haystack once per fetch, cached with the query.
-    select: domains_traces_utils_toSearchableSpans.selectSearchableSpans,
     enabled: !!traceId && !!spanId,
     // A finished subtree can still gain spans from a resumed run or delayed export.
     staleTime: 0

package/dist/domains/traces/hooks/use-branch.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-branch.cjs.js","sources":["../../../../src/domains/traces/hooks/use-branch.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { SearchableSpan } from '../types';\nimport { selectSearchableSpans } from '../utils';\n\nexport interface UseBranchArgs {\n  traceId: string | null | undefined;\n  spanId: string | null | undefined;\n  depth?: number;\n}\n\nexport function useBranch({\n  traceId,\n  spanId,\n  depth,\n}: UseBranchArgs): UseQueryResult<{ traceId: string; spans: SearchableSpan[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    queryKey: ['branch', traceId, spanId, depth],\n    queryFn: async () => {\n      if (!traceId || !spanId) {\n        throw new Error('traceId and spanId are required');\n      }\n      return client.getBranch({ traceId, spanId, depth });\n    },\n    // Builds each span's search haystack once per fetch, cached with the query.\n    select: selectSearchableSpans,\n    enabled: !!traceId && !!spanId,\n    // A finished subtree can still gain spans from a resumed run or delayed export.\n    staleTime: 0,\n  });\n}\n"],"names":["useMastraClient","useQuery","selectSearchableSpans"],"mappings":";;;;;;;;AAYO,SAAS,SAAA,CAAU;AAAA,EACxB,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAuF;AACrF,EAAA,MAAM,SAASA,qBAAA,EAAgB;AAE/B,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,QAAA,EAAU,OAAA,EAAS,QAAQ,KAAK,CAAA;AAAA,IAC3C,SAAS,YAAY;AACnB,MAAA,IAAI,CAAC,OAAA,IAAW,CAAC,MAAA,EAAQ;AACvB,QAAA,MAAM,IAAI,MAAM,iCAAiC,CAAA;AAAA,MACnD;AACA,MAAA,OAAO,OAAO,SAAA,CAAU,EAAE,OAAA,EAAS,MAAA,EAAQ,OAAO,CAAA;AAAA,IACpD,CAAA;AAAA;AAAA,IAEA,MAAA,EAAQC,4DAAA;AAAA,IACR,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAA;AAAA,IAExB,SAAA,EAAW;AAAA,GACZ,CAAA;AACH;;;;"}
+{"version":3,"file":"use-branch.cjs.js","sources":["../../../../src/domains/traces/hooks/use-branch.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { LightSpanRecord } from '../types';\n\nexport interface UseBranchArgs {\n  traceId: string | null | undefined;\n  spanId: string | null | undefined;\n  depth?: number;\n}\n\nexport function useBranch({\n  traceId,\n  spanId,\n  depth,\n}: UseBranchArgs): UseQueryResult<{ traceId: string; spans: LightSpanRecord[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    queryKey: ['branch', traceId, spanId, depth],\n    queryFn: async () => {\n      if (!traceId || !spanId) {\n        throw new Error('traceId and spanId are required');\n      }\n      return client.getBranch({ traceId, spanId, depth });\n    },\n    enabled: !!traceId && !!spanId,\n    // A finished subtree can still gain spans from a resumed run or delayed export.\n    staleTime: 0,\n  });\n}\n"],"names":["useMastraClient","useQuery"],"mappings":";;;;;;;AAWO,SAAS,SAAA,CAAU;AAAA,EACxB,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAwF;AACtF,EAAA,MAAM,SAASA,qBAAA,EAAgB;AAE/B,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,QAAA,EAAU,OAAA,EAAS,QAAQ,KAAK,CAAA;AAAA,IAC3C,SAAS,YAAY;AACnB,MAAA,IAAI,CAAC,OAAA,IAAW,CAAC,MAAA,EAAQ;AACvB,QAAA,MAAM,IAAI,MAAM,iCAAiC,CAAA;AAAA,MACnD;AACA,MAAA,OAAO,OAAO,SAAA,CAAU,EAAE,OAAA,EAAS,MAAA,EAAQ,OAAO,CAAA;AAAA,IACpD,CAAA;AAAA,IACA,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAA;AAAA,IAExB,SAAA,EAAW;AAAA,GACZ,CAAA;AACH;;;;"}

package/dist/domains/traces/hooks/use-branch.es.js

@@ -1,6 +1,5 @@
 import { useMastraClient } from '@mastra/react';
 import { useQuery } from '@tanstack/react-query';
-import { selectSearchableSpans } from '../utils/to-searchable-spans.es.js';
 
 function useBranch({
   traceId,
@@ -16,8 +15,6 @@ function useBranch({
       }
       return client.getBranch({ traceId, spanId, depth });
     },
-    // Builds each span's search haystack once per fetch, cached with the query.
-    select: selectSearchableSpans,
     enabled: !!traceId && !!spanId,
     // A finished subtree can still gain spans from a resumed run or delayed export.
     staleTime: 0

package/dist/domains/traces/hooks/use-branch.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-branch.es.js","sources":["../../../../src/domains/traces/hooks/use-branch.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { SearchableSpan } from '../types';\nimport { selectSearchableSpans } from '../utils';\n\nexport interface UseBranchArgs {\n  traceId: string | null | undefined;\n  spanId: string | null | undefined;\n  depth?: number;\n}\n\nexport function useBranch({\n  traceId,\n  spanId,\n  depth,\n}: UseBranchArgs): UseQueryResult<{ traceId: string; spans: SearchableSpan[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    queryKey: ['branch', traceId, spanId, depth],\n    queryFn: async () => {\n      if (!traceId || !spanId) {\n        throw new Error('traceId and spanId are required');\n      }\n      return client.getBranch({ traceId, spanId, depth });\n    },\n    // Builds each span's search haystack once per fetch, cached with the query.\n    select: selectSearchableSpans,\n    enabled: !!traceId && !!spanId,\n    // A finished subtree can still gain spans from a resumed run or delayed export.\n    staleTime: 0,\n  });\n}\n"],"names":[],"mappings":";;;;AAYO,SAAS,SAAA,CAAU;AAAA,EACxB,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAuF;AACrF,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,QAAA,EAAU,OAAA,EAAS,QAAQ,KAAK,CAAA;AAAA,IAC3C,SAAS,YAAY;AACnB,MAAA,IAAI,CAAC,OAAA,IAAW,CAAC,MAAA,EAAQ;AACvB,QAAA,MAAM,IAAI,MAAM,iCAAiC,CAAA;AAAA,MACnD;AACA,MAAA,OAAO,OAAO,SAAA,CAAU,EAAE,OAAA,EAAS,MAAA,EAAQ,OAAO,CAAA;AAAA,IACpD,CAAA;AAAA;AAAA,IAEA,MAAA,EAAQ,qBAAA;AAAA,IACR,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAA;AAAA,IAExB,SAAA,EAAW;AAAA,GACZ,CAAA;AACH;;;;"}
+{"version":3,"file":"use-branch.es.js","sources":["../../../../src/domains/traces/hooks/use-branch.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { LightSpanRecord } from '../types';\n\nexport interface UseBranchArgs {\n  traceId: string | null | undefined;\n  spanId: string | null | undefined;\n  depth?: number;\n}\n\nexport function useBranch({\n  traceId,\n  spanId,\n  depth,\n}: UseBranchArgs): UseQueryResult<{ traceId: string; spans: LightSpanRecord[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    queryKey: ['branch', traceId, spanId, depth],\n    queryFn: async () => {\n      if (!traceId || !spanId) {\n        throw new Error('traceId and spanId are required');\n      }\n      return client.getBranch({ traceId, spanId, depth });\n    },\n    enabled: !!traceId && !!spanId,\n    // A finished subtree can still gain spans from a resumed run or delayed export.\n    staleTime: 0,\n  });\n}\n"],"names":[],"mappings":";;;AAWO,SAAS,SAAA,CAAU;AAAA,EACxB,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAwF;AACtF,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,QAAA,EAAU,OAAA,EAAS,QAAQ,KAAK,CAAA;AAAA,IAC3C,SAAS,YAAY;AACnB,MAAA,IAAI,CAAC,OAAA,IAAW,CAAC,MAAA,EAAQ;AACvB,QAAA,MAAM,IAAI,MAAM,iCAAiC,CAAA;AAAA,MACnD;AACA,MAAA,OAAO,OAAO,SAAA,CAAU,EAAE,OAAA,EAAS,MAAA,EAAQ,OAAO,CAAA;AAAA,IACpD,CAAA;AAAA,IACA,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAA;AAAA,IAExB,SAAA,EAAW;AAAA,GACZ,CAAA;AACH;;;;"}

package/dist/domains/traces/hooks/use-trace-light-spans.cjs.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const react = require('@mastra/react');
 const reactQuery = require('@tanstack/react-query');
-const domains_traces_utils_toSearchableSpans = require('../utils/to-searchable-spans.cjs.js');
 
 const IMMUTABLE_CACHE_TIME = 1e3 * 60 * 60 * 24 * 30;
 function useTraceLightSpans(traceId) {
@@ -18,8 +17,6 @@ function useTraceLightSpans(traceId) {
       const res = await client.getTraceLight(traceId);
       return res;
     },
-    // Builds each span's search haystack once per fetch, cached with the query.
-    select: domains_traces_utils_toSearchableSpans.selectSearchableSpans,
     enabled: !!traceId,
     staleTime: (query) => {
       const data = query.state.data;

package/dist/domains/traces/hooks/use-trace-light-spans.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-light-spans.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-light-spans.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { SearchableSpan } from '../types';\nimport { selectSearchableSpans } from '../utils';\n\nconst IMMUTABLE_CACHE_TIME = 1000 * 60 * 60 * 24 * 30; // 30 days, massive cache, span data is immutable\n\nexport function useTraceLightSpans(\n  traceId: string | null | undefined,\n): UseQueryResult<{ traceId: string; spans: SearchableSpan[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    queryKey: ['trace-light-spans', traceId],\n    queryFn: async () => {\n      if (!traceId) {\n        throw new Error('Trace ID is required');\n      }\n      const res = await client.getTraceLight(traceId);\n      return res;\n    },\n    // Builds each span's search haystack once per fetch, cached with the query.\n    select: selectSearchableSpans,\n    enabled: !!traceId,\n    staleTime: query => {\n      const data = query.state.data;\n\n      const isFinished = data?.spans.every(d => Boolean(d.endedAt));\n\n      if (isFinished) {\n        return IMMUTABLE_CACHE_TIME;\n      }\n\n      return 0;\n    },\n  });\n}\n"],"names":["useMastraClient","useQuery","selectSearchableSpans"],"mappings":";;;;;;;;AAMA,MAAM,oBAAA,GAAuB,GAAA,GAAO,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;AAE5C,SAAS,mBACd,OAAA,EACqE;AACrE,EAAA,MAAM,SAASA,qBAAA,EAAgB;AAE/B,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,mBAAA,EAAqB,OAAO,CAAA;AAAA,IACvC,SAAS,YAAY;AACnB,MAAA,IAAI,CAAC,OAAA,EAAS;AACZ,QAAA,MAAM,IAAI,MAAM,sBAAsB,CAAA;AAAA,MACxC;AACA,MAAA,MAAM,GAAA,GAAM,MAAM,MAAA,CAAO,aAAA,CAAc,OAAO,CAAA;AAC9C,MAAA,OAAO,GAAA;AAAA,IACT,CAAA;AAAA;AAAA,IAEA,MAAA,EAAQC,4DAAA;AAAA,IACR,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA,IACX,WAAW,CAAA,KAAA,KAAS;AAClB,MAAA,MAAM,IAAA,GAAO,MAAM,KAAA,CAAM,IAAA;AAEzB,MAAA,MAAM,UAAA,GAAa,MAAM,KAAA,CAAM,KAAA,CAAM,OAAK,OAAA,CAAQ,CAAA,CAAE,OAAO,CAAC,CAAA;AAE5D,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,OAAO,oBAAA;AAAA,MACT;AAEA,MAAA,OAAO,CAAA;AAAA,IACT;AAAA,GACD,CAAA;AACH;;;;"}
+{"version":3,"file":"use-trace-light-spans.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-light-spans.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { LightSpanRecord } from '../types';\n\nconst IMMUTABLE_CACHE_TIME = 1000 * 60 * 60 * 24 * 30; // 30 days, massive cache, span data is immutable\n\nexport function useTraceLightSpans(\n  traceId: string | null | undefined,\n): UseQueryResult<{ traceId: string; spans: LightSpanRecord[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    queryKey: ['trace-light-spans', traceId],\n    queryFn: async () => {\n      if (!traceId) {\n        throw new Error('Trace ID is required');\n      }\n      const res = await client.getTraceLight(traceId);\n      return res;\n    },\n    enabled: !!traceId,\n    staleTime: query => {\n      const data = query.state.data;\n\n      const isFinished = data?.spans.every(d => Boolean(d.endedAt));\n\n      if (isFinished) {\n        return IMMUTABLE_CACHE_TIME;\n      }\n\n      return 0;\n    },\n  });\n}\n"],"names":["useMastraClient","useQuery"],"mappings":";;;;;;;AAKA,MAAM,oBAAA,GAAuB,GAAA,GAAO,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;AAE5C,SAAS,mBACd,OAAA,EACsE;AACtE,EAAA,MAAM,SAASA,qBAAA,EAAgB;AAE/B,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,mBAAA,EAAqB,OAAO,CAAA;AAAA,IACvC,SAAS,YAAY;AACnB,MAAA,IAAI,CAAC,OAAA,EAAS;AACZ,QAAA,MAAM,IAAI,MAAM,sBAAsB,CAAA;AAAA,MACxC;AACA,MAAA,MAAM,GAAA,GAAM,MAAM,MAAA,CAAO,aAAA,CAAc,OAAO,CAAA;AAC9C,MAAA,OAAO,GAAA;AAAA,IACT,CAAA;AAAA,IACA,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA,IACX,WAAW,CAAA,KAAA,KAAS;AAClB,MAAA,MAAM,IAAA,GAAO,MAAM,KAAA,CAAM,IAAA;AAEzB,MAAA,MAAM,UAAA,GAAa,MAAM,KAAA,CAAM,KAAA,CAAM,OAAK,OAAA,CAAQ,CAAA,CAAE,OAAO,CAAC,CAAA;AAE5D,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,OAAO,oBAAA;AAAA,MACT;AAEA,MAAA,OAAO,CAAA;AAAA,IACT;AAAA,GACD,CAAA;AACH;;;;"}

package/dist/domains/traces/hooks/use-trace-light-spans.es.js

@@ -1,6 +1,5 @@
 import { useMastraClient } from '@mastra/react';
 import { useQuery } from '@tanstack/react-query';
-import { selectSearchableSpans } from '../utils/to-searchable-spans.es.js';
 
 const IMMUTABLE_CACHE_TIME = 1e3 * 60 * 60 * 24 * 30;
 function useTraceLightSpans(traceId) {
@@ -14,8 +13,6 @@ function useTraceLightSpans(traceId) {
       const res = await client.getTraceLight(traceId);
       return res;
     },
-    // Builds each span's search haystack once per fetch, cached with the query.
-    select: selectSearchableSpans,
     enabled: !!traceId,
     staleTime: (query) => {
       const data = query.state.data;

package/dist/domains/traces/hooks/use-trace-light-spans.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-light-spans.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-light-spans.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { SearchableSpan } from '../types';\nimport { selectSearchableSpans } from '../utils';\n\nconst IMMUTABLE_CACHE_TIME = 1000 * 60 * 60 * 24 * 30; // 30 days, massive cache, span data is immutable\n\nexport function useTraceLightSpans(\n  traceId: string | null | undefined,\n): UseQueryResult<{ traceId: string; spans: SearchableSpan[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    queryKey: ['trace-light-spans', traceId],\n    queryFn: async () => {\n      if (!traceId) {\n        throw new Error('Trace ID is required');\n      }\n      const res = await client.getTraceLight(traceId);\n      return res;\n    },\n    // Builds each span's search haystack once per fetch, cached with the query.\n    select: selectSearchableSpans,\n    enabled: !!traceId,\n    staleTime: query => {\n      const data = query.state.data;\n\n      const isFinished = data?.spans.every(d => Boolean(d.endedAt));\n\n      if (isFinished) {\n        return IMMUTABLE_CACHE_TIME;\n      }\n\n      return 0;\n    },\n  });\n}\n"],"names":[],"mappings":";;;;AAMA,MAAM,oBAAA,GAAuB,GAAA,GAAO,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;AAE5C,SAAS,mBACd,OAAA,EACqE;AACrE,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,mBAAA,EAAqB,OAAO,CAAA;AAAA,IACvC,SAAS,YAAY;AACnB,MAAA,IAAI,CAAC,OAAA,EAAS;AACZ,QAAA,MAAM,IAAI,MAAM,sBAAsB,CAAA;AAAA,MACxC;AACA,MAAA,MAAM,GAAA,GAAM,MAAM,MAAA,CAAO,aAAA,CAAc,OAAO,CAAA;AAC9C,MAAA,OAAO,GAAA;AAAA,IACT,CAAA;AAAA;AAAA,IAEA,MAAA,EAAQ,qBAAA;AAAA,IACR,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA,IACX,WAAW,CAAA,KAAA,KAAS;AAClB,MAAA,MAAM,IAAA,GAAO,MAAM,KAAA,CAAM,IAAA;AAEzB,MAAA,MAAM,UAAA,GAAa,MAAM,KAAA,CAAM,KAAA,CAAM,OAAK,OAAA,CAAQ,CAAA,CAAE,OAAO,CAAC,CAAA;AAE5D,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,OAAO,oBAAA;AAAA,MACT;AAEA,MAAA,OAAO,CAAA;AAAA,IACT;AAAA,GACD,CAAA;AACH;;;;"}
+{"version":3,"file":"use-trace-light-spans.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-light-spans.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { LightSpanRecord } from '../types';\n\nconst IMMUTABLE_CACHE_TIME = 1000 * 60 * 60 * 24 * 30; // 30 days, massive cache, span data is immutable\n\nexport function useTraceLightSpans(\n  traceId: string | null | undefined,\n): UseQueryResult<{ traceId: string; spans: LightSpanRecord[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    queryKey: ['trace-light-spans', traceId],\n    queryFn: async () => {\n      if (!traceId) {\n        throw new Error('Trace ID is required');\n      }\n      const res = await client.getTraceLight(traceId);\n      return res;\n    },\n    enabled: !!traceId,\n    staleTime: query => {\n      const data = query.state.data;\n\n      const isFinished = data?.spans.every(d => Boolean(d.endedAt));\n\n      if (isFinished) {\n        return IMMUTABLE_CACHE_TIME;\n      }\n\n      return 0;\n    },\n  });\n}\n"],"names":[],"mappings":";;;AAKA,MAAM,oBAAA,GAAuB,GAAA,GAAO,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;AAE5C,SAAS,mBACd,OAAA,EACsE;AACtE,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,mBAAA,EAAqB,OAAO,CAAA;AAAA,IACvC,SAAS,YAAY;AACnB,MAAA,IAAI,CAAC,OAAA,EAAS;AACZ,QAAA,MAAM,IAAI,MAAM,sBAAsB,CAAA;AAAA,MACxC;AACA,MAAA,MAAM,GAAA,GAAM,MAAM,MAAA,CAAO,aAAA,CAAc,OAAO,CAAA;AAC9C,MAAA,OAAO,GAAA;AAAA,IACT,CAAA;AAAA,IACA,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA,IACX,WAAW,CAAA,KAAA,KAAS;AAClB,MAAA,MAAM,IAAA,GAAO,MAAM,KAAA,CAAM,IAAA;AAEzB,MAAA,MAAM,UAAA,GAAa,MAAM,KAAA,CAAM,KAAA,CAAM,OAAK,OAAA,CAAQ,CAAA,CAAE,OAAO,CAAC,CAAA;AAE5D,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,OAAO,oBAAA;AAAA,MACT;AAEA,MAAA,OAAO,CAAA;AAAA,IACT;AAAA,GACD,CAAA;AACH;;;;"}

package/dist/domains/traces/hooks/use-trace-or-branch-spans.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-or-branch-spans.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-or-branch-spans.ts"],"sourcesContent":["import type { TraceListMode } from '../trace-filters';\nimport type { SearchableSpan } from '../types';\nimport { useBranch } from './use-branch';\nimport { useTraceSpans } from './use-trace-spans';\n\nexport interface UseTraceOrBranchSpansArgs {\n  traceId: string | null | undefined;\n  /** Required when `listMode === 'branches'` — the anchor span identifying the displayed\n   *  subtree. The hook fetches `getBranch(traceId, anchorSpanId)`. Intra-panel span selection\n   *  is separate (the caller's `spanIdParam`); the anchor stays put while it changes. */\n  anchorSpanId?: string | null;\n  listMode: TraceListMode;\n  depth?: number;\n}\n\nexport interface UseTraceOrBranchSpansResult {\n  spans: SearchableSpan[] | undefined;\n  /** Set in branches mode; undefined in traces mode (which uses parentSpanId == null). */\n  anchorSpanId: string | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  error: unknown;\n}\n\n/**\n * Unified data source for the trace/span detail panel. Returns trace spans (full tree from the\n * root) in traces mode, or branch spans (subtree rooted at `anchorSpanId`) in branches mode.\n * Only the active query fires; the inactive one is disabled via its `enabled` flag.\n *\n * Both modes carry full span payloads: the panel renders and searches them, so a lightweight\n * projection here would hide content from the reader looking straight at it.\n */\nexport function useTraceOrBranchSpans({\n  traceId,\n  anchorSpanId,\n  listMode,\n  depth,\n}: UseTraceOrBranchSpansArgs): UseTraceOrBranchSpansResult {\n  const isBranches = listMode === 'branches';\n\n  const traceQuery = useTraceSpans(isBranches ? null : traceId);\n  const branchQuery = useBranch({\n    traceId: isBranches ? traceId : null,\n    spanId: isBranches ? anchorSpanId : null,\n    depth,\n  });\n\n  if (isBranches) {\n    return {\n      spans: branchQuery.data?.spans,\n      anchorSpanId: anchorSpanId ?? undefined,\n      isLoading: branchQuery.isLoading,\n      isError: branchQuery.isError,\n      error: branchQuery.error,\n    };\n  }\n\n  return {\n    spans: traceQuery.data?.spans,\n    anchorSpanId: undefined,\n    isLoading: traceQuery.isLoading,\n    isError: traceQuery.isError,\n    error: traceQuery.error,\n  };\n}\n"],"names":["useTraceSpans","useBranch"],"mappings":";;;;;;;AAgCO,SAAS,qBAAA,CAAsB;AAAA,EACpC,OAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA2D;AACzD,EAAA,MAAM,aAAa,QAAA,KAAa,UAAA;AAEhC,EAAA,MAAM,UAAA,GAAaA,gDAAA,CAAc,UAAA,GAAa,IAAA,GAAO,OAAO,CAAA;AAC5D,EAAA,MAAM,cAAcC,wCAAA,CAAU;AAAA,IAC5B,OAAA,EAAS,aAAa,OAAA,GAAU,IAAA;AAAA,IAChC,MAAA,EAAQ,aAAa,YAAA,GAAe,IAAA;AAAA,IACpC;AAAA,GACD,CAAA;AAED,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,YAAY,IAAA,EAAM,KAAA;AAAA,MACzB,cAAc,YAAA,IAAgB,MAAA;AAAA,MAC9B,WAAW,WAAA,CAAY,SAAA;AAAA,MACvB,SAAS,WAAA,CAAY,OAAA;AAAA,MACrB,OAAO,WAAA,CAAY;AAAA,KACrB;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,WAAW,IAAA,EAAM,KAAA;AAAA,IACxB,YAAA,EAAc,MAAA;AAAA,IACd,WAAW,UAAA,CAAW,SAAA;AAAA,IACtB,SAAS,UAAA,CAAW,OAAA;AAAA,IACpB,OAAO,UAAA,CAAW;AAAA,GACpB;AACF;;;;"}
+{"version":3,"file":"use-trace-or-branch-spans.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-or-branch-spans.ts"],"sourcesContent":["import type { TraceListMode } from '../trace-filters';\nimport type { LightSpanRecord } from '../types';\nimport { useBranch } from './use-branch';\nimport { useTraceSpans } from './use-trace-spans';\n\nexport interface UseTraceOrBranchSpansArgs {\n  traceId: string | null | undefined;\n  /** Required when `listMode === 'branches'` — the anchor span identifying the displayed\n   *  subtree. The hook fetches `getBranch(traceId, anchorSpanId)`. Intra-panel span selection\n   *  is separate (the caller's `spanIdParam`); the anchor stays put while it changes. */\n  anchorSpanId?: string | null;\n  listMode: TraceListMode;\n  depth?: number;\n}\n\nexport interface UseTraceOrBranchSpansResult {\n  spans: LightSpanRecord[] | undefined;\n  /** Set in branches mode; undefined in traces mode (which uses parentSpanId == null). */\n  anchorSpanId: string | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  error: unknown;\n}\n\n/**\n * Unified data source for the trace/span detail panel. Returns trace spans (full tree from the\n * root) in traces mode, or branch spans (subtree rooted at `anchorSpanId`) in branches mode.\n * Only the active query fires; the inactive one is disabled via its `enabled` flag.\n *\n * Both modes carry full span payloads: the panel renders and searches them, so a lightweight\n * projection here would hide content from the reader looking straight at it.\n */\nexport function useTraceOrBranchSpans({\n  traceId,\n  anchorSpanId,\n  listMode,\n  depth,\n}: UseTraceOrBranchSpansArgs): UseTraceOrBranchSpansResult {\n  const isBranches = listMode === 'branches';\n\n  const traceQuery = useTraceSpans(isBranches ? null : traceId);\n  const branchQuery = useBranch({\n    traceId: isBranches ? traceId : null,\n    spanId: isBranches ? anchorSpanId : null,\n    depth,\n  });\n\n  if (isBranches) {\n    return {\n      spans: branchQuery.data?.spans,\n      anchorSpanId: anchorSpanId ?? undefined,\n      isLoading: branchQuery.isLoading,\n      isError: branchQuery.isError,\n      error: branchQuery.error,\n    };\n  }\n\n  return {\n    spans: traceQuery.data?.spans,\n    anchorSpanId: undefined,\n    isLoading: traceQuery.isLoading,\n    isError: traceQuery.isError,\n    error: traceQuery.error,\n  };\n}\n"],"names":["useTraceSpans","useBranch"],"mappings":";;;;;;;AAgCO,SAAS,qBAAA,CAAsB;AAAA,EACpC,OAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA2D;AACzD,EAAA,MAAM,aAAa,QAAA,KAAa,UAAA;AAEhC,EAAA,MAAM,UAAA,GAAaA,gDAAA,CAAc,UAAA,GAAa,IAAA,GAAO,OAAO,CAAA;AAC5D,EAAA,MAAM,cAAcC,wCAAA,CAAU;AAAA,IAC5B,OAAA,EAAS,aAAa,OAAA,GAAU,IAAA;AAAA,IAChC,MAAA,EAAQ,aAAa,YAAA,GAAe,IAAA;AAAA,IACpC;AAAA,GACD,CAAA;AAED,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,YAAY,IAAA,EAAM,KAAA;AAAA,MACzB,cAAc,YAAA,IAAgB,MAAA;AAAA,MAC9B,WAAW,WAAA,CAAY,SAAA;AAAA,MACvB,SAAS,WAAA,CAAY,OAAA;AAAA,MACrB,OAAO,WAAA,CAAY;AAAA,KACrB;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,WAAW,IAAA,EAAM,KAAA;AAAA,IACxB,YAAA,EAAc,MAAA;AAAA,IACd,WAAW,UAAA,CAAW,SAAA;AAAA,IACtB,SAAS,UAAA,CAAW,OAAA;AAAA,IACpB,OAAO,UAAA,CAAW;AAAA,GACpB;AACF;;;;"}