@mastra/playground-ui 61.0.0-alpha.2 → 61.0.0-alpha.4

package/dist/domains/traces/components/span-feedback-tab.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-feedback-tab.es.js","sources":["../../../../src/domains/traces/components/span-feedback-tab.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useCreateFeedback } from '../hooks/use-create-feedback';\nimport { useDeleteFeedback } from '../hooks/use-delete-feedback';\nimport { useSpanFeedback } from '../hooks/use-span-feedback';\nimport { FeedbackThread } from './feedback-thread';\nimport { useUpdateFeedbackReviewStatus } from '@/domains/feedback/hooks/use-feedback';\n\ntype SpanFeedbackTabProps = {\n  traceId: string;\n  spanId: string;\n};\n\n/**\n * Feedback for a single span. Owns its own pagination: mount it with a `key`\n * on the trace/span pair so a page index never leaks across spans.\n */\nexport function SpanFeedbackTab({ traceId, spanId }: SpanFeedbackTabProps) {\n  const [page, setPage] = useState(0);\n  const { data, isLoading } = useSpanFeedback({ traceId, spanId, page });\n  const { mutateAsync, isPending } = useCreateFeedback({ traceId, spanId });\n  const { mutateAsync: deleteFeedback, isPending: isDeleting } = useDeleteFeedback({ traceId, spanId });\n  const updateReviewStatus = useUpdateFeedbackReviewStatus();\n\n  return (\n    <FeedbackThread\n      feedbackData={data}\n      isLoadingFeedbackData={isLoading}\n      onPageChange={setPage}\n      onSubmit={text => mutateAsync({ text })}\n      isSubmitting={isPending}\n      onDelete={feedbackId => deleteFeedback({ feedbackId })}\n      isDeleting={isDeleting}\n      onMarkReviewed={feedbackId => updateReviewStatus.mutate({ feedbackId, reviewStatus: 'reviewed' })}\n      pendingFeedbackId={updateReviewStatus.isPending ? updateReviewStatus.variables.feedbackId : undefined}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAiBO,SAAS,eAAA,CAAgB,EAAE,OAAA,EAAS,MAAA,EAAO,EAAyB;AACzE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAClC,EAAA,MAAM,EAAE,MAAM,SAAA,EAAU,GAAI,gBAAgB,EAAE,OAAA,EAAS,MAAA,EAAQ,IAAA,EAAM,CAAA;AACrE,EAAA,MAAM,EAAE,aAAa,SAAA,EAAU,GAAI,kBAAkB,EAAE,OAAA,EAAS,QAAQ,CAAA;AACxE,EAAA,MAAM,EAAE,WAAA,EAAa,cAAA,EAAgB,SAAA,EAAW,UAAA,KAAe,iBAAA,CAAkB,EAAE,OAAA,EAAS,MAAA,EAAQ,CAAA;AACpG,EAAA,MAAM,qBAAqB,6BAAA,EAA8B;AAEzD,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,IAAA;AAAA,MACd,qBAAA,EAAuB,SAAA;AAAA,MACvB,YAAA,EAAc,OAAA;AAAA,MACd,QAAA,EAAU,CAAA,IAAA,KAAQ,WAAA,CAAY,EAAE,MAAM,CAAA;AAAA,MACtC,YAAA,EAAc,SAAA;AAAA,MACd,QAAA,EAAU,CAAA,UAAA,KAAc,cAAA,CAAe,EAAE,YAAY,CAAA;AAAA,MACrD,UAAA;AAAA,MACA,cAAA,EAAgB,gBAAc,kBAAA,CAAmB,MAAA,CAAO,EAAE,UAAA,EAAY,YAAA,EAAc,YAAY,CAAA;AAAA,MAChG,iBAAA,EAAmB,kBAAA,CAAmB,SAAA,GAAY,kBAAA,CAAmB,UAAU,UAAA,GAAa;AAAA;AAAA,GAC9F;AAEJ;;;;"}
+{"version":3,"file":"span-feedback-tab.es.js","sources":["../../../../src/domains/traces/components/span-feedback-tab.tsx"],"sourcesContent":["import { useUpdateFeedbackReviewStatus } from '@mastra/react/hooks/feedback';\nimport { useCreateFeedback, useDeleteFeedback, useSpanFeedback } from '@mastra/react/hooks/traces';\nimport { useState } from 'react';\n\nimport { FeedbackThread } from './feedback-thread';\n\ntype SpanFeedbackTabProps = {\n  traceId: string;\n  spanId: string;\n};\n\n/**\n * Feedback for a single span. Owns its own pagination: mount it with a `key`\n * on the trace/span pair so a page index never leaks across spans.\n */\nexport function SpanFeedbackTab({ traceId, spanId }: SpanFeedbackTabProps) {\n  const [page, setPage] = useState(0);\n  const { data, isLoading } = useSpanFeedback({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n  const { mutateAsync, isPending } = useCreateFeedback({ traceId, spanId });\n  const { mutateAsync: deleteFeedback, isPending: isDeleting } = useDeleteFeedback({ traceId, spanId });\n  const updateReviewStatus = useUpdateFeedbackReviewStatus();\n\n  return (\n    <FeedbackThread\n      feedbackData={data}\n      isLoadingFeedbackData={isLoading}\n      onPageChange={setPage}\n      onSubmit={text => mutateAsync({ text })}\n      isSubmitting={isPending}\n      onDelete={feedbackId => deleteFeedback({ feedbackId })}\n      isDeleting={isDeleting}\n      onMarkReviewed={feedbackId => updateReviewStatus.mutate({ feedbackId, reviewStatus: 'reviewed' })}\n      pendingFeedbackId={updateReviewStatus.isPending ? updateReviewStatus.variables.feedbackId : undefined}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAeO,SAAS,eAAA,CAAgB,EAAE,OAAA,EAAS,MAAA,EAAO,EAAyB;AACzE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAClC,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAI,eAAA,CAAgB;AAAA,IAC1C,OAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA,EAAc,EAAE,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAO,GAChD,CAAA;AACD,EAAA,MAAM,EAAE,aAAa,SAAA,EAAU,GAAI,kBAAkB,EAAE,OAAA,EAAS,QAAQ,CAAA;AACxE,EAAA,MAAM,EAAE,WAAA,EAAa,cAAA,EAAgB,SAAA,EAAW,UAAA,KAAe,iBAAA,CAAkB,EAAE,OAAA,EAAS,MAAA,EAAQ,CAAA;AACpG,EAAA,MAAM,qBAAqB,6BAAA,EAA8B;AAEzD,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,IAAA;AAAA,MACd,qBAAA,EAAuB,SAAA;AAAA,MACvB,YAAA,EAAc,OAAA;AAAA,MACd,QAAA,EAAU,CAAA,IAAA,KAAQ,WAAA,CAAY,EAAE,MAAM,CAAA;AAAA,MACtC,YAAA,EAAc,SAAA;AAAA,MACd,QAAA,EAAU,CAAA,UAAA,KAAc,cAAA,CAAe,EAAE,YAAY,CAAA;AAAA,MACrD,UAAA;AAAA,MACA,cAAA,EAAgB,gBAAc,kBAAA,CAAmB,MAAA,CAAO,EAAE,UAAA,EAAY,YAAA,EAAc,YAAY,CAAA;AAAA,MAChG,iBAAA,EAAmB,kBAAA,CAAmB,SAAA,GAAY,kBAAA,CAAmB,UAAU,UAAA,GAAa;AAAA;AAAA,GAC9F;AAEJ;;;;"}

package/dist/domains/traces/components/span-payload/span-error-renderer.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DqeZJkw3.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-0b_ow5Rt.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const dataKeysAndValues = require('../../../../data-keys-and-values-DnpdW8zx.cjs');
 const Notice = require('../../../../Notice-D4zc_oTj.cjs');

package/dist/domains/traces/components/span-payload/span-error-renderer.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanError } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-DceLKTQK.js';
+import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-XWZOfAi-.js';
 import { asCoreSpan } from './span-payload-registry.es.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-DiRlIt-N.js';
 import { N as Notice } from '../../../../Notice-D4gMAkVI.js';

package/dist/domains/traces/components/span-payload/span-input-renderers.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadMessages = require('./span-payload-messages.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DqeZJkw3.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-0b_ow5Rt.cjs');
 const domains_traces_components_spanPayload_spanPayloadProcessor = require('./span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const Card = require('../../../../Card-BQsKHkyB.cjs');

package/dist/domains/traces/components/span-payload/span-input-renderers.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanInput } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
 import { SpanPayloadMessages } from './span-payload-messages.es.js';
-import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-DceLKTQK.js';
+import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-XWZOfAi-.js';
 import { SpanPayloadProcessor } from './span-payload-processor.es.js';
 import { asCoreSpan, pickRenderer } from './span-payload-registry.es.js';
 import { C as Card, a as CardContent } from '../../../../Card-DVy0QS4m.js';

package/dist/domains/traces/components/span-payload/span-output-renderers.cjs.js

@@ -6,10 +6,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadAttachment = require('./span-payload-attachment.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DqeZJkw3.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-0b_ow5Rt.cjs');
 const domains_traces_components_spanPayload_spanPayloadProcessor = require('./span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
-const reasoningActivity = require('../../../../reasoning-activity-COiiln9U.cjs');
+const reasoningActivity = require('../../../../reasoning-activity-Bux9ZUhr.cjs');
 const Card = require('../../../../Card-BQsKHkyB.cjs');
 const dataKeysAndValues = require('../../../../data-keys-and-values-DnpdW8zx.cjs');
 const inlineCode = require('../../../../inline-code-CSwG-x8D.cjs');

package/dist/domains/traces/components/span-payload/span-output-renderers.es.js

@@ -2,10 +2,10 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanOutput } from '@mastra/core/observability';
 import { SpanPayloadAttachment } from './span-payload-attachment.es.js';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { a as SpanPayloadMarkdown, S as SpanPayloadField, b as SpanPayloadToolCalls, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-DceLKTQK.js';
+import { a as SpanPayloadMarkdown, S as SpanPayloadField, b as SpanPayloadToolCalls, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-XWZOfAi-.js';
 import { SpanPayloadProcessor } from './span-payload-processor.es.js';
 import { asCoreSpan, pickRenderer, hasItems } from './span-payload-registry.es.js';
-import { R as ReasoningActivity } from '../../../../reasoning-activity-r7B4_j4d.js';
+import { R as ReasoningActivity } from '../../../../reasoning-activity-Du19QVGl.js';
 import { C as Card, a as CardContent } from '../../../../Card-DVy0QS4m.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-DiRlIt-N.js';
 import { I as InlineCode } from '../../../../inline-code-BW6W121s.js';

package/dist/domains/traces/components/span-payload/span-payload-attachment.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_chat_messages_renderers_inMessageAttachment = require('../../../chat/messages/renderers/in-message-attachment.cjs.js');
+const domains_chat_attachments_messageAttachment = require('../../../chat/attachments/message-attachment.cjs.js');
 
 function SpanPayloadAttachment({ value }) {
   if (typeof value !== "object" || value === null || Array.isArray(value)) return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value });
@@ -20,7 +20,7 @@ function SpanPayloadAttachment({ value }) {
   }
   const name = typeof part.filename === "string" ? part.filename : typeof part.name === "string" ? part.name : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    domains_chat_messages_renderers_inMessageAttachment.InMessageAttachment,
+    domains_chat_attachments_messageAttachment.MessageAttachment,
     {
       type: part.type === "image" || typeof contentType === "string" && contentType.startsWith("image/") ? "image" : "file",
       contentType: typeof contentType === "string" ? contentType : void 0,

package/dist/domains/traces/components/span-payload/span-payload-attachment.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-payload-attachment.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-attachment.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { InMessageAttachment } from '@/domains/chat/messages/renderers/in-message-attachment';\n\nexport function SpanPayloadAttachment({ value }: { value: unknown }) {\n  if (typeof value !== 'object' || value === null || Array.isArray(value)) return <SpanPayloadJson value={value} />;\n  const part = value as Record<string, unknown>;\n  const src = part.url ?? part.image ?? part.data;\n  const contentType = part.mediaType ?? part.mimeType;\n  if (typeof src !== 'string' || !/^https?:\\/\\//i.test(src)) return <SpanPayloadJson value={value} />;\n  try {\n    const url = new URL(src);\n    if (url.username || url.password) return <SpanPayloadJson value={value} />;\n  } catch {\n    return <SpanPayloadJson value={value} />;\n  }\n  const name =\n    typeof part.filename === 'string' ? part.filename : typeof part.name === 'string' ? part.name : undefined;\n  return (\n    <InMessageAttachment\n      type={\n        part.type === 'image' || (typeof contentType === 'string' && contentType.startsWith('image/'))\n          ? 'image'\n          : 'file'\n      }\n      contentType={typeof contentType === 'string' ? contentType : undefined}\n      src={src}\n      name={name}\n    />\n  );\n}\n"],"names":["jsx","SpanPayloadJson","InMessageAttachment"],"mappings":";;;;;;;;AAGO,SAAS,qBAAA,CAAsB,EAAE,KAAA,EAAM,EAAuB;AACnE,EAAA,IAAI,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,IAAA,IAAQ,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG,uBAAOA,cAAA,CAACC,qEAAA,EAAA,EAAgB,KAAA,EAAc,CAAA;AAC/G,EAAA,MAAM,IAAA,GAAO,KAAA;AACb,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,IAAO,IAAA,CAAK,SAAS,IAAA,CAAK,IAAA;AAC3C,EAAA,MAAM,WAAA,GAAc,IAAA,CAAK,SAAA,IAAa,IAAA,CAAK,QAAA;AAC3C,EAAA,IAAI,OAAO,GAAA,KAAQ,QAAA,IAAY,CAAC,eAAA,CAAgB,IAAA,CAAK,GAAG,CAAA,EAAG,uBAAOD,cAAA,CAACC,qEAAA,EAAA,EAAgB,KAAA,EAAc,CAAA;AACjG,EAAA,IAAI;AACF,IAAA,MAAM,GAAA,GAAM,IAAI,GAAA,CAAI,GAAG,CAAA;AACvB,IAAA,IAAI,IAAI,QAAA,IAAY,GAAA,CAAI,UAAU,uBAAOD,cAAA,CAACC,yEAAgB,KAAA,EAAc,CAAA;AAAA,EAC1E,CAAA,CAAA,MAAQ;AACN,IAAA,uBAAOD,cAAA,CAACC,yEAAgB,KAAA,EAAc,CAAA;AAAA,EACxC;AACA,EAAA,MAAM,IAAA,GACJ,OAAO,IAAA,CAAK,QAAA,KAAa,QAAA,GAAW,IAAA,CAAK,QAAA,GAAW,OAAO,IAAA,CAAK,IAAA,KAAS,QAAA,GAAW,IAAA,CAAK,IAAA,GAAO,MAAA;AAClG,EAAA,uBACED,cAAA;AAAA,IAACE,uEAAA;AAAA,IAAA;AAAA,MACC,IAAA,EACE,IAAA,CAAK,IAAA,KAAS,OAAA,IAAY,OAAO,WAAA,KAAgB,QAAA,IAAY,WAAA,CAAY,UAAA,CAAW,QAAQ,CAAA,GACxF,OAAA,GACA,MAAA;AAAA,MAEN,WAAA,EAAa,OAAO,WAAA,KAAgB,QAAA,GAAW,WAAA,GAAc,MAAA;AAAA,MAC7D,GAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"span-payload-attachment.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-attachment.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { InMessageAttachment } from '@/domains/chat/messages/renderers/in-message-attachment';\n\nexport function SpanPayloadAttachment({ value }: { value: unknown }) {\n  if (typeof value !== 'object' || value === null || Array.isArray(value)) return <SpanPayloadJson value={value} />;\n  const part = value as Record<string, unknown>;\n  const src = part.url ?? part.image ?? part.data;\n  const contentType = part.mediaType ?? part.mimeType;\n  if (typeof src !== 'string' || !/^https?:\\/\\//i.test(src)) return <SpanPayloadJson value={value} />;\n  try {\n    const url = new URL(src);\n    if (url.username || url.password) return <SpanPayloadJson value={value} />;\n  } catch {\n    return <SpanPayloadJson value={value} />;\n  }\n  const name =\n    typeof part.filename === 'string' ? part.filename : typeof part.name === 'string' ? part.name : undefined;\n  return (\n    <InMessageAttachment\n      type={\n        part.type === 'image' || (typeof contentType === 'string' && contentType.startsWith('image/'))\n          ? 'image'\n          : 'file'\n      }\n      contentType={typeof contentType === 'string' ? contentType : undefined}\n      src={src}\n      name={name}\n    />\n  );\n}\n"],"names":["jsx","SpanPayloadJson","InMessageAttachment"],"mappings":";;;;;;;;AAGO,SAAS,qBAAA,CAAsB,EAAE,KAAA,EAAM,EAAuB;AACnE,EAAA,IAAI,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,IAAA,IAAQ,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG,uBAAOA,cAAA,CAACC,qEAAA,EAAA,EAAgB,KAAA,EAAc,CAAA;AAC/G,EAAA,MAAM,IAAA,GAAO,KAAA;AACb,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,IAAO,IAAA,CAAK,SAAS,IAAA,CAAK,IAAA;AAC3C,EAAA,MAAM,WAAA,GAAc,IAAA,CAAK,SAAA,IAAa,IAAA,CAAK,QAAA;AAC3C,EAAA,IAAI,OAAO,GAAA,KAAQ,QAAA,IAAY,CAAC,eAAA,CAAgB,IAAA,CAAK,GAAG,CAAA,EAAG,uBAAOD,cAAA,CAACC,qEAAA,EAAA,EAAgB,KAAA,EAAc,CAAA;AACjG,EAAA,IAAI;AACF,IAAA,MAAM,GAAA,GAAM,IAAI,GAAA,CAAI,GAAG,CAAA;AACvB,IAAA,IAAI,IAAI,QAAA,IAAY,GAAA,CAAI,UAAU,uBAAOD,cAAA,CAACC,yEAAgB,KAAA,EAAc,CAAA;AAAA,EAC1E,CAAA,CAAA,MAAQ;AACN,IAAA,uBAAOD,cAAA,CAACC,yEAAgB,KAAA,EAAc,CAAA;AAAA,EACxC;AACA,EAAA,MAAM,IAAA,GACJ,OAAO,IAAA,CAAK,QAAA,KAAa,QAAA,GAAW,IAAA,CAAK,QAAA,GAAW,OAAO,IAAA,CAAK,IAAA,KAAS,QAAA,GAAW,IAAA,CAAK,IAAA,GAAO,MAAA;AAClG,EAAA,uBACED,cAAA;AAAA,IAACE,4DAAA;AAAA,IAAA;AAAA,MACC,IAAA,EACE,IAAA,CAAK,IAAA,KAAS,OAAA,IAAY,OAAO,WAAA,KAAgB,QAAA,IAAY,WAAA,CAAY,UAAA,CAAW,QAAQ,CAAA,GACxF,OAAA,GACA,MAAA;AAAA,MAEN,WAAA,EAAa,OAAO,WAAA,KAAgB,QAAA,GAAW,WAAA,GAAc,MAAA;AAAA,MAC7D,GAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/domains/traces/components/span-payload/span-payload-attachment.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { InMessageAttachment } from '../../../chat/messages/renderers/in-message-attachment.es.js';
+import { MessageAttachment } from '../../../chat/attachments/message-attachment.es.js';
 
 function SpanPayloadAttachment({ value }) {
   if (typeof value !== "object" || value === null || Array.isArray(value)) return /* @__PURE__ */ jsx(SpanPayloadJson, { value });
@@ -16,7 +16,7 @@ function SpanPayloadAttachment({ value }) {
   }
   const name = typeof part.filename === "string" ? part.filename : typeof part.name === "string" ? part.name : void 0;
   return /* @__PURE__ */ jsx(
-    InMessageAttachment,
+    MessageAttachment,
     {
       type: part.type === "image" || typeof contentType === "string" && contentType.startsWith("image/") ? "image" : "file",
       contentType: typeof contentType === "string" ? contentType : void 0,

package/dist/domains/traces/components/span-payload/span-payload-attachment.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-payload-attachment.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-attachment.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { InMessageAttachment } from '@/domains/chat/messages/renderers/in-message-attachment';\n\nexport function SpanPayloadAttachment({ value }: { value: unknown }) {\n  if (typeof value !== 'object' || value === null || Array.isArray(value)) return <SpanPayloadJson value={value} />;\n  const part = value as Record<string, unknown>;\n  const src = part.url ?? part.image ?? part.data;\n  const contentType = part.mediaType ?? part.mimeType;\n  if (typeof src !== 'string' || !/^https?:\\/\\//i.test(src)) return <SpanPayloadJson value={value} />;\n  try {\n    const url = new URL(src);\n    if (url.username || url.password) return <SpanPayloadJson value={value} />;\n  } catch {\n    return <SpanPayloadJson value={value} />;\n  }\n  const name =\n    typeof part.filename === 'string' ? part.filename : typeof part.name === 'string' ? part.name : undefined;\n  return (\n    <InMessageAttachment\n      type={\n        part.type === 'image' || (typeof contentType === 'string' && contentType.startsWith('image/'))\n          ? 'image'\n          : 'file'\n      }\n      contentType={typeof contentType === 'string' ? contentType : undefined}\n      src={src}\n      name={name}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAGO,SAAS,qBAAA,CAAsB,EAAE,KAAA,EAAM,EAAuB;AACnE,EAAA,IAAI,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,IAAA,IAAQ,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG,uBAAO,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAc,CAAA;AAC/G,EAAA,MAAM,IAAA,GAAO,KAAA;AACb,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,IAAO,IAAA,CAAK,SAAS,IAAA,CAAK,IAAA;AAC3C,EAAA,MAAM,WAAA,GAAc,IAAA,CAAK,SAAA,IAAa,IAAA,CAAK,QAAA;AAC3C,EAAA,IAAI,OAAO,GAAA,KAAQ,QAAA,IAAY,CAAC,eAAA,CAAgB,IAAA,CAAK,GAAG,CAAA,EAAG,uBAAO,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAc,CAAA;AACjG,EAAA,IAAI;AACF,IAAA,MAAM,GAAA,GAAM,IAAI,GAAA,CAAI,GAAG,CAAA;AACvB,IAAA,IAAI,IAAI,QAAA,IAAY,GAAA,CAAI,UAAU,uBAAO,GAAA,CAAC,mBAAgB,KAAA,EAAc,CAAA;AAAA,EAC1E,CAAA,CAAA,MAAQ;AACN,IAAA,uBAAO,GAAA,CAAC,mBAAgB,KAAA,EAAc,CAAA;AAAA,EACxC;AACA,EAAA,MAAM,IAAA,GACJ,OAAO,IAAA,CAAK,QAAA,KAAa,QAAA,GAAW,IAAA,CAAK,QAAA,GAAW,OAAO,IAAA,CAAK,IAAA,KAAS,QAAA,GAAW,IAAA,CAAK,IAAA,GAAO,MAAA;AAClG,EAAA,uBACE,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,IAAA,EACE,IAAA,CAAK,IAAA,KAAS,OAAA,IAAY,OAAO,WAAA,KAAgB,QAAA,IAAY,WAAA,CAAY,UAAA,CAAW,QAAQ,CAAA,GACxF,OAAA,GACA,MAAA;AAAA,MAEN,WAAA,EAAa,OAAO,WAAA,KAAgB,QAAA,GAAW,WAAA,GAAc,MAAA;AAAA,MAC7D,GAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"span-payload-attachment.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-attachment.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { InMessageAttachment } from '@/domains/chat/messages/renderers/in-message-attachment';\n\nexport function SpanPayloadAttachment({ value }: { value: unknown }) {\n  if (typeof value !== 'object' || value === null || Array.isArray(value)) return <SpanPayloadJson value={value} />;\n  const part = value as Record<string, unknown>;\n  const src = part.url ?? part.image ?? part.data;\n  const contentType = part.mediaType ?? part.mimeType;\n  if (typeof src !== 'string' || !/^https?:\\/\\//i.test(src)) return <SpanPayloadJson value={value} />;\n  try {\n    const url = new URL(src);\n    if (url.username || url.password) return <SpanPayloadJson value={value} />;\n  } catch {\n    return <SpanPayloadJson value={value} />;\n  }\n  const name =\n    typeof part.filename === 'string' ? part.filename : typeof part.name === 'string' ? part.name : undefined;\n  return (\n    <InMessageAttachment\n      type={\n        part.type === 'image' || (typeof contentType === 'string' && contentType.startsWith('image/'))\n          ? 'image'\n          : 'file'\n      }\n      contentType={typeof contentType === 'string' ? contentType : undefined}\n      src={src}\n      name={name}\n    />\n  );\n}\n"],"names":["InMessageAttachment"],"mappings":";;;;AAGO,SAAS,qBAAA,CAAsB,EAAE,KAAA,EAAM,EAAuB;AACnE,EAAA,IAAI,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,IAAA,IAAQ,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG,uBAAO,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAc,CAAA;AAC/G,EAAA,MAAM,IAAA,GAAO,KAAA;AACb,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,IAAO,IAAA,CAAK,SAAS,IAAA,CAAK,IAAA;AAC3C,EAAA,MAAM,WAAA,GAAc,IAAA,CAAK,SAAA,IAAa,IAAA,CAAK,QAAA;AAC3C,EAAA,IAAI,OAAO,GAAA,KAAQ,QAAA,IAAY,CAAC,eAAA,CAAgB,IAAA,CAAK,GAAG,CAAA,EAAG,uBAAO,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAc,CAAA;AACjG,EAAA,IAAI;AACF,IAAA,MAAM,GAAA,GAAM,IAAI,GAAA,CAAI,GAAG,CAAA;AACvB,IAAA,IAAI,IAAI,QAAA,IAAY,GAAA,CAAI,UAAU,uBAAO,GAAA,CAAC,mBAAgB,KAAA,EAAc,CAAA;AAAA,EAC1E,CAAA,CAAA,MAAQ;AACN,IAAA,uBAAO,GAAA,CAAC,mBAAgB,KAAA,EAAc,CAAA;AAAA,EACxC;AACA,EAAA,MAAM,IAAA,GACJ,OAAO,IAAA,CAAK,QAAA,KAAa,QAAA,GAAW,IAAA,CAAK,QAAA,GAAW,OAAO,IAAA,CAAK,IAAA,KAAS,QAAA,GAAW,IAAA,CAAK,IAAA,GAAO,MAAA;AAClG,EAAA,uBACE,GAAA;AAAA,IAACA,iBAAA;AAAA,IAAA;AAAA,MACC,IAAA,EACE,IAAA,CAAK,IAAA,KAAS,OAAA,IAAY,OAAO,WAAA,KAAgB,QAAA,IAAY,WAAA,CAAY,UAAA,CAAW,QAAQ,CAAA,GACxF,OAAA,GACA,MAAA;AAAA,MAEN,WAAA,EAAa,OAAO,WAAA,KAAgB,QAAA,GAAW,WAAA,GAAc,MAAA;AAAA,MAC7D,GAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/domains/traces/components/span-payload/span-payload-messages.cjs.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_components_spanPayload_spanPayloadAttachment = require('./span-payload-attachment.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DqeZJkw3.cjs');
-const reasoningActivity = require('../../../../reasoning-activity-COiiln9U.cjs');
-const message = require('../../../../message-DGDmsmOT.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-0b_ow5Rt.cjs');
+const reasoningActivity = require('../../../../reasoning-activity-Bux9ZUhr.cjs');
+const message = require('../../../../message-BSjrZWVU.cjs');
 
 const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 function dedent(text) {

package/dist/domains/traces/components/span-payload/span-payload-messages.es.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { SpanPayloadAttachment } from './span-payload-attachment.es.js';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { d as SpanPayloadLabel, a as SpanPayloadMarkdown, e as SpanPayloadTool } from '../../../../span-payload-primitives-DceLKTQK.js';
-import { R as ReasoningActivity } from '../../../../reasoning-activity-r7B4_j4d.js';
-import { a as Message } from '../../../../message-DoxVrgBX.js';
+import { d as SpanPayloadLabel, a as SpanPayloadMarkdown, e as SpanPayloadTool } from '../../../../span-payload-primitives-XWZOfAi-.js';
+import { R as ReasoningActivity } from '../../../../reasoning-activity-Du19QVGl.js';
+import { a as Message } from '../../../../message-DGYBEr0X.js';
 
 const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 function dedent(text) {

package/dist/domains/traces/components/span-payload/span-payload-primitives.cjs.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('react/jsx-runtime');
 require('lucide-react');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DqeZJkw3.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-0b_ow5Rt.cjs');
 require('../../../../collapsible-jfzzU7Gp.cjs');
-require('../../../../markdown-renderer-4iyMU2Cm.cjs');
+require('../../../../markdown-renderer-BCeiKCA4.cjs');
 
 
 

package/dist/domains/traces/components/span-payload/span-payload-primitives.es.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'lucide-react';
-export { c as SpanPayloadCollapsible, S as SpanPayloadField, d as SpanPayloadLabel, a as SpanPayloadMarkdown, b as SpanPayloadToolCalls } from '../../../../span-payload-primitives-DceLKTQK.js';
+export { c as SpanPayloadCollapsible, S as SpanPayloadField, d as SpanPayloadLabel, a as SpanPayloadMarkdown, b as SpanPayloadToolCalls } from '../../../../span-payload-primitives-XWZOfAi-.js';
 import '../../../../collapsible-BNUn4644.js';
-import '../../../../markdown-renderer-B3Pf1uW9.js';
+import '../../../../markdown-renderer-CKSEkKch.js';
 //# sourceMappingURL=span-payload-primitives.es.js.map

package/dist/domains/traces/components/span-payload/span-payload-processor.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadMessages = require('./span-payload-messages.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DqeZJkw3.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-0b_ow5Rt.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const dataKeysAndValues = require('../../../../data-keys-and-values-DnpdW8zx.cjs');
 

package/dist/domains/traces/components/span-payload/span-payload-processor.es.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Fragment } from 'react';
 import { SpanPayloadJson } from './span-payload-json.es.js';
 import { SpanPayloadMessages } from './span-payload-messages.es.js';
-import { S as SpanPayloadField, b as SpanPayloadToolCalls, a as SpanPayloadMarkdown, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-DceLKTQK.js';
+import { S as SpanPayloadField, b as SpanPayloadToolCalls, a as SpanPayloadMarkdown, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-XWZOfAi-.js';
 import { hasItems } from './span-payload-registry.es.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-DiRlIt-N.js';
 

package/dist/domains/traces/components/span-payload/span-payload-tool.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('react/jsx-runtime');
 require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DqeZJkw3.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-0b_ow5Rt.cjs');
 require('../../../chat/components/badge-wrapper.cjs.js');
 require('../../../../activity-ClKZR5_o.cjs');
 require('../../../../tool-presentation-WLS6d1ws.cjs');

package/dist/domains/traces/components/span-payload/span-payload-tool.es.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import './span-payload-json.es.js';
-export { e as SpanPayloadTool } from '../../../../span-payload-primitives-DceLKTQK.js';
+export { e as SpanPayloadTool } from '../../../../span-payload-primitives-XWZOfAi-.js';
 import '../../../chat/components/badge-wrapper.es.js';
 import '../../../../activity-D0SefV4r.js';
 import '../../../../tool-presentation-BXAo24Ir.js';

package/dist/domains/traces/components/span-payload/span-processor-attributes.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadMessages = require('./span-payload-messages.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DqeZJkw3.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-0b_ow5Rt.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const Card = require('../../../../Card-BQsKHkyB.cjs');
 const dataKeysAndValues = require('../../../../data-keys-and-values-DnpdW8zx.cjs');

package/dist/domains/traces/components/span-payload/span-processor-attributes.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeProcessorPipeline } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
 import { SpanPayloadMessages } from './span-payload-messages.es.js';
-import { c as SpanPayloadCollapsible, S as SpanPayloadField } from '../../../../span-payload-primitives-DceLKTQK.js';
+import { c as SpanPayloadCollapsible, S as SpanPayloadField } from '../../../../span-payload-primitives-XWZOfAi-.js';
 import { asCoreSpan } from './span-payload-registry.es.js';
 import { C as Card, a as CardContent } from '../../../../Card-DVy0QS4m.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-DiRlIt-N.js';

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const domains_traces_utils_spanUtils = require('../utils/span-utils.cjs.js');
-const dataPanel = require('../../../data-panel-mzQKwVkT.cjs');
+const dataPanel = require('../../../data-panel-HSJNrZhx.cjs');
 const utils_truncateString = require('../../../utils/truncate-string.cjs.js');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 const utils_duration = require('../../../utils/duration.cjs.js');

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

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { CalendarClockIcon, TimerIcon, HashIcon } from 'lucide-react';
 import { getSpanDurationMs } from '../utils/span-utils.es.js';
-import { D as DataPanel } from '../../../data-panel-GT4fMXR0.js';
+import { D as DataPanel } from '../../../data-panel-C638OC-m.js';
 import { truncateString } from '../../../utils/truncate-string.es.js';
 import { formatDate, formatTimestampPrecise } from '../../../utils/date-format.es.js';
 import { formatDurationPrecise } from '../../../utils/duration.es.js';

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_components_threadTrace_threadTraceRowContext = require('./thread-trace-row-context.cjs.js');
 const Card = require('../../../../Card-BQsKHkyB.cjs');
-const dataPanel = require('../../../../data-panel-mzQKwVkT.cjs');
+const dataPanel = require('../../../../data-panel-HSJNrZhx.cjs');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 
 function ThreadTraceDetails({ className, children, ...props }) {

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

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useThreadTraceRow } from './thread-trace-row-context.es.js';
 import { C as Card } from '../../../../Card-DVy0QS4m.js';
-import { D as DataPanel } from '../../../../data-panel-GT4fMXR0.js';
+import { D as DataPanel } from '../../../../data-panel-C638OC-m.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 
 function ThreadTraceDetails({ className, children, ...props }) {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const reactResizablePanels = require('react-resizable-panels');
 const domains_traces_components_threadTrace_threadTraceContext = require('./thread-trace-context.cjs.js');
-const messageScroller = require('../../../../message-scroller-D-_KN9Fv.cjs');
+const messageScroller = require('../../../../message-scroller-DcZBA9Sl.cjs');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 
 function ThreadTraceList({ className, innerClassName, children, ...props }) {

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

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { Panel } from 'react-resizable-panels';
 import { useThreadTrace } from './thread-trace-context.es.js';
-import { M as MessageScroller, e as MessageScrollerViewport, b as MessageScrollerContent } from '../../../../message-scroller-WWaQ-XU_.js';
+import { M as MessageScroller, e as MessageScrollerViewport, b as MessageScrollerContent } from '../../../../message-scroller-d8meQ5AR.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 
 function ThreadTraceList({ className, innerClassName, children, ...props }) {

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

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_traces_hooks_useVisibleTraceRows = require('../../hooks/use-visible-trace-rows.cjs.js');
 const domains_traces_components_threadTrace_threadTraceContext = require('./thread-trace-context.cjs.js');
-const messageScroller = require('../../../../message-scroller-D-_KN9Fv.cjs');
+const messageScroller = require('../../../../message-scroller-DcZBA9Sl.cjs');
 const resize_panelGroup = require('../../../../resize/panel-group.cjs.js');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 

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

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useRef, useState, useCallback, useMemo } from 'react';
 import { useVisibleTraceRows } from '../../hooks/use-visible-trace-rows.es.js';
 import { ThreadTraceContext } from './thread-trace-context.es.js';
-import { d as MessageScrollerProvider } from '../../../../message-scroller-WWaQ-XU_.js';
+import { d as MessageScrollerProvider } from '../../../../message-scroller-d8meQ5AR.js';
 import { PanelGroup } from '../../../../resize/panel-group.es.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 

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

@@ -7,7 +7,7 @@ const React = require('react');
 const domains_traces_components_threadTrace_threadTraceContext = require('./thread-trace-context.cjs.js');
 const domains_traces_components_threadTrace_threadTraceRowContext = require('./thread-trace-row-context.cjs.js');
 const transcriptDivider = require('../../../../transcript-divider-273Bsdjs.cjs');
-const messageScroller = require('../../../../message-scroller-D-_KN9Fv.cjs');
+const messageScroller = require('../../../../message-scroller-DcZBA9Sl.cjs');
 const tabsRoot = require('../../../../tabs-root-Hkt7A6oq.cjs');
 const hooks_useMeasuredAutoHeight = require('../../../../hooks/use-measured-auto-height.cjs.js');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');

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

@@ -3,7 +3,7 @@ import { useState, useCallback, useMemo } from 'react';
 import { useThreadTrace } from './thread-trace-context.es.js';
 import { ThreadTraceRowContext } from './thread-trace-row-context.es.js';
 import { T as TranscriptDivider } from '../../../../transcript-divider-CPIo8NUj.js';
-import { c as MessageScrollerItem } from '../../../../message-scroller-WWaQ-XU_.js';
+import { c as MessageScrollerItem } from '../../../../message-scroller-d8meQ5AR.js';
 import { T as Tabs } from '../../../../tabs-root-BbzhUZl4.js';
 import { useMeasuredAutoHeight } from '../../../../hooks/use-measured-auto-height.es.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';

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

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
+const traces = require('@mastra/react/hooks/traces');
 const reactResizablePanels = require('react-resizable-panels');
-const domains_traces_hooks_useSpanDetail = require('../../hooks/use-span-detail.cjs.js');
 const domains_traces_hooks_useTraceSpanNavigation = require('../../hooks/use-trace-span-navigation.cjs.js');
-const domains_traces_hooks_useTraceSpans = require('../../hooks/use-trace-spans.cjs.js');
 const domains_traces_components_spanDataPanelView = require('../span-data-panel-view.cjs.js');
 const domains_traces_components_threadTrace_threadTraceContext = require('./thread-trace-context.cjs.js');
 const resize_separator = require('../../../../resize/separator.cjs.js');
@@ -43,8 +42,12 @@ function ThreadTraceSpanPanel({ className, panelClassName, ...props }) {
 function SelectedSpanPanel({ traceId, spanId, panelClassName }) {
   const { selectSpan } = domains_traces_components_threadTrace_threadTraceContext.useThreadTrace();
   const onSpanSelect = (nextSpanId) => selectSpan(traceId, nextSpanId);
-  const { data: spanDetailData, isLoading } = domains_traces_hooks_useSpanDetail.useSpanDetail(traceId, spanId);
-  const { data: traceData } = domains_traces_hooks_useTraceSpans.useTraceSpans(traceId);
+  const { data: spanDetailData, isLoading } = traces.useSpanDetail({
+    traceId,
+    spanId,
+    queryOptions: { enabled: !!traceId && !!spanId }
+  });
+  const { data: traceData } = traces.useTraceSpans({ traceId, queryOptions: { enabled: !!traceId } });
   const { handlePreviousSpan, handleNextSpan } = domains_traces_hooks_useTraceSpanNavigation.useTraceSpanNavigation(traceData?.spans, spanId, onSpanSelect);
   return /* @__PURE__ */ jsxRuntime.jsx(
     domains_traces_components_spanDataPanelView.SpanDataPanelView,

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

@@ -1 +1 @@
-{"version":3,"file":"thread-trace-span-panel.cjs.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-span-panel.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { Panel } from 'react-resizable-panels';\n\nimport { useSpanDetail } from '../../hooks/use-span-detail';\nimport { useTraceSpanNavigation } from '../../hooks/use-trace-span-navigation';\nimport { useTraceSpans } from '../../hooks/use-trace-spans';\nimport { SpanDataPanelView } from '../span-data-panel-view';\nimport { useThreadTrace } from './thread-trace-context';\nimport { PanelSeparator } from '@/lib/resize/separator';\nimport { cn } from '@/lib/utils';\n\nexport interface ThreadTraceSpanPanelProps extends Omit<ComponentProps<'div'>, 'children'> {\n  panelClassName?: string;\n}\n\n/**\n * The resizable side column with the selected span's detail; rendered only while a\n * span is selected.\n */\nexport function ThreadTraceSpanPanel({ className, panelClassName, ...props }: ThreadTraceSpanPanelProps) {\n  const { selected } = useThreadTrace();\n  if (!selected) return null;\n  return (\n    <>\n      <PanelSeparator variant=\"pill\" />\n      <Panel id=\"thread-trace-span\" minSize={320} defaultSize=\"35%\" maxSize=\"50%\">\n        <div\n          data-slot=\"thread-trace-span-panel\"\n          className={cn(\n            // Same chrome as the span column of the trace panel: flush to the edge, divided by a left border.\n            'flex h-full min-h-0 min-w-0 animate-in flex-col overflow-hidden border-l border-border duration-300 fade-in-0',\n            className,\n          )}\n          {...props}\n        >\n          {/* Keyed by trace only: the panel's queries already follow `spanId`, so prev/next keep the DOM. */}\n          <SelectedSpanPanel\n            key={selected.traceId}\n            traceId={selected.traceId}\n            spanId={selected.spanId}\n            panelClassName={panelClassName}\n          />\n        </div>\n      </Panel>\n    </>\n  );\n}\n\ninterface SelectedSpanPanelProps {\n  traceId: string;\n  spanId: string;\n  panelClassName?: string;\n}\n\nfunction SelectedSpanPanel({ traceId, spanId, panelClassName }: SelectedSpanPanelProps) {\n  const { selectSpan } = useThreadTrace();\n  const onSpanSelect = (nextSpanId: string | undefined) => selectSpan(traceId, nextSpanId);\n  const { data: spanDetailData, isLoading } = useSpanDetail(traceId, spanId);\n  const { data: traceData } = useTraceSpans(traceId);\n  const { handlePreviousSpan, handleNextSpan } = useTraceSpanNavigation(traceData?.spans, spanId, onSpanSelect);\n\n  return (\n    <SpanDataPanelView\n      className={panelClassName}\n      traceId={traceId}\n      spanId={spanId}\n      span={spanDetailData?.span}\n      isLoading={isLoading}\n      onPrevious={handlePreviousSpan}\n      onNext={handleNextSpan}\n      onClose={() => selectSpan(traceId, undefined)}\n    />\n  );\n}\n"],"names":["useThreadTrace","jsxs","Fragment","jsx","PanelSeparator","Panel","cn","useSpanDetail","useTraceSpans","useTraceSpanNavigation","SpanDataPanelView"],"mappings":";;;;;;;;;;;;;;AAmBO,SAAS,qBAAqB,EAAE,SAAA,EAAW,cAAA,EAAgB,GAAG,OAAM,EAA8B;AACvG,EAAA,MAAM,EAAE,QAAA,EAAS,GAAIA,uEAAA,EAAe;AACpC,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AACtB,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,+BAAA,EAAA,EAAe,SAAQ,MAAA,EAAO,CAAA;AAAA,oBAC/BD,cAAA,CAACE,8BAAM,EAAA,EAAG,mBAAA,EAAoB,SAAS,GAAA,EAAK,WAAA,EAAY,KAAA,EAAM,OAAA,EAAQ,KAAA,EACpE,QAAA,kBAAAF,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,yBAAA;AAAA,QACV,SAAA,EAAWG,WAAA;AAAA;AAAA,UAET,+GAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAGJ,QAAA,kBAAAH,cAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YAEC,SAAS,QAAA,CAAS,OAAA;AAAA,YAClB,QAAQ,QAAA,CAAS,MAAA;AAAA,YACjB;AAAA,WAAA;AAAA,UAHK,QAAA,CAAS;AAAA;AAIhB;AAAA,KACF,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAQA,SAAS,iBAAA,CAAkB,EAAE,OAAA,EAAS,MAAA,EAAQ,gBAAe,EAA2B;AACtF,EAAA,MAAM,EAAE,UAAA,EAAW,GAAIH,uEAAA,EAAe;AACtC,EAAA,MAAM,YAAA,GAAe,CAAC,UAAA,KAAmC,UAAA,CAAW,SAAS,UAAU,CAAA;AACvF,EAAA,MAAM,EAAE,IAAA,EAAM,cAAA,EAAgB,WAAU,GAAIO,gDAAA,CAAc,SAAS,MAAM,CAAA;AACzE,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAIC,iDAAc,OAAO,CAAA;AACjD,EAAA,MAAM,EAAE,oBAAoB,cAAA,EAAe,GAAIC,mEAAuB,SAAA,EAAW,KAAA,EAAO,QAAQ,YAAY,CAAA;AAE5G,EAAA,uBACEN,cAAA;AAAA,IAACO,6DAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,cAAA;AAAA,MACX,OAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAM,cAAA,EAAgB,IAAA;AAAA,MACtB,SAAA;AAAA,MACA,UAAA,EAAY,kBAAA;AAAA,MACZ,MAAA,EAAQ,cAAA;AAAA,MACR,OAAA,EAAS,MAAM,UAAA,CAAW,OAAA,EAAS,MAAS;AAAA;AAAA,GAC9C;AAEJ;;;;"}
+{"version":3,"file":"thread-trace-span-panel.cjs.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-span-panel.tsx"],"sourcesContent":["import { useSpanDetail, useTraceSpans } from '@mastra/react/hooks/traces';\nimport type { ComponentProps } from 'react';\nimport { Panel } from 'react-resizable-panels';\n\nimport { useTraceSpanNavigation } from '../../hooks/use-trace-span-navigation';\nimport { SpanDataPanelView } from '../span-data-panel-view';\nimport { useThreadTrace } from './thread-trace-context';\nimport { PanelSeparator } from '@/lib/resize/separator';\nimport { cn } from '@/lib/utils';\n\nexport interface ThreadTraceSpanPanelProps extends Omit<ComponentProps<'div'>, 'children'> {\n  panelClassName?: string;\n}\n\n/**\n * The resizable side column with the selected span's detail; rendered only while a\n * span is selected.\n */\nexport function ThreadTraceSpanPanel({ className, panelClassName, ...props }: ThreadTraceSpanPanelProps) {\n  const { selected } = useThreadTrace();\n  if (!selected) return null;\n  return (\n    <>\n      <PanelSeparator variant=\"pill\" />\n      <Panel id=\"thread-trace-span\" minSize={320} defaultSize=\"35%\" maxSize=\"50%\">\n        <div\n          data-slot=\"thread-trace-span-panel\"\n          className={cn(\n            // Same chrome as the span column of the trace panel: flush to the edge, divided by a left border.\n            'flex h-full min-h-0 min-w-0 animate-in flex-col overflow-hidden border-l border-border duration-300 fade-in-0',\n            className,\n          )}\n          {...props}\n        >\n          {/* Keyed by trace only: the panel's queries already follow `spanId`, so prev/next keep the DOM. */}\n          <SelectedSpanPanel\n            key={selected.traceId}\n            traceId={selected.traceId}\n            spanId={selected.spanId}\n            panelClassName={panelClassName}\n          />\n        </div>\n      </Panel>\n    </>\n  );\n}\n\ninterface SelectedSpanPanelProps {\n  traceId: string;\n  spanId: string;\n  panelClassName?: string;\n}\n\nfunction SelectedSpanPanel({ traceId, spanId, panelClassName }: SelectedSpanPanelProps) {\n  const { selectSpan } = useThreadTrace();\n  const onSpanSelect = (nextSpanId: string | undefined) => selectSpan(traceId, nextSpanId);\n  const { data: spanDetailData, isLoading } = useSpanDetail({\n    traceId: traceId,\n    spanId: spanId,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n  const { data: traceData } = useTraceSpans({ traceId: traceId, queryOptions: { enabled: !!traceId } });\n  const { handlePreviousSpan, handleNextSpan } = useTraceSpanNavigation(traceData?.spans, spanId, onSpanSelect);\n\n  return (\n    <SpanDataPanelView\n      className={panelClassName}\n      traceId={traceId}\n      spanId={spanId}\n      span={spanDetailData?.span}\n      isLoading={isLoading}\n      onPrevious={handlePreviousSpan}\n      onNext={handleNextSpan}\n      onClose={() => selectSpan(traceId, undefined)}\n    />\n  );\n}\n"],"names":["useThreadTrace","jsxs","Fragment","jsx","PanelSeparator","Panel","cn","useSpanDetail","useTraceSpans","useTraceSpanNavigation","SpanDataPanelView"],"mappings":";;;;;;;;;;;;;AAkBO,SAAS,qBAAqB,EAAE,SAAA,EAAW,cAAA,EAAgB,GAAG,OAAM,EAA8B;AACvG,EAAA,MAAM,EAAE,QAAA,EAAS,GAAIA,uEAAA,EAAe;AACpC,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AACtB,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,+BAAA,EAAA,EAAe,SAAQ,MAAA,EAAO,CAAA;AAAA,oBAC/BD,cAAA,CAACE,8BAAM,EAAA,EAAG,mBAAA,EAAoB,SAAS,GAAA,EAAK,WAAA,EAAY,KAAA,EAAM,OAAA,EAAQ,KAAA,EACpE,QAAA,kBAAAF,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,yBAAA;AAAA,QACV,SAAA,EAAWG,WAAA;AAAA;AAAA,UAET,+GAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAGJ,QAAA,kBAAAH,cAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YAEC,SAAS,QAAA,CAAS,OAAA;AAAA,YAClB,QAAQ,QAAA,CAAS,MAAA;AAAA,YACjB;AAAA,WAAA;AAAA,UAHK,QAAA,CAAS;AAAA;AAIhB;AAAA,KACF,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAQA,SAAS,iBAAA,CAAkB,EAAE,OAAA,EAAS,MAAA,EAAQ,gBAAe,EAA2B;AACtF,EAAA,MAAM,EAAE,UAAA,EAAW,GAAIH,uEAAA,EAAe;AACtC,EAAA,MAAM,YAAA,GAAe,CAAC,UAAA,KAAmC,UAAA,CAAW,SAAS,UAAU,CAAA;AACvF,EAAA,MAAM,EAAE,IAAA,EAAM,cAAA,EAAgB,SAAA,KAAcO,oBAAA,CAAc;AAAA,IACxD,OAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA,EAAc,EAAE,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAO,GAChD,CAAA;AACD,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAIC,qBAAc,EAAE,OAAA,EAAkB,YAAA,EAAc,EAAE,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAA;AACpG,EAAA,MAAM,EAAE,oBAAoB,cAAA,EAAe,GAAIC,mEAAuB,SAAA,EAAW,KAAA,EAAO,QAAQ,YAAY,CAAA;AAE5G,EAAA,uBACEN,cAAA;AAAA,IAACO,6DAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,cAAA;AAAA,MACX,OAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAM,cAAA,EAAgB,IAAA;AAAA,MACtB,SAAA;AAAA,MACA,UAAA,EAAY,kBAAA;AAAA,MACZ,MAAA,EAAQ,cAAA;AAAA,MACR,OAAA,EAAS,MAAM,UAAA,CAAW,OAAA,EAAS,MAAS;AAAA;AAAA,GAC9C;AAEJ;;;;"}

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

@@ -1,8 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useSpanDetail, useTraceSpans } from '@mastra/react/hooks/traces';
 import { Panel } from 'react-resizable-panels';
-import { useSpanDetail } from '../../hooks/use-span-detail.es.js';
 import { useTraceSpanNavigation } from '../../hooks/use-trace-span-navigation.es.js';
-import { useTraceSpans } from '../../hooks/use-trace-spans.es.js';
 import { SpanDataPanelView } from '../span-data-panel-view.es.js';
 import { useThreadTrace } from './thread-trace-context.es.js';
 import { PanelSeparator } from '../../../../resize/separator.es.js';
@@ -39,8 +38,12 @@ function ThreadTraceSpanPanel({ className, panelClassName, ...props }) {
 function SelectedSpanPanel({ traceId, spanId, panelClassName }) {
   const { selectSpan } = useThreadTrace();
   const onSpanSelect = (nextSpanId) => selectSpan(traceId, nextSpanId);
-  const { data: spanDetailData, isLoading } = useSpanDetail(traceId, spanId);
-  const { data: traceData } = useTraceSpans(traceId);
+  const { data: spanDetailData, isLoading } = useSpanDetail({
+    traceId,
+    spanId,
+    queryOptions: { enabled: !!traceId && !!spanId }
+  });
+  const { data: traceData } = useTraceSpans({ traceId, queryOptions: { enabled: !!traceId } });
   const { handlePreviousSpan, handleNextSpan } = useTraceSpanNavigation(traceData?.spans, spanId, onSpanSelect);
   return /* @__PURE__ */ jsx(
     SpanDataPanelView,

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

@@ -1 +1 @@
-{"version":3,"file":"thread-trace-span-panel.es.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-span-panel.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { Panel } from 'react-resizable-panels';\n\nimport { useSpanDetail } from '../../hooks/use-span-detail';\nimport { useTraceSpanNavigation } from '../../hooks/use-trace-span-navigation';\nimport { useTraceSpans } from '../../hooks/use-trace-spans';\nimport { SpanDataPanelView } from '../span-data-panel-view';\nimport { useThreadTrace } from './thread-trace-context';\nimport { PanelSeparator } from '@/lib/resize/separator';\nimport { cn } from '@/lib/utils';\n\nexport interface ThreadTraceSpanPanelProps extends Omit<ComponentProps<'div'>, 'children'> {\n  panelClassName?: string;\n}\n\n/**\n * The resizable side column with the selected span's detail; rendered only while a\n * span is selected.\n */\nexport function ThreadTraceSpanPanel({ className, panelClassName, ...props }: ThreadTraceSpanPanelProps) {\n  const { selected } = useThreadTrace();\n  if (!selected) return null;\n  return (\n    <>\n      <PanelSeparator variant=\"pill\" />\n      <Panel id=\"thread-trace-span\" minSize={320} defaultSize=\"35%\" maxSize=\"50%\">\n        <div\n          data-slot=\"thread-trace-span-panel\"\n          className={cn(\n            // Same chrome as the span column of the trace panel: flush to the edge, divided by a left border.\n            'flex h-full min-h-0 min-w-0 animate-in flex-col overflow-hidden border-l border-border duration-300 fade-in-0',\n            className,\n          )}\n          {...props}\n        >\n          {/* Keyed by trace only: the panel's queries already follow `spanId`, so prev/next keep the DOM. */}\n          <SelectedSpanPanel\n            key={selected.traceId}\n            traceId={selected.traceId}\n            spanId={selected.spanId}\n            panelClassName={panelClassName}\n          />\n        </div>\n      </Panel>\n    </>\n  );\n}\n\ninterface SelectedSpanPanelProps {\n  traceId: string;\n  spanId: string;\n  panelClassName?: string;\n}\n\nfunction SelectedSpanPanel({ traceId, spanId, panelClassName }: SelectedSpanPanelProps) {\n  const { selectSpan } = useThreadTrace();\n  const onSpanSelect = (nextSpanId: string | undefined) => selectSpan(traceId, nextSpanId);\n  const { data: spanDetailData, isLoading } = useSpanDetail(traceId, spanId);\n  const { data: traceData } = useTraceSpans(traceId);\n  const { handlePreviousSpan, handleNextSpan } = useTraceSpanNavigation(traceData?.spans, spanId, onSpanSelect);\n\n  return (\n    <SpanDataPanelView\n      className={panelClassName}\n      traceId={traceId}\n      spanId={spanId}\n      span={spanDetailData?.span}\n      isLoading={isLoading}\n      onPrevious={handlePreviousSpan}\n      onNext={handleNextSpan}\n      onClose={() => selectSpan(traceId, undefined)}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAmBO,SAAS,qBAAqB,EAAE,SAAA,EAAW,cAAA,EAAgB,GAAG,OAAM,EAA8B;AACvG,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,cAAA,EAAe;AACpC,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AACtB,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAQ,MAAA,EAAO,CAAA;AAAA,oBAC/B,GAAA,CAAC,SAAM,EAAA,EAAG,mBAAA,EAAoB,SAAS,GAAA,EAAK,WAAA,EAAY,KAAA,EAAM,OAAA,EAAQ,KAAA,EACpE,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,yBAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA;AAAA,UAET,+GAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAGJ,QAAA,kBAAA,GAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YAEC,SAAS,QAAA,CAAS,OAAA;AAAA,YAClB,QAAQ,QAAA,CAAS,MAAA;AAAA,YACjB;AAAA,WAAA;AAAA,UAHK,QAAA,CAAS;AAAA;AAIhB;AAAA,KACF,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAQA,SAAS,iBAAA,CAAkB,EAAE,OAAA,EAAS,MAAA,EAAQ,gBAAe,EAA2B;AACtF,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,cAAA,EAAe;AACtC,EAAA,MAAM,YAAA,GAAe,CAAC,UAAA,KAAmC,UAAA,CAAW,SAAS,UAAU,CAAA;AACvF,EAAA,MAAM,EAAE,IAAA,EAAM,cAAA,EAAgB,WAAU,GAAI,aAAA,CAAc,SAAS,MAAM,CAAA;AACzE,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAI,cAAc,OAAO,CAAA;AACjD,EAAA,MAAM,EAAE,oBAAoB,cAAA,EAAe,GAAI,uBAAuB,SAAA,EAAW,KAAA,EAAO,QAAQ,YAAY,CAAA;AAE5G,EAAA,uBACE,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,cAAA;AAAA,MACX,OAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAM,cAAA,EAAgB,IAAA;AAAA,MACtB,SAAA;AAAA,MACA,UAAA,EAAY,kBAAA;AAAA,MACZ,MAAA,EAAQ,cAAA;AAAA,MACR,OAAA,EAAS,MAAM,UAAA,CAAW,OAAA,EAAS,MAAS;AAAA;AAAA,GAC9C;AAEJ;;;;"}
+{"version":3,"file":"thread-trace-span-panel.es.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-span-panel.tsx"],"sourcesContent":["import { useSpanDetail, useTraceSpans } from '@mastra/react/hooks/traces';\nimport type { ComponentProps } from 'react';\nimport { Panel } from 'react-resizable-panels';\n\nimport { useTraceSpanNavigation } from '../../hooks/use-trace-span-navigation';\nimport { SpanDataPanelView } from '../span-data-panel-view';\nimport { useThreadTrace } from './thread-trace-context';\nimport { PanelSeparator } from '@/lib/resize/separator';\nimport { cn } from '@/lib/utils';\n\nexport interface ThreadTraceSpanPanelProps extends Omit<ComponentProps<'div'>, 'children'> {\n  panelClassName?: string;\n}\n\n/**\n * The resizable side column with the selected span's detail; rendered only while a\n * span is selected.\n */\nexport function ThreadTraceSpanPanel({ className, panelClassName, ...props }: ThreadTraceSpanPanelProps) {\n  const { selected } = useThreadTrace();\n  if (!selected) return null;\n  return (\n    <>\n      <PanelSeparator variant=\"pill\" />\n      <Panel id=\"thread-trace-span\" minSize={320} defaultSize=\"35%\" maxSize=\"50%\">\n        <div\n          data-slot=\"thread-trace-span-panel\"\n          className={cn(\n            // Same chrome as the span column of the trace panel: flush to the edge, divided by a left border.\n            'flex h-full min-h-0 min-w-0 animate-in flex-col overflow-hidden border-l border-border duration-300 fade-in-0',\n            className,\n          )}\n          {...props}\n        >\n          {/* Keyed by trace only: the panel's queries already follow `spanId`, so prev/next keep the DOM. */}\n          <SelectedSpanPanel\n            key={selected.traceId}\n            traceId={selected.traceId}\n            spanId={selected.spanId}\n            panelClassName={panelClassName}\n          />\n        </div>\n      </Panel>\n    </>\n  );\n}\n\ninterface SelectedSpanPanelProps {\n  traceId: string;\n  spanId: string;\n  panelClassName?: string;\n}\n\nfunction SelectedSpanPanel({ traceId, spanId, panelClassName }: SelectedSpanPanelProps) {\n  const { selectSpan } = useThreadTrace();\n  const onSpanSelect = (nextSpanId: string | undefined) => selectSpan(traceId, nextSpanId);\n  const { data: spanDetailData, isLoading } = useSpanDetail({\n    traceId: traceId,\n    spanId: spanId,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n  const { data: traceData } = useTraceSpans({ traceId: traceId, queryOptions: { enabled: !!traceId } });\n  const { handlePreviousSpan, handleNextSpan } = useTraceSpanNavigation(traceData?.spans, spanId, onSpanSelect);\n\n  return (\n    <SpanDataPanelView\n      className={panelClassName}\n      traceId={traceId}\n      spanId={spanId}\n      span={spanDetailData?.span}\n      isLoading={isLoading}\n      onPrevious={handlePreviousSpan}\n      onNext={handleNextSpan}\n      onClose={() => selectSpan(traceId, undefined)}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAkBO,SAAS,qBAAqB,EAAE,SAAA,EAAW,cAAA,EAAgB,GAAG,OAAM,EAA8B;AACvG,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,cAAA,EAAe;AACpC,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AACtB,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAQ,MAAA,EAAO,CAAA;AAAA,oBAC/B,GAAA,CAAC,SAAM,EAAA,EAAG,mBAAA,EAAoB,SAAS,GAAA,EAAK,WAAA,EAAY,KAAA,EAAM,OAAA,EAAQ,KAAA,EACpE,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,yBAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA;AAAA,UAET,+GAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAGJ,QAAA,kBAAA,GAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YAEC,SAAS,QAAA,CAAS,OAAA;AAAA,YAClB,QAAQ,QAAA,CAAS,MAAA;AAAA,YACjB;AAAA,WAAA;AAAA,UAHK,QAAA,CAAS;AAAA;AAIhB;AAAA,KACF,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAQA,SAAS,iBAAA,CAAkB,EAAE,OAAA,EAAS,MAAA,EAAQ,gBAAe,EAA2B;AACtF,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,cAAA,EAAe;AACtC,EAAA,MAAM,YAAA,GAAe,CAAC,UAAA,KAAmC,UAAA,CAAW,SAAS,UAAU,CAAA;AACvF,EAAA,MAAM,EAAE,IAAA,EAAM,cAAA,EAAgB,SAAA,KAAc,aAAA,CAAc;AAAA,IACxD,OAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA,EAAc,EAAE,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAO,GAChD,CAAA;AACD,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAI,cAAc,EAAE,OAAA,EAAkB,YAAA,EAAc,EAAE,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAA;AACpG,EAAA,MAAM,EAAE,oBAAoB,cAAA,EAAe,GAAI,uBAAuB,SAAA,EAAW,KAAA,EAAO,QAAQ,YAAY,CAAA;AAE5G,EAAA,uBACE,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,cAAA;AAAA,MACX,OAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAM,cAAA,EAAgB,IAAA;AAAA,MACtB,SAAA;AAAA,MACA,UAAA,EAAY,kBAAA;AAAA,MACZ,MAAA,EAAQ,cAAA;AAAA,MACR,OAAA,EAAS,MAAM,UAAA,CAAW,OAAA,EAAS,MAAS;AAAA;AAAA,GAC9C;AAEJ;;;;"}

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
+const traces = require('@mastra/react/hooks/traces');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_traces_hooks_useExpandedSpanIds = require('../../hooks/use-expanded-span-ids.cjs.js');
-const domains_traces_hooks_useTraceSpans = require('../../hooks/use-trace-spans.cjs.js');
 const domains_traces_components_formatHierarchicalSpans = require('../format-hierarchical-spans.cjs.js');
 const domains_traces_components_traceSpanTree = require('../trace-span-tree.cjs.js');
 const domains_traces_components_threadTrace_threadTraceContext = require('./thread-trace-context.cjs.js');
@@ -25,7 +25,7 @@ function ThreadTraceSpans({ className, timelineClassName, ...props }) {
   const { selectSpan } = domains_traces_components_threadTrace_threadTraceContext.useThreadTrace();
   const { traceId, selectedSpanId, featuredSpanIds, revealSpanId, timelineRef, isActive } = domains_traces_components_threadTrace_threadTraceRowContext.useThreadTraceRow();
   const { budget, overflows, isExpanded, setExpanded } = useSpansClamp();
-  const { data, isLoading } = domains_traces_hooks_useTraceSpans.useTraceSpans(traceId, { passive: true });
+  const { data, isLoading } = traces.useTraceSpans({ traceId, passive: true, queryOptions: { enabled: !!traceId } });
   const hierarchicalSpans = React.useMemo(() => domains_traces_components_formatHierarchicalSpans.formatHierarchicalSpans(data?.spans ?? []), [data]);
   const { expandedSpanIds, setExpandedSpanIds } = domains_traces_hooks_useExpandedSpanIds.useExpandedSpanIds(hierarchicalSpans);
   const box = {

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

@@ -1 +1 @@
-{"version":3,"file":"thread-trace-spans.cjs.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-spans.tsx"],"sourcesContent":["import { Minimize2 } from 'lucide-react';\nimport { useMemo } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { useExpandedSpanIds } from '../../hooks/use-expanded-span-ids';\nimport { useTraceSpans } from '../../hooks/use-trace-spans';\nimport { formatHierarchicalSpans } from '../format-hierarchical-spans';\nimport { TraceSpanTree } from '../trace-span-tree';\nimport { useThreadTrace } from './thread-trace-context';\nimport { useThreadTraceRow } from './thread-trace-row-context';\nimport { Button } from '@/ds/components/Button';\nimport { CollapsibleBox } from '@/ds/components/CollapsibleBox';\nimport type { CollapsibleBoxState } from '@/ds/components/CollapsibleBox';\nimport { cn } from '@/lib/utils';\n\n/**\n * The span tree is clamped to the messages column while the row is collapsed. The budget is the\n * messages height minus the details header (when there is one), otherwise the right cell overshoots the left.\n */\nfunction useSpansClamp() {\n  const { isExpanded, setExpanded, messagesHeight, timelineHeight, detailsHeaderHeight } = useThreadTraceRow();\n  const budget = messagesHeight !== null ? messagesHeight - (detailsHeaderHeight ?? 0) : null;\n  const overflows = budget !== null && timelineHeight !== null && timelineHeight > budget;\n  return { budget, overflows, isExpanded, setExpanded };\n}\n\nexport interface ThreadTraceSpansProps extends Omit<ComponentProps<'div'>, 'children'> {\n  /** Class name of the measured wrapper around the timeline. */\n  timelineClassName?: string;\n}\n\n/**\n * The span tree of a row, clamped (and faded) to the messages column while the row is collapsed.\n * Clicking the fade or its Expand button expands it; a Collapse button sits under the expanded tree\n * (hidden while a span of the row is open). Clamping needs the measured height of `ThreadTrace.Messages`.\n */\nexport function ThreadTraceSpans({ className, timelineClassName, ...props }: ThreadTraceSpansProps) {\n  const { selectSpan } = useThreadTrace();\n  const { traceId, selectedSpanId, featuredSpanIds, revealSpanId, timelineRef, isActive } = useThreadTraceRow();\n  const { budget, overflows, isExpanded, setExpanded } = useSpansClamp();\n\n  // Passive: deduped with the (non-passive) fetch inside the consumer's messages slot and the side panel.\n  const { data, isLoading } = useTraceSpans(traceId, { passive: true });\n  const hierarchicalSpans = useMemo(() => formatHierarchicalSpans(data?.spans ?? []), [data]);\n  const { expandedSpanIds, setExpandedSpanIds } = useExpandedSpanIds(hierarchicalSpans);\n\n  // The clamp applies whenever the row is collapsed, not only once `overflows` is known: the\n  // measurement lags a frame on mount, which would otherwise let the cell grow and snap back.\n  // Overflow is already measured by the row, so the box's own measurement is ignored.\n  const box: CollapsibleBoxState = {\n    collapsedHeight: budget ?? 0,\n    isExpanded: isExpanded || budget === null,\n    isClipped: overflows,\n    setClipped: () => {},\n    setExpanded,\n    toggleExpanded: () => setExpanded(!isExpanded),\n  };\n\n  return (\n    <CollapsibleBox\n      state={box}\n      expandLabel=\"Expand\"\n      data-slot=\"thread-trace-spans\"\n      data-testid=\"trace-row-timeline\"\n      className={className}\n      {...props}\n    >\n      <div ref={timelineRef} className={cn('px-4 pt-2 pb-4', timelineClassName)}>\n        <TraceSpanTree\n          hierarchicalSpans={hierarchicalSpans}\n          selectedSpanId={selectedSpanId}\n          featuredSpanIds={featuredSpanIds}\n          revealSpanId={revealSpanId}\n          onSpanClick={id => selectSpan(traceId, selectedSpanId === id ? undefined : id)}\n          expandedSpanIds={expandedSpanIds}\n          setExpandedSpanIds={setExpandedSpanIds}\n          isLoading={isLoading}\n        />\n      </div>\n      {isExpanded && overflows && !isActive && (\n        <div className=\"flex justify-center pb-2\">\n          <Button size=\"sm\" variant=\"ghost\" icon={<Minimize2 />} onClick={() => setExpanded(false)}>\n            Collapse\n          </Button>\n        </div>\n      )}\n    </CollapsibleBox>\n  );\n}\n"],"names":["useThreadTraceRow","useThreadTrace","useTraceSpans","useMemo","formatHierarchicalSpans","useExpandedSpanIds","jsxs","CollapsibleBox","jsx","cn","TraceSpanTree","Button","Minimize2"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,SAAS,aAAA,GAAgB;AACvB,EAAA,MAAM,EAAE,UAAA,EAAY,WAAA,EAAa,gBAAgB,cAAA,EAAgB,mBAAA,KAAwBA,6EAAA,EAAkB;AAC3G,EAAA,MAAM,MAAA,GAAS,cAAA,KAAmB,IAAA,GAAO,cAAA,IAAkB,uBAAuB,CAAA,CAAA,GAAK,IAAA;AACvF,EAAA,MAAM,SAAA,GAAY,MAAA,KAAW,IAAA,IAAQ,cAAA,KAAmB,QAAQ,cAAA,GAAiB,MAAA;AACjF,EAAA,OAAO,EAAE,MAAA,EAAQ,SAAA,EAAW,UAAA,EAAY,WAAA,EAAY;AACtD;AAYO,SAAS,iBAAiB,EAAE,SAAA,EAAW,iBAAA,EAAmB,GAAG,OAAM,EAA0B;AAClG,EAAA,MAAM,EAAE,UAAA,EAAW,GAAIC,uEAAA,EAAe;AACtC,EAAA,MAAM,EAAE,SAAS,cAAA,EAAgB,eAAA,EAAiB,cAAc,WAAA,EAAa,QAAA,KAAaD,6EAAA,EAAkB;AAC5G,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAA,EAAW,UAAA,EAAY,WAAA,KAAgB,aAAA,EAAc;AAGrE,EAAA,MAAM,EAAE,MAAM,SAAA,EAAU,GAAIE,iDAAc,OAAA,EAAS,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA;AACpE,EAAA,MAAM,iBAAA,GAAoBC,aAAA,CAAQ,MAAMC,yEAAA,CAAwB,IAAA,EAAM,KAAA,IAAS,EAAE,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAC1F,EAAA,MAAM,EAAE,eAAA,EAAiB,kBAAA,EAAmB,GAAIC,2DAAmB,iBAAiB,CAAA;AAKpF,EAAA,MAAM,GAAA,GAA2B;AAAA,IAC/B,iBAAiB,MAAA,IAAU,CAAA;AAAA,IAC3B,UAAA,EAAY,cAAc,MAAA,KAAW,IAAA;AAAA,IACrC,SAAA,EAAW,SAAA;AAAA,IACX,YAAY,MAAM;AAAA,IAAC,CAAA;AAAA,IACnB,WAAA;AAAA,IACA,cAAA,EAAgB,MAAM,WAAA,CAAY,CAAC,UAAU;AAAA,GAC/C;AAEA,EAAA,uBACEC,eAAA;AAAA,IAACC,6BAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,GAAA;AAAA,MACP,WAAA,EAAY,QAAA;AAAA,MACZ,WAAA,EAAU,oBAAA;AAAA,MACV,aAAA,EAAY,oBAAA;AAAA,MACZ,SAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,SAAI,GAAA,EAAK,WAAA,EAAa,WAAWC,WAAA,CAAG,gBAAA,EAAkB,iBAAiB,CAAA,EACtE,QAAA,kBAAAD,cAAA;AAAA,UAACE,qDAAA;AAAA,UAAA;AAAA,YACC,iBAAA;AAAA,YACA,cAAA;AAAA,YACA,eAAA;AAAA,YACA,YAAA;AAAA,YACA,aAAa,CAAA,EAAA,KAAM,UAAA,CAAW,SAAS,cAAA,KAAmB,EAAA,GAAK,SAAY,EAAE,CAAA;AAAA,YAC7E,eAAA;AAAA,YACA,kBAAA;AAAA,YACA;AAAA;AAAA,SACF,EACF,CAAA;AAAA,QACC,UAAA,IAAc,SAAA,IAAa,CAAC,QAAA,oBAC3BF,cAAA,CAAC,SAAI,SAAA,EAAU,0BAAA,EACb,QAAA,kBAAAA,cAAA,CAACG,aAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK,SAAQ,OAAA,EAAQ,IAAA,kBAAMH,cAAA,CAACI,qBAAA,EAAA,EAAU,CAAA,EAAI,OAAA,EAAS,MAAM,WAAA,CAAY,KAAK,CAAA,EAAG,QAAA,EAAA,UAAA,EAE1F,CAAA,EACF;AAAA;AAAA;AAAA,GAEJ;AAEJ;;;;"}
+{"version":3,"file":"thread-trace-spans.cjs.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-spans.tsx"],"sourcesContent":["import { useTraceSpans } from '@mastra/react/hooks/traces';\nimport { Minimize2 } from 'lucide-react';\nimport { useMemo } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { useExpandedSpanIds } from '../../hooks/use-expanded-span-ids';\nimport { formatHierarchicalSpans } from '../format-hierarchical-spans';\nimport { TraceSpanTree } from '../trace-span-tree';\nimport { useThreadTrace } from './thread-trace-context';\nimport { useThreadTraceRow } from './thread-trace-row-context';\nimport { Button } from '@/ds/components/Button';\nimport { CollapsibleBox } from '@/ds/components/CollapsibleBox';\nimport type { CollapsibleBoxState } from '@/ds/components/CollapsibleBox';\nimport { cn } from '@/lib/utils';\n\n/**\n * The span tree is clamped to the messages column while the row is collapsed. The budget is the\n * messages height minus the details header (when there is one), otherwise the right cell overshoots the left.\n */\nfunction useSpansClamp() {\n  const { isExpanded, setExpanded, messagesHeight, timelineHeight, detailsHeaderHeight } = useThreadTraceRow();\n  const budget = messagesHeight !== null ? messagesHeight - (detailsHeaderHeight ?? 0) : null;\n  const overflows = budget !== null && timelineHeight !== null && timelineHeight > budget;\n  return { budget, overflows, isExpanded, setExpanded };\n}\n\nexport interface ThreadTraceSpansProps extends Omit<ComponentProps<'div'>, 'children'> {\n  /** Class name of the measured wrapper around the timeline. */\n  timelineClassName?: string;\n}\n\n/**\n * The span tree of a row, clamped (and faded) to the messages column while the row is collapsed.\n * Clicking the fade or its Expand button expands it; a Collapse button sits under the expanded tree\n * (hidden while a span of the row is open). Clamping needs the measured height of `ThreadTrace.Messages`.\n */\nexport function ThreadTraceSpans({ className, timelineClassName, ...props }: ThreadTraceSpansProps) {\n  const { selectSpan } = useThreadTrace();\n  const { traceId, selectedSpanId, featuredSpanIds, revealSpanId, timelineRef, isActive } = useThreadTraceRow();\n  const { budget, overflows, isExpanded, setExpanded } = useSpansClamp();\n\n  // Passive: deduped with the (non-passive) fetch inside the consumer's messages slot and the side panel.\n  const { data, isLoading } = useTraceSpans({ traceId: traceId, passive: true, queryOptions: { enabled: !!traceId } });\n  const hierarchicalSpans = useMemo(() => formatHierarchicalSpans(data?.spans ?? []), [data]);\n  const { expandedSpanIds, setExpandedSpanIds } = useExpandedSpanIds(hierarchicalSpans);\n\n  // The clamp applies whenever the row is collapsed, not only once `overflows` is known: the\n  // measurement lags a frame on mount, which would otherwise let the cell grow and snap back.\n  // Overflow is already measured by the row, so the box's own measurement is ignored.\n  const box: CollapsibleBoxState = {\n    collapsedHeight: budget ?? 0,\n    isExpanded: isExpanded || budget === null,\n    isClipped: overflows,\n    setClipped: () => {},\n    setExpanded,\n    toggleExpanded: () => setExpanded(!isExpanded),\n  };\n\n  return (\n    <CollapsibleBox\n      state={box}\n      expandLabel=\"Expand\"\n      data-slot=\"thread-trace-spans\"\n      data-testid=\"trace-row-timeline\"\n      className={className}\n      {...props}\n    >\n      <div ref={timelineRef} className={cn('px-4 pt-2 pb-4', timelineClassName)}>\n        <TraceSpanTree\n          hierarchicalSpans={hierarchicalSpans}\n          selectedSpanId={selectedSpanId}\n          featuredSpanIds={featuredSpanIds}\n          revealSpanId={revealSpanId}\n          onSpanClick={id => selectSpan(traceId, selectedSpanId === id ? undefined : id)}\n          expandedSpanIds={expandedSpanIds}\n          setExpandedSpanIds={setExpandedSpanIds}\n          isLoading={isLoading}\n        />\n      </div>\n      {isExpanded && overflows && !isActive && (\n        <div className=\"flex justify-center pb-2\">\n          <Button size=\"sm\" variant=\"ghost\" icon={<Minimize2 />} onClick={() => setExpanded(false)}>\n            Collapse\n          </Button>\n        </div>\n      )}\n    </CollapsibleBox>\n  );\n}\n"],"names":["useThreadTraceRow","useThreadTrace","useTraceSpans","useMemo","formatHierarchicalSpans","useExpandedSpanIds","jsxs","CollapsibleBox","jsx","cn","TraceSpanTree","Button","Minimize2"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,SAAS,aAAA,GAAgB;AACvB,EAAA,MAAM,EAAE,UAAA,EAAY,WAAA,EAAa,gBAAgB,cAAA,EAAgB,mBAAA,KAAwBA,6EAAA,EAAkB;AAC3G,EAAA,MAAM,MAAA,GAAS,cAAA,KAAmB,IAAA,GAAO,cAAA,IAAkB,uBAAuB,CAAA,CAAA,GAAK,IAAA;AACvF,EAAA,MAAM,SAAA,GAAY,MAAA,KAAW,IAAA,IAAQ,cAAA,KAAmB,QAAQ,cAAA,GAAiB,MAAA;AACjF,EAAA,OAAO,EAAE,MAAA,EAAQ,SAAA,EAAW,UAAA,EAAY,WAAA,EAAY;AACtD;AAYO,SAAS,iBAAiB,EAAE,SAAA,EAAW,iBAAA,EAAmB,GAAG,OAAM,EAA0B;AAClG,EAAA,MAAM,EAAE,UAAA,EAAW,GAAIC,uEAAA,EAAe;AACtC,EAAA,MAAM,EAAE,SAAS,cAAA,EAAgB,eAAA,EAAiB,cAAc,WAAA,EAAa,QAAA,KAAaD,6EAAA,EAAkB;AAC5G,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAA,EAAW,UAAA,EAAY,WAAA,KAAgB,aAAA,EAAc;AAGrE,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAU,GAAIE,oBAAA,CAAc,EAAE,OAAA,EAAkB,OAAA,EAAS,IAAA,EAAM,YAAA,EAAc,EAAE,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAA;AACnH,EAAA,MAAM,iBAAA,GAAoBC,aAAA,CAAQ,MAAMC,yEAAA,CAAwB,IAAA,EAAM,KAAA,IAAS,EAAE,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAC1F,EAAA,MAAM,EAAE,eAAA,EAAiB,kBAAA,EAAmB,GAAIC,2DAAmB,iBAAiB,CAAA;AAKpF,EAAA,MAAM,GAAA,GAA2B;AAAA,IAC/B,iBAAiB,MAAA,IAAU,CAAA;AAAA,IAC3B,UAAA,EAAY,cAAc,MAAA,KAAW,IAAA;AAAA,IACrC,SAAA,EAAW,SAAA;AAAA,IACX,YAAY,MAAM;AAAA,IAAC,CAAA;AAAA,IACnB,WAAA;AAAA,IACA,cAAA,EAAgB,MAAM,WAAA,CAAY,CAAC,UAAU;AAAA,GAC/C;AAEA,EAAA,uBACEC,eAAA;AAAA,IAACC,6BAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,GAAA;AAAA,MACP,WAAA,EAAY,QAAA;AAAA,MACZ,WAAA,EAAU,oBAAA;AAAA,MACV,aAAA,EAAY,oBAAA;AAAA,MACZ,SAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,SAAI,GAAA,EAAK,WAAA,EAAa,WAAWC,WAAA,CAAG,gBAAA,EAAkB,iBAAiB,CAAA,EACtE,QAAA,kBAAAD,cAAA;AAAA,UAACE,qDAAA;AAAA,UAAA;AAAA,YACC,iBAAA;AAAA,YACA,cAAA;AAAA,YACA,eAAA;AAAA,YACA,YAAA;AAAA,YACA,aAAa,CAAA,EAAA,KAAM,UAAA,CAAW,SAAS,cAAA,KAAmB,EAAA,GAAK,SAAY,EAAE,CAAA;AAAA,YAC7E,eAAA;AAAA,YACA,kBAAA;AAAA,YACA;AAAA;AAAA,SACF,EACF,CAAA;AAAA,QACC,UAAA,IAAc,SAAA,IAAa,CAAC,QAAA,oBAC3BF,cAAA,CAAC,SAAI,SAAA,EAAU,0BAAA,EACb,QAAA,kBAAAA,cAAA,CAACG,aAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK,SAAQ,OAAA,EAAQ,IAAA,kBAAMH,cAAA,CAACI,qBAAA,EAAA,EAAU,CAAA,EAAI,OAAA,EAAS,MAAM,WAAA,CAAY,KAAK,CAAA,EAAG,QAAA,EAAA,UAAA,EAE1F,CAAA,EACF;AAAA;AAAA;AAAA,GAEJ;AAEJ;;;;"}

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

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTraceSpans } from '@mastra/react/hooks/traces';
 import { Minimize2 } from 'lucide-react';
 import { useMemo } from 'react';
 import { useExpandedSpanIds } from '../../hooks/use-expanded-span-ids.es.js';
-import { useTraceSpans } from '../../hooks/use-trace-spans.es.js';
 import { formatHierarchicalSpans } from '../format-hierarchical-spans.es.js';
 import { TraceSpanTree } from '../trace-span-tree.es.js';
 import { useThreadTrace } from './thread-trace-context.es.js';
@@ -21,7 +21,7 @@ function ThreadTraceSpans({ className, timelineClassName, ...props }) {
   const { selectSpan } = useThreadTrace();
   const { traceId, selectedSpanId, featuredSpanIds, revealSpanId, timelineRef, isActive } = useThreadTraceRow();
   const { budget, overflows, isExpanded, setExpanded } = useSpansClamp();
-  const { data, isLoading } = useTraceSpans(traceId, { passive: true });
+  const { data, isLoading } = useTraceSpans({ traceId, passive: true, queryOptions: { enabled: !!traceId } });
   const hierarchicalSpans = useMemo(() => formatHierarchicalSpans(data?.spans ?? []), [data]);
   const { expandedSpanIds, setExpandedSpanIds } = useExpandedSpanIds(hierarchicalSpans);
   const box = {