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

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

@@ -0,0 +1,79 @@
+'use strict';
+
+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-DknOcv6v.cjs');
+const domains_chat_messages_reasoning = require('../../../chat/messages/reasoning.cjs.js');
+const message = require('../../../../message-B-28p4Zs.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 MessagePart({ part, plain = false }) {
+  if (typeof part === "string") return /* @__PURE__ */ jsxRuntime.jsx(MessageText, { text: part, plain });
+  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 });
+    case "reasoning":
+      return typeof part.text === "string" ? /* @__PURE__ */ jsxRuntime.jsx(domains_chat_messages_reasoning.Reasoning, { text: part.text }) : /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: part });
+    case "tool-call":
+    case "tool-invocation":
+    case "dynamic-tool":
+    case "tool-result":
+      return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadTool, { value: part });
+    case "file":
+    case "image":
+      return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadAttachment.SpanPayloadAttachment, { value: part });
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: part });
+  }
+}
+function messageParts(message) {
+  if (Array.isArray(message.parts)) return message.parts;
+  if (Array.isArray(message.content)) return message.content;
+  if (typeof message.content === "string") return [message.content];
+  if (isRecord(message.content)) {
+    if (Array.isArray(message.content.parts)) return message.content.parts;
+    if (typeof message.content.content === "string") return [message.content.content];
+  }
+  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 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 })
+    ] }) });
+  }
+  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 });
+  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 }),
+      body
+    ] }) });
+  }
+  const hasToolResultLabels = role === "tool" && parts.length > 0 && parts.every(
+    (part) => isRecord(part) && part.type === "tool-result" && typeof part.toolName === "string" && part.toolName
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-role": role, className: "flex min-w-0 flex-col gap-2", children: [
+    !hasToolResultLabels && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadLabel, { children: role }),
+    body
+  ] });
+}
+function SpanPayloadMessages({ value }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "span-payload-messages", className: "flex flex-col gap-3", children: value.map((message, index) => /* @__PURE__ */ jsxRuntime.jsx(SpanMessage, { message }, index)) });
+}
+
+exports.SpanPayloadMessages = SpanPayloadMessages;
+//# sourceMappingURL=span-payload-messages.cjs.js.map

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

@@ -0,0 +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 { Reasoning } from '@/domains/chat/messages/reasoning';\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' ? <Reasoning 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","Reasoning","SpanPayloadTool","SpanPayloadAttachment","message","Message","jsxs","SpanPayloadLabel"],"mappings":"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"}

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

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

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

@@ -0,0 +1,75 @@
+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-_TUMqise.js';
+import { Reasoning } from '../../../chat/messages/reasoning.es.js';
+import { M as Message } from '../../../../message-DGZPjxsh.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 MessagePart({ part, plain = false }) {
+  if (typeof part === "string") return /* @__PURE__ */ jsx(MessageText, { text: part, plain });
+  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 });
+    case "reasoning":
+      return typeof part.text === "string" ? /* @__PURE__ */ jsx(Reasoning, { text: part.text }) : /* @__PURE__ */ jsx(SpanPayloadJson, { value: part });
+    case "tool-call":
+    case "tool-invocation":
+    case "dynamic-tool":
+    case "tool-result":
+      return /* @__PURE__ */ jsx(SpanPayloadTool, { value: part });
+    case "file":
+    case "image":
+      return /* @__PURE__ */ jsx(SpanPayloadAttachment, { value: part });
+    default:
+      return /* @__PURE__ */ jsx(SpanPayloadJson, { value: part });
+  }
+}
+function messageParts(message) {
+  if (Array.isArray(message.parts)) return message.parts;
+  if (Array.isArray(message.content)) return message.content;
+  if (typeof message.content === "string") return [message.content];
+  if (isRecord(message.content)) {
+    if (Array.isArray(message.content.parts)) return message.content.parts;
+    if (typeof message.content.content === "string") return [message.content.content];
+  }
+  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 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 })
+    ] }) });
+  }
+  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 });
+  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 }),
+      body
+    ] }) });
+  }
+  const hasToolResultLabels = role === "tool" && parts.length > 0 && parts.every(
+    (part) => isRecord(part) && part.type === "tool-result" && typeof part.toolName === "string" && part.toolName
+  );
+  return /* @__PURE__ */ jsxs("div", { "data-role": role, className: "flex min-w-0 flex-col gap-2", children: [
+    !hasToolResultLabels && /* @__PURE__ */ jsx(SpanPayloadLabel, { children: role }),
+    body
+  ] });
+}
+function SpanPayloadMessages({ value }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "span-payload-messages", className: "flex flex-col gap-3", children: value.map((message, index) => /* @__PURE__ */ jsx(SpanMessage, { message }, index)) });
+}
+
+export { SpanPayloadMessages };
+//# sourceMappingURL=span-payload-messages.es.js.map

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

@@ -0,0 +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 { Reasoning } from '@/domains/chat/messages/reasoning';\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' ? <Reasoning 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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"}

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('react/jsx-runtime');
+require('lucide-react');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DknOcv6v.cjs');
+require('../../../../collapsible-C3x1n6sF.cjs');
+require('../../../../markdown-renderer-CUQHtRlL.cjs');
+
+
+
+exports.SpanPayloadCollapsible = domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadCollapsible;
+exports.SpanPayloadField = domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadField;
+exports.SpanPayloadLabel = domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadLabel;
+exports.SpanPayloadMarkdown = domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadMarkdown;
+exports.SpanPayloadToolCalls = domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadToolCalls;
+//# sourceMappingURL=span-payload-primitives.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-primitives.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +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-_TUMqise.js';
+import '../../../../collapsible-C2RuZzc7.js';
+import '../../../../markdown-renderer-SVeQ5Uo_.js';
+//# sourceMappingURL=span-payload-primitives.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-primitives.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+function pickRenderer(registry, description) {
+  return registry[description.type];
+}
+function asCoreSpan(span) {
+  return span;
+}
+
+exports.asCoreSpan = asCoreSpan;
+exports.pickRenderer = pickRenderer;
+//# sourceMappingURL=span-payload-registry.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-registry.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-registry.ts"],"sourcesContent":["import type { describeSpanInput } from '@mastra/core/observability';\nimport type { ComponentType } from 'react';\nimport type { SpanRecord } from '../../types';\n\ntype CoreSpanRecord = Parameters<typeof describeSpanInput>[0];\n\ntype Described = { type: string; value: unknown };\n\n/** A component per description tag, typed against the value that tag carries. */\nexport type PayloadRegistry<D extends Described> = {\n  [T in D['type']]: ComponentType<{ value: Extract<D, { type: T }>['value'] }>;\n};\n\n/**\n * Picks the registry entry for `description.type`. The registry is exhaustive by type,\n * so the entry always exists; the cast only erases the per-tag prop refinement TS cannot\n * carry through an indexed lookup.\n */\nexport function pickRenderer<D extends Described>(\n  registry: PayloadRegistry<D>,\n  description: D,\n): ComponentType<{ value: D['value'] }> {\n  return registry[description.type as D['type']] as ComponentType<{ value: D['value'] }>;\n}\n\n/**\n * The client-js span (API response: ISO-string dates, string-literal enums) is the core\n * span over the wire. `describeSpan*` only read `spanType`, `metadata`, `input`, `output`\n * and `error`, which are identical in both, so this is the one place the two types meet.\n */\nexport function asCoreSpan(span: SpanRecord): CoreSpanRecord {\n  return span as unknown as CoreSpanRecord;\n}\n"],"names":[],"mappings":";;;;AAkBO,SAAS,YAAA,CACd,UACA,WAAA,EACsC;AACtC,EAAA,OAAO,QAAA,CAAS,YAAY,IAAiB,CAAA;AAC/C;AAOO,SAAS,WAAW,IAAA,EAAkC;AAC3D,EAAA,OAAO,IAAA;AACT;;;;;"}

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

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

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

@@ -0,0 +1,9 @@
+function pickRenderer(registry, description) {
+  return registry[description.type];
+}
+function asCoreSpan(span) {
+  return span;
+}
+
+export { asCoreSpan, pickRenderer };
+//# sourceMappingURL=span-payload-registry.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-registry.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-registry.ts"],"sourcesContent":["import type { describeSpanInput } from '@mastra/core/observability';\nimport type { ComponentType } from 'react';\nimport type { SpanRecord } from '../../types';\n\ntype CoreSpanRecord = Parameters<typeof describeSpanInput>[0];\n\ntype Described = { type: string; value: unknown };\n\n/** A component per description tag, typed against the value that tag carries. */\nexport type PayloadRegistry<D extends Described> = {\n  [T in D['type']]: ComponentType<{ value: Extract<D, { type: T }>['value'] }>;\n};\n\n/**\n * Picks the registry entry for `description.type`. The registry is exhaustive by type,\n * so the entry always exists; the cast only erases the per-tag prop refinement TS cannot\n * carry through an indexed lookup.\n */\nexport function pickRenderer<D extends Described>(\n  registry: PayloadRegistry<D>,\n  description: D,\n): ComponentType<{ value: D['value'] }> {\n  return registry[description.type as D['type']] as ComponentType<{ value: D['value'] }>;\n}\n\n/**\n * The client-js span (API response: ISO-string dates, string-literal enums) is the core\n * span over the wire. `describeSpan*` only read `spanType`, `metadata`, `input`, `output`\n * and `error`, which are identical in both, so this is the one place the two types meet.\n */\nexport function asCoreSpan(span: SpanRecord): CoreSpanRecord {\n  return span as unknown as CoreSpanRecord;\n}\n"],"names":[],"mappings":"AAkBO,SAAS,YAAA,CACd,UACA,WAAA,EACsC;AACtC,EAAA,OAAO,QAAA,CAAS,YAAY,IAAiB,CAAA;AAC/C;AAOO,SAAS,WAAW,IAAA,EAAkC;AAC3D,EAAA,OAAO,IAAA;AACT;;;;"}

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

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
+const Button = require('../../../../Button-C2dx_QZN.cjs');
+const buttonsGroup = require('../../../../buttons-group-yLVV4nzz.cjs');
+const copyButton = require('../../../../copy-button-CmQxxSUq.cjs');
+const dataPanelSectionHeading = require('../../../../data-panel-section-heading-BoMxMKSA.cjs');
+const utils_cn = require('../../../../cn-BuHW7Wrt.cjs');
+
+function ViewToggle({ view, onChange }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { spacing: "close", "aria-label": "Payload view", "data-slot": "span-payload-view-toggle", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        size: "sm",
+        variant: view === "rich" ? "primary" : "default",
+        "aria-pressed": view === "rich",
+        onClick: () => onChange("rich"),
+        children: "Preview"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        size: "sm",
+        variant: view === "raw" ? "primary" : "default",
+        "aria-pressed": view === "raw",
+        onClick: () => onChange("raw"),
+        children: "JSON"
+      }
+    )
+  ] });
+}
+function SpanPayloadSection({
+  title,
+  icon,
+  raw,
+  hasPreview = true,
+  children,
+  layout = "panel",
+  defaultView = "rich",
+  className
+}) {
+  const [view, setView] = React.useState(defaultView);
+  if (raw == null) return null;
+  const hasRich = hasPreview && children != null;
+  const showJson = !hasRich || view === "raw";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "span-payload-section",
+      "data-view": showJson ? "raw" : "rich",
+      className: utils_cn.cn("flex flex-col gap-2", className),
+      children: [
+        /* @__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-ui-xs" : void 0, children: title }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+            /* @__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 })
+      ]
+    }
+  );
+}
+
+exports.SpanPayloadSection = SpanPayloadSection;
+//# sourceMappingURL=span-payload-section.cjs.js.map

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

@@ -0,0 +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 spacing=\"close\" aria-label=\"Payload view\" data-slot=\"span-payload-view-toggle\">\n      <Button\n        size=\"sm\"\n        variant={view === 'rich' ? 'primary' : 'default'}\n        aria-pressed={view === 'rich'}\n        onClick={() => onChange('rich')}\n      >\n        Preview\n      </Button>\n      <Button\n        size=\"sm\"\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-ui-xs' : 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,OAAA,EAAQ,SAAQ,YAAA,EAAW,cAAA,EAAe,aAAU,0BAAA,EAChE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,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,IAAA,EAAK,IAAA;AAAA,QACL,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,YAAA,GAAe,QACnF,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;;;;"}

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

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

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

@@ -0,0 +1,69 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { SpanPayloadJson } from './span-payload-json.es.js';
+import { B as Button } from '../../../../Button-DS6O6fvU.js';
+import { B as ButtonsGroup } from '../../../../buttons-group-t7AODlO9.js';
+import { C as CopyButton } from '../../../../copy-button-DIeDskPU.js';
+import { D as DataPanelSectionHeading } from '../../../../data-panel-section-heading-UzIDRnta.js';
+import { c as cn } from '../../../../cn-C6s2yXwM.js';
+
+function ViewToggle({ view, onChange }) {
+  return /* @__PURE__ */ jsxs(ButtonsGroup, { spacing: "close", "aria-label": "Payload view", "data-slot": "span-payload-view-toggle", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        variant: view === "rich" ? "primary" : "default",
+        "aria-pressed": view === "rich",
+        onClick: () => onChange("rich"),
+        children: "Preview"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        variant: view === "raw" ? "primary" : "default",
+        "aria-pressed": view === "raw",
+        onClick: () => onChange("raw"),
+        children: "JSON"
+      }
+    )
+  ] });
+}
+function SpanPayloadSection({
+  title,
+  icon,
+  raw,
+  hasPreview = true,
+  children,
+  layout = "panel",
+  defaultView = "rich",
+  className
+}) {
+  const [view, setView] = useState(defaultView);
+  if (raw == null) return null;
+  const hasRich = hasPreview && children != null;
+  const showJson = !hasRich || view === "raw";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "span-payload-section",
+      "data-view": showJson ? "raw" : "rich",
+      className: cn("flex flex-col gap-2", className),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx(DataPanelSectionHeading, { icon, className: layout === "details" ? "text-ui-xs" : void 0, children: title }),
+          /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(CopyButton, { content: JSON.stringify(raw, null, 2), size: "sm", variant: "ghost" }),
+            hasRich && /* @__PURE__ */ jsx(ViewToggle, { view, onChange: setView })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0", children: showJson ? /* @__PURE__ */ jsx(SpanPayloadJson, { value: raw }) : children })
+      ]
+    }
+  );
+}
+
+export { SpanPayloadSection };
+//# sourceMappingURL=span-payload-section.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-section.es.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 spacing=\"close\" aria-label=\"Payload view\" data-slot=\"span-payload-view-toggle\">\n      <Button\n        size=\"sm\"\n        variant={view === 'rich' ? 'primary' : 'default'}\n        aria-pressed={view === 'rich'}\n        onClick={() => onChange('rich')}\n      >\n        Preview\n      </Button>\n      <Button\n        size=\"sm\"\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-ui-xs' : 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":[],"mappings":";;;;;;;;;AA6BA,SAAS,UAAA,CAAW,EAAE,IAAA,EAAM,QAAA,EAAS,EAAyE;AAC5G,EAAA,4BACG,YAAA,EAAA,EAAa,OAAA,EAAQ,SAAQ,YAAA,EAAW,cAAA,EAAe,aAAU,0BAAA,EAChE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,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,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,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,GAAI,SAA0B,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,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,sBAAA;AAAA,MACV,WAAA,EAAW,WAAW,KAAA,GAAQ,MAAA;AAAA,MAC9B,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAE9C,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mDAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,2BAAwB,IAAA,EAAY,SAAA,EAAW,WAAW,SAAA,GAAY,YAAA,GAAe,QACnF,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,UAAA,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,oBAAW,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAY,UAAU,OAAA,EAAS;AAAA,WAAA,EACzD;AAAA,SAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,QAAA,uBAAY,eAAA,EAAA,EAAgB,KAAA,EAAO,GAAA,EAAK,CAAA,GAAK,QAAA,EAAS;AAAA;AAAA;AAAA,GAClF;AAEJ;;;;"}

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

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('react/jsx-runtime');
+require('./span-payload-json.cjs.js');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DknOcv6v.cjs');
+require('../../../chat/components/badge-wrapper.cjs.js');
+require('../../../../tool-call-CAzilpXy.cjs');
+require('../../../../tool-presentation-BGWx2mEc.cjs');
+
+
+
+exports.SpanPayloadTool = domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadTool;
+//# sourceMappingURL=span-payload-tool.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-tool.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1,7 @@
+import 'react/jsx-runtime';
+import './span-payload-json.es.js';
+export { e as SpanPayloadTool } from '../../../../span-payload-primitives-_TUMqise.js';
+import '../../../chat/components/badge-wrapper.es.js';
+import '../../../../tool-call-98H2-r5p.js';
+import '../../../../tool-presentation-D-smNbXC.js';
+//# sourceMappingURL=span-payload-tool.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload-tool.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const domains_traces_components_spanPayload_spanInputRenderers = require('./span-payload/span-input-renderers.cjs.js');
+const domains_traces_components_spanPayload_spanOutputRenderers = require('./span-payload/span-output-renderers.cjs.js');
+const domains_traces_components_spanPayload_spanErrorRenderer = require('./span-payload/span-error-renderer.cjs.js');
+const domains_traces_components_spanPayload_spanPayloadSection = require('./span-payload/span-payload-section.cjs.js');
+const domains_traces_components_spanPayload_spanPayloadMessages = require('./span-payload/span-payload-messages.cjs.js');
+const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload/span-payload-json.cjs.js');
+
+
+
+exports.SpanInputRenderer = domains_traces_components_spanPayload_spanInputRenderers.SpanInputRenderer;
+exports.SpanOutputRenderer = domains_traces_components_spanPayload_spanOutputRenderers.SpanOutputRenderer;
+exports.SpanErrorRenderer = domains_traces_components_spanPayload_spanErrorRenderer.SpanErrorRenderer;
+exports.SpanPayloadSection = domains_traces_components_spanPayload_spanPayloadSection.SpanPayloadSection;
+exports.SpanPayloadMessages = domains_traces_components_spanPayload_spanPayloadMessages.SpanPayloadMessages;
+exports.SpanPayloadJson = domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson;
+//# sourceMappingURL=span-payload.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1,7 @@
+export { SpanInputRenderer } from './span-payload/span-input-renderers.es.js';
+export { SpanOutputRenderer } from './span-payload/span-output-renderers.es.js';
+export { SpanErrorRenderer } from './span-payload/span-error-renderer.es.js';
+export { SpanPayloadSection } from './span-payload/span-payload-section.es.js';
+export { SpanPayloadMessages } from './span-payload/span-payload-messages.es.js';
+export { SpanPayloadJson } from './span-payload/span-payload-json.es.js';
+//# sourceMappingURL=span-payload.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-payload.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}