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

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-error-renderer.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-error-renderer.tsx"],"sourcesContent":["import { describeSpanError } from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadCollapsible } from './span-payload-primitives';\nimport { asCoreSpan } from './span-payload-registry';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { Notice } from '@/ds/components/Notice';\n\nexport interface SpanErrorRendererProps {\n  span: SpanRecord;\n  className?: string;\n}\n\n/** The error a span recorded, as a banner; `null` when the span succeeded. */\nexport function SpanErrorRenderer({ span, className }: SpanErrorRendererProps) {\n  const error = describeSpanError(asCoreSpan(span));\n  if (!error) return null;\n\n  const hasMeta = error.id !== undefined || error.domain !== undefined || error.category !== undefined;\n\n  return (\n    <div data-slot=\"span-error\" className={className}>\n      <Notice variant=\"destructive\" title={error.name ?? 'Error'}>\n        <Notice.Message>{error.message}</Notice.Message>\n        {hasMeta && (\n          <DataKeysAndValues>\n            {error.id !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Id</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{error.id}</DataKeysAndValues.Value>\n              </>\n            )}\n            {error.domain !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Domain</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{error.domain}</DataKeysAndValues.Value>\n              </>\n            )}\n            {error.category !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Category</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{error.category}</DataKeysAndValues.Value>\n              </>\n            )}\n          </DataKeysAndValues>\n        )}\n        {error.details !== undefined && (\n          <SpanPayloadCollapsible label=\"Details\">\n            <SpanPayloadJson value={error.details} />\n          </SpanPayloadCollapsible>\n        )}\n      </Notice>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAcO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAM,SAAA,EAAU,EAA2B;AAC7E,EAAA,MAAM,KAAA,GAAQ,iBAAA,CAAkB,UAAA,CAAW,IAAI,CAAC,CAAA;AAChD,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AAEnB,EAAA,MAAM,OAAA,GAAU,MAAM,EAAA,KAAO,MAAA,IAAa,MAAM,MAAA,KAAW,MAAA,IAAa,MAAM,QAAA,KAAa,MAAA;AAE3F,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,YAAA,EAAa,SAAA,EAC1B,QAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,aAAA,EAAc,KAAA,EAAO,KAAA,CAAM,IAAA,IAAQ,OAAA,EACjD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,CAAO,OAAA,EAAP,EAAgB,QAAA,EAAA,KAAA,CAAM,OAAA,EAAQ,CAAA;AAAA,IAC9B,OAAA,yBACE,iBAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,KAAA,CAAM,EAAA,KAAO,0BACZ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,IAAA,EAAE,CAAA;AAAA,wBACzB,GAAA,CAAC,iBAAA,CAAkB,KAAA,EAAlB,EAAyB,gBAAM,EAAA,EAAG;AAAA,OAAA,EACrC,CAAA;AAAA,MAED,KAAA,CAAM,MAAA,KAAW,MAAA,oBAChB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,wBAC7B,GAAA,CAAC,iBAAA,CAAkB,KAAA,EAAlB,EAAyB,gBAAM,MAAA,EAAO;AAAA,OAAA,EACzC,CAAA;AAAA,MAED,KAAA,CAAM,QAAA,KAAa,MAAA,oBAClB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,UAAA,EAAQ,CAAA;AAAA,wBAC/B,GAAA,CAAC,iBAAA,CAAkB,KAAA,EAAlB,EAAyB,gBAAM,QAAA,EAAS;AAAA,OAAA,EAC3C;AAAA,KAAA,EAEJ,CAAA;AAAA,IAED,KAAA,CAAM,OAAA,KAAY,MAAA,oBACjB,GAAA,CAAC,sBAAA,EAAA,EAAuB,KAAA,EAAM,SAAA,EAC5B,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,KAAA,CAAM,OAAA,EAAS,CAAA,EACzC;AAAA,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,50 @@
+'use strict';
+
+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_spanPayloadMessages = require('./span-payload-messages.cjs.js');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DknOcv6v.cjs');
+const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
+const Card = require('../../../../Card-DC9rlxXj.cjs');
+const dataKeysAndValues = require('../../../../data-keys-and-values-CPUfobZS.cjs');
+
+function SpanTextRenderer({ value }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadMarkdown, { children: value });
+}
+function SpanAgentRunResumeRenderer({ value }) {
+  const { resumeData, toolName, toolCallId, ...rest } = value;
+  const hasTarget = toolName !== void 0 || toolCallId !== void 0;
+  const data = resumeData !== void 0 ? resumeData : Object.keys(rest).length > 0 ? rest : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "span-agent-run-resume", className: "flex flex-col gap-6", children: [
+    hasTarget && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadField, { label: "Resumes into", children: /* @__PURE__ */ jsxRuntime.jsxs(dataKeysAndValues.DataKeysAndValues, { children: [
+      toolName !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Tool" }),
+        /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Value, { children: String(toolName) })
+      ] }),
+      toolCallId !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Tool call id" }),
+        /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.ValueWithCopyBtn, { copyValue: String(toolCallId), children: String(toolCallId) })
+      ] })
+    ] }) }),
+    data !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadField, { label: "Resume data", children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: data }) })
+  ] });
+}
+const SPAN_INPUT_RENDERERS = {
+  text: SpanTextRenderer,
+  messages: domains_traces_components_spanPayload_spanPayloadMessages.SpanPayloadMessages,
+  "agent-run-resume": SpanAgentRunResumeRenderer,
+  json: domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson
+};
+function SpanInputRenderer({ span }) {
+  const description = observability.describeSpanInput(domains_traces_components_spanPayload_spanPayloadRegistry.asCoreSpan(span));
+  if (!description) return null;
+  if (description.type === "json") return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: description.value });
+  const Renderer = domains_traces_components_spanPayload_spanPayloadRegistry.pickRenderer(SPAN_INPUT_RENDERERS, description);
+  return /* @__PURE__ */ jsxRuntime.jsx(Card.Card, { "data-slot": "span-input-card", appearance: "surface", elevation: "raised", className: "border-border1 min-w-0 border", children: /* @__PURE__ */ jsxRuntime.jsx(Card.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(Renderer, { value: description.value }) }) });
+}
+
+exports.SpanInputRenderer = SpanInputRenderer;
+//# sourceMappingURL=span-input-renderers.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-input-renderers.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-input-renderers.tsx"],"sourcesContent":["import { describeSpanInput } from '@mastra/core/observability';\nimport type { AgentRunResumeInput, SpanInputDescription } from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMessages } from './span-payload-messages';\nimport { SpanPayloadField, SpanPayloadMarkdown } from './span-payload-primitives';\nimport { asCoreSpan, pickRenderer } from './span-payload-registry';\nimport type { PayloadRegistry } from './span-payload-registry';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\n\nfunction SpanTextRenderer({ value }: { value: string }) {\n  return <SpanPayloadMarkdown>{value}</SpanPayloadMarkdown>;\n}\n\nfunction SpanAgentRunResumeRenderer({ value }: { value: AgentRunResumeInput }) {\n  const { resumeData, toolName, toolCallId, ...rest } = value;\n  const hasTarget = toolName !== undefined || toolCallId !== undefined;\n  const data = resumeData !== undefined ? resumeData : Object.keys(rest).length > 0 ? rest : undefined;\n  return (\n    <div data-slot=\"span-agent-run-resume\" className=\"flex flex-col gap-6\">\n      {hasTarget && (\n        <SpanPayloadField label=\"Resumes into\">\n          <DataKeysAndValues>\n            {toolName !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Tool</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{String(toolName)}</DataKeysAndValues.Value>\n              </>\n            )}\n            {toolCallId !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Tool call id</DataKeysAndValues.Key>\n                <DataKeysAndValues.ValueWithCopyBtn copyValue={String(toolCallId)}>\n                  {String(toolCallId)}\n                </DataKeysAndValues.ValueWithCopyBtn>\n              </>\n            )}\n          </DataKeysAndValues>\n        </SpanPayloadField>\n      )}\n      {data !== undefined && (\n        <SpanPayloadField label=\"Resume data\">\n          <SpanPayloadJson value={data} />\n        </SpanPayloadField>\n      )}\n    </div>\n  );\n}\n\n/**\n * One renderer per `describeSpanInput` tag. `satisfies` keeps the map exhaustive: a\n * new tag in core is a type error here until it gets a renderer (or maps to JSON).\n */\nconst SPAN_INPUT_RENDERERS = {\n  text: SpanTextRenderer,\n  messages: SpanPayloadMessages,\n  'agent-run-resume': SpanAgentRunResumeRenderer,\n  json: SpanPayloadJson,\n} satisfies PayloadRegistry<SpanInputDescription>;\n\nexport interface SpanInputRendererProps {\n  span: SpanRecord;\n}\n\n/** Renders a span's input through the registry; `null` when the span recorded none. */\nexport function SpanInputRenderer({ span }: SpanInputRendererProps) {\n  const description = describeSpanInput(asCoreSpan(span));\n  if (!description) return null;\n  if (description.type === 'json') return <SpanPayloadJson value={description.value} />;\n  const Renderer = pickRenderer(SPAN_INPUT_RENDERERS, description);\n  return (\n    <Card data-slot=\"span-input-card\" appearance=\"surface\" elevation=\"raised\" className=\"border-border1 min-w-0 border\">\n      <CardContent>\n        <Renderer value={description.value} />\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":["jsx","SpanPayloadMarkdown","jsxs","SpanPayloadField","DataKeysAndValues","Fragment","SpanPayloadJson","SpanPayloadMessages","describeSpanInput","asCoreSpan","pickRenderer","Card","CardContent"],"mappings":";;;;;;;;;;;;;AAWA,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAAsB;AACtD,EAAA,uBAAOA,cAAA,CAACC,6EAAqB,QAAA,EAAA,KAAA,EAAM,CAAA;AACrC;AAEA,SAAS,0BAAA,CAA2B,EAAE,KAAA,EAAM,EAAmC;AAC7E,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,UAAA,EAAY,GAAG,MAAK,GAAI,KAAA;AACtD,EAAA,MAAM,SAAA,GAAY,QAAA,KAAa,MAAA,IAAa,UAAA,KAAe,MAAA;AAC3D,EAAA,MAAM,IAAA,GAAO,UAAA,KAAe,MAAA,GAAY,UAAA,GAAa,MAAA,CAAO,KAAK,IAAI,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,IAAA,GAAO,MAAA;AAC3F,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,uBAAA,EAAwB,WAAU,qBAAA,EAC9C,QAAA,EAAA;AAAA,IAAA,SAAA,oBACCF,cAAA,CAACG,sEAAA,EAAA,EAAiB,KAAA,EAAM,cAAA,EACtB,0CAACC,mCAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,QAAA,KAAa,0BACZF,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAAL,cAAA,CAACI,mCAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,uCAC1BA,mCAAA,CAAkB,KAAA,EAAlB,EAAyB,QAAA,EAAA,MAAA,CAAO,QAAQ,CAAA,EAAE;AAAA,OAAA,EAC7C,CAAA;AAAA,MAED,UAAA,KAAe,0BACdF,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAAL,cAAA,CAACI,mCAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,wBACnCJ,cAAA,CAACI,mCAAA,CAAkB,gBAAA,EAAlB,EAAmC,SAAA,EAAW,OAAO,UAAU,CAAA,EAC7D,QAAA,EAAA,MAAA,CAAO,UAAU,CAAA,EACpB;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAED,IAAA,KAAS,MAAA,oBACRJ,cAAA,CAACG,sEAAA,EAAA,EAAiB,KAAA,EAAM,eACtB,QAAA,kBAAAH,cAAA,CAACM,qEAAA,EAAA,EAAgB,KAAA,EAAO,IAAA,EAAM,CAAA,EAChC;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAMA,MAAM,oBAAA,GAAuB;AAAA,EAC3B,IAAA,EAAM,gBAAA;AAAA,EACN,QAAA,EAAUC,6EAAA;AAAA,EACV,kBAAA,EAAoB,0BAAA;AAAA,EACpB,IAAA,EAAMD;AACR,CAAA;AAOO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAA2B;AAClE,EAAA,MAAM,WAAA,GAAcE,+BAAA,CAAkBC,oEAAA,CAAW,IAAI,CAAC,CAAA;AACtD,EAAA,IAAI,CAAC,aAAa,OAAO,IAAA;AACzB,EAAA,IAAI,WAAA,CAAY,SAAS,MAAA,EAAQ,sCAAQH,qEAAA,EAAA,EAAgB,KAAA,EAAO,YAAY,KAAA,EAAO,CAAA;AACnF,EAAA,MAAM,QAAA,GAAWI,sEAAA,CAAa,oBAAA,EAAsB,WAAW,CAAA;AAC/D,EAAA,sCACGC,SAAA,EAAA,EAAK,WAAA,EAAU,mBAAkB,UAAA,EAAW,SAAA,EAAU,WAAU,QAAA,EAAS,SAAA,EAAU,+BAAA,EAClF,QAAA,kBAAAX,cAAA,CAACY,oBACC,QAAA,kBAAAZ,cAAA,CAAC,QAAA,EAAA,EAAS,OAAO,WAAA,CAAY,KAAA,EAAO,GACtC,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/span-payload/span-input-renderers.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../src/domains/traces/components/span-payload/span-input-renderers'
+export {}

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

@@ -0,0 +1,46 @@
+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-_TUMqise.js';
+import { asCoreSpan, pickRenderer } from './span-payload-registry.es.js';
+import { C as Card, a as CardContent } from '../../../../Card-CnxuKKaz.js';
+import { D as DataKeysAndValues } from '../../../../data-keys-and-values-BxSKCdWQ.js';
+
+function SpanTextRenderer({ value }) {
+  return /* @__PURE__ */ jsx(SpanPayloadMarkdown, { children: value });
+}
+function SpanAgentRunResumeRenderer({ value }) {
+  const { resumeData, toolName, toolCallId, ...rest } = value;
+  const hasTarget = toolName !== void 0 || toolCallId !== void 0;
+  const data = resumeData !== void 0 ? resumeData : Object.keys(rest).length > 0 ? rest : void 0;
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "span-agent-run-resume", className: "flex flex-col gap-6", children: [
+    hasTarget && /* @__PURE__ */ jsx(SpanPayloadField, { label: "Resumes into", children: /* @__PURE__ */ jsxs(DataKeysAndValues, { children: [
+      toolName !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Tool" }),
+        /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: String(toolName) })
+      ] }),
+      toolCallId !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Tool call id" }),
+        /* @__PURE__ */ jsx(DataKeysAndValues.ValueWithCopyBtn, { copyValue: String(toolCallId), children: String(toolCallId) })
+      ] })
+    ] }) }),
+    data !== void 0 && /* @__PURE__ */ jsx(SpanPayloadField, { label: "Resume data", children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: data }) })
+  ] });
+}
+const SPAN_INPUT_RENDERERS = {
+  text: SpanTextRenderer,
+  messages: SpanPayloadMessages,
+  "agent-run-resume": SpanAgentRunResumeRenderer,
+  json: SpanPayloadJson
+};
+function SpanInputRenderer({ span }) {
+  const description = describeSpanInput(asCoreSpan(span));
+  if (!description) return null;
+  if (description.type === "json") return /* @__PURE__ */ jsx(SpanPayloadJson, { value: description.value });
+  const Renderer = pickRenderer(SPAN_INPUT_RENDERERS, description);
+  return /* @__PURE__ */ jsx(Card, { "data-slot": "span-input-card", appearance: "surface", elevation: "raised", className: "border-border1 min-w-0 border", children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Renderer, { value: description.value }) }) });
+}
+
+export { SpanInputRenderer };
+//# sourceMappingURL=span-input-renderers.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-input-renderers.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-input-renderers.tsx"],"sourcesContent":["import { describeSpanInput } from '@mastra/core/observability';\nimport type { AgentRunResumeInput, SpanInputDescription } from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMessages } from './span-payload-messages';\nimport { SpanPayloadField, SpanPayloadMarkdown } from './span-payload-primitives';\nimport { asCoreSpan, pickRenderer } from './span-payload-registry';\nimport type { PayloadRegistry } from './span-payload-registry';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\n\nfunction SpanTextRenderer({ value }: { value: string }) {\n  return <SpanPayloadMarkdown>{value}</SpanPayloadMarkdown>;\n}\n\nfunction SpanAgentRunResumeRenderer({ value }: { value: AgentRunResumeInput }) {\n  const { resumeData, toolName, toolCallId, ...rest } = value;\n  const hasTarget = toolName !== undefined || toolCallId !== undefined;\n  const data = resumeData !== undefined ? resumeData : Object.keys(rest).length > 0 ? rest : undefined;\n  return (\n    <div data-slot=\"span-agent-run-resume\" className=\"flex flex-col gap-6\">\n      {hasTarget && (\n        <SpanPayloadField label=\"Resumes into\">\n          <DataKeysAndValues>\n            {toolName !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Tool</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{String(toolName)}</DataKeysAndValues.Value>\n              </>\n            )}\n            {toolCallId !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Tool call id</DataKeysAndValues.Key>\n                <DataKeysAndValues.ValueWithCopyBtn copyValue={String(toolCallId)}>\n                  {String(toolCallId)}\n                </DataKeysAndValues.ValueWithCopyBtn>\n              </>\n            )}\n          </DataKeysAndValues>\n        </SpanPayloadField>\n      )}\n      {data !== undefined && (\n        <SpanPayloadField label=\"Resume data\">\n          <SpanPayloadJson value={data} />\n        </SpanPayloadField>\n      )}\n    </div>\n  );\n}\n\n/**\n * One renderer per `describeSpanInput` tag. `satisfies` keeps the map exhaustive: a\n * new tag in core is a type error here until it gets a renderer (or maps to JSON).\n */\nconst SPAN_INPUT_RENDERERS = {\n  text: SpanTextRenderer,\n  messages: SpanPayloadMessages,\n  'agent-run-resume': SpanAgentRunResumeRenderer,\n  json: SpanPayloadJson,\n} satisfies PayloadRegistry<SpanInputDescription>;\n\nexport interface SpanInputRendererProps {\n  span: SpanRecord;\n}\n\n/** Renders a span's input through the registry; `null` when the span recorded none. */\nexport function SpanInputRenderer({ span }: SpanInputRendererProps) {\n  const description = describeSpanInput(asCoreSpan(span));\n  if (!description) return null;\n  if (description.type === 'json') return <SpanPayloadJson value={description.value} />;\n  const Renderer = pickRenderer(SPAN_INPUT_RENDERERS, description);\n  return (\n    <Card data-slot=\"span-input-card\" appearance=\"surface\" elevation=\"raised\" className=\"border-border1 min-w-0 border\">\n      <CardContent>\n        <Renderer value={description.value} />\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAWA,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAAsB;AACtD,EAAA,uBAAO,GAAA,CAAC,uBAAqB,QAAA,EAAA,KAAA,EAAM,CAAA;AACrC;AAEA,SAAS,0BAAA,CAA2B,EAAE,KAAA,EAAM,EAAmC;AAC7E,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,UAAA,EAAY,GAAG,MAAK,GAAI,KAAA;AACtD,EAAA,MAAM,SAAA,GAAY,QAAA,KAAa,MAAA,IAAa,UAAA,KAAe,MAAA;AAC3D,EAAA,MAAM,IAAA,GAAO,UAAA,KAAe,MAAA,GAAY,UAAA,GAAa,MAAA,CAAO,KAAK,IAAI,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,IAAA,GAAO,MAAA;AAC3F,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,uBAAA,EAAwB,WAAU,qBAAA,EAC9C,QAAA,EAAA;AAAA,IAAA,SAAA,oBACC,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,cAAA,EACtB,+BAAC,iBAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,QAAA,KAAa,0BACZ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,4BAC1B,iBAAA,CAAkB,KAAA,EAAlB,EAAyB,QAAA,EAAA,MAAA,CAAO,QAAQ,CAAA,EAAE;AAAA,OAAA,EAC7C,CAAA;AAAA,MAED,UAAA,KAAe,0BACd,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,wBACnC,GAAA,CAAC,iBAAA,CAAkB,gBAAA,EAAlB,EAAmC,SAAA,EAAW,OAAO,UAAU,CAAA,EAC7D,QAAA,EAAA,MAAA,CAAO,UAAU,CAAA,EACpB;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAED,IAAA,KAAS,MAAA,oBACR,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,eACtB,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,IAAA,EAAM,CAAA,EAChC;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAMA,MAAM,oBAAA,GAAuB;AAAA,EAC3B,IAAA,EAAM,gBAAA;AAAA,EACN,QAAA,EAAU,mBAAA;AAAA,EACV,kBAAA,EAAoB,0BAAA;AAAA,EACpB,IAAA,EAAM;AACR,CAAA;AAOO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAK,EAA2B;AAClE,EAAA,MAAM,WAAA,GAAc,iBAAA,CAAkB,UAAA,CAAW,IAAI,CAAC,CAAA;AACtD,EAAA,IAAI,CAAC,aAAa,OAAO,IAAA;AACzB,EAAA,IAAI,WAAA,CAAY,SAAS,MAAA,EAAQ,2BAAQ,eAAA,EAAA,EAAgB,KAAA,EAAO,YAAY,KAAA,EAAO,CAAA;AACnF,EAAA,MAAM,QAAA,GAAW,YAAA,CAAa,oBAAA,EAAsB,WAAW,CAAA;AAC/D,EAAA,2BACG,IAAA,EAAA,EAAK,WAAA,EAAU,mBAAkB,UAAA,EAAW,SAAA,EAAU,WAAU,QAAA,EAAS,SAAA,EAAU,+BAAA,EAClF,QAAA,kBAAA,GAAA,CAAC,eACC,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,OAAO,WAAA,CAAY,KAAA,EAAO,GACtC,CAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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-DknOcv6v.cjs');
+const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
+const domains_chat_messages_reasoning = require('../../../chat/messages/reasoning.cjs.js');
+const Card = require('../../../../Card-DC9rlxXj.cjs');
+const dataKeysAndValues = require('../../../../data-keys-and-values-CPUfobZS.cjs');
+const Notice = require('../../../../Notice-Cq7m_mxe.cjs');
+
+const hasItems = (value) => Array.isArray(value) && value.length > 0;
+function SpanTextRenderer({ value }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadMarkdown, { children: value });
+}
+function SpanInterruptedRenderer({ value }) {
+  const title = value.status === "suspended" ? "Suspended" : "Aborted";
+  const hasTarget = value.toolName !== void 0 || value.toolCallId !== void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "span-interrupted", "data-status": value.status, className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice, { variant: "warning", title, children: value.reason && /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice.Message, { children: value.reason }) }),
+    hasTarget && /* @__PURE__ */ jsxRuntime.jsxs(dataKeysAndValues.DataKeysAndValues, { children: [
+      value.toolName !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Tool" }),
+        /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Value, { children: value.toolName })
+      ] }),
+      value.toolCallId !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Tool call id" }),
+        /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.ValueWithCopyBtn, { copyValue: value.toolCallId, children: value.toolCallId })
+      ] })
+    ] })
+  ] });
+}
+function SpanAgentRunResultRenderer({ value }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "span-agent-run-result", className: "flex flex-col gap-3", children: [
+    value.tripwire && /* @__PURE__ */ jsxRuntime.jsxs(Notice.Notice, { variant: "destructive", title: "Tripwire", children: [
+      value.tripwire.reason && /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice.Message, { children: value.tripwire.reason }),
+      value.tripwire.processorId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-ui-sm", children: [
+        "Processor ",
+        /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono", children: value.tripwire.processorId })
+      ] })
+    ] }),
+    typeof value.text === "string" && value.text.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadMarkdown, { children: value.text }),
+    value.object !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadField, { label: "Object", children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: value.object }) }),
+    hasItems(value.files) && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadCollapsible, { label: `Files (${value.files.length})`, children: value.files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadAttachment.SpanPayloadAttachment, { value: file }, index)) })
+  ] });
+}
+function SpanModelGenerationResultRenderer({ value }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "span-model-generation-result", className: "flex flex-col gap-3", children: [
+    typeof value.text === "string" && value.text.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadMarkdown, { children: value.text }),
+    typeof value.reasoningText === "string" && /* @__PURE__ */ jsxRuntime.jsx(domains_chat_messages_reasoning.Reasoning, { text: value.reasoningText }),
+    value.reasoning !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadCollapsible, { label: "Reasoning details", children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: value.reasoning }) }),
+    value.object !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadField, { label: "Object", children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: value.object }) }),
+    hasItems(value.toolCalls) && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadField, { label: `Tool calls (${value.toolCalls.length})`, children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadToolCalls, { toolCalls: value.toolCalls }) }),
+    hasItems(value.sources) && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadCollapsible, { label: `Sources (${value.sources.length})`, children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: value.sources }) }),
+    hasItems(value.files) && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadCollapsible, { label: `Files (${value.files.length})`, children: value.files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadAttachment.SpanPayloadAttachment, { value: file }, index)) }),
+    hasItems(value.warnings) && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadCollapsible, { label: `Warnings (${value.warnings.length})`, children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: value.warnings }) })
+  ] });
+}
+function SpanModelStepResultRenderer({ value }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "span-model-step-result", className: "flex flex-col gap-3", children: [
+    typeof value.text === "string" && value.text.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadMarkdown, { children: value.text }),
+    hasItems(value.toolCalls) && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadField, { label: `Tool calls (${value.toolCalls.length})`, children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadToolCalls, { toolCalls: value.toolCalls }) }),
+    value.object !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadField, { label: "Object", children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: value.object }) }),
+    hasItems(value.steps) && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadCollapsible, { label: `Steps (${value.steps.length})`, children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: value.steps }) })
+  ] });
+}
+const SPAN_OUTPUT_RENDERERS = {
+  interrupted: SpanInterruptedRenderer,
+  "agent-run-result": SpanAgentRunResultRenderer,
+  "model-generation-result": SpanModelGenerationResultRenderer,
+  "model-step-result": SpanModelStepResultRenderer,
+  text: SpanTextRenderer,
+  json: domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson
+};
+function SpanOutputRenderer({ span }) {
+  const description = observability.describeSpanOutput(domains_traces_components_spanPayload_spanPayloadRegistry.asCoreSpan(span));
+  if (!description) return null;
+  if (description.type === "json") return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: description.value });
+  const Renderer = domains_traces_components_spanPayload_spanPayloadRegistry.pickRenderer(SPAN_OUTPUT_RENDERERS, description);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Card.Card,
+    {
+      "data-slot": "span-output-card",
+      appearance: "surface",
+      elevation: "raised",
+      className: "border-border1 min-w-0 border",
+      children: /* @__PURE__ */ jsxRuntime.jsx(Card.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(Renderer, { value: description.value }) })
+    }
+  );
+}
+
+exports.SpanOutputRenderer = SpanOutputRenderer;
+//# sourceMappingURL=span-output-renderers.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-output-renderers.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-output-renderers.tsx"],"sourcesContent":["import { describeSpanOutput } from '@mastra/core/observability';\nimport type {\n  AgentRunResult,\n  InterruptedSpanOutput,\n  ModelGenerationResult,\n  ModelStepResult,\n  SpanOutputDescription,\n} from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadAttachment } from './span-payload-attachment';\nimport { SpanPayloadJson } from './span-payload-json';\nimport {\n  SpanPayloadCollapsible,\n  SpanPayloadField,\n  SpanPayloadMarkdown,\n  SpanPayloadToolCalls,\n} from './span-payload-primitives';\nimport { asCoreSpan, pickRenderer } from './span-payload-registry';\nimport type { PayloadRegistry } from './span-payload-registry';\nimport { Reasoning } from '@/domains/chat/messages/reasoning';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { Notice } from '@/ds/components/Notice';\n\nconst hasItems = (value: unknown): value is unknown[] => Array.isArray(value) && value.length > 0;\n\nfunction SpanTextRenderer({ value }: { value: string }) {\n  return <SpanPayloadMarkdown>{value}</SpanPayloadMarkdown>;\n}\n\nfunction SpanInterruptedRenderer({ value }: { value: InterruptedSpanOutput }) {\n  const title = value.status === 'suspended' ? 'Suspended' : 'Aborted';\n  const hasTarget = value.toolName !== undefined || value.toolCallId !== undefined;\n  return (\n    <div data-slot=\"span-interrupted\" data-status={value.status} className=\"flex flex-col gap-3\">\n      <Notice variant=\"warning\" title={title}>\n        {value.reason && <Notice.Message>{value.reason}</Notice.Message>}\n      </Notice>\n      {hasTarget && (\n        <DataKeysAndValues>\n          {value.toolName !== undefined && (\n            <>\n              <DataKeysAndValues.Key>Tool</DataKeysAndValues.Key>\n              <DataKeysAndValues.Value>{value.toolName}</DataKeysAndValues.Value>\n            </>\n          )}\n          {value.toolCallId !== undefined && (\n            <>\n              <DataKeysAndValues.Key>Tool call id</DataKeysAndValues.Key>\n              <DataKeysAndValues.ValueWithCopyBtn copyValue={value.toolCallId}>\n                {value.toolCallId}\n              </DataKeysAndValues.ValueWithCopyBtn>\n            </>\n          )}\n        </DataKeysAndValues>\n      )}\n    </div>\n  );\n}\n\nfunction SpanAgentRunResultRenderer({ value }: { value: AgentRunResult }) {\n  return (\n    <div data-slot=\"span-agent-run-result\" className=\"flex flex-col gap-3\">\n      {value.tripwire && (\n        <Notice variant=\"destructive\" title=\"Tripwire\">\n          {value.tripwire.reason && <Notice.Message>{value.tripwire.reason}</Notice.Message>}\n          {value.tripwire.processorId && (\n            <div className=\"text-ui-sm\">\n              Processor <code className=\"font-mono\">{value.tripwire.processorId}</code>\n            </div>\n          )}\n        </Notice>\n      )}\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.files) && (\n        <SpanPayloadCollapsible label={`Files (${value.files.length})`}>\n          {value.files.map((file, index) => (\n            <SpanPayloadAttachment key={index} value={file} />\n          ))}\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\nfunction SpanModelGenerationResultRenderer({ value }: { value: ModelGenerationResult }) {\n  return (\n    <div data-slot=\"span-model-generation-result\" className=\"flex flex-col gap-3\">\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {typeof value.reasoningText === 'string' && <Reasoning text={value.reasoningText} />}\n      {value.reasoning !== undefined && (\n        <SpanPayloadCollapsible label=\"Reasoning details\">\n          <SpanPayloadJson value={value.reasoning} />\n        </SpanPayloadCollapsible>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.toolCalls) && (\n        <SpanPayloadField label={`Tool calls (${value.toolCalls.length})`}>\n          <SpanPayloadToolCalls toolCalls={value.toolCalls} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.sources) && (\n        <SpanPayloadCollapsible label={`Sources (${value.sources.length})`}>\n          <SpanPayloadJson value={value.sources} />\n        </SpanPayloadCollapsible>\n      )}\n      {hasItems(value.files) && (\n        <SpanPayloadCollapsible label={`Files (${value.files.length})`}>\n          {value.files.map((file, index) => (\n            <SpanPayloadAttachment key={index} value={file} />\n          ))}\n        </SpanPayloadCollapsible>\n      )}\n      {hasItems(value.warnings) && (\n        <SpanPayloadCollapsible label={`Warnings (${value.warnings.length})`}>\n          <SpanPayloadJson value={value.warnings} />\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\nfunction SpanModelStepResultRenderer({ value }: { value: ModelStepResult }) {\n  return (\n    <div data-slot=\"span-model-step-result\" className=\"flex flex-col gap-3\">\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {hasItems(value.toolCalls) && (\n        <SpanPayloadField label={`Tool calls (${value.toolCalls.length})`}>\n          <SpanPayloadToolCalls toolCalls={value.toolCalls} />\n        </SpanPayloadField>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.steps) && (\n        <SpanPayloadCollapsible label={`Steps (${value.steps.length})`}>\n          <SpanPayloadJson value={value.steps} />\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\n/** One renderer per `describeSpanOutput` tag; see `SPAN_INPUT_RENDERERS`. */\nconst SPAN_OUTPUT_RENDERERS = {\n  interrupted: SpanInterruptedRenderer,\n  'agent-run-result': SpanAgentRunResultRenderer,\n  'model-generation-result': SpanModelGenerationResultRenderer,\n  'model-step-result': SpanModelStepResultRenderer,\n  text: SpanTextRenderer,\n  json: SpanPayloadJson,\n} satisfies PayloadRegistry<SpanOutputDescription>;\n\nexport interface SpanOutputRendererProps {\n  span: SpanRecord;\n}\n\n/** Renders a span's output through the registry; `null` when the span recorded none. */\nexport function SpanOutputRenderer({ span }: SpanOutputRendererProps) {\n  const description = describeSpanOutput(asCoreSpan(span));\n  if (!description) return null;\n  if (description.type === 'json') return <SpanPayloadJson value={description.value} />;\n  const Renderer = pickRenderer(SPAN_OUTPUT_RENDERERS, description);\n  return (\n    <Card\n      data-slot=\"span-output-card\"\n      appearance=\"surface\"\n      elevation=\"raised\"\n      className=\"border-border1 min-w-0 border\"\n    >\n      <CardContent>\n        <Renderer value={description.value} />\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":["jsx","SpanPayloadMarkdown","jsxs","Notice","DataKeysAndValues","Fragment","SpanPayloadField","SpanPayloadJson","SpanPayloadCollapsible","SpanPayloadAttachment","Reasoning","SpanPayloadToolCalls","describeSpanOutput","asCoreSpan","pickRenderer","Card","CardContent"],"mappings":"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"}

package/dist/domains/traces/components/span-payload/span-output-renderers.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../src/domains/traces/components/span-payload/span-output-renderers'
+export {}

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

@@ -0,0 +1,93 @@
+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-_TUMqise.js';
+import { asCoreSpan, pickRenderer } from './span-payload-registry.es.js';
+import { Reasoning } from '../../../chat/messages/reasoning.es.js';
+import { C as Card, a as CardContent } from '../../../../Card-CnxuKKaz.js';
+import { D as DataKeysAndValues } from '../../../../data-keys-and-values-BxSKCdWQ.js';
+import { N as Notice } from '../../../../Notice-DEqr19sI.js';
+
+const hasItems = (value) => Array.isArray(value) && value.length > 0;
+function SpanTextRenderer({ value }) {
+  return /* @__PURE__ */ jsx(SpanPayloadMarkdown, { children: value });
+}
+function SpanInterruptedRenderer({ value }) {
+  const title = value.status === "suspended" ? "Suspended" : "Aborted";
+  const hasTarget = value.toolName !== void 0 || value.toolCallId !== void 0;
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "span-interrupted", "data-status": value.status, className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx(Notice, { variant: "warning", title, children: value.reason && /* @__PURE__ */ jsx(Notice.Message, { children: value.reason }) }),
+    hasTarget && /* @__PURE__ */ jsxs(DataKeysAndValues, { children: [
+      value.toolName !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Tool" }),
+        /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: value.toolName })
+      ] }),
+      value.toolCallId !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Tool call id" }),
+        /* @__PURE__ */ jsx(DataKeysAndValues.ValueWithCopyBtn, { copyValue: value.toolCallId, children: value.toolCallId })
+      ] })
+    ] })
+  ] });
+}
+function SpanAgentRunResultRenderer({ value }) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "span-agent-run-result", className: "flex flex-col gap-3", children: [
+    value.tripwire && /* @__PURE__ */ jsxs(Notice, { variant: "destructive", title: "Tripwire", children: [
+      value.tripwire.reason && /* @__PURE__ */ jsx(Notice.Message, { children: value.tripwire.reason }),
+      value.tripwire.processorId && /* @__PURE__ */ jsxs("div", { className: "text-ui-sm", children: [
+        "Processor ",
+        /* @__PURE__ */ jsx("code", { className: "font-mono", children: value.tripwire.processorId })
+      ] })
+    ] }),
+    typeof value.text === "string" && value.text.length > 0 && /* @__PURE__ */ jsx(SpanPayloadMarkdown, { children: value.text }),
+    value.object !== void 0 && /* @__PURE__ */ jsx(SpanPayloadField, { label: "Object", children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: value.object }) }),
+    hasItems(value.files) && /* @__PURE__ */ jsx(SpanPayloadCollapsible, { label: `Files (${value.files.length})`, children: value.files.map((file, index) => /* @__PURE__ */ jsx(SpanPayloadAttachment, { value: file }, index)) })
+  ] });
+}
+function SpanModelGenerationResultRenderer({ value }) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "span-model-generation-result", className: "flex flex-col gap-3", children: [
+    typeof value.text === "string" && value.text.length > 0 && /* @__PURE__ */ jsx(SpanPayloadMarkdown, { children: value.text }),
+    typeof value.reasoningText === "string" && /* @__PURE__ */ jsx(Reasoning, { text: value.reasoningText }),
+    value.reasoning !== void 0 && /* @__PURE__ */ jsx(SpanPayloadCollapsible, { label: "Reasoning details", children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: value.reasoning }) }),
+    value.object !== void 0 && /* @__PURE__ */ jsx(SpanPayloadField, { label: "Object", children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: value.object }) }),
+    hasItems(value.toolCalls) && /* @__PURE__ */ jsx(SpanPayloadField, { label: `Tool calls (${value.toolCalls.length})`, children: /* @__PURE__ */ jsx(SpanPayloadToolCalls, { toolCalls: value.toolCalls }) }),
+    hasItems(value.sources) && /* @__PURE__ */ jsx(SpanPayloadCollapsible, { label: `Sources (${value.sources.length})`, children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: value.sources }) }),
+    hasItems(value.files) && /* @__PURE__ */ jsx(SpanPayloadCollapsible, { label: `Files (${value.files.length})`, children: value.files.map((file, index) => /* @__PURE__ */ jsx(SpanPayloadAttachment, { value: file }, index)) }),
+    hasItems(value.warnings) && /* @__PURE__ */ jsx(SpanPayloadCollapsible, { label: `Warnings (${value.warnings.length})`, children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: value.warnings }) })
+  ] });
+}
+function SpanModelStepResultRenderer({ value }) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "span-model-step-result", className: "flex flex-col gap-3", children: [
+    typeof value.text === "string" && value.text.length > 0 && /* @__PURE__ */ jsx(SpanPayloadMarkdown, { children: value.text }),
+    hasItems(value.toolCalls) && /* @__PURE__ */ jsx(SpanPayloadField, { label: `Tool calls (${value.toolCalls.length})`, children: /* @__PURE__ */ jsx(SpanPayloadToolCalls, { toolCalls: value.toolCalls }) }),
+    value.object !== void 0 && /* @__PURE__ */ jsx(SpanPayloadField, { label: "Object", children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: value.object }) }),
+    hasItems(value.steps) && /* @__PURE__ */ jsx(SpanPayloadCollapsible, { label: `Steps (${value.steps.length})`, children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: value.steps }) })
+  ] });
+}
+const SPAN_OUTPUT_RENDERERS = {
+  interrupted: SpanInterruptedRenderer,
+  "agent-run-result": SpanAgentRunResultRenderer,
+  "model-generation-result": SpanModelGenerationResultRenderer,
+  "model-step-result": SpanModelStepResultRenderer,
+  text: SpanTextRenderer,
+  json: SpanPayloadJson
+};
+function SpanOutputRenderer({ span }) {
+  const description = describeSpanOutput(asCoreSpan(span));
+  if (!description) return null;
+  if (description.type === "json") return /* @__PURE__ */ jsx(SpanPayloadJson, { value: description.value });
+  const Renderer = pickRenderer(SPAN_OUTPUT_RENDERERS, description);
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      "data-slot": "span-output-card",
+      appearance: "surface",
+      elevation: "raised",
+      className: "border-border1 min-w-0 border",
+      children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Renderer, { value: description.value }) })
+    }
+  );
+}
+
+export { SpanOutputRenderer };
+//# sourceMappingURL=span-output-renderers.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-output-renderers.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-output-renderers.tsx"],"sourcesContent":["import { describeSpanOutput } from '@mastra/core/observability';\nimport type {\n  AgentRunResult,\n  InterruptedSpanOutput,\n  ModelGenerationResult,\n  ModelStepResult,\n  SpanOutputDescription,\n} from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadAttachment } from './span-payload-attachment';\nimport { SpanPayloadJson } from './span-payload-json';\nimport {\n  SpanPayloadCollapsible,\n  SpanPayloadField,\n  SpanPayloadMarkdown,\n  SpanPayloadToolCalls,\n} from './span-payload-primitives';\nimport { asCoreSpan, pickRenderer } from './span-payload-registry';\nimport type { PayloadRegistry } from './span-payload-registry';\nimport { Reasoning } from '@/domains/chat/messages/reasoning';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { Notice } from '@/ds/components/Notice';\n\nconst hasItems = (value: unknown): value is unknown[] => Array.isArray(value) && value.length > 0;\n\nfunction SpanTextRenderer({ value }: { value: string }) {\n  return <SpanPayloadMarkdown>{value}</SpanPayloadMarkdown>;\n}\n\nfunction SpanInterruptedRenderer({ value }: { value: InterruptedSpanOutput }) {\n  const title = value.status === 'suspended' ? 'Suspended' : 'Aborted';\n  const hasTarget = value.toolName !== undefined || value.toolCallId !== undefined;\n  return (\n    <div data-slot=\"span-interrupted\" data-status={value.status} className=\"flex flex-col gap-3\">\n      <Notice variant=\"warning\" title={title}>\n        {value.reason && <Notice.Message>{value.reason}</Notice.Message>}\n      </Notice>\n      {hasTarget && (\n        <DataKeysAndValues>\n          {value.toolName !== undefined && (\n            <>\n              <DataKeysAndValues.Key>Tool</DataKeysAndValues.Key>\n              <DataKeysAndValues.Value>{value.toolName}</DataKeysAndValues.Value>\n            </>\n          )}\n          {value.toolCallId !== undefined && (\n            <>\n              <DataKeysAndValues.Key>Tool call id</DataKeysAndValues.Key>\n              <DataKeysAndValues.ValueWithCopyBtn copyValue={value.toolCallId}>\n                {value.toolCallId}\n              </DataKeysAndValues.ValueWithCopyBtn>\n            </>\n          )}\n        </DataKeysAndValues>\n      )}\n    </div>\n  );\n}\n\nfunction SpanAgentRunResultRenderer({ value }: { value: AgentRunResult }) {\n  return (\n    <div data-slot=\"span-agent-run-result\" className=\"flex flex-col gap-3\">\n      {value.tripwire && (\n        <Notice variant=\"destructive\" title=\"Tripwire\">\n          {value.tripwire.reason && <Notice.Message>{value.tripwire.reason}</Notice.Message>}\n          {value.tripwire.processorId && (\n            <div className=\"text-ui-sm\">\n              Processor <code className=\"font-mono\">{value.tripwire.processorId}</code>\n            </div>\n          )}\n        </Notice>\n      )}\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.files) && (\n        <SpanPayloadCollapsible label={`Files (${value.files.length})`}>\n          {value.files.map((file, index) => (\n            <SpanPayloadAttachment key={index} value={file} />\n          ))}\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\nfunction SpanModelGenerationResultRenderer({ value }: { value: ModelGenerationResult }) {\n  return (\n    <div data-slot=\"span-model-generation-result\" className=\"flex flex-col gap-3\">\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {typeof value.reasoningText === 'string' && <Reasoning text={value.reasoningText} />}\n      {value.reasoning !== undefined && (\n        <SpanPayloadCollapsible label=\"Reasoning details\">\n          <SpanPayloadJson value={value.reasoning} />\n        </SpanPayloadCollapsible>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.toolCalls) && (\n        <SpanPayloadField label={`Tool calls (${value.toolCalls.length})`}>\n          <SpanPayloadToolCalls toolCalls={value.toolCalls} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.sources) && (\n        <SpanPayloadCollapsible label={`Sources (${value.sources.length})`}>\n          <SpanPayloadJson value={value.sources} />\n        </SpanPayloadCollapsible>\n      )}\n      {hasItems(value.files) && (\n        <SpanPayloadCollapsible label={`Files (${value.files.length})`}>\n          {value.files.map((file, index) => (\n            <SpanPayloadAttachment key={index} value={file} />\n          ))}\n        </SpanPayloadCollapsible>\n      )}\n      {hasItems(value.warnings) && (\n        <SpanPayloadCollapsible label={`Warnings (${value.warnings.length})`}>\n          <SpanPayloadJson value={value.warnings} />\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\nfunction SpanModelStepResultRenderer({ value }: { value: ModelStepResult }) {\n  return (\n    <div data-slot=\"span-model-step-result\" className=\"flex flex-col gap-3\">\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {hasItems(value.toolCalls) && (\n        <SpanPayloadField label={`Tool calls (${value.toolCalls.length})`}>\n          <SpanPayloadToolCalls toolCalls={value.toolCalls} />\n        </SpanPayloadField>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.steps) && (\n        <SpanPayloadCollapsible label={`Steps (${value.steps.length})`}>\n          <SpanPayloadJson value={value.steps} />\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\n/** One renderer per `describeSpanOutput` tag; see `SPAN_INPUT_RENDERERS`. */\nconst SPAN_OUTPUT_RENDERERS = {\n  interrupted: SpanInterruptedRenderer,\n  'agent-run-result': SpanAgentRunResultRenderer,\n  'model-generation-result': SpanModelGenerationResultRenderer,\n  'model-step-result': SpanModelStepResultRenderer,\n  text: SpanTextRenderer,\n  json: SpanPayloadJson,\n} satisfies PayloadRegistry<SpanOutputDescription>;\n\nexport interface SpanOutputRendererProps {\n  span: SpanRecord;\n}\n\n/** Renders a span's output through the registry; `null` when the span recorded none. */\nexport function SpanOutputRenderer({ span }: SpanOutputRendererProps) {\n  const description = describeSpanOutput(asCoreSpan(span));\n  if (!description) return null;\n  if (description.type === 'json') return <SpanPayloadJson value={description.value} />;\n  const Renderer = pickRenderer(SPAN_OUTPUT_RENDERERS, description);\n  return (\n    <Card\n      data-slot=\"span-output-card\"\n      appearance=\"surface\"\n      elevation=\"raised\"\n      className=\"border-border1 min-w-0 border\"\n    >\n      <CardContent>\n        <Renderer value={description.value} />\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAwBA,MAAM,QAAA,GAAW,CAAC,KAAA,KAAuC,KAAA,CAAM,QAAQ,KAAK,CAAA,IAAK,MAAM,MAAA,GAAS,CAAA;AAEhG,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAAsB;AACtD,EAAA,uBAAO,GAAA,CAAC,uBAAqB,QAAA,EAAA,KAAA,EAAM,CAAA;AACrC;AAEA,SAAS,uBAAA,CAAwB,EAAE,KAAA,EAAM,EAAqC;AAC5E,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,MAAA,KAAW,WAAA,GAAc,WAAA,GAAc,SAAA;AAC3D,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,QAAA,KAAa,MAAA,IAAa,MAAM,UAAA,KAAe,MAAA;AACvE,EAAA,uBACE,IAAA,CAAC,SAAI,WAAA,EAAU,kBAAA,EAAmB,eAAa,KAAA,CAAM,MAAA,EAAQ,WAAU,qBAAA,EACrE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,KAAA,EACvB,QAAA,EAAA,KAAA,CAAM,MAAA,oBAAU,GAAA,CAAC,MAAA,CAAO,OAAA,EAAP,EAAgB,QAAA,EAAA,KAAA,CAAM,MAAA,EAAO,CAAA,EACjD,CAAA;AAAA,IACC,SAAA,yBACE,iBAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,KAAA,CAAM,QAAA,KAAa,0BAClB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,wBAC3B,GAAA,CAAC,iBAAA,CAAkB,KAAA,EAAlB,EAAyB,gBAAM,QAAA,EAAS;AAAA,OAAA,EAC3C,CAAA;AAAA,MAED,KAAA,CAAM,UAAA,KAAe,MAAA,oBACpB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,wBACnC,GAAA,CAAC,kBAAkB,gBAAA,EAAlB,EAAmC,WAAW,KAAA,CAAM,UAAA,EAClD,gBAAM,UAAA,EACT;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAEA,SAAS,0BAAA,CAA2B,EAAE,KAAA,EAAM,EAA8B;AACxE,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,uBAAA,EAAwB,WAAU,qBAAA,EAC9C,QAAA,EAAA;AAAA,IAAA,KAAA,CAAM,4BACL,IAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,aAAA,EAAc,OAAM,UAAA,EACjC,QAAA,EAAA;AAAA,MAAA,KAAA,CAAM,QAAA,CAAS,0BAAU,GAAA,CAAC,MAAA,CAAO,SAAP,EAAgB,QAAA,EAAA,KAAA,CAAM,SAAS,MAAA,EAAO,CAAA;AAAA,MAChE,MAAM,QAAA,CAAS,WAAA,oBACd,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,YAAA,EAAa,QAAA,EAAA;AAAA,QAAA,YAAA;AAAA,4BACf,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAa,QAAA,EAAA,KAAA,CAAM,SAAS,WAAA,EAAY;AAAA,OAAA,EACpE;AAAA,KAAA,EAEJ,CAAA;AAAA,IAED,OAAO,KAAA,CAAM,IAAA,KAAS,QAAA,IAAY,KAAA,CAAM,IAAA,CAAK,MAAA,GAAS,CAAA,oBACrD,GAAA,CAAC,mBAAA,EAAA,EAAqB,QAAA,EAAA,KAAA,CAAM,IAAA,EAAK,CAAA;AAAA,IAElC,KAAA,CAAM,MAAA,KAAW,MAAA,oBAChB,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,QAAA,EACtB,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,KAAA,CAAM,MAAA,EAAQ,CAAA,EACxC,CAAA;AAAA,IAED,QAAA,CAAS,KAAA,CAAM,KAAK,CAAA,oBACnB,GAAA,CAAC,0BAAuB,KAAA,EAAO,CAAA,OAAA,EAAU,KAAA,CAAM,KAAA,CAAM,MAAM,CAAA,CAAA,CAAA,EACxD,gBAAM,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,qBACtB,GAAA,CAAC,yBAAkC,KAAA,EAAO,IAAA,EAAA,EAAd,KAAoB,CACjD,CAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAEA,SAAS,iCAAA,CAAkC,EAAE,KAAA,EAAM,EAAqC;AACtF,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,8BAAA,EAA+B,WAAU,qBAAA,EACrD,QAAA,EAAA;AAAA,IAAA,OAAO,KAAA,CAAM,IAAA,KAAS,QAAA,IAAY,KAAA,CAAM,IAAA,CAAK,SAAS,CAAA,oBACrD,GAAA,CAAC,mBAAA,EAAA,EAAqB,QAAA,EAAA,KAAA,CAAM,IAAA,EAAK,CAAA;AAAA,IAElC,OAAO,MAAM,aAAA,KAAkB,QAAA,wBAAa,SAAA,EAAA,EAAU,IAAA,EAAM,MAAM,aAAA,EAAe,CAAA;AAAA,IACjF,KAAA,CAAM,SAAA,KAAc,MAAA,oBACnB,GAAA,CAAC,sBAAA,EAAA,EAAuB,KAAA,EAAM,mBAAA,EAC5B,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,KAAA,CAAM,SAAA,EAAW,CAAA,EAC3C,CAAA;AAAA,IAED,KAAA,CAAM,MAAA,KAAW,MAAA,oBAChB,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,QAAA,EACtB,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,KAAA,CAAM,MAAA,EAAQ,CAAA,EACxC,CAAA;AAAA,IAED,SAAS,KAAA,CAAM,SAAS,CAAA,oBACvB,GAAA,CAAC,oBAAiB,KAAA,EAAO,CAAA,YAAA,EAAe,KAAA,CAAM,SAAA,CAAU,MAAM,CAAA,CAAA,CAAA,EAC5D,QAAA,kBAAA,GAAA,CAAC,wBAAqB,SAAA,EAAW,KAAA,CAAM,WAAW,CAAA,EACpD,CAAA;AAAA,IAED,SAAS,KAAA,CAAM,OAAO,CAAA,oBACrB,GAAA,CAAC,0BAAuB,KAAA,EAAO,CAAA,SAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,MAAM,CAAA,CAAA,CAAA,EAC7D,QAAA,kBAAA,GAAA,CAAC,mBAAgB,KAAA,EAAO,KAAA,CAAM,SAAS,CAAA,EACzC,CAAA;AAAA,IAED,QAAA,CAAS,KAAA,CAAM,KAAK,CAAA,oBACnB,GAAA,CAAC,0BAAuB,KAAA,EAAO,CAAA,OAAA,EAAU,KAAA,CAAM,KAAA,CAAM,MAAM,CAAA,CAAA,CAAA,EACxD,gBAAM,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,qBACtB,GAAA,CAAC,yBAAkC,KAAA,EAAO,IAAA,EAAA,EAAd,KAAoB,CACjD,CAAA,EACH,CAAA;AAAA,IAED,SAAS,KAAA,CAAM,QAAQ,CAAA,oBACtB,GAAA,CAAC,0BAAuB,KAAA,EAAO,CAAA,UAAA,EAAa,KAAA,CAAM,QAAA,CAAS,MAAM,CAAA,CAAA,CAAA,EAC/D,QAAA,kBAAA,GAAA,CAAC,mBAAgB,KAAA,EAAO,KAAA,CAAM,UAAU,CAAA,EAC1C;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAEA,SAAS,2BAAA,CAA4B,EAAE,KAAA,EAAM,EAA+B;AAC1E,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,wBAAA,EAAyB,WAAU,qBAAA,EAC/C,QAAA,EAAA;AAAA,IAAA,OAAO,KAAA,CAAM,IAAA,KAAS,QAAA,IAAY,KAAA,CAAM,IAAA,CAAK,SAAS,CAAA,oBACrD,GAAA,CAAC,mBAAA,EAAA,EAAqB,QAAA,EAAA,KAAA,CAAM,IAAA,EAAK,CAAA;AAAA,IAElC,SAAS,KAAA,CAAM,SAAS,CAAA,oBACvB,GAAA,CAAC,oBAAiB,KAAA,EAAO,CAAA,YAAA,EAAe,KAAA,CAAM,SAAA,CAAU,MAAM,CAAA,CAAA,CAAA,EAC5D,QAAA,kBAAA,GAAA,CAAC,wBAAqB,SAAA,EAAW,KAAA,CAAM,WAAW,CAAA,EACpD,CAAA;AAAA,IAED,KAAA,CAAM,MAAA,KAAW,MAAA,oBAChB,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAM,QAAA,EACtB,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,KAAA,CAAM,MAAA,EAAQ,CAAA,EACxC,CAAA;AAAA,IAED,SAAS,KAAA,CAAM,KAAK,CAAA,oBACnB,GAAA,CAAC,0BAAuB,KAAA,EAAO,CAAA,OAAA,EAAU,KAAA,CAAM,KAAA,CAAM,MAAM,CAAA,CAAA,CAAA,EACzD,QAAA,kBAAA,GAAA,CAAC,mBAAgB,KAAA,EAAO,KAAA,CAAM,OAAO,CAAA,EACvC;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAGA,MAAM,qBAAA,GAAwB;AAAA,EAC5B,WAAA,EAAa,uBAAA;AAAA,EACb,kBAAA,EAAoB,0BAAA;AAAA,EACpB,yBAAA,EAA2B,iCAAA;AAAA,EAC3B,mBAAA,EAAqB,2BAAA;AAAA,EACrB,IAAA,EAAM,gBAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAOO,SAAS,kBAAA,CAAmB,EAAE,IAAA,EAAK,EAA4B;AACpE,EAAA,MAAM,WAAA,GAAc,kBAAA,CAAmB,UAAA,CAAW,IAAI,CAAC,CAAA;AACvD,EAAA,IAAI,CAAC,aAAa,OAAO,IAAA;AACzB,EAAA,IAAI,WAAA,CAAY,SAAS,MAAA,EAAQ,2BAAQ,eAAA,EAAA,EAAgB,KAAA,EAAO,YAAY,KAAA,EAAO,CAAA;AACnF,EAAA,MAAM,QAAA,GAAW,YAAA,CAAa,qBAAA,EAAuB,WAAW,CAAA;AAChE,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,UAAA,EAAW,SAAA;AAAA,MACX,SAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAU,+BAAA;AAAA,MAEV,8BAAC,WAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,YAAS,KAAA,EAAO,WAAA,CAAY,OAAO,CAAA,EACtC;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -0,0 +1,34 @@
+'use strict';
+
+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');
+
+function SpanPayloadAttachment({ value }) {
+  if (typeof value !== "object" || value === null || Array.isArray(value)) return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value });
+  const part = value;
+  const src = part.url ?? part.image ?? part.data;
+  const contentType = part.mediaType ?? part.mimeType;
+  if (typeof src !== "string" || !/^https?:\/\//i.test(src)) return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value });
+  try {
+    const url = new URL(src);
+    if (url.username || url.password) return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value });
+  } catch {
+    return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { 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,
+    {
+      type: part.type === "image" || typeof contentType === "string" && contentType.startsWith("image/") ? "image" : "file",
+      contentType: typeof contentType === "string" ? contentType : void 0,
+      src,
+      name
+    }
+  );
+}
+
+exports.SpanPayloadAttachment = SpanPayloadAttachment;
+//# sourceMappingURL=span-payload-attachment.cjs.js.map

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

@@ -0,0 +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;;;;"}

package/dist/domains/traces/components/span-payload/span-payload-attachment.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../src/domains/traces/components/span-payload/span-payload-attachment'
+export {}

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

@@ -0,0 +1,30 @@
+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';
+
+function SpanPayloadAttachment({ value }) {
+  if (typeof value !== "object" || value === null || Array.isArray(value)) return /* @__PURE__ */ jsx(SpanPayloadJson, { value });
+  const part = value;
+  const src = part.url ?? part.image ?? part.data;
+  const contentType = part.mediaType ?? part.mimeType;
+  if (typeof src !== "string" || !/^https?:\/\//i.test(src)) return /* @__PURE__ */ jsx(SpanPayloadJson, { value });
+  try {
+    const url = new URL(src);
+    if (url.username || url.password) return /* @__PURE__ */ jsx(SpanPayloadJson, { value });
+  } catch {
+    return /* @__PURE__ */ jsx(SpanPayloadJson, { value });
+  }
+  const name = typeof part.filename === "string" ? part.filename : typeof part.name === "string" ? part.name : void 0;
+  return /* @__PURE__ */ jsx(
+    InMessageAttachment,
+    {
+      type: part.type === "image" || typeof contentType === "string" && contentType.startsWith("image/") ? "image" : "file",
+      contentType: typeof contentType === "string" ? contentType : void 0,
+      src,
+      name
+    }
+  );
+}
+
+export { SpanPayloadAttachment };
+//# sourceMappingURL=span-payload-attachment.es.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const code = require('../../../../code-DhrdtZce.cjs');
+const utils_cn = require('../../../../cn-BuHW7Wrt.cjs');
+
+function SpanPayloadJson({ value, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    code.Code,
+    {
+      code: JSON.stringify(value ?? null, null, 2),
+      lang: "json",
+      "data-slot": "span-payload-json",
+      className: utils_cn.cn(
+        "max-h-[30vh] overflow-y-auto rounded-lg border border-border1 bg-surface3 p-3 font-mono text-ui-sm text-wrap break-all text-neutral4 ",
+        className
+      )
+    }
+  );
+}
+
+exports.SpanPayloadJson = SpanPayloadJson;
+//# sourceMappingURL=span-payload-json.cjs.js.map

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

@@ -0,0 +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 { 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        'max-h-[30vh] overflow-y-auto rounded-lg border border-border1 bg-surface3 p-3 font-mono text-ui-sm text-wrap break-all text-neutral4 ',\n        className,\n      )}\n    />\n  );\n}\n"],"names":["jsx","Code","cn"],"mappings":";;;;;;;;AASO,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,QACT,uIAAA;AAAA,QACA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

package/dist/domains/traces/components/span-payload/span-payload-json.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../src/domains/traces/components/span-payload/span-payload-json'
+export {}

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

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { C as Code } from '../../../../code-D4Vw_fYq.js';
+import { c as cn } from '../../../../cn-C6s2yXwM.js';
+
+function SpanPayloadJson({ value, className }) {
+  return /* @__PURE__ */ jsx(
+    Code,
+    {
+      code: JSON.stringify(value ?? null, null, 2),
+      lang: "json",
+      "data-slot": "span-payload-json",
+      className: cn(
+        "max-h-[30vh] overflow-y-auto rounded-lg border border-border1 bg-surface3 p-3 font-mono text-ui-sm text-wrap break-all text-neutral4 ",
+        className
+      )
+    }
+  );
+}
+
+export { SpanPayloadJson };
+//# sourceMappingURL=span-payload-json.es.js.map

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

@@ -0,0 +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 { 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        'max-h-[30vh] overflow-y-auto rounded-lg border border-border1 bg-surface3 p-3 font-mono text-ui-sm text-wrap break-all text-neutral4 ',\n        className,\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AASO,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,uIAAA;AAAA,QACA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}