@mastra/playground-ui 60.0.0 → 60.1.0-alpha.0

package/dist/domains/traces/components/no-traces-info.es.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { E as EmptyState } from '../../../EmptyState-CynkaZd1.js';
+import { E as EmptyState } from '../../../EmptyState-DyyUFpzY.js';
 import { formatDate } from '../../../utils/date-format.es.js';
 
 const PRESET_LABELS = {

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

@@ -13,7 +13,7 @@ const domains_traces_components_spanPayload_spanPayloadSection = require('./span
 require('../../../code-B-x-9sJ1.cjs');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 require('react');
-require('../../../Button-BnmR2HRc.cjs');
+require('../../../Button-CXhSUBxN.cjs');
 require('../../chat/context/chat-context.cjs.js');
 require('./span-payload/span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanProcessorAttributes = require('./span-payload/span-processor-attributes.cjs.js');
@@ -22,11 +22,11 @@ const domains_traces_components_spanSummaryDescription = require('./span-summary
 const domains_traces_components_spanTokenUsage = require('./span-token-usage.cjs.js');
 const domains_traces_components_traceIdButton = require('./trace-id-button.cjs.js');
 const dataKeysAndValues = require('../../../data-keys-and-values-DnpdW8zx.cjs');
-const dataPanel = require('../../../data-panel-CjvoI_lx.cjs');
-const Notice = require('../../../Notice-CEBwitdf.cjs');
-const tabsRoot = require('../../../tabs-root-BqC8X_h6.cjs');
-const tabsTab = require('../../../tabs-tab-lm4xyjtD.cjs');
-const tabsContent = require('../../../tabs-content-DQNRMjup.cjs');
+const dataPanel = require('../../../data-panel-D7Qk4iwZ.cjs');
+const Notice = require('../../../Notice-C4Tgmtgb.cjs');
+const tabsRoot = require('../../../tabs-root-C-ePF1y9.cjs');
+const tabsTab = require('../../../tabs-tab-BmIBFifi.cjs');
+const tabsContent = require('../../../tabs-content-DnscxcLI.cjs');
 
 const BODY_CLASS = "min-h-0 flex-1 overflow-y-auto px-2 py-3";
 function SpanDataPanelView({

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

@@ -9,7 +9,7 @@ import { SpanPayloadSection } from './span-payload/span-payload-section.es.js';
 import '../../../code-BeWhOFT4.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 import 'react';
-import '../../../Button-C6eUqcPI.js';
+import '../../../Button-D43ghVKt.js';
 import '../../chat/context/chat-context.es.js';
 import './span-payload/span-payload-processor.es.js';
 import { SpanProcessorAttributes } from './span-payload/span-processor-attributes.es.js';
@@ -18,11 +18,11 @@ import { SpanSummaryDescription } from './span-summary-description.es.js';
 import { SpanTokenUsage } from './span-token-usage.es.js';
 import { TraceIdButton } from './trace-id-button.es.js';
 import { D as DataKeysAndValues } from '../../../data-keys-and-values-DiRlIt-N.js';
-import { D as DataPanel } from '../../../data-panel-42fdcagQ.js';
-import { N as Notice } from '../../../Notice-Ce3r5x-7.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-4vL8SHCO.js';
-import { T as Tab } from '../../../tabs-tab-7e2as-AV.js';
-import { T as TabContent } from '../../../tabs-content-h2qqD8t-.js';
+import { D as DataPanel } from '../../../data-panel-DuLf5j8S.js';
+import { N as Notice } from '../../../Notice-B8RIClJD.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-lrZZ3KwH.js';
+import { T as Tab } from '../../../tabs-tab-DoPSW-1s.js';
+import { T as TabContent } from '../../../tabs-content-CwbkTutf.js';
 
 const BODY_CLASS = "min-h-0 flex-1 overflow-y-auto px-2 py-3";
 function SpanDataPanelView({

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

@@ -11,7 +11,7 @@ const domains_traces_components_spanPayload_spanErrorRenderer = require('./span-
 const domains_traces_components_spanPayload_spanPayloadSection = require('./span-payload/span-payload-section.cjs.js');
 require('../../../code-B-x-9sJ1.cjs');
 require('react');
-require('../../../Button-BnmR2HRc.cjs');
+require('../../../Button-CXhSUBxN.cjs');
 require('../../chat/context/chat-context.cjs.js');
 require('./span-payload/span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanProcessorAttributes = require('./span-payload/span-processor-attributes.cjs.js');

package/dist/domains/traces/components/span-details-view.es.js

@@ -7,7 +7,7 @@ import { SpanErrorRenderer } from './span-payload/span-error-renderer.es.js';
 import { SpanPayloadSection } from './span-payload/span-payload-section.es.js';
 import '../../../code-BeWhOFT4.js';
 import 'react';
-import '../../../Button-C6eUqcPI.js';
+import '../../../Button-D43ghVKt.js';
 import '../../chat/context/chat-context.es.js';
 import './span-payload/span-payload-processor.es.js';
 import { SpanProcessorAttributes } from './span-payload/span-processor-attributes.es.js';

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

@@ -5,10 +5,10 @@ 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-CbXrqcs-.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-D0mhsndj.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-CEBwitdf.cjs');
+const Notice = require('../../../../Notice-C4Tgmtgb.cjs');
 
 function SpanErrorRenderer({ span, className }) {
   const error = observability.describeSpanError(domains_traces_components_spanPayload_spanPayloadRegistry.asCoreSpan(span));

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

@@ -1,10 +1,10 @@
 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-CEflnpwW.js';
+import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-DL1Kr0cu.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-Ce3r5x-7.js';
+import { N as Notice } from '../../../../Notice-B8RIClJD.js';
 
 function SpanErrorRenderer({ span, className }) {
   const error = describeSpanError(asCoreSpan(span));

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-CbXrqcs-.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-D0mhsndj.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-CEflnpwW.js';
+import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-DL1Kr0cu.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,14 +6,14 @@ 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-CbXrqcs-.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-D0mhsndj.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-CO0Ab1Za.cjs');
+const reasoningActivity = require('../../../../reasoning-activity-BVviIdMe.cjs');
 const Card = require('../../../../Card-BQsKHkyB.cjs');
 const dataKeysAndValues = require('../../../../data-keys-and-values-DnpdW8zx.cjs');
 const inlineCode = require('../../../../inline-code-CSwG-x8D.cjs');
-const Notice = require('../../../../Notice-CEBwitdf.cjs');
+const Notice = require('../../../../Notice-C4Tgmtgb.cjs');
 
 function SpanTextRenderer({ value }) {
   return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadMarkdown, { children: value });

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

@@ -2,14 +2,14 @@ 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-CEflnpwW.js';
+import { a as SpanPayloadMarkdown, S as SpanPayloadField, b as SpanPayloadToolCalls, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-DL1Kr0cu.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-D3oCzL58.js';
+import { R as ReasoningActivity } from '../../../../reasoning-activity-OM1-hbCV.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';
-import { N as Notice } from '../../../../Notice-Ce3r5x-7.js';
+import { N as Notice } from '../../../../Notice-B8RIClJD.js';
 
 function SpanTextRenderer({ value }) {
   return /* @__PURE__ */ jsx(SpanPayloadMarkdown, { children: value });

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

@@ -16,7 +16,7 @@ function SpanPayloadJson({ value, className }) {
       "data-slot": "span-payload-json",
       className: utils_cn.cn(
         primitives_raisedSurface.raisedSurfaceStyle,
-        "max-h-[30vh] overflow-y-auto rounded-lg p-3 text-caption text-wrap break-all text-muted-foreground",
+        "rounded-lg p-3 text-caption text-wrap break-all text-muted-foreground",
         className
       )
     }

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

@@ -1 +1 @@
-{"version":3,"file":"span-payload-json.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-json.tsx"],"sourcesContent":["import { Code } from '@/ds/components/Code/code';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface SpanPayloadJsonProps {\n  value: unknown;\n  className?: string;\n}\n\n/** Fallback renderer: pretty-printed JSON for any payload core does not describe in more detail. */\nexport function SpanPayloadJson({ value, className }: SpanPayloadJsonProps) {\n  return (\n    <Code\n      code={JSON.stringify(value ?? null, null, 2)}\n      lang=\"json\"\n      data-slot=\"span-payload-json\"\n      className={cn(\n        raisedSurfaceStyle,\n        'max-h-[30vh] overflow-y-auto rounded-lg p-3 text-caption text-wrap break-all text-muted-foreground',\n        className,\n      )}\n    />\n  );\n}\n"],"names":["jsx","Code","cn","raisedSurfaceStyle"],"mappings":";;;;;;;;;AAUO,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,SAAA,EAAU,EAAyB;AAC1E,EAAA,uBACEA,cAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAA,CAAK,SAAA,CAAU,KAAA,IAAS,IAAA,EAAM,MAAM,CAAC,CAAA;AAAA,MAC3C,IAAA,EAAK,MAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAWC,WAAA;AAAA,QACTC,2CAAA;AAAA,QACA,oGAAA;AAAA,QACA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"span-payload-json.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-json.tsx"],"sourcesContent":["import { Code } from '@/ds/components/Code/code';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface SpanPayloadJsonProps {\n  value: unknown;\n  className?: string;\n}\n\n/** Fallback renderer: pretty-printed JSON for any payload core does not describe in more detail. */\nexport function SpanPayloadJson({ value, className }: SpanPayloadJsonProps) {\n  return (\n    <Code\n      code={JSON.stringify(value ?? null, null, 2)}\n      lang=\"json\"\n      data-slot=\"span-payload-json\"\n      className={cn(\n        raisedSurfaceStyle,\n        'rounded-lg p-3 text-caption text-wrap break-all text-muted-foreground',\n        className,\n      )}\n    />\n  );\n}\n"],"names":["jsx","Code","cn","raisedSurfaceStyle"],"mappings":";;;;;;;;;AAUO,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,SAAA,EAAU,EAAyB;AAC1E,EAAA,uBACEA,cAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAA,CAAK,SAAA,CAAU,KAAA,IAAS,IAAA,EAAM,MAAM,CAAC,CAAA;AAAA,MAC3C,IAAA,EAAK,MAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAWC,WAAA;AAAA,QACTC,2CAAA;AAAA,QACA,uEAAA;AAAA,QACA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

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

@@ -12,7 +12,7 @@ function SpanPayloadJson({ value, className }) {
       "data-slot": "span-payload-json",
       className: cn(
         raisedSurfaceStyle,
-        "max-h-[30vh] overflow-y-auto rounded-lg p-3 text-caption text-wrap break-all text-muted-foreground",
+        "rounded-lg p-3 text-caption text-wrap break-all text-muted-foreground",
         className
       )
     }

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

@@ -1 +1 @@
-{"version":3,"file":"span-payload-json.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-json.tsx"],"sourcesContent":["import { Code } from '@/ds/components/Code/code';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface SpanPayloadJsonProps {\n  value: unknown;\n  className?: string;\n}\n\n/** Fallback renderer: pretty-printed JSON for any payload core does not describe in more detail. */\nexport function SpanPayloadJson({ value, className }: SpanPayloadJsonProps) {\n  return (\n    <Code\n      code={JSON.stringify(value ?? null, null, 2)}\n      lang=\"json\"\n      data-slot=\"span-payload-json\"\n      className={cn(\n        raisedSurfaceStyle,\n        'max-h-[30vh] overflow-y-auto rounded-lg p-3 text-caption text-wrap break-all text-muted-foreground',\n        className,\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAUO,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,SAAA,EAAU,EAAyB;AAC1E,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAA,CAAK,SAAA,CAAU,KAAA,IAAS,IAAA,EAAM,MAAM,CAAC,CAAA;AAAA,MAC3C,IAAA,EAAK,MAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA;AAAA,QACA,oGAAA;AAAA,QACA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"span-payload-json.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-json.tsx"],"sourcesContent":["import { Code } from '@/ds/components/Code/code';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface SpanPayloadJsonProps {\n  value: unknown;\n  className?: string;\n}\n\n/** Fallback renderer: pretty-printed JSON for any payload core does not describe in more detail. */\nexport function SpanPayloadJson({ value, className }: SpanPayloadJsonProps) {\n  return (\n    <Code\n      code={JSON.stringify(value ?? null, null, 2)}\n      lang=\"json\"\n      data-slot=\"span-payload-json\"\n      className={cn(\n        raisedSurfaceStyle,\n        'rounded-lg p-3 text-caption text-wrap break-all text-muted-foreground',\n        className,\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAUO,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,SAAA,EAAU,EAAyB;AAC1E,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAA,CAAK,SAAA,CAAU,KAAA,IAAS,IAAA,EAAM,MAAM,CAAC,CAAA;AAAA,MAC3C,IAAA,EAAK,MAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA;AAAA,QACA,uEAAA;AAAA,QACA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

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

@@ -5,20 +5,25 @@ 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-CbXrqcs-.cjs');
-const reasoningActivity = require('../../../../reasoning-activity-CO0Ab1Za.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-D0mhsndj.cjs');
+const reasoningActivity = require('../../../../reasoning-activity-BVviIdMe.cjs');
 const message = require('../../../../message-C1c5oZE7.cjs');
 
 const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
-function MessageText({ text, plain }) {
-  return plain ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mastra-markdown", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: text.trim() }) }) : /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadMarkdown, { children: text });
+function dedent(text) {
+  const lines = text.split("\n");
+  const indent = Math.min(...lines.filter((line) => line.trim()).map((line) => line.length - line.trimStart().length));
+  return (Number.isFinite(indent) ? lines.map((line) => line.slice(indent)).join("\n") : text).trim();
 }
-function MessagePart({ part, plain = false }) {
-  if (typeof part === "string") return /* @__PURE__ */ jsxRuntime.jsx(MessageText, { text: part, plain });
+function MessageText({ text }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadMarkdown, { children: dedent(text) });
+}
+function MessagePart({ part }) {
+  if (typeof part === "string") return /* @__PURE__ */ jsxRuntime.jsx(MessageText, { text: part });
   if (!isRecord(part)) return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: part });
   switch (part.type) {
     case "text":
-      return typeof part.text === "string" ? /* @__PURE__ */ jsxRuntime.jsx(MessageText, { text: part.text, plain }) : /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: part });
+      return typeof part.text === "string" ? /* @__PURE__ */ jsxRuntime.jsx(MessageText, { text: part.text }) : /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: part });
     case "reasoning":
       return typeof part.text === "string" ? /* @__PURE__ */ jsxRuntime.jsx(reasoningActivity.ReasoningActivity, { text: part.text }) : /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: part });
     case "tool-call":
@@ -43,20 +48,20 @@ function messageParts(message) {
   }
   return [];
 }
-function MessageBody({ parts, plain }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3", children: parts.map((part, index) => /* @__PURE__ */ jsxRuntime.jsx(MessagePart, { part, plain }, index)) });
+function MessageBody({ parts }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3", children: parts.map((part, index) => /* @__PURE__ */ jsxRuntime.jsx(MessagePart, { part }, index)) });
 }
 function SpanMessage({ message: message$1 }) {
   if (typeof message$1 === "string") {
     return /* @__PURE__ */ jsxRuntime.jsx(message.Message, { from: "user", "data-role": "user", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadLabel, { children: "user" }),
-      /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadMarkdown, { children: message$1 })
+      /* @__PURE__ */ jsxRuntime.jsx(MessageText, { text: message$1 })
     ] }) });
   }
   if (!isRecord(message$1)) return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: message$1 });
   const role = typeof message$1.role === "string" ? message$1.role : "unknown";
   const parts = messageParts(message$1);
-  const body = parts.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(MessageBody, { parts, plain: role === "system" }) : /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: message$1 });
+  const body = parts.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(MessageBody, { parts }) : /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: message$1 });
   if (role === "user" || role === "assistant") {
     return /* @__PURE__ */ jsxRuntime.jsx(message.Message, { from: role, "data-role": role, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadLabel, { children: role }),

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

@@ -1 +1 @@
-{"version":3,"file":"span-payload-messages.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-messages.tsx"],"sourcesContent":["import type { SpanInputMessage } from '@mastra/core/observability';\nimport { SpanPayloadAttachment } from './span-payload-attachment';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMarkdown, SpanPayloadLabel } from './span-payload-primitives';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { ReasoningActivity } from '@/ds/components/ai/activity';\nimport { Message } from '@/ds/components/Message';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nfunction MessageText({ text, plain }: { text: string; plain: boolean }) {\n  return plain ? (\n    <div className=\"mastra-markdown\">\n      <p>{text.trim()}</p>\n    </div>\n  ) : (\n    <SpanPayloadMarkdown>{text}</SpanPayloadMarkdown>\n  );\n}\n\nfunction MessagePart({ part, plain = false }: { part: unknown; plain?: boolean }) {\n  if (typeof part === 'string') return <MessageText text={part} plain={plain} />;\n  if (!isRecord(part)) return <SpanPayloadJson value={part} />;\n\n  switch (part.type) {\n    case 'text':\n      return typeof part.text === 'string' ? (\n        <MessageText text={part.text} plain={plain} />\n      ) : (\n        <SpanPayloadJson value={part} />\n      );\n    case 'reasoning':\n      return typeof part.text === 'string' ? <ReasoningActivity text={part.text} /> : <SpanPayloadJson value={part} />;\n    case 'tool-call':\n    case 'tool-invocation':\n    case 'dynamic-tool':\n    case 'tool-result':\n      return <SpanPayloadTool value={part} />;\n    case 'file':\n    case 'image':\n      return <SpanPayloadAttachment value={part} />;\n    default:\n      return <SpanPayloadJson value={part} />;\n  }\n}\n\nfunction messageParts(message: Record<string, unknown>): unknown[] {\n  if (Array.isArray(message.parts)) return message.parts;\n  if (Array.isArray(message.content)) return message.content;\n  if (typeof message.content === 'string') return [message.content];\n  if (isRecord(message.content)) {\n    // MastraDBMessage: content is { format, parts, content? }\n    if (Array.isArray(message.content.parts)) return message.content.parts;\n    if (typeof message.content.content === 'string') return [message.content.content];\n  }\n  return [];\n}\n\nfunction MessageBody({ parts, plain }: { parts: unknown[]; plain: boolean }) {\n  return (\n    <div className=\"flex flex-col gap-3\">\n      {parts.map((part, index) => (\n        <MessagePart key={index} part={part} plain={plain} />\n      ))}\n    </div>\n  );\n}\n\n// `unknown` on purpose: SpanInputMessage is a wide union of SDK message shapes, and the\n// renderer only needs `isRecord` narrowing to read `role` / `content` / `parts` defensively.\nfunction SpanMessage({ message }: { message: unknown }) {\n  if (typeof message === 'string') {\n    return (\n      <Message from=\"user\" data-role=\"user\">\n        <div className=\"flex flex-col gap-2\">\n          <SpanPayloadLabel>user</SpanPayloadLabel>\n          <SpanPayloadMarkdown>{message}</SpanPayloadMarkdown>\n        </div>\n      </Message>\n    );\n  }\n  if (!isRecord(message)) return <SpanPayloadJson value={message} />;\n\n  const role = typeof message.role === 'string' ? message.role : 'unknown';\n  const parts = messageParts(message);\n  const body =\n    parts.length > 0 ? <MessageBody parts={parts} plain={role === 'system'} /> : <SpanPayloadJson value={message} />;\n\n  if (role === 'user' || role === 'assistant') {\n    return (\n      <Message from={role} data-role={role}>\n        <div className=\"flex flex-col gap-2\">\n          <SpanPayloadLabel>{role}</SpanPayloadLabel>\n          {body}\n        </div>\n      </Message>\n    );\n  }\n  const hasToolResultLabels =\n    role === 'tool' &&\n    parts.length > 0 &&\n    parts.every(\n      part => isRecord(part) && part.type === 'tool-result' && typeof part.toolName === 'string' && part.toolName,\n    );\n\n  return (\n    <div data-role={role} className=\"flex min-w-0 flex-col gap-2\">\n      {!hasToolResultLabels && <SpanPayloadLabel>{role}</SpanPayloadLabel>}\n      {body}\n    </div>\n  );\n}\n\nexport interface SpanPayloadMessagesProps {\n  value: SpanInputMessage[];\n}\n\n/** Renders a span's message list; rich (parts/content arrays) and shallow (`{ role, content: string }`) alike. */\nexport function SpanPayloadMessages({ value }: SpanPayloadMessagesProps) {\n  return (\n    <div data-slot=\"span-payload-messages\" className=\"flex flex-col gap-3\">\n      {value.map((message, index) => (\n        <SpanMessage key={index} message={message} />\n      ))}\n    </div>\n  );\n}\n"],"names":["jsx","SpanPayloadMarkdown","SpanPayloadJson","ReasoningActivity","SpanPayloadTool","SpanPayloadAttachment","message","Message","jsxs","SpanPayloadLabel"],"mappings":"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"}
+{"version":3,"file":"span-payload-messages.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-messages.tsx"],"sourcesContent":["import type { SpanInputMessage } from '@mastra/core/observability';\nimport { SpanPayloadAttachment } from './span-payload-attachment';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMarkdown, SpanPayloadLabel } from './span-payload-primitives';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { ReasoningActivity } from '@/ds/components/ai/activity';\nimport { Message } from '@/ds/components/Message';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** Strips the indentation shared by every line so indented prompts are not rendered as code blocks. */\nfunction dedent(text: string): string {\n  const lines = text.split('\\n');\n  const indent = Math.min(...lines.filter(line => line.trim()).map(line => line.length - line.trimStart().length));\n  return (Number.isFinite(indent) ? lines.map(line => line.slice(indent)).join('\\n') : text).trim();\n}\n\nfunction MessageText({ text }: { text: string }) {\n  return <SpanPayloadMarkdown>{dedent(text)}</SpanPayloadMarkdown>;\n}\n\nfunction MessagePart({ part }: { part: unknown }) {\n  if (typeof part === 'string') return <MessageText text={part} />;\n  if (!isRecord(part)) return <SpanPayloadJson value={part} />;\n\n  switch (part.type) {\n    case 'text':\n      return typeof part.text === 'string' ? <MessageText text={part.text} /> : <SpanPayloadJson value={part} />;\n    case 'reasoning':\n      return typeof part.text === 'string' ? <ReasoningActivity text={part.text} /> : <SpanPayloadJson value={part} />;\n    case 'tool-call':\n    case 'tool-invocation':\n    case 'dynamic-tool':\n    case 'tool-result':\n      return <SpanPayloadTool value={part} />;\n    case 'file':\n    case 'image':\n      return <SpanPayloadAttachment value={part} />;\n    default:\n      return <SpanPayloadJson value={part} />;\n  }\n}\n\nfunction messageParts(message: Record<string, unknown>): unknown[] {\n  if (Array.isArray(message.parts)) return message.parts;\n  if (Array.isArray(message.content)) return message.content;\n  if (typeof message.content === 'string') return [message.content];\n  if (isRecord(message.content)) {\n    // MastraDBMessage: content is { format, parts, content? }\n    if (Array.isArray(message.content.parts)) return message.content.parts;\n    if (typeof message.content.content === 'string') return [message.content.content];\n  }\n  return [];\n}\n\nfunction MessageBody({ parts }: { parts: unknown[] }) {\n  return (\n    <div className=\"flex flex-col gap-3\">\n      {parts.map((part, index) => (\n        <MessagePart key={index} part={part} />\n      ))}\n    </div>\n  );\n}\n\n// `unknown` on purpose: SpanInputMessage is a wide union of SDK message shapes, and the\n// renderer only needs `isRecord` narrowing to read `role` / `content` / `parts` defensively.\nfunction SpanMessage({ message }: { message: unknown }) {\n  if (typeof message === 'string') {\n    return (\n      <Message from=\"user\" data-role=\"user\">\n        <div className=\"flex flex-col gap-2\">\n          <SpanPayloadLabel>user</SpanPayloadLabel>\n          <MessageText text={message} />\n        </div>\n      </Message>\n    );\n  }\n  if (!isRecord(message)) return <SpanPayloadJson value={message} />;\n\n  const role = typeof message.role === 'string' ? message.role : 'unknown';\n  const parts = messageParts(message);\n  const body = parts.length > 0 ? <MessageBody parts={parts} /> : <SpanPayloadJson value={message} />;\n\n  if (role === 'user' || role === 'assistant') {\n    return (\n      <Message from={role} data-role={role}>\n        <div className=\"flex flex-col gap-2\">\n          <SpanPayloadLabel>{role}</SpanPayloadLabel>\n          {body}\n        </div>\n      </Message>\n    );\n  }\n  const hasToolResultLabels =\n    role === 'tool' &&\n    parts.length > 0 &&\n    parts.every(\n      part => isRecord(part) && part.type === 'tool-result' && typeof part.toolName === 'string' && part.toolName,\n    );\n\n  return (\n    <div data-role={role} className=\"flex min-w-0 flex-col gap-2\">\n      {!hasToolResultLabels && <SpanPayloadLabel>{role}</SpanPayloadLabel>}\n      {body}\n    </div>\n  );\n}\n\nexport interface SpanPayloadMessagesProps {\n  value: SpanInputMessage[];\n}\n\n/** Renders a span's message list; rich (parts/content arrays) and shallow (`{ role, content: string }`) alike. */\nexport function SpanPayloadMessages({ value }: SpanPayloadMessagesProps) {\n  return (\n    <div data-slot=\"span-payload-messages\" className=\"flex flex-col gap-3\">\n      {value.map((message, index) => (\n        <SpanMessage key={index} message={message} />\n      ))}\n    </div>\n  );\n}\n"],"names":["jsx","SpanPayloadMarkdown","SpanPayloadJson","ReasoningActivity","SpanPayloadTool","SpanPayloadAttachment","message","Message","jsxs","SpanPayloadLabel"],"mappings":"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"}

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

@@ -1,20 +1,25 @@
 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-CEflnpwW.js';
-import { R as ReasoningActivity } from '../../../../reasoning-activity-D3oCzL58.js';
+import { d as SpanPayloadLabel, a as SpanPayloadMarkdown, e as SpanPayloadTool } from '../../../../span-payload-primitives-DL1Kr0cu.js';
+import { R as ReasoningActivity } from '../../../../reasoning-activity-OM1-hbCV.js';
 import { a as Message } from '../../../../message-C7hocqft.js';
 
 const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
-function MessageText({ text, plain }) {
-  return plain ? /* @__PURE__ */ jsx("div", { className: "mastra-markdown", children: /* @__PURE__ */ jsx("p", { children: text.trim() }) }) : /* @__PURE__ */ jsx(SpanPayloadMarkdown, { children: text });
+function dedent(text) {
+  const lines = text.split("\n");
+  const indent = Math.min(...lines.filter((line) => line.trim()).map((line) => line.length - line.trimStart().length));
+  return (Number.isFinite(indent) ? lines.map((line) => line.slice(indent)).join("\n") : text).trim();
 }
-function MessagePart({ part, plain = false }) {
-  if (typeof part === "string") return /* @__PURE__ */ jsx(MessageText, { text: part, plain });
+function MessageText({ text }) {
+  return /* @__PURE__ */ jsx(SpanPayloadMarkdown, { children: dedent(text) });
+}
+function MessagePart({ part }) {
+  if (typeof part === "string") return /* @__PURE__ */ jsx(MessageText, { text: part });
   if (!isRecord(part)) return /* @__PURE__ */ jsx(SpanPayloadJson, { value: part });
   switch (part.type) {
     case "text":
-      return typeof part.text === "string" ? /* @__PURE__ */ jsx(MessageText, { text: part.text, plain }) : /* @__PURE__ */ jsx(SpanPayloadJson, { value: part });
+      return typeof part.text === "string" ? /* @__PURE__ */ jsx(MessageText, { text: part.text }) : /* @__PURE__ */ jsx(SpanPayloadJson, { value: part });
     case "reasoning":
       return typeof part.text === "string" ? /* @__PURE__ */ jsx(ReasoningActivity, { text: part.text }) : /* @__PURE__ */ jsx(SpanPayloadJson, { value: part });
     case "tool-call":
@@ -39,20 +44,20 @@ function messageParts(message) {
   }
   return [];
 }
-function MessageBody({ parts, plain }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: parts.map((part, index) => /* @__PURE__ */ jsx(MessagePart, { part, plain }, index)) });
+function MessageBody({ parts }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: parts.map((part, index) => /* @__PURE__ */ jsx(MessagePart, { part }, index)) });
 }
 function SpanMessage({ message }) {
   if (typeof message === "string") {
     return /* @__PURE__ */ jsx(Message, { from: "user", "data-role": "user", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsx(SpanPayloadLabel, { children: "user" }),
-      /* @__PURE__ */ jsx(SpanPayloadMarkdown, { children: message })
+      /* @__PURE__ */ jsx(MessageText, { text: message })
     ] }) });
   }
   if (!isRecord(message)) return /* @__PURE__ */ jsx(SpanPayloadJson, { value: message });
   const role = typeof message.role === "string" ? message.role : "unknown";
   const parts = messageParts(message);
-  const body = parts.length > 0 ? /* @__PURE__ */ jsx(MessageBody, { parts, plain: role === "system" }) : /* @__PURE__ */ jsx(SpanPayloadJson, { value: message });
+  const body = parts.length > 0 ? /* @__PURE__ */ jsx(MessageBody, { parts }) : /* @__PURE__ */ jsx(SpanPayloadJson, { value: message });
   if (role === "user" || role === "assistant") {
     return /* @__PURE__ */ jsx(Message, { from: role, "data-role": role, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsx(SpanPayloadLabel, { children: role }),

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

@@ -1 +1 @@
-{"version":3,"file":"span-payload-messages.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-messages.tsx"],"sourcesContent":["import type { SpanInputMessage } from '@mastra/core/observability';\nimport { SpanPayloadAttachment } from './span-payload-attachment';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMarkdown, SpanPayloadLabel } from './span-payload-primitives';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { ReasoningActivity } from '@/ds/components/ai/activity';\nimport { Message } from '@/ds/components/Message';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nfunction MessageText({ text, plain }: { text: string; plain: boolean }) {\n  return plain ? (\n    <div className=\"mastra-markdown\">\n      <p>{text.trim()}</p>\n    </div>\n  ) : (\n    <SpanPayloadMarkdown>{text}</SpanPayloadMarkdown>\n  );\n}\n\nfunction MessagePart({ part, plain = false }: { part: unknown; plain?: boolean }) {\n  if (typeof part === 'string') return <MessageText text={part} plain={plain} />;\n  if (!isRecord(part)) return <SpanPayloadJson value={part} />;\n\n  switch (part.type) {\n    case 'text':\n      return typeof part.text === 'string' ? (\n        <MessageText text={part.text} plain={plain} />\n      ) : (\n        <SpanPayloadJson value={part} />\n      );\n    case 'reasoning':\n      return typeof part.text === 'string' ? <ReasoningActivity text={part.text} /> : <SpanPayloadJson value={part} />;\n    case 'tool-call':\n    case 'tool-invocation':\n    case 'dynamic-tool':\n    case 'tool-result':\n      return <SpanPayloadTool value={part} />;\n    case 'file':\n    case 'image':\n      return <SpanPayloadAttachment value={part} />;\n    default:\n      return <SpanPayloadJson value={part} />;\n  }\n}\n\nfunction messageParts(message: Record<string, unknown>): unknown[] {\n  if (Array.isArray(message.parts)) return message.parts;\n  if (Array.isArray(message.content)) return message.content;\n  if (typeof message.content === 'string') return [message.content];\n  if (isRecord(message.content)) {\n    // MastraDBMessage: content is { format, parts, content? }\n    if (Array.isArray(message.content.parts)) return message.content.parts;\n    if (typeof message.content.content === 'string') return [message.content.content];\n  }\n  return [];\n}\n\nfunction MessageBody({ parts, plain }: { parts: unknown[]; plain: boolean }) {\n  return (\n    <div className=\"flex flex-col gap-3\">\n      {parts.map((part, index) => (\n        <MessagePart key={index} part={part} plain={plain} />\n      ))}\n    </div>\n  );\n}\n\n// `unknown` on purpose: SpanInputMessage is a wide union of SDK message shapes, and the\n// renderer only needs `isRecord` narrowing to read `role` / `content` / `parts` defensively.\nfunction SpanMessage({ message }: { message: unknown }) {\n  if (typeof message === 'string') {\n    return (\n      <Message from=\"user\" data-role=\"user\">\n        <div className=\"flex flex-col gap-2\">\n          <SpanPayloadLabel>user</SpanPayloadLabel>\n          <SpanPayloadMarkdown>{message}</SpanPayloadMarkdown>\n        </div>\n      </Message>\n    );\n  }\n  if (!isRecord(message)) return <SpanPayloadJson value={message} />;\n\n  const role = typeof message.role === 'string' ? message.role : 'unknown';\n  const parts = messageParts(message);\n  const body =\n    parts.length > 0 ? <MessageBody parts={parts} plain={role === 'system'} /> : <SpanPayloadJson value={message} />;\n\n  if (role === 'user' || role === 'assistant') {\n    return (\n      <Message from={role} data-role={role}>\n        <div className=\"flex flex-col gap-2\">\n          <SpanPayloadLabel>{role}</SpanPayloadLabel>\n          {body}\n        </div>\n      </Message>\n    );\n  }\n  const hasToolResultLabels =\n    role === 'tool' &&\n    parts.length > 0 &&\n    parts.every(\n      part => isRecord(part) && part.type === 'tool-result' && typeof part.toolName === 'string' && part.toolName,\n    );\n\n  return (\n    <div data-role={role} className=\"flex min-w-0 flex-col gap-2\">\n      {!hasToolResultLabels && <SpanPayloadLabel>{role}</SpanPayloadLabel>}\n      {body}\n    </div>\n  );\n}\n\nexport interface SpanPayloadMessagesProps {\n  value: SpanInputMessage[];\n}\n\n/** Renders a span's message list; rich (parts/content arrays) and shallow (`{ role, content: string }`) alike. */\nexport function SpanPayloadMessages({ value }: SpanPayloadMessagesProps) {\n  return (\n    <div data-slot=\"span-payload-messages\" className=\"flex flex-col gap-3\">\n      {value.map((message, index) => (\n        <SpanMessage key={index} message={message} />\n      ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"span-payload-messages.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-messages.tsx"],"sourcesContent":["import type { SpanInputMessage } from '@mastra/core/observability';\nimport { SpanPayloadAttachment } from './span-payload-attachment';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMarkdown, SpanPayloadLabel } from './span-payload-primitives';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { ReasoningActivity } from '@/ds/components/ai/activity';\nimport { Message } from '@/ds/components/Message';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** Strips the indentation shared by every line so indented prompts are not rendered as code blocks. */\nfunction dedent(text: string): string {\n  const lines = text.split('\\n');\n  const indent = Math.min(...lines.filter(line => line.trim()).map(line => line.length - line.trimStart().length));\n  return (Number.isFinite(indent) ? lines.map(line => line.slice(indent)).join('\\n') : text).trim();\n}\n\nfunction MessageText({ text }: { text: string }) {\n  return <SpanPayloadMarkdown>{dedent(text)}</SpanPayloadMarkdown>;\n}\n\nfunction MessagePart({ part }: { part: unknown }) {\n  if (typeof part === 'string') return <MessageText text={part} />;\n  if (!isRecord(part)) return <SpanPayloadJson value={part} />;\n\n  switch (part.type) {\n    case 'text':\n      return typeof part.text === 'string' ? <MessageText text={part.text} /> : <SpanPayloadJson value={part} />;\n    case 'reasoning':\n      return typeof part.text === 'string' ? <ReasoningActivity text={part.text} /> : <SpanPayloadJson value={part} />;\n    case 'tool-call':\n    case 'tool-invocation':\n    case 'dynamic-tool':\n    case 'tool-result':\n      return <SpanPayloadTool value={part} />;\n    case 'file':\n    case 'image':\n      return <SpanPayloadAttachment value={part} />;\n    default:\n      return <SpanPayloadJson value={part} />;\n  }\n}\n\nfunction messageParts(message: Record<string, unknown>): unknown[] {\n  if (Array.isArray(message.parts)) return message.parts;\n  if (Array.isArray(message.content)) return message.content;\n  if (typeof message.content === 'string') return [message.content];\n  if (isRecord(message.content)) {\n    // MastraDBMessage: content is { format, parts, content? }\n    if (Array.isArray(message.content.parts)) return message.content.parts;\n    if (typeof message.content.content === 'string') return [message.content.content];\n  }\n  return [];\n}\n\nfunction MessageBody({ parts }: { parts: unknown[] }) {\n  return (\n    <div className=\"flex flex-col gap-3\">\n      {parts.map((part, index) => (\n        <MessagePart key={index} part={part} />\n      ))}\n    </div>\n  );\n}\n\n// `unknown` on purpose: SpanInputMessage is a wide union of SDK message shapes, and the\n// renderer only needs `isRecord` narrowing to read `role` / `content` / `parts` defensively.\nfunction SpanMessage({ message }: { message: unknown }) {\n  if (typeof message === 'string') {\n    return (\n      <Message from=\"user\" data-role=\"user\">\n        <div className=\"flex flex-col gap-2\">\n          <SpanPayloadLabel>user</SpanPayloadLabel>\n          <MessageText text={message} />\n        </div>\n      </Message>\n    );\n  }\n  if (!isRecord(message)) return <SpanPayloadJson value={message} />;\n\n  const role = typeof message.role === 'string' ? message.role : 'unknown';\n  const parts = messageParts(message);\n  const body = parts.length > 0 ? <MessageBody parts={parts} /> : <SpanPayloadJson value={message} />;\n\n  if (role === 'user' || role === 'assistant') {\n    return (\n      <Message from={role} data-role={role}>\n        <div className=\"flex flex-col gap-2\">\n          <SpanPayloadLabel>{role}</SpanPayloadLabel>\n          {body}\n        </div>\n      </Message>\n    );\n  }\n  const hasToolResultLabels =\n    role === 'tool' &&\n    parts.length > 0 &&\n    parts.every(\n      part => isRecord(part) && part.type === 'tool-result' && typeof part.toolName === 'string' && part.toolName,\n    );\n\n  return (\n    <div data-role={role} className=\"flex min-w-0 flex-col gap-2\">\n      {!hasToolResultLabels && <SpanPayloadLabel>{role}</SpanPayloadLabel>}\n      {body}\n    </div>\n  );\n}\n\nexport interface SpanPayloadMessagesProps {\n  value: SpanInputMessage[];\n}\n\n/** Renders a span's message list; rich (parts/content arrays) and shallow (`{ role, content: string }`) alike. */\nexport function SpanPayloadMessages({ value }: SpanPayloadMessagesProps) {\n  return (\n    <div data-slot=\"span-payload-messages\" className=\"flex flex-col gap-3\">\n      {value.map((message, index) => (\n        <SpanMessage key={index} message={message} />\n      ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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-CbXrqcs-.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-D0mhsndj.cjs');
 require('../../../../collapsible-jfzzU7Gp.cjs');
-require('../../../../markdown-renderer-CSwjfPaf.cjs');
+require('../../../../markdown-renderer-CZV6neya.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-CEflnpwW.js';
+export { c as SpanPayloadCollapsible, S as SpanPayloadField, d as SpanPayloadLabel, a as SpanPayloadMarkdown, b as SpanPayloadToolCalls } from '../../../../span-payload-primitives-DL1Kr0cu.js';
 import '../../../../collapsible-BNUn4644.js';
-import '../../../../markdown-renderer-Bl0V7FCo.js';
+import '../../../../markdown-renderer-Cy7Iwy1c.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-CbXrqcs-.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-D0mhsndj.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-CEflnpwW.js';
+import { S as SpanPayloadField, b as SpanPayloadToolCalls, a as SpanPayloadMarkdown, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-DL1Kr0cu.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-section.cjs.js

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const Button = require('../../../../Button-BnmR2HRc.cjs');
+const Button = require('../../../../Button-CXhSUBxN.cjs');
 const buttonsGroup = require('../../../../buttons-group-CoZP3lJt.cjs');
-const copyButton = require('../../../../copy-button-C6nXDjBz.cjs');
+const useCollapsibleBox = require('../../../../use-collapsible-box-CbQOkokQ.cjs');
+const copyButton = require('../../../../copy-button-CGkFEDHF.cjs');
 const dataPanelSectionHeading = require('../../../../data-panel-section-heading-V86Awzqg.cjs');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 
@@ -44,6 +46,7 @@ function SpanPayloadSection({
   className
 }) {
   const [view, setView] = React.useState(defaultView);
+  const box = useCollapsibleBox.useCollapsibleBox();
   if (raw == null) return null;
   const hasRich = hasPreview && children != null;
   const showJson = !hasRich || view === "raw";
@@ -57,11 +60,21 @@ function SpanPayloadSection({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(dataPanelSectionHeading.DataPanelSectionHeading, { icon, className: layout === "details" ? "text-meta" : void 0, children: title }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+            (box.isClipped || box.isExpanded) && /* @__PURE__ */ jsxRuntime.jsx(
+              Button.Button,
+              {
+                size: "sm",
+                variant: "ghost",
+                icon: box.isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minimize2, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize2, {}),
+                onClick: box.toggleExpanded,
+                children: box.isExpanded ? "Collapse" : "Expand"
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: JSON.stringify(raw, null, 2), size: "sm", variant: "ghost" }),
             hasRich && /* @__PURE__ */ jsxRuntime.jsx(ViewToggle, { view, onChange: setView })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: showJson ? /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: raw }) : children })
+        /* @__PURE__ */ jsxRuntime.jsx(useCollapsibleBox.CollapsibleBox, { state: box, children: showJson ? /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: raw }) : children })
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"span-payload-section.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-section.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataPanelSectionHeading } from '@/ds/components/DataPanel/data-panel-section-heading';\nimport { cn } from '@/lib/utils';\n\nexport type SpanPayloadView = 'rich' | 'raw';\n\nexport interface SpanPayloadSectionProps {\n  title: string;\n  icon?: ReactNode;\n  /** The payload as stored; shown as JSON in the Raw view. */\n  raw: unknown;\n  /** Whether a dedicated presentation exists rather than a JSON fallback. */\n  hasPreview?: boolean;\n  /**\n   * The human-readable rendering. `null` when the payload has no rich form\n   * (JSON fallback): the section then shows Raw only and hides the toggle.\n   */\n  children: ReactNode;\n  /** `panel` matches `DataPanel.CodeSection`; `details` matches `DataDetailsPanel.CodeSection`. */\n  layout?: 'panel' | 'details';\n  defaultView?: SpanPayloadView;\n  className?: string;\n}\n\nfunction ViewToggle({ view, onChange }: { view: SpanPayloadView; onChange: (view: SpanPayloadView) => void }) {\n  return (\n    <ButtonsGroup size=\"sm\" aria-label=\"Payload view\" data-slot=\"span-payload-view-toggle\">\n      <Button\n        variant={view === 'rich' ? 'primary' : 'default'}\n        aria-pressed={view === 'rich'}\n        onClick={() => onChange('rich')}\n      >\n        Preview\n      </Button>\n      <Button\n        variant={view === 'raw' ? 'primary' : 'default'}\n        aria-pressed={view === 'raw'}\n        onClick={() => onChange('raw')}\n      >\n        JSON\n      </Button>\n    </ButtonsGroup>\n  );\n}\n\n/**\n * A span payload section with a Preview / JSON button group. All JSON views share\n * the same syntax highlighting while preserving the stored payload.\n */\nexport function SpanPayloadSection({\n  title,\n  icon,\n  raw,\n  hasPreview = true,\n  children,\n  layout = 'panel',\n  defaultView = 'rich',\n  className,\n}: SpanPayloadSectionProps) {\n  const [view, setView] = useState<SpanPayloadView>(defaultView);\n  if (raw == null) return null;\n\n  const hasRich = hasPreview && children != null;\n  const showJson = !hasRich || view === 'raw';\n\n  return (\n    <div\n      data-slot=\"span-payload-section\"\n      data-view={showJson ? 'raw' : 'rich'}\n      className={cn('flex flex-col gap-2', className)}\n    >\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <DataPanelSectionHeading icon={icon} className={layout === 'details' ? 'text-meta' : undefined}>\n          {title}\n        </DataPanelSectionHeading>\n        <div className=\"ml-auto flex items-center gap-2\">\n          <CopyButton content={JSON.stringify(raw, null, 2)} size=\"sm\" variant=\"ghost\" />\n          {hasRich && <ViewToggle view={view} onChange={setView} />}\n        </div>\n      </div>\n      <div className=\"min-w-0\">{showJson ? <SpanPayloadJson value={raw} /> : children}</div>\n    </div>\n  );\n}\n"],"names":["ButtonsGroup","jsx","Button","useState","jsxs","cn","DataPanelSectionHeading","CopyButton","SpanPayloadJson"],"mappings":";;;;;;;;;;;;;AA6BA,SAAS,UAAA,CAAW,EAAE,IAAA,EAAM,QAAA,EAAS,EAAyE;AAC5G,EAAA,uCACGA,yBAAA,EAAA,EAAa,IAAA,EAAK,MAAK,YAAA,EAAW,cAAA,EAAe,aAAU,0BAAA,EAC1D,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,IAAA,KAAS,MAAA,GAAS,SAAA,GAAY,SAAA;AAAA,QACvC,gBAAc,IAAA,KAAS,MAAA;AAAA,QACvB,OAAA,EAAS,MAAM,QAAA,CAAS,MAAM,CAAA;AAAA,QAC/B,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACAD,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,IAAA,KAAS,KAAA,GAAQ,SAAA,GAAY,SAAA;AAAA,QACtC,gBAAc,IAAA,KAAS,KAAA;AAAA,QACvB,OAAA,EAAS,MAAM,QAAA,CAAS,KAAK,CAAA;AAAA,QAC9B,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ;AAMO,SAAS,kBAAA,CAAmB;AAAA,EACjC,KAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,QAAA;AAAA,EACA,MAAA,GAAS,OAAA;AAAA,EACT,WAAA,GAAc,MAAA;AAAA,EACd;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIC,eAA0B,WAAW,CAAA;AAC7D,EAAA,IAAI,GAAA,IAAO,MAAM,OAAO,IAAA;AAExB,EAAA,MAAM,OAAA,GAAU,cAAc,QAAA,IAAY,IAAA;AAC1C,EAAA,MAAM,QAAA,GAAW,CAAC,OAAA,IAAW,IAAA,KAAS,KAAA;AAEtC,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,sBAAA;AAAA,MACV,WAAA,EAAW,WAAW,KAAA,GAAQ,MAAA;AAAA,MAC9B,SAAA,EAAWC,WAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAE9C,QAAA,EAAA;AAAA,wBAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mDAAA,EACb,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACK,mDAAwB,IAAA,EAAY,SAAA,EAAW,WAAW,SAAA,GAAY,WAAA,GAAc,QAClF,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,0BACAF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EACb,QAAA,EAAA;AAAA,4BAAAH,cAAA,CAACM,qBAAA,EAAA,EAAW,OAAA,EAAS,IAAA,CAAK,SAAA,CAAU,GAAA,EAAK,IAAA,EAAM,CAAC,CAAA,EAAG,IAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAQ,CAAA;AAAA,YAC5E,OAAA,oBAAWN,cAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAY,UAAU,OAAA,EAAS;AAAA,WAAA,EACzD;AAAA,SAAA,EACF,CAAA;AAAA,wBACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,QAAA,kCAAYO,qEAAA,EAAA,EAAgB,KAAA,EAAO,GAAA,EAAK,CAAA,GAAK,QAAA,EAAS;AAAA;AAAA;AAAA,GAClF;AAEJ;;;;"}
+{"version":3,"file":"span-payload-section.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-section.tsx"],"sourcesContent":["import { Maximize2, Minimize2 } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CollapsibleBox, useCollapsibleBox } from '@/ds/components/CollapsibleBox';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataPanelSectionHeading } from '@/ds/components/DataPanel/data-panel-section-heading';\nimport { cn } from '@/lib/utils';\n\nexport type SpanPayloadView = 'rich' | 'raw';\n\nexport interface SpanPayloadSectionProps {\n  title: string;\n  icon?: ReactNode;\n  /** The payload as stored; shown as JSON in the Raw view. */\n  raw: unknown;\n  /** Whether a dedicated presentation exists rather than a JSON fallback. */\n  hasPreview?: boolean;\n  /**\n   * The human-readable rendering. `null` when the payload has no rich form\n   * (JSON fallback): the section then shows Raw only and hides the toggle.\n   */\n  children: ReactNode;\n  /** `panel` matches `DataPanel.CodeSection`; `details` matches `DataDetailsPanel.CodeSection`. */\n  layout?: 'panel' | 'details';\n  defaultView?: SpanPayloadView;\n  className?: string;\n}\n\nfunction ViewToggle({ view, onChange }: { view: SpanPayloadView; onChange: (view: SpanPayloadView) => void }) {\n  return (\n    <ButtonsGroup size=\"sm\" aria-label=\"Payload view\" data-slot=\"span-payload-view-toggle\">\n      <Button\n        variant={view === 'rich' ? 'primary' : 'default'}\n        aria-pressed={view === 'rich'}\n        onClick={() => onChange('rich')}\n      >\n        Preview\n      </Button>\n      <Button\n        variant={view === 'raw' ? 'primary' : 'default'}\n        aria-pressed={view === 'raw'}\n        onClick={() => onChange('raw')}\n      >\n        JSON\n      </Button>\n    </ButtonsGroup>\n  );\n}\n\n/**\n * A span payload section with a Preview / JSON button group. All JSON views share\n * the same syntax highlighting while preserving the stored payload.\n */\nexport function SpanPayloadSection({\n  title,\n  icon,\n  raw,\n  hasPreview = true,\n  children,\n  layout = 'panel',\n  defaultView = 'rich',\n  className,\n}: SpanPayloadSectionProps) {\n  const [view, setView] = useState<SpanPayloadView>(defaultView);\n  const box = useCollapsibleBox();\n  if (raw == null) return null;\n\n  const hasRich = hasPreview && children != null;\n  const showJson = !hasRich || view === 'raw';\n\n  return (\n    <div\n      data-slot=\"span-payload-section\"\n      data-view={showJson ? 'raw' : 'rich'}\n      className={cn('flex flex-col gap-2', className)}\n    >\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <DataPanelSectionHeading icon={icon} className={layout === 'details' ? 'text-meta' : undefined}>\n          {title}\n        </DataPanelSectionHeading>\n        <div className=\"ml-auto flex items-center gap-2\">\n          {(box.isClipped || box.isExpanded) && (\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              icon={box.isExpanded ? <Minimize2 /> : <Maximize2 />}\n              onClick={box.toggleExpanded}\n            >\n              {box.isExpanded ? 'Collapse' : 'Expand'}\n            </Button>\n          )}\n          <CopyButton content={JSON.stringify(raw, null, 2)} size=\"sm\" variant=\"ghost\" />\n          {hasRich && <ViewToggle view={view} onChange={setView} />}\n        </div>\n      </div>\n      <CollapsibleBox state={box}>{showJson ? <SpanPayloadJson value={raw} /> : children}</CollapsibleBox>\n    </div>\n  );\n}\n"],"names":["ButtonsGroup","jsx","Button","useState","useCollapsibleBox","jsxs","cn","DataPanelSectionHeading","Minimize2","Maximize2","CopyButton","CollapsibleBox","SpanPayloadJson"],"mappings":"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"}