npm - @mastra/playground-ui - Versions diffs - 68.0.0 → 69.0.0-alpha.0 - Mend

@mastra/playground-ui 68.0.0 → 69.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1784) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"span-payload-messages.cjs.js","names":["SpanPayloadList","SpanPayloadListName","parseAvailableSkills","SpanPayloadMarkdown","SpanPayloadField","ReasoningActivity","SpanPayloadJson","SpanPayloadTool","SpanPayloadAttachment","parseSkillMarkup","isUserSignalType","SignalDetails","_Fragment","SignalBadge","Message","SpanPayloadLabel","toReactiveSignalData","SkillMessage"],"sources":["../../../../../src/domains/traces/components/span-payload/span-payload-messages.tsx"],"sourcesContent":["import type { MastraDBMessage } from '@mastra/core/agent/message-list';\nimport type { SpanInputMessage } from '@mastra/core/observability';\nimport type { ReactNode } from 'react';\nimport { parseAvailableSkills } from './available-skills';\nimport type { AvailableSkill } from './available-skills';\nimport { SpanPayloadAttachment } from './span-payload-attachment';\nimport { SpanPayloadJson } from './span-payload-json';\nimport {\n SpanPayloadField,\n SpanPayloadLabel,\n SpanPayloadList,\n SpanPayloadListName,\n SpanPayloadMarkdown,\n} from './span-payload-primitives';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { SignalDetails } from './span-signal-details';\nimport { SignalBadge } from '@/domains/chat/messages/signal-badge';\nimport { isUserSignalType, toReactiveSignalData } from '@/domains/chat/messages/signal-data';\nimport type { SignalData } from '@/domains/chat/messages/signal-data';\nimport { parseSkillMarkup } from '@/domains/chat/messages/skill-activation';\nimport { SkillMessage } from '@/domains/chat/messages/skill-message';\nimport { ReasoningActivity } from '@/ds/components/ai/activity';\nimport { Message } from '@/ds/components/Message';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** Strips the indentation shared by every line so indented prompts are not rendered as code blocks. /\nfunction dedent(text: string): string {\n const lines = text.split('\\n');\n const indent = Math.min(...lines.filter(line => line.trim()).map(line => line.length - line.trimStart().length));\n return (Number.isFinite(indent) ? lines.map(line => line.slice(indent)).join('\\n') : text).trim();\n}\n\nfunction SkillList({ skills }: { skills: AvailableSkill[] }) {\n return (\n <SpanPayloadList\n slot=\"span-skills\"\n items={skills.map(skill => ({\n key: skill.name,\n description: skill.description,\n name: <SpanPayloadListName>{skill.name}</SpanPayloadListName>,\n }))}\n />\n );\n}\n\n/* The skills catalog when it is all a message says, so the message label can name it. /\nfunction catalogOnly(parts: unknown[]): AvailableSkill[] \| undefined {\n if (parts.length !== 1) return undefined;\n const [part] = parts;\n const text = typeof part === 'string' ? part : isRecord(part) && part.type === 'text' ? part.text : undefined;\n const catalog = typeof text === 'string' ? parseAvailableSkills(text) : undefined;\n return catalog && !catalog.before.trim() && !catalog.after.trim() ? catalog.skills : undefined;\n}\n\nfunction MessageText({ text }: { text: string }) {\n const catalog = parseAvailableSkills(text);\n if (!catalog) return <SpanPayloadMarkdown>{dedent(text)}</SpanPayloadMarkdown>;\n\n const before = dedent(catalog.before);\n const after = dedent(catalog.after);\n return (\n <div className=\"flex flex-col gap-3\">\n {before && <SpanPayloadMarkdown>{before}</SpanPayloadMarkdown>}\n <SpanPayloadField label={`Skills (${catalog.skills.length})`}>\n <SkillList skills={catalog.skills} />\n </SpanPayloadField>\n {after && <SpanPayloadMarkdown>{after}</SpanPayloadMarkdown>}\n </div>\n );\n}\n\n/\n Reasoning as the model sends it (`text`) or as memory stores it (`reasoning`, with `details`\n * that can be redacted by the provider). An empty one (e.g. only encrypted content) shows nothing.\n /\nfunction MessageReasoning({ part }: { part: Record<string, unknown> }) {\n const details = Array.isArray(part.details) ? part.details.filter(isRecord) : [];\n const text =\n typeof part.text === 'string'\n ? part.text\n : typeof part.reasoning === 'string' && part.reasoning\n ? part.reasoning\n : details\n .map(detail => (detail.type === 'text' && typeof detail.text === 'string' ? detail.text : ''))\n .join('');\n const redacted = !text.trim() && details.some(detail => detail.type === 'redacted');\n return <ReasoningActivity text={text} redacted={redacted} />;\n}\n\nfunction MessagePart({ part }: { part: unknown }) {\n if (typeof part === 'string') return <MessageText text={part} />;\n if (!isRecord(part)) return <SpanPayloadJson value={part} />;\n\n switch (part.type) {\n case 'text':\n return typeof part.text === 'string' ? <MessageText text={part.text} /> : <SpanPayloadJson value={part} />;\n case 'reasoning':\n return <MessageReasoning part={part} />;\n // Marks where a new model step starts in a stored message; it carries nothing to read.\n case 'step-start':\n return null;\n case 'tool-call':\n case 'tool-invocation':\n case 'dynamic-tool':\n case 'tool-result':\n return <SpanPayloadTool value={part} />;\n case 'file':\n case 'image':\n return <SpanPayloadAttachment value={part} />;\n default:\n return <SpanPayloadJson value={part} />;\n }\n}\n\nfunction messageParts(message: Record<string, unknown>): unknown[] {\n if (Array.isArray(message.parts)) return message.parts;\n if (Array.isArray(message.content)) return message.content;\n if (typeof message.content === 'string') return [message.content];\n if (isRecord(message.content)) {\n // MastraDBMessage: content is { format, parts, content? }\n if (Array.isArray(message.content.parts)) return message.content.parts;\n if (typeof message.content.content === 'string') return [message.content.content];\n }\n return [];\n}\n\nfunction MessageBody({ parts }: { parts: unknown[] }) {\n return (\n <div className=\"flex flex-col gap-3\">\n {parts.map((part, index) => (\n <MessagePart key={index} part={part} />\n ))}\n </div>\n );\n}\n\nfunction skillOf(parts: unknown[]) {\n if (parts.length !== 1) return undefined;\n const [part] = parts;\n const text = typeof part === 'string' ? part : isRecord(part) && part.type === 'text' ? part.text : undefined;\n return typeof text === 'string' ? parseSkillMarkup(text) : undefined;\n}\n\n/* A `role: 'signal'` message as memory stores it, which processor and memory spans record as is. /\nfunction isSignalMessage(message: Record<string, unknown>): message is Record<string, unknown> & MastraDBMessage {\n return message.role === 'signal' && isRecord(message.content) && Array.isArray(message.content.parts);\n}\n\n/\n A signal, drawn the same wherever a span recorded it: a user signal reads as the user message\n * it is, any other signal (a skill, a system reminder, a notification…) as the signal row the\n * chat draws for it. Its metadata follows.\n /\nexport function SpanSignal({ signal }: { signal: SignalData }) {\n const isUser = isUserSignalType(signal.type);\n const details = <SignalDetails signal={signal} isUser={isUser} />;\n return (\n <div data-slot=\"span-signal\" data-signal-type={signal.type} className=\"flex min-w-0 flex-col gap-1\">\n {isUser ? (\n <SpanMessage message={{ role: 'user', content: signal.contents }} footer={details} />\n ) : (\n <>\n <SignalBadge signal={signal} defaultOpen />\n {details}\n </>\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.\n/* One message of a span; `footer` sits right under it (e.g. the metadata of the signal it came from). /\nfunction SpanMessage({ message, footer }: { message: unknown; footer?: ReactNode }) {\n if (typeof message === 'string') {\n return (\n <Message from=\"user\" data-role=\"user\" footer={footer}>\n <div className=\"flex flex-col gap-2\">\n <SpanPayloadLabel>user</SpanPayloadLabel>\n <MessageText text={message} />\n </div>\n </Message>\n );\n }\n if (!isRecord(message)) return <SpanPayloadJson value={message} />;\n if (isSignalMessage(message)) return <SpanSignal signal={toReactiveSignalData(message)} />;\n\n const role = typeof message.role === 'string' ? message.role : 'unknown';\n const parts = messageParts(message);\n const body = parts.length > 0 ? <MessageBody parts={parts} /> : <SpanPayloadJson value={message} />;\n\n // A skill reaches the model as `<skill name=\"…\">` markup in a user message: show it as the skill.\n const skill = role === 'user' ? skillOf(parts) : undefined;\n if (skill) {\n return (\n <div data-role=\"skill\" className=\"flex flex-col gap-1\">\n <SkillMessage activation={skill} defaultOpen />\n {footer}\n </div>\n );\n }\n\n if (role === 'user' \|\| role === 'assistant') {\n return (\n <Message from={role} data-role={role} footer={footer}>\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 const skills = catalogOnly(parts);\n\n return (\n <div data-role={role} className=\"flex min-w-0 flex-col gap-2\">\n <SpanPayloadLabel>\n {hasToolResultLabels ? 'Tool result' : skills ? `${role} · Skills (${skills.length})` : role}\n </SpanPayloadLabel>\n {skills ? <SkillList skills={skills} /> : 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"],"mappings":"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"}
1	+ {"version":3,"file":"span-payload-messages.cjs.js","names":["SpanPayloadList","SpanPayloadListName","parseAvailableSkills","SpanPayloadMarkdown","SpanPayloadField","ReasoningActivity","SpanPayloadJson","SpanPayloadTool","SpanPayloadAttachment","parseSkillMarkup","isUserSignalType","SignalDetails","_Fragment","SignalBadge","Message","SpanPayloadLabel","toReactiveSignalData","SkillMessage","Metadata"],"sources":["../../../../../src/domains/traces/components/span-payload/span-payload-messages.tsx"],"sourcesContent":["import type { MastraDBMessage } from '@mastra/core/agent/message-list';\nimport type { SpanInputMessage } from '@mastra/core/observability';\nimport type { ReactNode } from 'react';\nimport { parseAvailableSkills } from './available-skills';\nimport type { AvailableSkill } from './available-skills';\nimport { SpanPayloadAttachment } from './span-payload-attachment';\nimport { SpanPayloadJson } from './span-payload-json';\nimport {\n SpanPayloadField,\n SpanPayloadLabel,\n SpanPayloadList,\n SpanPayloadListName,\n SpanPayloadMarkdown,\n} from './span-payload-primitives';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { SignalDetails } from './span-signal-details';\nimport { SignalBadge } from '@/domains/chat/messages/signal-badge';\nimport { isUserSignalType, toReactiveSignalData } from '@/domains/chat/messages/signal-data';\nimport type { SignalData } from '@/domains/chat/messages/signal-data';\nimport { parseSkillMarkup } from '@/domains/chat/messages/skill-activation';\nimport { SkillMessage } from '@/domains/chat/messages/skill-message';\nimport { ReasoningActivity } from '@/ds/components/ai/activity';\nimport { Message } from '@/ds/components/Message';\nimport { Metadata } from '@/ds/components/Metadata';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** Strips the indentation shared by every line so indented prompts are not rendered as code blocks. /\nfunction dedent(text: string): string {\n const lines = text.split('\\n');\n const indent = Math.min(...lines.filter(line => line.trim()).map(line => line.length - line.trimStart().length));\n return (Number.isFinite(indent) ? lines.map(line => line.slice(indent)).join('\\n') : text).trim();\n}\n\nfunction SkillList({ skills }: { skills: AvailableSkill[] }) {\n return (\n <SpanPayloadList\n slot=\"span-skills\"\n items={skills.map(skill => ({\n key: skill.name,\n description: skill.description,\n name: <SpanPayloadListName>{skill.name}</SpanPayloadListName>,\n }))}\n />\n );\n}\n\n/* The skills catalog when it is all a message says, so the message label can name it. /\nfunction catalogOnly(parts: unknown[]): AvailableSkill[] \| undefined {\n if (parts.length !== 1) return undefined;\n const [part] = parts;\n const text = typeof part === 'string' ? part : isRecord(part) && part.type === 'text' ? part.text : undefined;\n const catalog = typeof text === 'string' ? parseAvailableSkills(text) : undefined;\n return catalog && !catalog.before.trim() && !catalog.after.trim() ? catalog.skills : undefined;\n}\n\nfunction MessageText({ text }: { text: string }) {\n const catalog = parseAvailableSkills(text);\n if (!catalog) return <SpanPayloadMarkdown>{dedent(text)}</SpanPayloadMarkdown>;\n\n const before = dedent(catalog.before);\n const after = dedent(catalog.after);\n return (\n <div className=\"flex flex-col gap-3\">\n {before && <SpanPayloadMarkdown>{before}</SpanPayloadMarkdown>}\n <SpanPayloadField label={`Skills (${catalog.skills.length})`}>\n <SkillList skills={catalog.skills} />\n </SpanPayloadField>\n {after && <SpanPayloadMarkdown>{after}</SpanPayloadMarkdown>}\n </div>\n );\n}\n\n/\n Reasoning as the model sends it (`text`) or as memory stores it (`reasoning`, with `details`\n * that can be redacted by the provider). An empty one (e.g. only encrypted content) shows nothing.\n /\nfunction MessageReasoning({ part }: { part: Record<string, unknown> }) {\n const details = Array.isArray(part.details) ? part.details.filter(isRecord) : [];\n const text =\n typeof part.text === 'string'\n ? part.text\n : typeof part.reasoning === 'string' && part.reasoning\n ? part.reasoning\n : details\n .map(detail => (detail.type === 'text' && typeof detail.text === 'string' ? detail.text : ''))\n .join('');\n const redacted = !text.trim() && details.some(detail => detail.type === 'redacted');\n return <ReasoningActivity text={text} redacted={redacted} />;\n}\n\nfunction MessagePart({ part }: { part: unknown }) {\n if (typeof part === 'string') return <MessageText text={part} />;\n if (!isRecord(part)) return <SpanPayloadJson value={part} />;\n\n switch (part.type) {\n case 'text':\n return typeof part.text === 'string' ? <MessageText text={part.text} /> : <SpanPayloadJson value={part} />;\n case 'reasoning':\n return <MessageReasoning part={part} />;\n // Marks where a new model step starts in a stored message; it carries nothing to read.\n case 'step-start':\n return null;\n case 'tool-call':\n case 'tool-invocation':\n case 'dynamic-tool':\n case 'tool-result':\n return <SpanPayloadTool value={part} />;\n case 'file':\n case 'image':\n return <SpanPayloadAttachment value={part} />;\n default:\n return <SpanPayloadJson value={part} />;\n }\n}\n\nfunction messageParts(message: Record<string, unknown>): unknown[] {\n if (Array.isArray(message.parts)) return message.parts;\n if (Array.isArray(message.content)) return message.content;\n if (typeof message.content === 'string') return [message.content];\n if (isRecord(message.content)) {\n // MastraDBMessage: content is { format, parts, content? }\n if (Array.isArray(message.content.parts)) return message.content.parts;\n if (typeof message.content.content === 'string') return [message.content.content];\n }\n return [];\n}\n\nfunction MessageBody({ parts }: { parts: unknown[] }) {\n return (\n <div className=\"flex flex-col gap-3\">\n {parts.map((part, index) => (\n <MessagePart key={index} part={part} />\n ))}\n </div>\n );\n}\n\nfunction skillOf(parts: unknown[]) {\n if (parts.length !== 1) return undefined;\n const [part] = parts;\n const text = typeof part === 'string' ? part : isRecord(part) && part.type === 'text' ? part.text : undefined;\n return typeof text === 'string' ? parseSkillMarkup(text) : undefined;\n}\n\n/* A `role: 'signal'` message as memory stores it, which processor and memory spans record as is. /\nfunction isSignalMessage(message: Record<string, unknown>): message is Record<string, unknown> & MastraDBMessage {\n return message.role === 'signal' && isRecord(message.content) && Array.isArray(message.content.parts);\n}\n\n/\n A signal, drawn the same wherever a span recorded it: a user signal reads as the user message\n * it is, any other signal (a skill, a system reminder, a notification…) as the signal row the\n * chat draws for it. Its metadata follows.\n /\nexport function SpanSignal({ signal }: { signal: SignalData }) {\n const isUser = isUserSignalType(signal.type);\n const details = <SignalDetails signal={signal} isUser={isUser} />;\n return (\n <div data-slot=\"span-signal\" data-signal-type={signal.type} className=\"flex min-w-0 flex-col gap-1\">\n {isUser ? (\n <SpanMessage message={{ role: 'user', content: signal.contents }} footer={details} />\n ) : (\n <>\n <SignalBadge signal={signal} defaultOpen />\n {details}\n </>\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.\n/* One message of a span; `footer` sits right under it (e.g. the metadata of the signal it came from). /\nfunction SpanMessage({ message, footer }: { message: unknown; footer?: ReactNode }) {\n if (typeof message === 'string') {\n return (\n <Message from=\"user\" data-role=\"user\" footer={footer}>\n <div className=\"flex flex-col gap-2\">\n <SpanPayloadLabel>user</SpanPayloadLabel>\n <MessageText text={message} />\n </div>\n </Message>\n );\n }\n if (!isRecord(message)) return <SpanPayloadJson value={message} />;\n if (isSignalMessage(message)) return <SpanSignal signal={toReactiveSignalData(message)} />;\n\n const role = typeof message.role === 'string' ? message.role : 'unknown';\n const parts = messageParts(message);\n const body = parts.length > 0 ? <MessageBody parts={parts} /> : <SpanPayloadJson value={message} />;\n\n // A skill reaches the model as `<skill name=\"…\">` markup in a user message: show it as the skill.\n const skill = role === 'user' ? skillOf(parts) : undefined;\n if (skill) {\n return (\n <div data-role=\"skill\" className=\"flex flex-col gap-1\">\n <SkillMessage activation={skill} defaultOpen />\n {footer}\n </div>\n );\n }\n\n if (role === 'user' \|\| role === 'assistant') {\n return (\n <Message from={role} data-role={role} footer={footer}>\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 const skills = catalogOnly(parts);\n\n return (\n <div data-role={role} className=\"flex min-w-0 flex-col gap-2\">\n <SpanPayloadLabel>\n {hasToolResultLabels ? (\n 'Tool result'\n ) : skills ? (\n <Metadata>\n <Metadata.Item>{role}</Metadata.Item>\n <Metadata.Item>Skills ({skills.length})</Metadata.Item>\n </Metadata>\n ) : (\n role\n )}\n </SpanPayloadLabel>\n {skills ? <SkillList skills={skills} /> : 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"],"mappings":"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"}

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

@@ -1,14 +1,15 @@
-import { n as ReasoningActivity } from "../../../../activity-C8Ql81WM.js";
-import { parseSkillMarkup } from "../../../chat/messages/skill-activation.es.js";
-import { SkillMessage } from "../../../chat/messages/skill-message.es.js";
-import { isUserSignalType, toReactiveSignalData } from "../../../chat/messages/signal-data.es.js";
-import { r as Message } from "../../../../Message-CWzi5F_Q.js";
-import { SignalBadge } from "../../../chat/messages/signal-badge.es.js";
-import { SpanPayloadJson } from "./span-payload-json.es.js";
 import { parseAvailableSkills } from "./available-skills.es.js";
 import { SpanPayloadAttachment } from "./span-payload-attachment.es.js";
-import { a as SpanPayloadListName, c as SpanPayloadTool, i as SpanPayloadList, n as SpanPayloadField, o as SpanPayloadMarkdown, r as SpanPayloadLabel } from "../../../../span-payload-primitives-CKKIAVPJ.js";
+import { SpanPayloadJson } from "./span-payload-json.es.js";
+import { a as SpanPayloadListName, c as SpanPayloadTool, i as SpanPayloadList, n as SpanPayloadField, o as SpanPayloadMarkdown, r as SpanPayloadLabel } from "../../../../span-payload-primitives-BKkRpVVO.js";
 import { SignalDetails } from "./span-signal-details.es.js";
+import { SignalBadge } from "../../../chat/messages/signal-badge.es.js";
+import { isUserSignalType, toReactiveSignalData } from "../../../chat/messages/signal-data.es.js";
+import { parseSkillMarkup } from "../../../chat/messages/skill-activation.es.js";
+import { SkillMessage } from "../../../chat/messages/skill-message.es.js";
+import { n as ReasoningActivity } from "../../../../activity-ClFChYfl.js";
+import { r as Message } from "../../../../Message-DnnCoSef.js";
+import { t as Metadata } from "../../../../Metadata-DlVgmRTA.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/span-payload/span-payload-messages.tsx
 var isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
@@ -174,7 +175,11 @@ function SpanMessage({ message, footer }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-role": role,
 		className: "flex min-w-0 flex-col gap-2",
-		children: [/* @__PURE__ */ jsx(SpanPayloadLabel, { children: hasToolResultLabels ? "Tool result" : skills ? `${role} · Skills (${skills.length})` : role }), skills ? /* @__PURE__ */ jsx(SkillList, { skills }) : body]
+		children: [/* @__PURE__ */ jsx(SpanPayloadLabel, { children: hasToolResultLabels ? "Tool result" : skills ? /* @__PURE__ */ jsxs(Metadata, { children: [/* @__PURE__ */ jsx(Metadata.Item, { children: role }), /* @__PURE__ */ jsxs(Metadata.Item, { children: [
+			"Skills (",
+			skills.length,
+			")"
+		] })] }) : role }), skills ? /* @__PURE__ */ jsx(SkillList, { skills }) : body]
 	});
 }
 /** Renders a span's message list; rich (parts/content arrays) and shallow (`{ role, content: string }`) alike. */

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

	@@ -1 +1 @@
1	- {"version":3,"file":"span-payload-messages.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/traces/components/span-payload/span-payload-messages.tsx"],"sourcesContent":["import type { MastraDBMessage } from '@mastra/core/agent/message-list';\nimport type { SpanInputMessage } from '@mastra/core/observability';\nimport type { ReactNode } from 'react';\nimport { parseAvailableSkills } from './available-skills';\nimport type { AvailableSkill } from './available-skills';\nimport { SpanPayloadAttachment } from './span-payload-attachment';\nimport { SpanPayloadJson } from './span-payload-json';\nimport {\n SpanPayloadField,\n SpanPayloadLabel,\n SpanPayloadList,\n SpanPayloadListName,\n SpanPayloadMarkdown,\n} from './span-payload-primitives';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { SignalDetails } from './span-signal-details';\nimport { SignalBadge } from '@/domains/chat/messages/signal-badge';\nimport { isUserSignalType, toReactiveSignalData } from '@/domains/chat/messages/signal-data';\nimport type { SignalData } from '@/domains/chat/messages/signal-data';\nimport { parseSkillMarkup } from '@/domains/chat/messages/skill-activation';\nimport { SkillMessage } from '@/domains/chat/messages/skill-message';\nimport { ReasoningActivity } from '@/ds/components/ai/activity';\nimport { Message } from '@/ds/components/Message';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** Strips the indentation shared by every line so indented prompts are not rendered as code blocks. /\nfunction dedent(text: string): string {\n const lines = text.split('\\n');\n const indent = Math.min(...lines.filter(line => line.trim()).map(line => line.length - line.trimStart().length));\n return (Number.isFinite(indent) ? lines.map(line => line.slice(indent)).join('\\n') : text).trim();\n}\n\nfunction SkillList({ skills }: { skills: AvailableSkill[] }) {\n return (\n <SpanPayloadList\n slot=\"span-skills\"\n items={skills.map(skill => ({\n key: skill.name,\n description: skill.description,\n name: <SpanPayloadListName>{skill.name}</SpanPayloadListName>,\n }))}\n />\n );\n}\n\n/* The skills catalog when it is all a message says, so the message label can name it. /\nfunction catalogOnly(parts: unknown[]): AvailableSkill[] \| undefined {\n if (parts.length !== 1) return undefined;\n const [part] = parts;\n const text = typeof part === 'string' ? part : isRecord(part) && part.type === 'text' ? part.text : undefined;\n const catalog = typeof text === 'string' ? parseAvailableSkills(text) : undefined;\n return catalog && !catalog.before.trim() && !catalog.after.trim() ? catalog.skills : undefined;\n}\n\nfunction MessageText({ text }: { text: string }) {\n const catalog = parseAvailableSkills(text);\n if (!catalog) return <SpanPayloadMarkdown>{dedent(text)}</SpanPayloadMarkdown>;\n\n const before = dedent(catalog.before);\n const after = dedent(catalog.after);\n return (\n <div className=\"flex flex-col gap-3\">\n {before && <SpanPayloadMarkdown>{before}</SpanPayloadMarkdown>}\n <SpanPayloadField label={`Skills (${catalog.skills.length})`}>\n <SkillList skills={catalog.skills} />\n </SpanPayloadField>\n {after && <SpanPayloadMarkdown>{after}</SpanPayloadMarkdown>}\n </div>\n );\n}\n\n/\n Reasoning as the model sends it (`text`) or as memory stores it (`reasoning`, with `details`\n * that can be redacted by the provider). An empty one (e.g. only encrypted content) shows nothing.\n /\nfunction MessageReasoning({ part }: { part: Record<string, unknown> }) {\n const details = Array.isArray(part.details) ? part.details.filter(isRecord) : [];\n const text =\n typeof part.text === 'string'\n ? part.text\n : typeof part.reasoning === 'string' && part.reasoning\n ? part.reasoning\n : details\n .map(detail => (detail.type === 'text' && typeof detail.text === 'string' ? detail.text : ''))\n .join('');\n const redacted = !text.trim() && details.some(detail => detail.type === 'redacted');\n return <ReasoningActivity text={text} redacted={redacted} />;\n}\n\nfunction MessagePart({ part }: { part: unknown }) {\n if (typeof part === 'string') return <MessageText text={part} />;\n if (!isRecord(part)) return <SpanPayloadJson value={part} />;\n\n switch (part.type) {\n case 'text':\n return typeof part.text === 'string' ? <MessageText text={part.text} /> : <SpanPayloadJson value={part} />;\n case 'reasoning':\n return <MessageReasoning part={part} />;\n // Marks where a new model step starts in a stored message; it carries nothing to read.\n case 'step-start':\n return null;\n case 'tool-call':\n case 'tool-invocation':\n case 'dynamic-tool':\n case 'tool-result':\n return <SpanPayloadTool value={part} />;\n case 'file':\n case 'image':\n return <SpanPayloadAttachment value={part} />;\n default:\n return <SpanPayloadJson value={part} />;\n }\n}\n\nfunction messageParts(message: Record<string, unknown>): unknown[] {\n if (Array.isArray(message.parts)) return message.parts;\n if (Array.isArray(message.content)) return message.content;\n if (typeof message.content === 'string') return [message.content];\n if (isRecord(message.content)) {\n // MastraDBMessage: content is { format, parts, content? }\n if (Array.isArray(message.content.parts)) return message.content.parts;\n if (typeof message.content.content === 'string') return [message.content.content];\n }\n return [];\n}\n\nfunction MessageBody({ parts }: { parts: unknown[] }) {\n return (\n <div className=\"flex flex-col gap-3\">\n {parts.map((part, index) => (\n <MessagePart key={index} part={part} />\n ))}\n </div>\n );\n}\n\nfunction skillOf(parts: unknown[]) {\n if (parts.length !== 1) return undefined;\n const [part] = parts;\n const text = typeof part === 'string' ? part : isRecord(part) && part.type === 'text' ? part.text : undefined;\n return typeof text === 'string' ? parseSkillMarkup(text) : undefined;\n}\n\n/* A `role: 'signal'` message as memory stores it, which processor and memory spans record as is. /\nfunction isSignalMessage(message: Record<string, unknown>): message is Record<string, unknown> & MastraDBMessage {\n return message.role === 'signal' && isRecord(message.content) && Array.isArray(message.content.parts);\n}\n\n/\n A signal, drawn the same wherever a span recorded it: a user signal reads as the user message\n * it is, any other signal (a skill, a system reminder, a notification…) as the signal row the\n * chat draws for it. Its metadata follows.\n /\nexport function SpanSignal({ signal }: { signal: SignalData }) {\n const isUser = isUserSignalType(signal.type);\n const details = <SignalDetails signal={signal} isUser={isUser} />;\n return (\n <div data-slot=\"span-signal\" data-signal-type={signal.type} className=\"flex min-w-0 flex-col gap-1\">\n {isUser ? (\n <SpanMessage message={{ role: 'user', content: signal.contents }} footer={details} />\n ) : (\n <>\n <SignalBadge signal={signal} defaultOpen />\n {details}\n </>\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.\n/* One message of a span; `footer` sits right under it (e.g. the metadata of the signal it came from). /\nfunction SpanMessage({ message, footer }: { message: unknown; footer?: ReactNode }) {\n if (typeof message === 'string') {\n return (\n <Message from=\"user\" data-role=\"user\" footer={footer}>\n <div className=\"flex flex-col gap-2\">\n <SpanPayloadLabel>user</SpanPayloadLabel>\n <MessageText text={message} />\n </div>\n </Message>\n );\n }\n if (!isRecord(message)) return <SpanPayloadJson value={message} />;\n if (isSignalMessage(message)) return <SpanSignal signal={toReactiveSignalData(message)} />;\n\n const role = typeof message.role === 'string' ? message.role : 'unknown';\n const parts = messageParts(message);\n const body = parts.length > 0 ? <MessageBody parts={parts} /> : <SpanPayloadJson value={message} />;\n\n // A skill reaches the model as `<skill name=\"…\">` markup in a user message: show it as the skill.\n const skill = role === 'user' ? skillOf(parts) : undefined;\n if (skill) {\n return (\n <div data-role=\"skill\" className=\"flex flex-col gap-1\">\n <SkillMessage activation={skill} defaultOpen />\n {footer}\n </div>\n );\n }\n\n if (role === 'user' \|\| role === 'assistant') {\n return (\n <Message from={role} data-role={role} footer={footer}>\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 const skills = catalogOnly(parts);\n\n return (\n <div data-role={role} className=\"flex min-w-0 flex-col gap-2\">\n <SpanPayloadLabel>\n {hasToolResultLabels ? 'Tool result' : skills ? `${role} · Skills (${skills.length})` : role}\n </SpanPayloadLabel>\n {skills ? <SkillList skills={skills} /> : 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"],"mappings":"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"}
1	+ {"version":3,"file":"span-payload-messages.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/traces/components/span-payload/span-payload-messages.tsx"],"sourcesContent":["import type { MastraDBMessage } from '@mastra/core/agent/message-list';\nimport type { SpanInputMessage } from '@mastra/core/observability';\nimport type { ReactNode } from 'react';\nimport { parseAvailableSkills } from './available-skills';\nimport type { AvailableSkill } from './available-skills';\nimport { SpanPayloadAttachment } from './span-payload-attachment';\nimport { SpanPayloadJson } from './span-payload-json';\nimport {\n SpanPayloadField,\n SpanPayloadLabel,\n SpanPayloadList,\n SpanPayloadListName,\n SpanPayloadMarkdown,\n} from './span-payload-primitives';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { SignalDetails } from './span-signal-details';\nimport { SignalBadge } from '@/domains/chat/messages/signal-badge';\nimport { isUserSignalType, toReactiveSignalData } from '@/domains/chat/messages/signal-data';\nimport type { SignalData } from '@/domains/chat/messages/signal-data';\nimport { parseSkillMarkup } from '@/domains/chat/messages/skill-activation';\nimport { SkillMessage } from '@/domains/chat/messages/skill-message';\nimport { ReasoningActivity } from '@/ds/components/ai/activity';\nimport { Message } from '@/ds/components/Message';\nimport { Metadata } from '@/ds/components/Metadata';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** Strips the indentation shared by every line so indented prompts are not rendered as code blocks. /\nfunction dedent(text: string): string {\n const lines = text.split('\\n');\n const indent = Math.min(...lines.filter(line => line.trim()).map(line => line.length - line.trimStart().length));\n return (Number.isFinite(indent) ? lines.map(line => line.slice(indent)).join('\\n') : text).trim();\n}\n\nfunction SkillList({ skills }: { skills: AvailableSkill[] }) {\n return (\n <SpanPayloadList\n slot=\"span-skills\"\n items={skills.map(skill => ({\n key: skill.name,\n description: skill.description,\n name: <SpanPayloadListName>{skill.name}</SpanPayloadListName>,\n }))}\n />\n );\n}\n\n/* The skills catalog when it is all a message says, so the message label can name it. /\nfunction catalogOnly(parts: unknown[]): AvailableSkill[] \| undefined {\n if (parts.length !== 1) return undefined;\n const [part] = parts;\n const text = typeof part === 'string' ? part : isRecord(part) && part.type === 'text' ? part.text : undefined;\n const catalog = typeof text === 'string' ? parseAvailableSkills(text) : undefined;\n return catalog && !catalog.before.trim() && !catalog.after.trim() ? catalog.skills : undefined;\n}\n\nfunction MessageText({ text }: { text: string }) {\n const catalog = parseAvailableSkills(text);\n if (!catalog) return <SpanPayloadMarkdown>{dedent(text)}</SpanPayloadMarkdown>;\n\n const before = dedent(catalog.before);\n const after = dedent(catalog.after);\n return (\n <div className=\"flex flex-col gap-3\">\n {before && <SpanPayloadMarkdown>{before}</SpanPayloadMarkdown>}\n <SpanPayloadField label={`Skills (${catalog.skills.length})`}>\n <SkillList skills={catalog.skills} />\n </SpanPayloadField>\n {after && <SpanPayloadMarkdown>{after}</SpanPayloadMarkdown>}\n </div>\n );\n}\n\n/\n Reasoning as the model sends it (`text`) or as memory stores it (`reasoning`, with `details`\n * that can be redacted by the provider). An empty one (e.g. only encrypted content) shows nothing.\n /\nfunction MessageReasoning({ part }: { part: Record<string, unknown> }) {\n const details = Array.isArray(part.details) ? part.details.filter(isRecord) : [];\n const text =\n typeof part.text === 'string'\n ? part.text\n : typeof part.reasoning === 'string' && part.reasoning\n ? part.reasoning\n : details\n .map(detail => (detail.type === 'text' && typeof detail.text === 'string' ? detail.text : ''))\n .join('');\n const redacted = !text.trim() && details.some(detail => detail.type === 'redacted');\n return <ReasoningActivity text={text} redacted={redacted} />;\n}\n\nfunction MessagePart({ part }: { part: unknown }) {\n if (typeof part === 'string') return <MessageText text={part} />;\n if (!isRecord(part)) return <SpanPayloadJson value={part} />;\n\n switch (part.type) {\n case 'text':\n return typeof part.text === 'string' ? <MessageText text={part.text} /> : <SpanPayloadJson value={part} />;\n case 'reasoning':\n return <MessageReasoning part={part} />;\n // Marks where a new model step starts in a stored message; it carries nothing to read.\n case 'step-start':\n return null;\n case 'tool-call':\n case 'tool-invocation':\n case 'dynamic-tool':\n case 'tool-result':\n return <SpanPayloadTool value={part} />;\n case 'file':\n case 'image':\n return <SpanPayloadAttachment value={part} />;\n default:\n return <SpanPayloadJson value={part} />;\n }\n}\n\nfunction messageParts(message: Record<string, unknown>): unknown[] {\n if (Array.isArray(message.parts)) return message.parts;\n if (Array.isArray(message.content)) return message.content;\n if (typeof message.content === 'string') return [message.content];\n if (isRecord(message.content)) {\n // MastraDBMessage: content is { format, parts, content? }\n if (Array.isArray(message.content.parts)) return message.content.parts;\n if (typeof message.content.content === 'string') return [message.content.content];\n }\n return [];\n}\n\nfunction MessageBody({ parts }: { parts: unknown[] }) {\n return (\n <div className=\"flex flex-col gap-3\">\n {parts.map((part, index) => (\n <MessagePart key={index} part={part} />\n ))}\n </div>\n );\n}\n\nfunction skillOf(parts: unknown[]) {\n if (parts.length !== 1) return undefined;\n const [part] = parts;\n const text = typeof part === 'string' ? part : isRecord(part) && part.type === 'text' ? part.text : undefined;\n return typeof text === 'string' ? parseSkillMarkup(text) : undefined;\n}\n\n/* A `role: 'signal'` message as memory stores it, which processor and memory spans record as is. /\nfunction isSignalMessage(message: Record<string, unknown>): message is Record<string, unknown> & MastraDBMessage {\n return message.role === 'signal' && isRecord(message.content) && Array.isArray(message.content.parts);\n}\n\n/\n A signal, drawn the same wherever a span recorded it: a user signal reads as the user message\n * it is, any other signal (a skill, a system reminder, a notification…) as the signal row the\n * chat draws for it. Its metadata follows.\n /\nexport function SpanSignal({ signal }: { signal: SignalData }) {\n const isUser = isUserSignalType(signal.type);\n const details = <SignalDetails signal={signal} isUser={isUser} />;\n return (\n <div data-slot=\"span-signal\" data-signal-type={signal.type} className=\"flex min-w-0 flex-col gap-1\">\n {isUser ? (\n <SpanMessage message={{ role: 'user', content: signal.contents }} footer={details} />\n ) : (\n <>\n <SignalBadge signal={signal} defaultOpen />\n {details}\n </>\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.\n/* One message of a span; `footer` sits right under it (e.g. the metadata of the signal it came from). /\nfunction SpanMessage({ message, footer }: { message: unknown; footer?: ReactNode }) {\n if (typeof message === 'string') {\n return (\n <Message from=\"user\" data-role=\"user\" footer={footer}>\n <div className=\"flex flex-col gap-2\">\n <SpanPayloadLabel>user</SpanPayloadLabel>\n <MessageText text={message} />\n </div>\n </Message>\n );\n }\n if (!isRecord(message)) return <SpanPayloadJson value={message} />;\n if (isSignalMessage(message)) return <SpanSignal signal={toReactiveSignalData(message)} />;\n\n const role = typeof message.role === 'string' ? message.role : 'unknown';\n const parts = messageParts(message);\n const body = parts.length > 0 ? <MessageBody parts={parts} /> : <SpanPayloadJson value={message} />;\n\n // A skill reaches the model as `<skill name=\"…\">` markup in a user message: show it as the skill.\n const skill = role === 'user' ? skillOf(parts) : undefined;\n if (skill) {\n return (\n <div data-role=\"skill\" className=\"flex flex-col gap-1\">\n <SkillMessage activation={skill} defaultOpen />\n {footer}\n </div>\n );\n }\n\n if (role === 'user' \|\| role === 'assistant') {\n return (\n <Message from={role} data-role={role} footer={footer}>\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 const skills = catalogOnly(parts);\n\n return (\n <div data-role={role} className=\"flex min-w-0 flex-col gap-2\">\n <SpanPayloadLabel>\n {hasToolResultLabels ? (\n 'Tool result'\n ) : skills ? (\n <Metadata>\n <Metadata.Item>{role}</Metadata.Item>\n <Metadata.Item>Skills ({skills.length})</Metadata.Item>\n </Metadata>\n ) : (\n role\n )}\n </SpanPayloadLabel>\n {skills ? <SkillList skills={skills} /> : 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"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D4tHWN2W.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-D2NWznGy.cjs");
 exports.SpanPayloadCollapsible = require_span_payload_primitives.SpanPayloadCollapsible;
 exports.SpanPayloadField = require_span_payload_primitives.SpanPayloadField;
 exports.SpanPayloadLabel = require_span_payload_primitives.SpanPayloadLabel;

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

	@@ -1 +1 @@
1	- export { t as SpanPayloadCollapsible, n as SpanPayloadField, r as SpanPayloadLabel, i as SpanPayloadList, a as SpanPayloadListName, o as SpanPayloadMarkdown, s as SpanPayloadToolCalls } from "../../../../span-payload-primitives-~~CKKIAVPJ~~.js";
1	+ export { t as SpanPayloadCollapsible, n as SpanPayloadField, r as SpanPayloadLabel, i as SpanPayloadList, a as SpanPayloadListName, o as SpanPayloadMarkdown, s as SpanPayloadToolCalls } from "../../../../span-payload-primitives-BKkRpVVO.js";

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

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_DataKeysAndValues = require("../../../../DataKeysAndValues-DsH6AbAo.cjs");
-const require_domains_traces_components_span_payload_span_payload_processor_fields = require("./span-payload-processor-fields.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D4tHWN2W.cjs");
 const require_domains_traces_components_span_payload_span_payload_messages = require("./span-payload-messages.cjs.js");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-D2NWznGy.cjs");
+const require_domains_traces_components_span_payload_span_payload_processor_fields = require("./span-payload-processor-fields.cjs.js");
+const require_DataKeysAndValues = require("../../../../DataKeysAndValues-BbKeVxrQ.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/span-payload/span-payload-processor.tsx

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

@@ -1,8 +1,8 @@
-import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-PwOmGxyp.js";
-import { isScalar, processorInputToolKeys, readProcessorPayload } from "./span-payload-processor-fields.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
-import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown, s as SpanPayloadToolCalls, t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-CKKIAVPJ.js";
 import { SpanPayloadMessages } from "./span-payload-messages.es.js";
+import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown, s as SpanPayloadToolCalls, t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-BKkRpVVO.js";
+import { isScalar, processorInputToolKeys, readProcessorPayload } from "./span-payload-processor-fields.es.js";
+import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-B56je3sK.js";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/span-payload/span-payload-processor.tsx

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_traces_utils_span_signal = require("../../utils/span-signal.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_processor_fields = require("./span-payload-processor-fields.cjs.js");
+const require_domains_traces_utils_span_signal = require("../../utils/span-signal.cjs.js");
 let _mastra_core_observability = require("@mastra/core/observability");
 // src/domains/traces/components/span-payload/span-payload-registry.ts
 /**

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

@@ -1,5 +1,5 @@
-import { getSpanSignal } from "../../utils/span-signal.es.js";
 import { hasProcessorPreview, processorInputToolKeys } from "./span-payload-processor-fields.es.js";
+import { getSpanSignal } from "../../utils/span-signal.es.js";
 import { SpanType, describeProcessorPipeline, describeSpanInput, describeSpanOutput } from "@mastra/core/observability";
 // src/domains/traces/components/span-payload/span-payload-registry.ts
 /**

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

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../../utils-uDc1ofX1.cjs");
-const require_Button = require("../../../../Button-DLcMcuUL.cjs");
-const require_copy_button = require("../../../../copy-button-DJAQ6_3o.cjs");
+const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
+const require_Button = require("../../../../Button-BfICfyxD.cjs");
+const require_Card = require("../../../../Card-C9oCXvxU.cjs");
 const require_components_Collapsible = require("../../../../components/Collapsible.cjs.js");
-const require_components_DisclosureChevron = require("../../../../components/DisclosureChevron.cjs.js");
-const require_data_panel_section_heading = require("../../../../data-panel-section-heading-d9UnruDt.cjs");
 const require_components_CollapsibleBox = require("../../../../components/CollapsibleBox.cjs.js");
-const require_Card = require("../../../../Card-C6iEBgVq.cjs");
-const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
+const require_copy_button = require("../../../../copy-button-DuEUYvS2.cjs");
+const require_data_panel_section_heading = require("../../../../data-panel-section-heading-d9UnruDt.cjs");
+const require_components_DisclosureChevron = require("../../../../components/DisclosureChevron.cjs.js");
+const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

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

@@ -1,12 +1,12 @@
-import { t as cn } from "../../../../utils-DQx8TpNT.js";
-import { t as Button } from "../../../../Button-CLXTbAY8.js";
-import { t as CopyButton } from "../../../../copy-button-BXrbevLn.js";
+import { SpanPayloadJson } from "./span-payload-json.es.js";
+import { t as Button } from "../../../../Button-Bi7aXd_G.js";
+import { n as CardContent, t as Card } from "../../../../Card-ClDoUQNb.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../../components/Collapsible.es.js";
-import { DisclosureChevron } from "../../../../components/DisclosureChevron.es.js";
-import { t as DataPanelSectionHeading } from "../../../../data-panel-section-heading-X3tHNMV1.js";
 import { CollapsibleBox, useCollapsibleBox } from "../../../../components/CollapsibleBox.es.js";
-import { n as CardContent, t as Card } from "../../../../Card-LU1aWO7U.js";
-import { SpanPayloadJson } from "./span-payload-json.es.js";
+import { t as CopyButton } from "../../../../copy-button-B-_Z6N6y.js";
+import { t as DataPanelSectionHeading } from "../../../../data-panel-section-heading-X3tHNMV1.js";
+import { DisclosureChevron } from "../../../../components/DisclosureChevron.es.js";
+import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Braces, Eye, Minimize2 } from "lucide-react";

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

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D4tHWN2W.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-D2NWznGy.cjs");
 exports.SpanPayloadTool = require_span_payload_primitives.SpanPayloadTool;
 exports.SpanToolNameValue = require_span_payload_primitives.SpanToolNameValue;

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

	@@ -1 +1 @@
1	- export { c as SpanPayloadTool, l as SpanToolNameValue } from "../../../../span-payload-primitives-~~CKKIAVPJ~~.js";
1	+ export { c as SpanPayloadTool, l as SpanToolNameValue } from "../../../../span-payload-primitives-BKkRpVVO.js";

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

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_traces_components_span_payload_span_payload_registry = require("./span-payload-registry.cjs.js");
+const require_DataKeysAndValues = require("../../../../DataKeysAndValues-BbKeVxrQ.cjs");
+const require_Txt = require("../../../../Txt-_00wWxTd.cjs");
 const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 const require_utils_duration = require("../../../../utils/duration.cjs.js");
-const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
-const require_DataKeysAndValues = require("../../../../DataKeysAndValues-DsH6AbAo.cjs");
-const require_domains_traces_components_span_payload_span_payload_registry = require("./span-payload-registry.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_core_observability = require("@mastra/core/observability");
 // src/domains/traces/components/span-payload/span-processor-attributes.tsx

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

@@ -1,8 +1,8 @@
+import { asCoreSpan } from "./span-payload-registry.es.js";
+import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-B56je3sK.js";
+import { t as Txt } from "../../../../Txt-5efBsb2p.js";
 import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import { formatDuration } from "../../../../utils/duration.es.js";
-import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
-import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-PwOmGxyp.js";
-import { asCoreSpan } from "./span-payload-registry.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { describeProcessorPipeline } from "@mastra/core/observability";
 // src/domains/traces/components/span-payload/span-processor-attributes.tsx

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

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
-const require_string = require("../../../../string-DdJJdCv2.cjs");
 const require_domains_traces_components_span_outcome_utils = require("../span-outcome.utils.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D4tHWN2W.cjs");
 const require_domains_traces_components_span_payload_span_payload_messages = require("./span-payload-messages.cjs.js");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-D2NWznGy.cjs");
+const require_Txt = require("../../../../Txt-_00wWxTd.cjs");
+const require_string = require("../../../../string-EyTazW-F.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/span-payload/span-processor-mutations.tsx
 var messages = (count) => count === void 0 ? "messages" : require_string.pluralize(count, "message");

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

@@ -1,9 +1,9 @@
-import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
-import { r as pluralize } from "../../../../string-CNKDIc_4.js";
 import { getSpanChanges } from "../span-outcome.utils.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
-import { t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-CKKIAVPJ.js";
 import { SpanPayloadMessages } from "./span-payload-messages.es.js";
+import { t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-BKkRpVVO.js";
+import { t as Txt } from "../../../../Txt-5efBsb2p.js";
+import { i as pluralize } from "../../../../string-CA5M0mj_.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/span-payload/span-processor-mutations.tsx
 var messages = (count) => count === void 0 ? "messages" : pluralize(count, "message");

package/dist/domains/traces/components/span-payload/span-signal-details.cjs.js CHANGED Viewed

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../../utils-uDc1ofX1.cjs");
-const require_tooltip = require("../../../../tooltip-BiRLT3Th.cjs");
+const require_domains_chat_messages_signal_data = require("../../../chat/messages/signal-data.cjs.js");
+const require_Badge = require("../../../../Badge-DqaMg7Gy.cjs");
+const require_tooltip = require("../../../../tooltip-BsExuMO8.cjs");
 const require_icons_Icon = require("../../../../icons/Icon.cjs.js");
 const require_hooks_use_copy_to_clipboard = require("../../../../hooks/use-copy-to-clipboard.cjs.js");
-const require_Badge = require("../../../../Badge-DZ6r6bcw.cjs");
-const require_domains_chat_messages_signal_data = require("../../../chat/messages/signal-data.cjs.js");
+const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/domains/traces/components/span-payload/span-signal-details.tsx

package/dist/domains/traces/components/span-payload/span-signal-details.es.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { t as cn } from "../../../../utils-DQx8TpNT.js";
-import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "../../../../tooltip-HzcLyGtV.js";
+import { formatSignalValue } from "../../../chat/messages/signal-data.es.js";
+import { t as Badge } from "../../../../Badge-C7NnqmMx.js";
+import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "../../../../tooltip-DJcze2VZ.js";
 import { Icon } from "../../../../icons/Icon.es.js";
 import { useCopyToClipboard } from "../../../../hooks/use-copy-to-clipboard.es.js";
-import { t as Badge } from "../../../../Badge-aVu5iGAF.js";
-import { formatSignalValue } from "../../../chat/messages/signal-data.es.js";
+import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, CopyIcon } from "lucide-react";
 // src/domains/traces/components/span-payload/span-signal-details.tsx

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

@@ -1,14 +1,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_lib_framework = require("../../../../lib/framework.cjs.js");
-const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
-const require_icons_ToolsIcon = require("../../../../icons/ToolsIcon.cjs.js");
-const require_domains_chat_messages_message_row = require("../../../chat/messages/message-row.cjs.js");
 const require_domains_traces_components_format_trace_thread_messages = require("../format-trace-thread-messages.cjs.js");
+const require_domains_traces_components_read_only_tool_call_provider = require("../read-only-tool-call-provider.cjs.js");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-D2NWznGy.cjs");
 const require_domains_traces_components_span_payload_span_payload_registry = require("./span-payload-registry.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D4tHWN2W.cjs");
 const require_domains_traces_components_span_payload_span_payload_section = require("./span-payload-section.cjs.js");
-const require_domains_traces_components_read_only_tool_call_provider = require("../read-only-tool-call-provider.cjs.js");
 const require_domains_traces_components_span_payload_use_span_tool_calls = require("./use-span-tool-calls.cjs.js");
+const require_domains_chat_messages_message_row = require("../../../chat/messages/message-row.cjs.js");
+const require_Txt = require("../../../../Txt-_00wWxTd.cjs");
+const require_icons_ToolsIcon = require("../../../../icons/ToolsIcon.cjs.js");
+const require_lib_framework = require("../../../../lib/framework.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_tools = require("@mastra/react/hooks/tools");
 // src/domains/traces/components/span-payload/span-tools-section.tsx

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

@@ -1,13 +1,13 @@
-import { useLinkComponent } from "../../../../lib/framework.es.js";
-import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
-import { ToolsIcon } from "../../../../icons/ToolsIcon.es.js";
-import { MessageRow } from "../../../chat/messages/message-row.es.js";
 import { getRequestedToolCalls } from "../format-trace-thread-messages.es.js";
+import { ReadOnlyToolCallProvider } from "../read-only-tool-call-provider.es.js";
+import { a as SpanPayloadListName, i as SpanPayloadList } from "../../../../span-payload-primitives-BKkRpVVO.js";
 import { getDelegatedToolHref, getSpanTools } from "./span-payload-registry.es.js";
-import { a as SpanPayloadListName, i as SpanPayloadList } from "../../../../span-payload-primitives-CKKIAVPJ.js";
 import { SpanPayloadSection } from "./span-payload-section.es.js";
-import { ReadOnlyToolCallProvider } from "../read-only-tool-call-provider.es.js";
 import { useSpanToolCalls } from "./use-span-tool-calls.es.js";
+import { MessageRow } from "../../../chat/messages/message-row.es.js";
+import { t as Txt } from "../../../../Txt-5efBsb2p.js";
+import { ToolsIcon } from "../../../../icons/ToolsIcon.es.js";
+import { useLinkComponent } from "../../../../lib/framework.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useTools } from "@mastra/react/hooks/tools";
 // src/domains/traces/components/span-payload/span-tools-section.tsx

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

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_traces_components_span_payload_span_payload_registry = require("./span-payload/span-payload-registry.cjs.js");
-const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload/span-payload-json.cjs.js");
-const require_domains_traces_components_span_payload_span_payload_messages = require("./span-payload/span-payload-messages.cjs.js");
-const require_domains_traces_components_span_payload_span_payload_processor = require("./span-payload/span-payload-processor.cjs.js");
 const require_domains_traces_components_span_payload_span_input_renderers = require("./span-payload/span-input-renderers.cjs.js");
+const require_domains_traces_components_span_payload_span_payload_registry = require("./span-payload/span-payload-registry.cjs.js");
 const require_domains_traces_components_span_payload_span_output_renderers = require("./span-payload/span-output-renderers.cjs.js");
 const require_domains_traces_components_span_payload_span_error_renderer = require("./span-payload/span-error-renderer.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_section = require("./span-payload/span-payload-section.cjs.js");
+const require_domains_traces_components_span_payload_span_payload_messages = require("./span-payload/span-payload-messages.cjs.js");
+const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload/span-payload-json.cjs.js");
+const require_domains_traces_components_span_payload_span_payload_processor = require("./span-payload/span-payload-processor.cjs.js");
 const require_domains_traces_components_span_payload_span_processor_attributes = require("./span-payload/span-processor-attributes.cjs.js");
 const require_domains_traces_components_span_payload_span_processor_mutations = require("./span-payload/span-processor-mutations.cjs.js");
 exports.SpanErrorDetails = require_domains_traces_components_span_payload_span_error_renderer.SpanErrorDetails;

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

@@ -1,11 +1,11 @@
-import { getSpanOutputPayload, hasSpanInputPreview, hasSpanOutputPreview } from "./span-payload/span-payload-registry.es.js";
-import { SpanPayloadJson } from "./span-payload/span-payload-json.es.js";
-import { SpanPayloadMessages } from "./span-payload/span-payload-messages.es.js";
-import { SpanPayloadProcessor } from "./span-payload/span-payload-processor.es.js";
 import { SpanInputRenderer } from "./span-payload/span-input-renderers.es.js";
+import { getSpanOutputPayload, hasSpanInputPreview, hasSpanOutputPreview } from "./span-payload/span-payload-registry.es.js";
 import { SpanOutputRenderer } from "./span-payload/span-output-renderers.es.js";
 import { SpanErrorDetails, SpanErrorRenderer } from "./span-payload/span-error-renderer.es.js";
 import { SpanPayloadJsonSection, SpanPayloadSection } from "./span-payload/span-payload-section.es.js";
+import { SpanPayloadMessages } from "./span-payload/span-payload-messages.es.js";
+import { SpanPayloadJson } from "./span-payload/span-payload-json.es.js";
+import { SpanPayloadProcessor } from "./span-payload/span-payload-processor.es.js";
 import { SpanProcessorAttributes } from "./span-payload/span-processor-attributes.es.js";
 import { SpanProcessorMutations } from "./span-payload/span-processor-mutations.es.js";
 export { SpanErrorDetails, SpanErrorRenderer, SpanInputRenderer, SpanOutputRenderer, SpanPayloadJson, SpanPayloadJsonSection, SpanPayloadMessages, SpanPayloadProcessor, SpanPayloadSection, SpanProcessorAttributes, SpanProcessorMutations, getSpanOutputPayload, hasSpanInputPreview, hasSpanOutputPreview };

package/dist/domains/traces/components/span-prompt-changes.cjs.js CHANGED Viewed

@@ -1,16 +1,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_cost = require("../../../cost-CDXUhpb_.cjs");
-const require_primitives_transitions = require("../../../primitives/transitions.cjs.js");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_string = require("../../../string-DdJJdCv2.cjs");
-const require_components_DisclosureChevron = require("../../../components/DisclosureChevron.cjs.js");
-const require_components_CollapsibleBox = require("../../../components/CollapsibleBox.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload/span-payload-json.cjs.js");
-const require_domains_traces_components_span_payload_available_skills = require("./span-payload/available-skills.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_messages = require("./span-payload/span-payload-messages.cjs.js");
+const require_domains_traces_components_span_payload_available_skills = require("./span-payload/available-skills.cjs.js");
 const require_domains_traces_components_span_prompt_impact = require("./span-prompt-impact.cjs.js");
+const require_components_CollapsibleBox = require("../../../components/CollapsibleBox.cjs.js");
 const require_components_DiffStat = require("../../../components/DiffStat.cjs.js");
+const require_components_DisclosureChevron = require("../../../components/DisclosureChevron.cjs.js");
+const require_Metadata = require("../../../Metadata-5GJlO4GU.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
+const require_primitives_transitions = require("../../../primitives/transitions.cjs.js");
+const require_cost = require("../../../cost-CDXUhpb_.cjs");
+const require_string = require("../../../string-EyTazW-F.cjs");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -37,7 +38,7 @@ function describeMessage(message) {
 	const catalog = require_domains_traces_components_span_payload_available_skills.parseAvailableSkills(text);
 	if (catalog && !catalog.before.trim() && !catalog.after.trim()) return {
 		title: "Skills catalog",
-		meta: `${require_string.pluralize(catalog.skills.length, "skill")} · ${size}`
+		meta: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Metadata.Metadata, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Metadata.Metadata.Item, { children: require_string.pluralize(catalog.skills.length, "skill") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Metadata.Metadata.Item, { children: size })] })
 	};
 	return {
 		title: text.split("\n").map((line) => line.trim().replace(/^#+\s*/, "")).find(Boolean) ?? "Empty message",
@@ -158,7 +159,13 @@ function MessageRow({ sign, message, tag }) {
 	const { title, meta } = describeMessage(message);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DiffRow, {
 		sign,
-		title: tag ? `${title} · ${tag}` : title,
+		title: tag ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Metadata.Metadata, {
+			singleLine: true,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Metadata.Metadata.Item, { children: title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Metadata.Metadata.Item, {
+				className: "shrink-0",
+				children: tag
+			})]
+		}) : title,
 		meta,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Clipped, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_messages.SpanPayloadMessages, { value: [message] }) })
 	});