@mastra/playground-ui 66.0.0 → 66.0.1-alpha.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-processor-mutations.cjs.js","names":["pluralize","Txt","_Fragment","SpanPayloadMessages","SpanPayloadCollapsible","SpanPayloadJson","getSpanChanges"],"sources":["../../../../../src/domains/traces/components/span-payload/span-processor-mutations.tsx"],"sourcesContent":["import type { ProcessorPipelineDescription } from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { getSpanChanges } from '../span-outcome.utils';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMessages } from './span-payload-messages';\nimport { SpanPayloadCollapsible } from './span-payload-primitives';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { pluralize } from '@/lib/string';\n\ntype Mutation = NonNullable<ProcessorPipelineDescription['messageListMutations']>[number];\n\nconst messages = (count: number | undefined) => (count === undefined ? 'messages' : pluralize(count, 'message'));\n\n/** What a recorded change did to the message list, as one sentence. */\nfunction describeMutation(mutation: Exclude<Mutation, null | undefined>): string {\n  const { type, source, count, tag } = mutation;\n  switch (type) {\n    case 'add':\n      if (source === 'memory') return `Added ${messages(count)} from memory to the conversation`;\n      if (source === 'input') return `Added ${messages(count)} to this turn's input`;\n      if (source === 'response') return `Added ${messages(count)} to the model's response`;\n      if (source === 'context') return `Added ${messages(count)} of context to the conversation`;\n      if (source === 'system') return `Added ${messages(count)} to the system prompt`;\n      return `Added ${messages(count)} to the conversation`;\n    case 'addSystem':\n      return `Added ${count && count > 1 ? messages(count) : 'a'}${tag ? ` \"${tag}\"` : ''}${count && count > 1 ? '' : ' message'} to the system prompt`;\n    case 'clear':\n      if (source === 'input') return `Took ${messages(count)} from this turn's input out of the conversation`;\n      if (source === 'response') return `Took ${messages(count)} from the model's response out of the conversation`;\n      return `Cleared the whole conversation (${messages(count)})`;\n    case 'removeByIds':\n      if (source === 'system') return `Removed ${messages(count ?? mutation.ids?.length)} from the system prompt`;\n      return `Removed ${messages(count ?? mutation.ids?.length)} from the conversation`;\n    default:\n      return `${String(type)}${source ? ` (${source})` : ''}`;\n  }\n}\n\n/**\n * The recorded changes in the order they happened. Back-to-back changes of the same\n * kind that only carry a count (e.g. two single-message adds from memory) read as one step.\n */\nfunction toSteps(mutations: readonly Mutation[]) {\n  const steps: Mutation[] = [];\n  for (const mutation of mutations) {\n    const previous = steps.at(-1);\n    if (isCountOnly(previous) && isCountOnly(mutation) && isSameKind(previous, mutation)) {\n      steps[steps.length - 1] = { ...previous, count: previous.count + mutation.count };\n      continue;\n    }\n    steps.push(mutation);\n  }\n  return steps;\n}\n\ntype CountOnlyMutation = Exclude<Mutation, null | undefined> & { count: number };\n\nconst isCountOnly = (mutation: Mutation | undefined): mutation is CountOnlyMutation =>\n  typeof mutation === 'object' &&\n  mutation !== null &&\n  mutation.count !== undefined &&\n  mutation.message === undefined &&\n  !(mutation.ids && mutation.ids.length > 0);\n\nconst isSameKind = (a: CountOnlyMutation, b: CountOnlyMutation) =>\n  a.type === b.type && a.source === b.source && a.tag === b.tag;\n\nfunction MutationSteps({ mutations }: { mutations: readonly Mutation[] }) {\n  const steps = toSteps(mutations);\n  return (\n    <ol data-slot=\"span-processor-mutations\" className=\"flex list-none flex-col divide-y divide-border\">\n      {steps.map((mutation, index) => (\n        <li key={index} className=\"flex gap-3 py-3 first:pt-0 last:pb-0\">\n          {/* Numbers only help to read several steps in order. */}\n          {steps.length > 1 && (\n            <Txt as=\"span\" variant=\"body-sm\" tone=\"faint\" font=\"mono\" className=\"tabular-nums\">\n              {index + 1}.\n            </Txt>\n          )}\n          <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n            {typeof mutation === 'object' && mutation !== null ? (\n              <>\n                {/* An added message speaks for itself; anything else needs saying what happened to it. */}\n                {(mutation.message === undefined || mutation.type === 'removeByIds') && (\n                  <Txt as=\"p\" variant=\"body-sm\" tone=\"ink\" data-slot=\"span-processor-mutation-step\">\n                    {describeMutation(mutation)}\n                  </Txt>\n                )}\n                {mutation.message !== undefined && <SpanPayloadMessages value={[mutation.message]} />}\n                {mutation.ids && mutation.ids.length > 0 && (\n                  <SpanPayloadCollapsible label={`Removed ids (${mutation.ids.length})`}>\n                    <SpanPayloadJson value={mutation.ids} />\n                  </SpanPayloadCollapsible>\n                )}\n              </>\n            ) : (\n              <SpanPayloadJson value={mutation} />\n            )}\n          </div>\n        </li>\n      ))}\n    </ol>\n  );\n}\n\n/** What a pipeline span changed in the message list, step by step; `null` when it changed nothing. */\nexport function SpanProcessorMutations({ span }: { span: SpanRecord }) {\n  const mutations = getSpanChanges(span);\n  if (mutations.length === 0) return null;\n\n  return (\n    <div data-slot=\"span-processor-changes\">\n      <MutationSteps mutations={mutations} />\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+export * from '../../../../src/domains/traces/components/span-payload/span-processor-mutations';

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

@@ -0,0 +1,98 @@
+import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
+import { n as pluralize } from "../../../../string-OAgeMRQ5.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-CNDSzk1Q.js";
+import { SpanPayloadMessages } from "./span-payload-messages.es.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");
+/** What a recorded change did to the message list, as one sentence. */
+function describeMutation(mutation) {
+	const { type, source, count, tag } = mutation;
+	switch (type) {
+		case "add":
+			if (source === "memory") return `Added ${messages(count)} from memory to the conversation`;
+			if (source === "input") return `Added ${messages(count)} to this turn's input`;
+			if (source === "response") return `Added ${messages(count)} to the model's response`;
+			if (source === "context") return `Added ${messages(count)} of context to the conversation`;
+			if (source === "system") return `Added ${messages(count)} to the system prompt`;
+			return `Added ${messages(count)} to the conversation`;
+		case "addSystem": return `Added ${count && count > 1 ? messages(count) : "a"}${tag ? ` "${tag}"` : ""}${count && count > 1 ? "" : " message"} to the system prompt`;
+		case "clear":
+			if (source === "input") return `Took ${messages(count)} from this turn's input out of the conversation`;
+			if (source === "response") return `Took ${messages(count)} from the model's response out of the conversation`;
+			return `Cleared the whole conversation (${messages(count)})`;
+		case "removeByIds":
+			if (source === "system") return `Removed ${messages(count ?? mutation.ids?.length)} from the system prompt`;
+			return `Removed ${messages(count ?? mutation.ids?.length)} from the conversation`;
+		default: return `${String(type)}${source ? ` (${source})` : ""}`;
+	}
+}
+/**
+* The recorded changes in the order they happened. Back-to-back changes of the same
+* kind that only carry a count (e.g. two single-message adds from memory) read as one step.
+*/
+function toSteps(mutations) {
+	const steps = [];
+	for (const mutation of mutations) {
+		const previous = steps.at(-1);
+		if (isCountOnly(previous) && isCountOnly(mutation) && isSameKind(previous, mutation)) {
+			steps[steps.length - 1] = {
+				...previous,
+				count: previous.count + mutation.count
+			};
+			continue;
+		}
+		steps.push(mutation);
+	}
+	return steps;
+}
+var isCountOnly = (mutation) => typeof mutation === "object" && mutation !== null && mutation.count !== void 0 && mutation.message === void 0 && !(mutation.ids && mutation.ids.length > 0);
+var isSameKind = (a, b) => a.type === b.type && a.source === b.source && a.tag === b.tag;
+function MutationSteps({ mutations }) {
+	const steps = toSteps(mutations);
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "span-processor-mutations",
+		className: "flex list-none flex-col divide-y divide-border",
+		children: steps.map((mutation, index) => /* @__PURE__ */ jsxs("li", {
+			className: "flex gap-3 py-3 first:pt-0 last:pb-0",
+			children: [steps.length > 1 && /* @__PURE__ */ jsxs(Txt, {
+				as: "span",
+				variant: "body-sm",
+				tone: "faint",
+				font: "mono",
+				className: "tabular-nums",
+				children: [index + 1, "."]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-2",
+				children: typeof mutation === "object" && mutation !== null ? /* @__PURE__ */ jsxs(Fragment, { children: [
+					(mutation.message === void 0 || mutation.type === "removeByIds") && /* @__PURE__ */ jsx(Txt, {
+						as: "p",
+						variant: "body-sm",
+						tone: "ink",
+						"data-slot": "span-processor-mutation-step",
+						children: describeMutation(mutation)
+					}),
+					mutation.message !== void 0 && /* @__PURE__ */ jsx(SpanPayloadMessages, { value: [mutation.message] }),
+					mutation.ids && mutation.ids.length > 0 && /* @__PURE__ */ jsx(SpanPayloadCollapsible, {
+						label: `Removed ids (${mutation.ids.length})`,
+						children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: mutation.ids })
+					})
+				] }) : /* @__PURE__ */ jsx(SpanPayloadJson, { value: mutation })
+			})]
+		}, index))
+	});
+}
+/** What a pipeline span changed in the message list, step by step; `null` when it changed nothing. */
+function SpanProcessorMutations({ span }) {
+	const mutations = getSpanChanges(span);
+	if (mutations.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "span-processor-changes",
+		children: /* @__PURE__ */ jsx(MutationSteps, { mutations })
+	});
+}
+export { SpanProcessorMutations };
+
+//# sourceMappingURL=span-processor-mutations.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-processor-mutations.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/traces/components/span-payload/span-processor-mutations.tsx"],"sourcesContent":["import type { ProcessorPipelineDescription } from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { getSpanChanges } from '../span-outcome.utils';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMessages } from './span-payload-messages';\nimport { SpanPayloadCollapsible } from './span-payload-primitives';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { pluralize } from '@/lib/string';\n\ntype Mutation = NonNullable<ProcessorPipelineDescription['messageListMutations']>[number];\n\nconst messages = (count: number | undefined) => (count === undefined ? 'messages' : pluralize(count, 'message'));\n\n/** What a recorded change did to the message list, as one sentence. */\nfunction describeMutation(mutation: Exclude<Mutation, null | undefined>): string {\n  const { type, source, count, tag } = mutation;\n  switch (type) {\n    case 'add':\n      if (source === 'memory') return `Added ${messages(count)} from memory to the conversation`;\n      if (source === 'input') return `Added ${messages(count)} to this turn's input`;\n      if (source === 'response') return `Added ${messages(count)} to the model's response`;\n      if (source === 'context') return `Added ${messages(count)} of context to the conversation`;\n      if (source === 'system') return `Added ${messages(count)} to the system prompt`;\n      return `Added ${messages(count)} to the conversation`;\n    case 'addSystem':\n      return `Added ${count && count > 1 ? messages(count) : 'a'}${tag ? ` \"${tag}\"` : ''}${count && count > 1 ? '' : ' message'} to the system prompt`;\n    case 'clear':\n      if (source === 'input') return `Took ${messages(count)} from this turn's input out of the conversation`;\n      if (source === 'response') return `Took ${messages(count)} from the model's response out of the conversation`;\n      return `Cleared the whole conversation (${messages(count)})`;\n    case 'removeByIds':\n      if (source === 'system') return `Removed ${messages(count ?? mutation.ids?.length)} from the system prompt`;\n      return `Removed ${messages(count ?? mutation.ids?.length)} from the conversation`;\n    default:\n      return `${String(type)}${source ? ` (${source})` : ''}`;\n  }\n}\n\n/**\n * The recorded changes in the order they happened. Back-to-back changes of the same\n * kind that only carry a count (e.g. two single-message adds from memory) read as one step.\n */\nfunction toSteps(mutations: readonly Mutation[]) {\n  const steps: Mutation[] = [];\n  for (const mutation of mutations) {\n    const previous = steps.at(-1);\n    if (isCountOnly(previous) && isCountOnly(mutation) && isSameKind(previous, mutation)) {\n      steps[steps.length - 1] = { ...previous, count: previous.count + mutation.count };\n      continue;\n    }\n    steps.push(mutation);\n  }\n  return steps;\n}\n\ntype CountOnlyMutation = Exclude<Mutation, null | undefined> & { count: number };\n\nconst isCountOnly = (mutation: Mutation | undefined): mutation is CountOnlyMutation =>\n  typeof mutation === 'object' &&\n  mutation !== null &&\n  mutation.count !== undefined &&\n  mutation.message === undefined &&\n  !(mutation.ids && mutation.ids.length > 0);\n\nconst isSameKind = (a: CountOnlyMutation, b: CountOnlyMutation) =>\n  a.type === b.type && a.source === b.source && a.tag === b.tag;\n\nfunction MutationSteps({ mutations }: { mutations: readonly Mutation[] }) {\n  const steps = toSteps(mutations);\n  return (\n    <ol data-slot=\"span-processor-mutations\" className=\"flex list-none flex-col divide-y divide-border\">\n      {steps.map((mutation, index) => (\n        <li key={index} className=\"flex gap-3 py-3 first:pt-0 last:pb-0\">\n          {/* Numbers only help to read several steps in order. */}\n          {steps.length > 1 && (\n            <Txt as=\"span\" variant=\"body-sm\" tone=\"faint\" font=\"mono\" className=\"tabular-nums\">\n              {index + 1}.\n            </Txt>\n          )}\n          <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n            {typeof mutation === 'object' && mutation !== null ? (\n              <>\n                {/* An added message speaks for itself; anything else needs saying what happened to it. */}\n                {(mutation.message === undefined || mutation.type === 'removeByIds') && (\n                  <Txt as=\"p\" variant=\"body-sm\" tone=\"ink\" data-slot=\"span-processor-mutation-step\">\n                    {describeMutation(mutation)}\n                  </Txt>\n                )}\n                {mutation.message !== undefined && <SpanPayloadMessages value={[mutation.message]} />}\n                {mutation.ids && mutation.ids.length > 0 && (\n                  <SpanPayloadCollapsible label={`Removed ids (${mutation.ids.length})`}>\n                    <SpanPayloadJson value={mutation.ids} />\n                  </SpanPayloadCollapsible>\n                )}\n              </>\n            ) : (\n              <SpanPayloadJson value={mutation} />\n            )}\n          </div>\n        </li>\n      ))}\n    </ol>\n  );\n}\n\n/** What a pipeline span changed in the message list, step by step; `null` when it changed nothing. */\nexport function SpanProcessorMutations({ span }: { span: SpanRecord }) {\n  const mutations = getSpanChanges(span);\n  if (mutations.length === 0) return null;\n\n  return (\n    <div data-slot=\"span-processor-changes\">\n      <MutationSteps mutations={mutations} />\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -2,10 +2,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_span_payload_span_payload_registry = require("./span-payload-registry.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-rxerCV7Y.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-DNhjpAtm.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");
 let react_jsx_runtime = require("react/jsx-runtime");
+let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
 let _mastra_react_hooks_tools = require("@mastra/react/hooks/tools");
 // src/domains/traces/components/span-payload/span-tools-section.tsx
 /**
@@ -45,18 +49,59 @@ function SpanToolList({ tools }) {
 		})
 	});
 }
-/** The tools the span offered the model. */
+/**
+* The tools the model called, each opening on its input and result like in the chat,
+* then the tools the span offered the model.
+*/
 function SpanToolsSection({ span, layout }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [require_domains_traces_components_format_trace_thread_messages.getRequestedToolCalls(span).length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SpanToolCallsSection, {
+		span,
+		layout
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SpanAvailableToolsSection, {
+		span,
+		layout
+	})] });
+}
+/** The tools the model called, each opening on its input and the result its tool span recorded. */
+function SpanToolCallsSection({ span, layout, heading }) {
+	const { data } = (0, _mastra_react_hooks_traces.useTraceSpans)({
+		traceId: span.traceId,
+		passive: true
+	});
+	const toolCalls = require_domains_traces_components_format_trace_thread_messages.formatSpanToolCallMessages(span, data?.spans ?? []);
+	if (toolCalls.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_section.SpanPayloadSection, {
+		title: `Tool calls (${toolCalls.length})`,
+		heading,
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_ToolsIcon.ToolsIcon, {}),
+		raw: require_domains_traces_components_format_trace_thread_messages.getRequestedToolCalls(span),
+		hasPreview: true,
+		clip: false,
+		layout,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-slot": "span-tool-calls",
+			className: "flex flex-col [&>[data-slot=message]:first-child]:mt-0 [&>[data-slot=message]:last-child]:mb-0",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_read_only_tool_call_provider.ReadOnlyToolCallProvider, { children: toolCalls.map((message) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_chat_messages_message_row.MessageRow, {
+				message,
+				readOnly: true
+			}, message.id)) })
+		})
+	});
+}
+/** The tools the span offered the model, linking to their pages when registered. */
+function SpanAvailableToolsSection({ span, layout }) {
 	const spanTools = require_domains_traces_components_span_payload_span_payload_registry.getSpanTools(span);
 	if (!spanTools) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_section.SpanPayloadSection, {
-		title: `Tools (${spanTools.tools.length})`,
+		title: `Available tools (${spanTools.tools.length})`,
 		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_ToolsIcon.ToolsIcon, {}),
 		raw: spanTools.raw,
 		layout,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SpanToolList, { tools: spanTools.tools })
 	});
 }
+exports.SpanAvailableToolsSection = SpanAvailableToolsSection;
+exports.SpanToolCallsSection = SpanToolCallsSection;
 exports.SpanToolsSection = SpanToolsSection;
 
 //# sourceMappingURL=span-tools-section.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"span-tools-section.cjs.js","names":["useTools","useLinkComponent","SpanPayloadList","getDelegatedToolHref","Txt","SpanPayloadListName","getSpanTools","SpanPayloadSection","ToolsIcon"],"sources":["../../../../../src/domains/traces/components/span-payload/span-tools-section.tsx"],"sourcesContent":["import { useTools } from '@mastra/react/hooks/tools';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadList, SpanPayloadListName } from './span-payload-primitives';\nimport { getDelegatedToolHref, getSpanTools } from './span-payload-registry';\nimport type { SpanTool } from './span-payload-registry';\nimport { SpanPayloadSection } from './span-payload-section';\nimport type { SpanPayloadSectionProps } from './span-payload-section';\nimport { Txt } from '@/ds/components/Txt';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\n/**\n * Registered tool ids by the names a span may record them under: the tool id,\n * or the key it is registered with (what model spans pass to the provider).\n */\nfunction useRegisteredToolIds(): Map<string, string> {\n  const { data: tools = {} } = useTools();\n  const ids = new Map<string, string>();\n  for (const [key, tool] of Object.entries(tools)) {\n    ids.set(key, tool.id);\n    ids.set(tool.id, tool.id);\n  }\n  return ids;\n}\n\nfunction SpanToolList({ tools }: { tools: SpanTool[] }) {\n  const { Link, paths } = useLinkComponent();\n  const registered = useRegisteredToolIds();\n\n  return (\n    <SpanPayloadList\n      slot=\"span-tools\"\n      items={tools.map(tool => {\n        const registeredId = registered.get(tool.id);\n        // Workspace, skill and agent-only tools are not in the registry, so they have no page to open.\n        const href = getDelegatedToolHref(paths, tool.id) || (registeredId ? paths.toolLink(registeredId) : '');\n        return {\n          key: tool.id,\n          description: tool.description,\n          name: href ? (\n            <Link href={href} className=\"w-fit max-w-full truncate text-foreground hover:underline\">\n              <Txt as=\"span\" variant=\"label\">\n                {tool.id}\n              </Txt>\n            </Link>\n          ) : (\n            <SpanPayloadListName>{tool.id}</SpanPayloadListName>\n          ),\n        };\n      })}\n    />\n  );\n}\n\nexport interface SpanToolsSectionProps {\n  span: SpanRecord;\n  layout?: SpanPayloadSectionProps['layout'];\n}\n\n/** The tools the span offered the model. */\nexport function SpanToolsSection({ span, layout }: SpanToolsSectionProps) {\n  const spanTools = getSpanTools(span);\n  if (!spanTools) return null;\n\n  return (\n    <SpanPayloadSection\n      title={`Tools (${spanTools.tools.length})`}\n      icon={<ToolsIcon />}\n      raw={spanTools.raw}\n      layout={layout}\n    >\n      <SpanToolList tools={spanTools.tools} />\n    </SpanPayloadSection>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAeA,SAAS,uBAA4C;CACnD,MAAM,EAAE,MAAM,QAAQ,CAAC,OAAA,GAAMA,0BAAAA,SAAAA,CAAS;CACtC,MAAM,sBAAM,IAAI,IAAoB;CACpC,KAAK,MAAM,CAAC,KAAK,SAAS,OAAO,QAAQ,KAAK,GAAG;EAC/C,IAAI,IAAI,KAAK,KAAK,EAAE;EACpB,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;CAC1B;CACA,OAAO;AACT;AAEA,SAAS,aAAa,EAAE,SAAgC;CACtD,MAAM,EAAE,MAAM,UAAUC,sBAAAA,iBAAiB;CACzC,MAAM,aAAa,qBAAqB;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gCAAAA,iBAAD;EACE,MAAK;EACL,OAAO,MAAM,KAAI,SAAQ;GACvB,MAAM,eAAe,WAAW,IAAI,KAAK,EAAE;GAE3C,MAAM,OAAOC,qEAAAA,qBAAqB,OAAO,KAAK,EAAE,MAAM,eAAe,MAAM,SAAS,YAAY,IAAI;GACpG,OAAO;IACL,KAAK,KAAK;IACV,aAAa,KAAK;IAClB,MAAM,OACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;KAAY;KAAM,WAAU;KAC1B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;MAAK,IAAG;MAAO,SAAQ;MACpB,UAAA,KAAK;KACH,CAAA;IACD,CAAA,IAEN,iBAAA,GAAA,kBAAA,IAAA,CAACC,gCAAAA,qBAAD,EAAA,UAAsB,KAAK,GAAwB,CAAA;GAEvD;EACF,CAAC;CACF,CAAA;AAEL;;AAQA,SAAgB,iBAAiB,EAAE,MAAM,UAAiC;CACxE,MAAM,YAAYC,qEAAAA,aAAa,IAAI;CACnC,IAAI,CAAC,WAAW,OAAO;CAEvB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oEAAAA,oBAAD;EACE,OAAO,UAAU,UAAU,MAAM,OAAO;EACxC,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,WAAD,CAAY,CAAA;EAClB,KAAK,UAAU;EACP;EAER,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD,EAAc,OAAO,UAAU,MAAQ,CAAA;CACrB,CAAA;AAExB"}
+{"version":3,"file":"span-tools-section.cjs.js","names":["useTools","useLinkComponent","SpanPayloadList","getDelegatedToolHref","Txt","SpanPayloadListName","_Fragment","getRequestedToolCalls","useTraceSpans","formatSpanToolCallMessages","SpanPayloadSection","ToolsIcon","ReadOnlyToolCallProvider","MessageRow","getSpanTools"],"sources":["../../../../../src/domains/traces/components/span-payload/span-tools-section.tsx"],"sourcesContent":["import { useTools } from '@mastra/react/hooks/tools';\nimport { useTraceSpans } from '@mastra/react/hooks/traces';\nimport type { ReactNode } from 'react';\nimport type { SpanRecord } from '../../types';\nimport { formatSpanToolCallMessages, getRequestedToolCalls } from '../format-trace-thread-messages';\nimport { ReadOnlyToolCallProvider } from '../read-only-tool-call-provider';\nimport { SpanPayloadList, SpanPayloadListName } from './span-payload-primitives';\nimport { getDelegatedToolHref, getSpanTools } from './span-payload-registry';\nimport type { SpanTool } from './span-payload-registry';\nimport { SpanPayloadSection } from './span-payload-section';\nimport type { SpanPayloadSectionProps } from './span-payload-section';\nimport { MessageRow } from '@/domains/chat/messages/message-row';\nimport { Txt } from '@/ds/components/Txt';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\n/**\n * Registered tool ids by the names a span may record them under: the tool id,\n * or the key it is registered with (what model spans pass to the provider).\n */\nfunction useRegisteredToolIds(): Map<string, string> {\n  const { data: tools = {} } = useTools();\n  const ids = new Map<string, string>();\n  for (const [key, tool] of Object.entries(tools)) {\n    ids.set(key, tool.id);\n    ids.set(tool.id, tool.id);\n  }\n  return ids;\n}\n\nfunction SpanToolList({ tools }: { tools: SpanTool[] }) {\n  const { Link, paths } = useLinkComponent();\n  const registered = useRegisteredToolIds();\n\n  return (\n    <SpanPayloadList\n      slot=\"span-tools\"\n      items={tools.map(tool => {\n        const registeredId = registered.get(tool.id);\n        // Workspace, skill and agent-only tools are not in the registry, so they have no page to open.\n        const href = getDelegatedToolHref(paths, tool.id) || (registeredId ? paths.toolLink(registeredId) : '');\n        return {\n          key: tool.id,\n          description: tool.description,\n          name: href ? (\n            <Link href={href} className=\"w-fit max-w-full truncate text-foreground hover:underline\">\n              <Txt as=\"span\" variant=\"label\">\n                {tool.id}\n              </Txt>\n            </Link>\n          ) : (\n            <SpanPayloadListName>{tool.id}</SpanPayloadListName>\n          ),\n        };\n      })}\n    />\n  );\n}\n\nexport interface SpanToolsSectionProps {\n  span: SpanRecord;\n  layout?: SpanPayloadSectionProps['layout'];\n}\n\n/**\n * The tools the model called, each opening on its input and result like in the chat,\n * then the tools the span offered the model.\n */\nexport function SpanToolsSection({ span, layout }: SpanToolsSectionProps) {\n  return (\n    <>\n      {getRequestedToolCalls(span).length > 0 && <SpanToolCallsSection span={span} layout={layout} />}\n      <SpanAvailableToolsSection span={span} layout={layout} />\n    </>\n  );\n}\n\nexport interface SpanToolCallsSectionProps extends SpanToolsSectionProps {\n  /** Replaces the \"Tool calls\" heading, e.g. with the sentence of the notice the section sits in. */\n  heading?: ReactNode;\n}\n\n/** The tools the model called, each opening on its input and the result its tool span recorded. */\nexport function SpanToolCallsSection({ span, layout, heading }: SpanToolCallsSectionProps) {\n  // The results live on the tool spans, which the trace panel has usually loaded already.\n  const { data } = useTraceSpans({ traceId: span.traceId, passive: true });\n  const toolCalls = formatSpanToolCallMessages(span, data?.spans ?? []);\n  // Only tools the chat never draws (task tools, working memory) were called; the Output JSON keeps them.\n  if (toolCalls.length === 0) return null;\n\n  return (\n    <SpanPayloadSection\n      title={`Tool calls (${toolCalls.length})`}\n      heading={heading}\n      icon={<ToolsIcon />}\n      raw={getRequestedToolCalls(span)}\n      hasPreview\n      // Each call folds on its own, so the list never needs clipping.\n      clip={false}\n      layout={layout}\n    >\n      {/* Tool rows carry their own vertical margins; strip them at the edges so the card padding is the only outer spacing. */}\n      <div\n        data-slot=\"span-tool-calls\"\n        className=\"flex flex-col [&>[data-slot=message]:first-child]:mt-0 [&>[data-slot=message]:last-child]:mb-0\"\n      >\n        <ReadOnlyToolCallProvider>\n          {toolCalls.map(message => (\n            <MessageRow key={message.id} message={message} readOnly />\n          ))}\n        </ReadOnlyToolCallProvider>\n      </div>\n    </SpanPayloadSection>\n  );\n}\n\n/** The tools the span offered the model, linking to their pages when registered. */\nexport function SpanAvailableToolsSection({ span, layout }: SpanToolsSectionProps) {\n  const spanTools = getSpanTools(span);\n  if (!spanTools) return null;\n\n  return (\n    <SpanPayloadSection\n      title={`Available tools (${spanTools.tools.length})`}\n      icon={<ToolsIcon />}\n      raw={spanTools.raw}\n      layout={layout}\n    >\n      <SpanToolList tools={spanTools.tools} />\n    </SpanPayloadSection>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,10 +1,14 @@
 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 { formatSpanToolCallMessages, getRequestedToolCalls } from "../format-trace-thread-messages.es.js";
 import { getDelegatedToolHref, getSpanTools } from "./span-payload-registry.es.js";
-import { a as SpanPayloadListName, i as SpanPayloadList } from "../../../../span-payload-primitives-Fi1kSYyM.js";
+import { a as SpanPayloadListName, i as SpanPayloadList } from "../../../../span-payload-primitives-CNDSzk1Q.js";
 import { SpanPayloadSection } from "./span-payload-section.es.js";
-import { jsx } from "react/jsx-runtime";
+import { ReadOnlyToolCallProvider } from "../read-only-tool-call-provider.es.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useTraceSpans } from "@mastra/react/hooks/traces";
 import { useTools } from "@mastra/react/hooks/tools";
 // src/domains/traces/components/span-payload/span-tools-section.tsx
 /**
@@ -44,18 +48,57 @@ function SpanToolList({ tools }) {
 		})
 	});
 }
-/** The tools the span offered the model. */
+/**
+* The tools the model called, each opening on its input and result like in the chat,
+* then the tools the span offered the model.
+*/
 function SpanToolsSection({ span, layout }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [getRequestedToolCalls(span).length > 0 && /* @__PURE__ */ jsx(SpanToolCallsSection, {
+		span,
+		layout
+	}), /* @__PURE__ */ jsx(SpanAvailableToolsSection, {
+		span,
+		layout
+	})] });
+}
+/** The tools the model called, each opening on its input and the result its tool span recorded. */
+function SpanToolCallsSection({ span, layout, heading }) {
+	const { data } = useTraceSpans({
+		traceId: span.traceId,
+		passive: true
+	});
+	const toolCalls = formatSpanToolCallMessages(span, data?.spans ?? []);
+	if (toolCalls.length === 0) return null;
+	return /* @__PURE__ */ jsx(SpanPayloadSection, {
+		title: `Tool calls (${toolCalls.length})`,
+		heading,
+		icon: /* @__PURE__ */ jsx(ToolsIcon, {}),
+		raw: getRequestedToolCalls(span),
+		hasPreview: true,
+		clip: false,
+		layout,
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "span-tool-calls",
+			className: "flex flex-col [&>[data-slot=message]:first-child]:mt-0 [&>[data-slot=message]:last-child]:mb-0",
+			children: /* @__PURE__ */ jsx(ReadOnlyToolCallProvider, { children: toolCalls.map((message) => /* @__PURE__ */ jsx(MessageRow, {
+				message,
+				readOnly: true
+			}, message.id)) })
+		})
+	});
+}
+/** The tools the span offered the model, linking to their pages when registered. */
+function SpanAvailableToolsSection({ span, layout }) {
 	const spanTools = getSpanTools(span);
 	if (!spanTools) return null;
 	return /* @__PURE__ */ jsx(SpanPayloadSection, {
-		title: `Tools (${spanTools.tools.length})`,
+		title: `Available tools (${spanTools.tools.length})`,
 		icon: /* @__PURE__ */ jsx(ToolsIcon, {}),
 		raw: spanTools.raw,
 		layout,
 		children: /* @__PURE__ */ jsx(SpanToolList, { tools: spanTools.tools })
 	});
 }
-export { SpanToolsSection };
+export { SpanAvailableToolsSection, SpanToolCallsSection, SpanToolsSection };
 
 //# sourceMappingURL=span-tools-section.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"span-tools-section.es.js","names":[],"sources":["../../../../../src/domains/traces/components/span-payload/span-tools-section.tsx"],"sourcesContent":["import { useTools } from '@mastra/react/hooks/tools';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadList, SpanPayloadListName } from './span-payload-primitives';\nimport { getDelegatedToolHref, getSpanTools } from './span-payload-registry';\nimport type { SpanTool } from './span-payload-registry';\nimport { SpanPayloadSection } from './span-payload-section';\nimport type { SpanPayloadSectionProps } from './span-payload-section';\nimport { Txt } from '@/ds/components/Txt';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\n/**\n * Registered tool ids by the names a span may record them under: the tool id,\n * or the key it is registered with (what model spans pass to the provider).\n */\nfunction useRegisteredToolIds(): Map<string, string> {\n  const { data: tools = {} } = useTools();\n  const ids = new Map<string, string>();\n  for (const [key, tool] of Object.entries(tools)) {\n    ids.set(key, tool.id);\n    ids.set(tool.id, tool.id);\n  }\n  return ids;\n}\n\nfunction SpanToolList({ tools }: { tools: SpanTool[] }) {\n  const { Link, paths } = useLinkComponent();\n  const registered = useRegisteredToolIds();\n\n  return (\n    <SpanPayloadList\n      slot=\"span-tools\"\n      items={tools.map(tool => {\n        const registeredId = registered.get(tool.id);\n        // Workspace, skill and agent-only tools are not in the registry, so they have no page to open.\n        const href = getDelegatedToolHref(paths, tool.id) || (registeredId ? paths.toolLink(registeredId) : '');\n        return {\n          key: tool.id,\n          description: tool.description,\n          name: href ? (\n            <Link href={href} className=\"w-fit max-w-full truncate text-foreground hover:underline\">\n              <Txt as=\"span\" variant=\"label\">\n                {tool.id}\n              </Txt>\n            </Link>\n          ) : (\n            <SpanPayloadListName>{tool.id}</SpanPayloadListName>\n          ),\n        };\n      })}\n    />\n  );\n}\n\nexport interface SpanToolsSectionProps {\n  span: SpanRecord;\n  layout?: SpanPayloadSectionProps['layout'];\n}\n\n/** The tools the span offered the model. */\nexport function SpanToolsSection({ span, layout }: SpanToolsSectionProps) {\n  const spanTools = getSpanTools(span);\n  if (!spanTools) return null;\n\n  return (\n    <SpanPayloadSection\n      title={`Tools (${spanTools.tools.length})`}\n      icon={<ToolsIcon />}\n      raw={spanTools.raw}\n      layout={layout}\n    >\n      <SpanToolList tools={spanTools.tools} />\n    </SpanPayloadSection>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,SAAS,uBAA4C;CACnD,MAAM,EAAE,MAAM,QAAQ,CAAC,MAAM,SAAS;CACtC,MAAM,sBAAM,IAAI,IAAoB;CACpC,KAAK,MAAM,CAAC,KAAK,SAAS,OAAO,QAAQ,KAAK,GAAG;EAC/C,IAAI,IAAI,KAAK,KAAK,EAAE;EACpB,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;CAC1B;CACA,OAAO;AACT;AAEA,SAAS,aAAa,EAAE,SAAgC;CACtD,MAAM,EAAE,MAAM,UAAU,iBAAiB;CACzC,MAAM,aAAa,qBAAqB;CAExC,OACE,oBAAC,iBAAD;EACE,MAAK;EACL,OAAO,MAAM,KAAI,SAAQ;GACvB,MAAM,eAAe,WAAW,IAAI,KAAK,EAAE;GAE3C,MAAM,OAAO,qBAAqB,OAAO,KAAK,EAAE,MAAM,eAAe,MAAM,SAAS,YAAY,IAAI;GACpG,OAAO;IACL,KAAK,KAAK;IACV,aAAa,KAAK;IAClB,MAAM,OACJ,oBAAC,MAAD;KAAY;KAAM,WAAU;KAC1B,UAAA,oBAAC,KAAD;MAAK,IAAG;MAAO,SAAQ;MACpB,UAAA,KAAK;KACH,CAAA;IACD,CAAA,IAEN,oBAAC,qBAAD,EAAA,UAAsB,KAAK,GAAwB,CAAA;GAEvD;EACF,CAAC;CACF,CAAA;AAEL;;AAQA,SAAgB,iBAAiB,EAAE,MAAM,UAAiC;CACxE,MAAM,YAAY,aAAa,IAAI;CACnC,IAAI,CAAC,WAAW,OAAO;CAEvB,OACE,oBAAC,oBAAD;EACE,OAAO,UAAU,UAAU,MAAM,OAAO;EACxC,MAAM,oBAAC,WAAD,CAAY,CAAA;EAClB,KAAK,UAAU;EACP;EAER,UAAA,oBAAC,cAAD,EAAc,OAAO,UAAU,MAAQ,CAAA;CACrB,CAAA;AAExB"}
+{"version":3,"file":"span-tools-section.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/traces/components/span-payload/span-tools-section.tsx"],"sourcesContent":["import { useTools } from '@mastra/react/hooks/tools';\nimport { useTraceSpans } from '@mastra/react/hooks/traces';\nimport type { ReactNode } from 'react';\nimport type { SpanRecord } from '../../types';\nimport { formatSpanToolCallMessages, getRequestedToolCalls } from '../format-trace-thread-messages';\nimport { ReadOnlyToolCallProvider } from '../read-only-tool-call-provider';\nimport { SpanPayloadList, SpanPayloadListName } from './span-payload-primitives';\nimport { getDelegatedToolHref, getSpanTools } from './span-payload-registry';\nimport type { SpanTool } from './span-payload-registry';\nimport { SpanPayloadSection } from './span-payload-section';\nimport type { SpanPayloadSectionProps } from './span-payload-section';\nimport { MessageRow } from '@/domains/chat/messages/message-row';\nimport { Txt } from '@/ds/components/Txt';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\n/**\n * Registered tool ids by the names a span may record them under: the tool id,\n * or the key it is registered with (what model spans pass to the provider).\n */\nfunction useRegisteredToolIds(): Map<string, string> {\n  const { data: tools = {} } = useTools();\n  const ids = new Map<string, string>();\n  for (const [key, tool] of Object.entries(tools)) {\n    ids.set(key, tool.id);\n    ids.set(tool.id, tool.id);\n  }\n  return ids;\n}\n\nfunction SpanToolList({ tools }: { tools: SpanTool[] }) {\n  const { Link, paths } = useLinkComponent();\n  const registered = useRegisteredToolIds();\n\n  return (\n    <SpanPayloadList\n      slot=\"span-tools\"\n      items={tools.map(tool => {\n        const registeredId = registered.get(tool.id);\n        // Workspace, skill and agent-only tools are not in the registry, so they have no page to open.\n        const href = getDelegatedToolHref(paths, tool.id) || (registeredId ? paths.toolLink(registeredId) : '');\n        return {\n          key: tool.id,\n          description: tool.description,\n          name: href ? (\n            <Link href={href} className=\"w-fit max-w-full truncate text-foreground hover:underline\">\n              <Txt as=\"span\" variant=\"label\">\n                {tool.id}\n              </Txt>\n            </Link>\n          ) : (\n            <SpanPayloadListName>{tool.id}</SpanPayloadListName>\n          ),\n        };\n      })}\n    />\n  );\n}\n\nexport interface SpanToolsSectionProps {\n  span: SpanRecord;\n  layout?: SpanPayloadSectionProps['layout'];\n}\n\n/**\n * The tools the model called, each opening on its input and result like in the chat,\n * then the tools the span offered the model.\n */\nexport function SpanToolsSection({ span, layout }: SpanToolsSectionProps) {\n  return (\n    <>\n      {getRequestedToolCalls(span).length > 0 && <SpanToolCallsSection span={span} layout={layout} />}\n      <SpanAvailableToolsSection span={span} layout={layout} />\n    </>\n  );\n}\n\nexport interface SpanToolCallsSectionProps extends SpanToolsSectionProps {\n  /** Replaces the \"Tool calls\" heading, e.g. with the sentence of the notice the section sits in. */\n  heading?: ReactNode;\n}\n\n/** The tools the model called, each opening on its input and the result its tool span recorded. */\nexport function SpanToolCallsSection({ span, layout, heading }: SpanToolCallsSectionProps) {\n  // The results live on the tool spans, which the trace panel has usually loaded already.\n  const { data } = useTraceSpans({ traceId: span.traceId, passive: true });\n  const toolCalls = formatSpanToolCallMessages(span, data?.spans ?? []);\n  // Only tools the chat never draws (task tools, working memory) were called; the Output JSON keeps them.\n  if (toolCalls.length === 0) return null;\n\n  return (\n    <SpanPayloadSection\n      title={`Tool calls (${toolCalls.length})`}\n      heading={heading}\n      icon={<ToolsIcon />}\n      raw={getRequestedToolCalls(span)}\n      hasPreview\n      // Each call folds on its own, so the list never needs clipping.\n      clip={false}\n      layout={layout}\n    >\n      {/* Tool rows carry their own vertical margins; strip them at the edges so the card padding is the only outer spacing. */}\n      <div\n        data-slot=\"span-tool-calls\"\n        className=\"flex flex-col [&>[data-slot=message]:first-child]:mt-0 [&>[data-slot=message]:last-child]:mb-0\"\n      >\n        <ReadOnlyToolCallProvider>\n          {toolCalls.map(message => (\n            <MessageRow key={message.id} message={message} readOnly />\n          ))}\n        </ReadOnlyToolCallProvider>\n      </div>\n    </SpanPayloadSection>\n  );\n}\n\n/** The tools the span offered the model, linking to their pages when registered. */\nexport function SpanAvailableToolsSection({ span, layout }: SpanToolsSectionProps) {\n  const spanTools = getSpanTools(span);\n  if (!spanTools) return null;\n\n  return (\n    <SpanPayloadSection\n      title={`Available tools (${spanTools.tools.length})`}\n      icon={<ToolsIcon />}\n      raw={spanTools.raw}\n      layout={layout}\n    >\n      <SpanToolList tools={spanTools.tools} />\n    </SpanPayloadSection>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,SAAS,uBAA4C;CACnD,MAAM,EAAE,MAAM,QAAQ,CAAC,MAAM,SAAS;CACtC,MAAM,sBAAM,IAAI,IAAoB;CACpC,KAAK,MAAM,CAAC,KAAK,SAAS,OAAO,QAAQ,KAAK,GAAG;EAC/C,IAAI,IAAI,KAAK,KAAK,EAAE;EACpB,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;CAC1B;CACA,OAAO;AACT;AAEA,SAAS,aAAa,EAAE,SAAgC;CACtD,MAAM,EAAE,MAAM,UAAU,iBAAiB;CACzC,MAAM,aAAa,qBAAqB;CAExC,OACE,oBAAC,iBAAD;EACE,MAAK;EACL,OAAO,MAAM,KAAI,SAAQ;GACvB,MAAM,eAAe,WAAW,IAAI,KAAK,EAAE;GAE3C,MAAM,OAAO,qBAAqB,OAAO,KAAK,EAAE,MAAM,eAAe,MAAM,SAAS,YAAY,IAAI;GACpG,OAAO;IACL,KAAK,KAAK;IACV,aAAa,KAAK;IAClB,MAAM,OACJ,oBAAC,MAAD;KAAY;KAAM,WAAU;KAC1B,UAAA,oBAAC,KAAD;MAAK,IAAG;MAAO,SAAQ;MACpB,UAAA,KAAK;KACH,CAAA;IACD,CAAA,IAEN,oBAAC,qBAAD,EAAA,UAAsB,KAAK,GAAwB,CAAA;GAEvD;EACF,CAAC;CACF,CAAA;AAEL;;;;;AAWA,SAAgB,iBAAiB,EAAE,MAAM,UAAiC;CACxE,OACE,qBAAAA,UAAA,EAAA,UAAA,CACG,sBAAsB,IAAI,CAAC,CAAC,SAAS,KAAK,oBAAC,sBAAD;EAA4B;EAAc;CAAS,CAAA,GAC9F,oBAAC,2BAAD;EAAiC;EAAc;CAAS,CAAA,CACxD,EAAA,CAAA;AAEN;;AAQA,SAAgB,qBAAqB,EAAE,MAAM,QAAQ,WAAsC;CAEzF,MAAM,EAAE,SAAS,cAAc;EAAE,SAAS,KAAK;EAAS,SAAS;CAAK,CAAC;CACvE,MAAM,YAAY,2BAA2B,MAAM,MAAM,SAAS,CAAC,CAAC;CAEpE,IAAI,UAAU,WAAW,GAAG,OAAO;CAEnC,OACE,oBAAC,oBAAD;EACE,OAAO,eAAe,UAAU,OAAO;EAC9B;EACT,MAAM,oBAAC,WAAD,CAAY,CAAA;EAClB,KAAK,sBAAsB,IAAI;EAC/B,YAAA;EAEA,MAAM;EACE;EAGR,UAAA,oBAAC,OAAD;GACE,aAAU;GACV,WAAU;GAEV,UAAA,oBAAC,0BAAD,EAAA,UACG,UAAU,KAAI,YACb,oBAAC,YAAD;IAAsC;IAAS,UAAA;GAAU,GAAxC,QAAQ,EAAgC,CAC1D,EACuB,CAAA;EACvB,CAAA;CACa,CAAA;AAExB;;AAGA,SAAgB,0BAA0B,EAAE,MAAM,UAAiC;CACjF,MAAM,YAAY,aAAa,IAAI;CACnC,IAAI,CAAC,WAAW,OAAO;CAEvB,OACE,oBAAC,oBAAD;EACE,OAAO,oBAAoB,UAAU,MAAM,OAAO;EAClD,MAAM,oBAAC,WAAD,CAAY,CAAA;EAClB,KAAK,UAAU;EACP;EAER,UAAA,oBAAC,cAAD,EAAc,OAAO,UAAU,MAAQ,CAAA;CACrB,CAAA;AAExB"}

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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_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");
@@ -8,13 +8,18 @@ const require_domains_traces_components_span_payload_span_output_renderers = req
 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_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;
 exports.SpanErrorRenderer = require_domains_traces_components_span_payload_span_error_renderer.SpanErrorRenderer;
 exports.SpanInputRenderer = require_domains_traces_components_span_payload_span_input_renderers.SpanInputRenderer;
 exports.SpanOutputRenderer = require_domains_traces_components_span_payload_span_output_renderers.SpanOutputRenderer;
 exports.SpanPayloadJson = require_domains_traces_components_span_payload_span_payload_json.SpanPayloadJson;
+exports.SpanPayloadJsonSection = require_domains_traces_components_span_payload_span_payload_section.SpanPayloadJsonSection;
 exports.SpanPayloadMessages = require_domains_traces_components_span_payload_span_payload_messages.SpanPayloadMessages;
 exports.SpanPayloadProcessor = require_domains_traces_components_span_payload_span_payload_processor.SpanPayloadProcessor;
 exports.SpanPayloadSection = require_domains_traces_components_span_payload_span_payload_section.SpanPayloadSection;
 exports.SpanProcessorAttributes = require_domains_traces_components_span_payload_span_processor_attributes.SpanProcessorAttributes;
+exports.SpanProcessorMutations = require_domains_traces_components_span_payload_span_processor_mutations.SpanProcessorMutations;
 exports.getSpanOutputPayload = require_domains_traces_components_span_payload_span_payload_registry.getSpanOutputPayload;
 exports.hasSpanInputPreview = require_domains_traces_components_span_payload_span_payload_registry.hasSpanInputPreview;
+exports.hasSpanOutputPreview = require_domains_traces_components_span_payload_span_payload_registry.hasSpanOutputPreview;

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

@@ -1,10 +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 { getSpanOutputPayload, hasSpanInputPreview } from "./span-payload/span-payload-registry.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 { SpanOutputRenderer } from "./span-payload/span-output-renderers.es.js";
-import { SpanErrorRenderer } from "./span-payload/span-error-renderer.es.js";
-import { SpanPayloadSection } from "./span-payload/span-payload-section.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 { SpanProcessorAttributes } from "./span-payload/span-processor-attributes.es.js";
-export { SpanErrorRenderer, SpanInputRenderer, SpanOutputRenderer, SpanPayloadJson, SpanPayloadMessages, SpanPayloadProcessor, SpanPayloadSection, SpanProcessorAttributes, getSpanOutputPayload, hasSpanInputPreview };
+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/thread-trace/thread-trace-spans.cjs.js

@@ -2,10 +2,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 const require_Button = require("../../../../Button-YQRflC47.cjs");
 const require_components_CollapsibleBox = require("../../../../components/CollapsibleBox.cjs.js");
+const require_domains_traces_components_format_hierarchical_spans = require("../format-hierarchical-spans.cjs.js");
 const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace-row-context.cjs.js");
 const require_domains_traces_components_thread_trace_thread_trace_context = require("./thread-trace-context.cjs.js");
 const require_domains_traces_hooks_use_expanded_span_ids = require("../../hooks/use-expanded-span-ids.cjs.js");
-const require_domains_traces_components_format_hierarchical_spans = require("../format-hierarchical-spans.cjs.js");
 const require_domains_traces_components_trace_span_tree = require("../trace-span-tree.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -1,10 +1,10 @@
 import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import { t as Button } from "../../../../Button-Bw1e3ONi.js";
 import { CollapsibleBox } from "../../../../components/CollapsibleBox.es.js";
+import { formatHierarchicalSpans } from "../format-hierarchical-spans.es.js";
 import { useThreadTraceRow } from "./thread-trace-row-context.es.js";
 import { useThreadTrace } from "./thread-trace-context.es.js";
 import { useExpandedSpanIds } from "../../hooks/use-expanded-span-ids.es.js";
-import { formatHierarchicalSpans } from "../format-hierarchical-spans.es.js";
 import { TraceSpanTree } from "../trace-span-tree.es.js";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -9,9 +9,9 @@ const require_Notice = require("../../../Notice-DWNeCe-t.cjs");
 const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
 const require_DataPanel = require("../../../DataPanel-Ded_OhrA.cjs");
 const require_components_SearchInput = require("../../../components/SearchInput.cjs.js");
+const require_domains_traces_components_format_hierarchical_spans = require("./format-hierarchical-spans.cjs.js");
 const require_resize_separator = require("../../../resize/separator.cjs.js");
 const require_domains_traces_hooks_get_all_span_ids = require("../hooks/get-all-span-ids.cjs.js");
-const require_domains_traces_components_format_hierarchical_spans = require("./format-hierarchical-spans.cjs.js");
 const require_domains_traces_components_trace_span_tree = require("./trace-span-tree.cjs.js");
 const require_domains_traces_components_trace_span_timeline = require("./trace-span-timeline.cjs.js");
 const require_domains_traces_hooks_use_download_trace_json = require("../hooks/use-download-trace-json.cjs.js");

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

@@ -8,9 +8,9 @@ import { t as Notice } from "../../../Notice-CyKngbbv.js";
 import { Skeleton } from "../../../components/Skeleton.es.js";
 import { t as DataPanel } from "../../../DataPanel-CfLkwH2X.js";
 import { SearchInput } from "../../../components/SearchInput.es.js";
+import { formatHierarchicalSpans } from "./format-hierarchical-spans.es.js";
 import { PanelSeparator } from "../../../resize/separator.es.js";
 import { getAllSpanIds } from "../hooks/get-all-span-ids.es.js";
-import { formatHierarchicalSpans } from "./format-hierarchical-spans.es.js";
 import { TraceSpanTree } from "./trace-span-tree.es.js";
 import { TraceSpanTimeline } from "./trace-span-timeline.es.js";
 import { useDownloadTraceJson } from "../hooks/use-download-trace-json.es.js";

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_traces_components_format_hierarchical_spans = require("./format-hierarchical-spans.cjs.js");
 const require_domains_traces_components_trace_id_button = require("./trace-id-button.cjs.js");
 const require_domains_traces_hooks_get_all_span_ids = require("../hooks/get-all-span-ids.cjs.js");
-const require_domains_traces_components_format_hierarchical_spans = require("./format-hierarchical-spans.cjs.js");
 const require_domains_traces_components_trace_span_tree = require("./trace-span-tree.cjs.js");
 const require_DataDetailsPanel = require("../../../DataDetailsPanel-Dg_iUJ6L.cjs");
 let react = require("react");

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

@@ -1,6 +1,6 @@
+import { formatHierarchicalSpans } from "./format-hierarchical-spans.es.js";
 import { TraceIdButton } from "./trace-id-button.es.js";
 import { getAllSpanIds } from "../hooks/get-all-span-ids.es.js";
-import { formatHierarchicalSpans } from "./format-hierarchical-spans.es.js";
 import { TraceSpanTree } from "./trace-span-tree.es.js";
 import { t as DataDetailsPanel } from "../../../DataDetailsPanel-CvAIsV60.js";
 import { useEffect, useMemo, useState } from "react";

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

@@ -2,16 +2,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../../utils-uDc1ofX1.cjs");
 const require_Button = require("../../../Button-YQRflC47.cjs");
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_domains_chat_context_tool_call_context = require("../../chat/context/tool-call-context.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_domains_traces_components_traces_error_content = require("./traces-error-content.cjs.js");
 const require_domains_traces_components_trace_messages_skeleton = require("./trace-messages-skeleton.cjs.js");
-const require_domains_traces_components_format_trace_thread_messages = require("./format-trace-thread-messages.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
 // src/domains/traces/components/trace-thread-item-view.tsx
-var noop = () => {};
 function TraceThreadItemView({ traceId, onHighlightSpans, className }) {
 	const { data, isLoading, error } = (0, _mastra_react_hooks_traces.useTraceSpans)({
 		traceId,
@@ -40,43 +39,32 @@ function TraceThreadItemView({ traceId, onHighlightSpans, className }) {
 		className: require_utils.cn("min-w-0 p-4", className),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "mx-auto flex w-full max-w-3xl flex-col [&>[data-slot=message]:first-child]:mt-0 [&>[data-slot=message]:last-child]:mb-0",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_chat_context_tool_call_context.ToolCallProvider, {
-				approveToolcall: noop,
-				declineToolcall: noop,
-				approveToolcallGenerate: noop,
-				declineToolcallGenerate: noop,
-				approveNetworkToolcall: noop,
-				declineNetworkToolcall: noop,
-				isRunning: false,
-				toolCallApprovals: {},
-				networkToolCallApprovals: {},
-				children: messages.map((message) => {
-					const action = onHighlightSpans && message.traceSpanIds.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
-						variant: "ghost",
-						size: "icon-sm",
-						tooltip: "Highlight spans",
-						"aria-label": "Highlight spans",
-						onClick: () => onHighlightSpans(message.traceSpanIds),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ListTreeIcon, {})
-					}) : void 0;
-					if (message.content.parts.every((part) => part.type === "tool-invocation") && action) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "group/tool mb-3 flex items-start gap-1 last:mb-0",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_chat_messages_message_row.MessageRow, {
-							message,
-							readOnly: true,
-							className: "flex-1"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "shrink-0 group-focus-within/tool:opacity-100 group-hover/tool:opacity-100 motion-safe:transition-opacity pointer-fine:opacity-0",
-							children: action
-						})]
-					}, message.id);
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_chat_messages_message_row.MessageRow, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_read_only_tool_call_provider.ReadOnlyToolCallProvider, { children: messages.map((message) => {
+				const action = onHighlightSpans && message.traceSpanIds.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+					variant: "ghost",
+					size: "icon-sm",
+					tooltip: "Highlight spans",
+					"aria-label": "Highlight spans",
+					onClick: () => onHighlightSpans(message.traceSpanIds),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ListTreeIcon, {})
+				}) : void 0;
+				if (message.content.parts.every((part) => part.type === "tool-invocation") && action) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "group/tool mb-3 flex items-start gap-1 last:mb-0",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_chat_messages_message_row.MessageRow, {
 						message,
 						readOnly: true,
-						footer: action
-					}, message.id);
-				})
-			})
+						className: "flex-1"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "shrink-0 group-focus-within/tool:opacity-100 group-hover/tool:opacity-100 motion-safe:transition-opacity pointer-fine:opacity-0",
+						children: action
+					})]
+				}, message.id);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_chat_messages_message_row.MessageRow, {
+					message,
+					readOnly: true,
+					footer: action
+				}, message.id);
+			}) })
 		})
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"trace-thread-item-view.cjs.js","names":["useTraceSpans","TraceMessagesSkeleton","TracesErrorContent","formatTraceThreadMessages","Txt","cn","ToolCallProvider","Button","ListTreeIcon","MessageRow"],"sources":["../../../../src/domains/traces/components/trace-thread-item-view.tsx"],"sourcesContent":["import { useTraceSpans } from '@mastra/react/hooks/traces';\nimport { ListTreeIcon } from 'lucide-react';\nimport { formatTraceThreadMessages } from './format-trace-thread-messages';\nimport { TraceMessagesSkeleton } from './trace-messages-skeleton';\nimport { ToolCallProvider } from '@/domains/chat/context/tool-call-context';\nimport { MessageRow } from '@/domains/chat/messages/message-row';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/utils/cn';\n\nexport interface TraceThreadItemViewProps {\n  traceId: string;\n  /** Called with the ids of the spans behind a message (text or tool call) when its \"Highlight spans\" action is clicked. */\n  onHighlightSpans?: (spanIds: string[]) => void;\n  className?: string;\n}\n\nconst noop = () => {};\n\nexport function TraceThreadItemView({ traceId, onHighlightSpans, className }: TraceThreadItemViewProps) {\n  const { data, isLoading, error } = useTraceSpans({\n    traceId: traceId,\n    passive: true,\n    queryOptions: { enabled: !!traceId },\n  });\n\n  if (isLoading) return <TraceMessagesSkeleton className={className} />;\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <TracesErrorContent error={error} resource=\"trace\" errorTitle=\"Failed to load partial thread\" />\n      </div>\n    );\n  }\n\n  const messages = data ? formatTraceThreadMessages(data.spans) : [];\n\n  if (messages.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <Txt variant=\"body\" tone=\"muted\">\n          No agent turn found for this trace.\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('min-w-0 p-4', className)}>\n      {/* Messages carry their own vertical margins; strip them at the edges so `p-4` is the only outer spacing. */}\n      <div className=\"mx-auto flex w-full max-w-3xl flex-col [&>[data-slot=message]:first-child]:mt-0 [&>[data-slot=message]:last-child]:mb-0\">\n        <ToolCallProvider\n          approveToolcall={noop}\n          declineToolcall={noop}\n          approveToolcallGenerate={noop}\n          declineToolcallGenerate={noop}\n          approveNetworkToolcall={noop}\n          declineNetworkToolcall={noop}\n          isRunning={false}\n          toolCallApprovals={{}}\n          networkToolCallApprovals={{}}\n        >\n          {messages.map(message => {\n            const action =\n              onHighlightSpans && message.traceSpanIds.length > 0 ? (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  tooltip=\"Highlight spans\"\n                  aria-label=\"Highlight spans\"\n                  onClick={() => onHighlightSpans(message.traceSpanIds)}\n                >\n                  <ListTreeIcon />\n                </Button>\n              ) : undefined;\n\n            const isToolCall = message.content.parts.every(part => part.type === 'tool-invocation');\n            if (isToolCall && action) {\n              // Tool calls sit on one line, so the action goes beside the tool card instead of below it.\n              return (\n                <div key={message.id} className=\"group/tool mb-3 flex items-start gap-1 last:mb-0\">\n                  <MessageRow message={message} readOnly className=\"flex-1\" />\n                  <div className=\"shrink-0 group-focus-within/tool:opacity-100 group-hover/tool:opacity-100 motion-safe:transition-opacity pointer-fine:opacity-0\">\n                    {action}\n                  </div>\n                </div>\n              );\n            }\n\n            return <MessageRow key={message.id} message={message} readOnly footer={action} />;\n          })}\n        </ToolCallProvider>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAM,aAAa,CAAC;AAEpB,SAAgB,oBAAoB,EAAE,SAAS,kBAAkB,aAAuC;CACtG,MAAM,EAAE,MAAM,WAAW,WAAA,GAAUA,2BAAAA,cAAAA,CAAc;EACtC;EACT,SAAS;EACT,cAAc,EAAE,SAAS,CAAC,CAAC,QAAQ;CACrC,CAAC;CAED,IAAI,WAAW,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,0DAAAA,uBAAD,EAAkC,UAAY,CAAA;CAEpE,IAAI,OACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,oBAAD;GAA2B;GAAO,UAAS;GAAQ,YAAW;EAAiC,CAAA;CAC5F,CAAA;CAIT,MAAM,WAAW,OAAOC,+DAAAA,0BAA0B,KAAK,KAAK,IAAI,CAAC;CAEjE,IAAI,SAAS,WAAW,GACtB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;GAAK,SAAQ;GAAO,MAAK;GAAQ,UAAA;EAE5B,CAAA;CACF,CAAA;CAIT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAWC,cAAAA,GAAG,eAAe,SAAS;EAEzC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,+CAAAA,kBAAD;IACE,iBAAiB;IACjB,iBAAiB;IACjB,yBAAyB;IACzB,yBAAyB;IACzB,wBAAwB;IACxB,wBAAwB;IACxB,WAAW;IACX,mBAAmB,CAAC;IACpB,0BAA0B,CAAC;IAE1B,UAAA,SAAS,KAAI,YAAW;KACvB,MAAM,SACJ,oBAAoB,QAAQ,aAAa,SAAS,IAChD,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;MACE,SAAQ;MACR,MAAK;MACL,SAAQ;MACR,cAAW;MACX,eAAe,iBAAiB,QAAQ,YAAY;MAEpD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,cAAD,CAAe,CAAA;KACT,CAAA,IACN,KAAA;KAGN,IADmB,QAAQ,QAAQ,MAAM,OAAM,SAAQ,KAAK,SAAS,iBACjE,KAAc,QAEhB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;MAAsB,WAAU;MAAhC,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,0CAAAA,YAAD;OAAqB;OAAS,UAAA;OAAS,WAAU;MAAU,CAAA,GAC3D,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;OAAK,WAAU;OACZ,UAAA;MACE,CAAA,CACF;KALK,GAAA,QAAQ,EAKb;KAIT,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,0CAAAA,YAAD;MAAsC;MAAS,UAAA;MAAS,QAAQ;KAAS,GAAxD,QAAQ,EAAgD;IAClF,CAAC;GACe,CAAA;EACf,CAAA;CACF,CAAA;AAET"}
+{"version":3,"file":"trace-thread-item-view.cjs.js","names":["useTraceSpans","TraceMessagesSkeleton","TracesErrorContent","formatTraceThreadMessages","Txt","cn","ReadOnlyToolCallProvider","Button","ListTreeIcon","MessageRow"],"sources":["../../../../src/domains/traces/components/trace-thread-item-view.tsx"],"sourcesContent":["import { useTraceSpans } from '@mastra/react/hooks/traces';\nimport { ListTreeIcon } from 'lucide-react';\nimport { formatTraceThreadMessages } from './format-trace-thread-messages';\nimport { ReadOnlyToolCallProvider } from './read-only-tool-call-provider';\nimport { TraceMessagesSkeleton } from './trace-messages-skeleton';\nimport { MessageRow } from '@/domains/chat/messages/message-row';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/utils/cn';\n\nexport interface TraceThreadItemViewProps {\n  traceId: string;\n  /** Called with the ids of the spans behind a message (text or tool call) when its \"Highlight spans\" action is clicked. */\n  onHighlightSpans?: (spanIds: string[]) => void;\n  className?: string;\n}\n\nexport function TraceThreadItemView({ traceId, onHighlightSpans, className }: TraceThreadItemViewProps) {\n  const { data, isLoading, error } = useTraceSpans({\n    traceId: traceId,\n    passive: true,\n    queryOptions: { enabled: !!traceId },\n  });\n\n  if (isLoading) return <TraceMessagesSkeleton className={className} />;\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <TracesErrorContent error={error} resource=\"trace\" errorTitle=\"Failed to load partial thread\" />\n      </div>\n    );\n  }\n\n  const messages = data ? formatTraceThreadMessages(data.spans) : [];\n\n  if (messages.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center p-4\">\n        <Txt variant=\"body\" tone=\"muted\">\n          No agent turn found for this trace.\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('min-w-0 p-4', className)}>\n      {/* Messages carry their own vertical margins; strip them at the edges so `p-4` is the only outer spacing. */}\n      <div className=\"mx-auto flex w-full max-w-3xl flex-col [&>[data-slot=message]:first-child]:mt-0 [&>[data-slot=message]:last-child]:mb-0\">\n        <ReadOnlyToolCallProvider>\n          {messages.map(message => {\n            const action =\n              onHighlightSpans && message.traceSpanIds.length > 0 ? (\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  tooltip=\"Highlight spans\"\n                  aria-label=\"Highlight spans\"\n                  onClick={() => onHighlightSpans(message.traceSpanIds)}\n                >\n                  <ListTreeIcon />\n                </Button>\n              ) : undefined;\n\n            const isToolCall = message.content.parts.every(part => part.type === 'tool-invocation');\n            if (isToolCall && action) {\n              // Tool calls sit on one line, so the action goes beside the tool card instead of below it.\n              return (\n                <div key={message.id} className=\"group/tool mb-3 flex items-start gap-1 last:mb-0\">\n                  <MessageRow message={message} readOnly className=\"flex-1\" />\n                  <div className=\"shrink-0 group-focus-within/tool:opacity-100 group-hover/tool:opacity-100 motion-safe:transition-opacity pointer-fine:opacity-0\">\n                    {action}\n                  </div>\n                </div>\n              );\n            }\n\n            return <MessageRow key={message.id} message={message} readOnly footer={action} />;\n          })}\n        </ReadOnlyToolCallProvider>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,SAAgB,oBAAoB,EAAE,SAAS,kBAAkB,aAAuC;CACtG,MAAM,EAAE,MAAM,WAAW,WAAA,GAAUA,2BAAAA,cAAAA,CAAc;EACtC;EACT,SAAS;EACT,cAAc,EAAE,SAAS,CAAC,CAAC,QAAQ;CACrC,CAAC;CAED,IAAI,WAAW,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,0DAAAA,uBAAD,EAAkC,UAAY,CAAA;CAEpE,IAAI,OACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,oBAAD;GAA2B;GAAO,UAAS;GAAQ,YAAW;EAAiC,CAAA;CAC5F,CAAA;CAIT,MAAM,WAAW,OAAOC,+DAAAA,0BAA0B,KAAK,KAAK,IAAI,CAAC;CAEjE,IAAI,SAAS,WAAW,GACtB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;GAAK,SAAQ;GAAO,MAAK;GAAQ,UAAA;EAE5B,CAAA;CACF,CAAA;CAIT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAWC,cAAAA,GAAG,eAAe,SAAS;EAEzC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,+DAAAA,0BAAD,EAAA,UACG,SAAS,KAAI,YAAW;IACvB,MAAM,SACJ,oBAAoB,QAAQ,aAAa,SAAS,IAChD,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;KACE,SAAQ;KACR,MAAK;KACL,SAAQ;KACR,cAAW;KACX,eAAe,iBAAiB,QAAQ,YAAY;KAEpD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,cAAD,CAAe,CAAA;IACT,CAAA,IACN,KAAA;IAGN,IADmB,QAAQ,QAAQ,MAAM,OAAM,SAAQ,KAAK,SAAS,iBACjE,KAAc,QAEhB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAsB,WAAU;KAAhC,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,0CAAAA,YAAD;MAAqB;MAAS,UAAA;MAAS,WAAU;KAAU,CAAA,GAC3D,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,WAAU;MACZ,UAAA;KACE,CAAA,CACF;IALK,GAAA,QAAQ,EAKb;IAIT,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,0CAAAA,YAAD;KAAsC;KAAS,UAAA;KAAS,QAAQ;IAAS,GAAxD,QAAQ,EAAgD;GAClF,CAAC,EACuB,CAAA;EACvB,CAAA;CACF,CAAA;AAET"}