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

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

@@ -1,163 +1,74 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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_Notice = require("../../../../Notice-DWNeCe-t.cjs");
 const require_DataKeysAndValues = require("../../../../DataKeysAndValues-CHQcnHzv.cjs");
-const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.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_domains_traces_components_span_payload_span_payload_messages = require("./span-payload-messages.cjs.js");
-let react = require("react");
 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
-/** Mutation kinds as actions a reader recognises. */
-var MUTATION_LABELS = {
-	add: "Added messages",
-	addSystem: "Added system message",
-	removeByIds: "Removed messages",
-	clear: "Cleared messages"
-};
-var describeMutation = (mutation) => [
-	mutation.source,
-	mutation.tag,
-	mutation.count !== void 0 ? `${mutation.count} message${mutation.count === 1 ? "" : "s"}` : void 0
-].filter(Boolean).join(" · ");
 /**
-* Splits the mutation log: changes that only carry a count are added up per
-* type, source and tag into one row each; changes carrying a message, removed
-* ids, or an unreadable entry keep their own detailed item.
+* Where a processor ran in the pipeline, and the tripwire that stopped the run, as labelled values.
+* Renders nothing for a span with no recorded phase.
 */
-function groupMutations(mutations) {
-	const rows = /* @__PURE__ */ new Map();
-	const detailed = [];
-	for (const mutation of mutations) {
-		if (typeof mutation !== "object" || mutation === null) {
-			detailed.push(mutation);
-			continue;
-		}
-		if (mutation.message !== void 0 || mutation.ids && mutation.ids.length > 0) {
-			detailed.push(mutation);
-			continue;
-		}
-		const key = JSON.stringify([
-			mutation.type,
-			mutation.source,
-			mutation.tag
-		]);
-		const row = rows.get(key);
-		if (row) row.count = row.count === void 0 || mutation.count === void 0 ? void 0 : row.count + mutation.count;
-		else rows.set(key, {
-			label: MUTATION_LABELS[mutation.type] ?? mutation.type,
-			source: mutation.source,
-			tag: mutation.tag,
-			count: mutation.count
-		});
-	}
-	return {
-		rows: [...rows.values()],
-		detailed
-	};
-}
-function Mutations({ mutations }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-		"data-slot": "span-processor-mutations",
-		className: "flex flex-col gap-1.5",
-		children: mutations.map((mutation, index) => {
-			if (typeof mutation !== "object" || mutation === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_json.SpanPayloadJson, { value: mutation }) }, index);
-			const detail = describeMutation(mutation);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-				className: "flex flex-col gap-2",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-							tone: "ink",
-							as: "span",
-							variant: "body",
-							children: MUTATION_LABELS[mutation.type] ?? mutation.type
-						}), detail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-							as: "span",
-							variant: "meta",
-							tone: "faint",
-							children: detail
-						})]
-					}),
-					mutation.message !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_messages.SpanPayloadMessages, { value: [mutation.message] }),
-					mutation.ids && mutation.ids.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_span_payload_primitives.SpanPayloadCollapsible, {
-						label: `Removed ids (${mutation.ids.length})`,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_json.SpanPayloadJson, { value: mutation.ids })
-					})
-				]
-			}, index);
-		})
-	});
-}
-/**
-* The runner-owned attributes of a processor span, as labelled values.
-* `describeProcessorPipeline` decides which keys are known, so "Other attributes"
-* holds only what this view does not show.
-*/
-function SpanProcessorAttributes({ span }) {
+function SpanProcessorAttributes({ span, className }) {
 	const pipeline = (0, _mastra_core_observability.describeProcessorPipeline)(require_domains_traces_components_span_payload_span_payload_registry.asCoreSpan(span));
 	if (!pipeline) return null;
-	const { phaseLabel, executor, processorIndex, hookDurationMs, messageListMutations, tripwireAbort, rest } = pipeline;
-	const input = (0, _mastra_core_observability.describeSpanInput)(require_domains_traces_components_span_payload_span_payload_registry.asCoreSpan(span));
-	const { stepNumber, retryCount, messageId } = input?.type === "processor" ? require_domains_traces_components_span_payload_span_payload_registry.getProcessorRunContext(input.value) : {};
+	const { phaseLabel, executor, processorIndex, hookDurationMs, tripwireAbort } = pipeline;
 	const processorName = span.entityName ?? span.entityId;
-	const hookDuration = hookDurationMs === void 0 ? void 0 : require_utils_duration.formatDuration(hookDurationMs);
-	const mutations = groupMutations(messageListMutations ?? []);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-slot": "span-processor-attributes",
-		className: "flex flex-col gap-3",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_DataKeysAndValues.DataKeysAndValues, { children: [
-				processorName && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Key, { children: "Processor" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Value, { children: processorName })] }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Key, { children: "Phase" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Value, { children: phaseLabel })] }),
-				executor && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Key, { children: "Executor" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Value, { children: executor === "workflow" ? "Workflow" : "Legacy" })] }),
-				processorIndex !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Key, { children: "Pipeline position" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Value, { children: processorIndex + 1 })] }),
-				stepNumber !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Key, { children: "Step" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Value, { children: stepNumber })] }),
-				retryCount !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Key, { children: "Retries" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Value, { children: retryCount })] }),
-				messageId !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Key, { children: "Assistant message id" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.ValueWithCopyBtn, {
-					copyValue: messageId,
-					copyTooltip: "Copy assistant message id",
-					children: messageId.slice(0, 6)
-				})] }),
-				hookDuration && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Key, { children: "Hook duration" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Value, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+		className,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_DataKeysAndValues.DataKeysAndValues, { children: [
+			processorName && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+				label: "Processor",
+				children: processorName
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+				label: "Phase",
+				children: phaseLabel
+			}),
+			executor && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+				label: "Executor",
+				children: executor === "workflow" ? "Workflow" : "Legacy"
+			}),
+			processorIndex !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+				label: "Pipeline position",
+				children: processorIndex + 1
+			}),
+			hookDurationMs !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+				label: "Hook duration",
+				children: require_utils_duration.formatDuration(hookDurationMs)
+			}),
+			tripwireAbort?.reason && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+				label: "Tripwire",
+				wrap: true,
+				children: tripwireAbort.reason
+			}),
+			tripwireAbort?.retry !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+				label: "Retry",
+				children: tripwireAbort.retry ? "Yes" : "No"
+			}),
+			tripwireAbort?.metadata !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+				label: "Tripwire metadata",
+				wrap: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
 					as: "span",
 					variant: "body-sm",
 					font: "mono",
-					children: hookDuration
-				}) })] }),
-				mutations.rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Key, { children: row.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Value, { children: describeMutation(row) })] }, JSON.stringify([
-					row.label,
-					row.source,
-					row.tag
-				])))
-			] }),
-			tripwireAbort && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Notice.Notice, {
-				variant: "destructive",
-				title: "Tripwire",
-				children: [
-					tripwireAbort.reason && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Notice.Notice.Message, { children: tripwireAbort.reason }),
-					tripwireAbort.retry !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_DataKeysAndValues.DataKeysAndValues, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Key, { children: "Retry" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Value, { children: tripwireAbort.retry ? "Yes" : "No" })] }),
-					tripwireAbort.metadata !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_span_payload_primitives.SpanPayloadCollapsible, {
-						label: "Metadata",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_json.SpanPayloadJson, { value: tripwireAbort.metadata })
-					})
-				]
-			}),
-			mutations.detailed.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_span_payload_primitives.SpanPayloadField, {
-				label: "Message list changes",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Mutations, { mutations: mutations.detailed })
-			}),
-			rest && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_span_payload_primitives.SpanPayloadCollapsible, {
-				label: "Other attributes",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_json.SpanPayloadJson, { value: rest })
+					className: "break-all",
+					children: JSON.stringify(tripwireAbort.metadata)
+				})
 			})
-		]
+		] })
 	});
 }
+function Row({ label, wrap, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Key, { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataKeysAndValues.DataKeysAndValues.Value, {
+		className: require_utils.cn(wrap && "break-words whitespace-pre-wrap"),
+		children
+	})] });
+}
 exports.SpanProcessorAttributes = SpanProcessorAttributes;
 
 //# sourceMappingURL=span-processor-attributes.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"span-processor-attributes.cjs.js","names":["SpanPayloadJson","Txt","SpanPayloadMessages","SpanPayloadCollapsible","describeProcessorPipeline","asCoreSpan","describeSpanInput","getProcessorRunContext","formatDuration","DataKeysAndValues","_Fragment","Fragment","Notice","SpanPayloadField"],"sources":["../../../../../src/domains/traces/components/span-payload/span-processor-attributes.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput } from '@mastra/core/observability';\nimport type { ProcessorPipelineDescription } from '@mastra/core/observability';\nimport { Fragment } from 'react';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMessages } from './span-payload-messages';\nimport { SpanPayloadCollapsible, SpanPayloadField } from './span-payload-primitives';\nimport { asCoreSpan, getProcessorRunContext } from './span-payload-registry';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { Notice } from '@/ds/components/Notice';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { formatDuration } from '@/utils/duration';\n\n/** Mutation kinds as actions a reader recognises. */\nconst MUTATION_LABELS: Record<string, string> = {\n  add: 'Added messages',\n  addSystem: 'Added system message',\n  removeByIds: 'Removed messages',\n  clear: 'Cleared messages',\n};\n\ntype Mutation = NonNullable<ProcessorPipelineDescription['messageListMutations']>[number];\n\nconst describeMutation = (mutation: Pick<Mutation, 'source' | 'tag' | 'count'>) =>\n  [\n    mutation.source,\n    mutation.tag,\n    mutation.count !== undefined ? `${mutation.count} message${mutation.count === 1 ? '' : 's'}` : undefined,\n  ]\n    .filter(Boolean)\n    .join(' · ');\n\n/**\n * Splits the mutation log: changes that only carry a count are added up per\n * type, source and tag into one row each; changes carrying a message, removed\n * ids, or an unreadable entry keep their own detailed item.\n */\nfunction groupMutations(mutations: readonly Mutation[]) {\n  const rows = new Map<string, { label: string; source?: string; tag?: string; count?: number }>();\n  const detailed: Mutation[] = [];\n\n  for (const mutation of mutations) {\n    if (typeof mutation !== 'object' || mutation === null) {\n      detailed.push(mutation);\n      continue;\n    }\n    if (mutation.message !== undefined || (mutation.ids && mutation.ids.length > 0)) {\n      detailed.push(mutation);\n      continue;\n    }\n    const key = JSON.stringify([mutation.type, mutation.source, mutation.tag]);\n    const row = rows.get(key);\n    if (row) {\n      row.count = row.count === undefined || mutation.count === undefined ? undefined : row.count + mutation.count;\n    } else {\n      rows.set(key, {\n        label: MUTATION_LABELS[mutation.type] ?? mutation.type,\n        source: mutation.source,\n        tag: mutation.tag,\n        count: mutation.count,\n      });\n    }\n  }\n\n  return { rows: [...rows.values()], detailed };\n}\n\nfunction Mutations({ mutations }: { mutations: readonly Mutation[] }) {\n  return (\n    <ul data-slot=\"span-processor-mutations\" className=\"flex flex-col gap-1.5\">\n      {mutations.map((mutation, index) => {\n        if (typeof mutation !== 'object' || mutation === null) {\n          return (\n            <li key={index}>\n              <SpanPayloadJson value={mutation} />\n            </li>\n          );\n        }\n        const detail = describeMutation(mutation);\n\n        return (\n          <li key={index} className=\"flex flex-col gap-2\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <Txt tone=\"ink\" as=\"span\" variant=\"body\">\n                {MUTATION_LABELS[mutation.type] ?? mutation.type}\n              </Txt>\n              {detail && (\n                <Txt as=\"span\" variant=\"meta\" tone=\"faint\">\n                  {detail}\n                </Txt>\n              )}\n            </div>\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          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport interface SpanProcessorAttributesProps {\n  span: SpanRecord;\n}\n\n/**\n * The runner-owned attributes of a processor span, as labelled values.\n * `describeProcessorPipeline` decides which keys are known, so \"Other attributes\"\n * holds only what this view does not show.\n */\nexport function SpanProcessorAttributes({ span }: SpanProcessorAttributesProps) {\n  const pipeline = describeProcessorPipeline(asCoreSpan(span));\n  if (!pipeline) return null;\n\n  const { phaseLabel, executor, processorIndex, hookDurationMs, messageListMutations, tripwireAbort, rest } = pipeline;\n  const input = describeSpanInput(asCoreSpan(span));\n  const { stepNumber, retryCount, messageId } = input?.type === 'processor' ? getProcessorRunContext(input.value) : {};\n  const processorName = span.entityName ?? span.entityId;\n  const hookDuration = hookDurationMs === undefined ? undefined : formatDuration(hookDurationMs);\n  const mutations = groupMutations(messageListMutations ?? []);\n\n  return (\n    <div data-slot=\"span-processor-attributes\" className=\"flex flex-col gap-3\">\n      <DataKeysAndValues>\n        {processorName && (\n          <>\n            <DataKeysAndValues.Key>Processor</DataKeysAndValues.Key>\n            <DataKeysAndValues.Value>{processorName}</DataKeysAndValues.Value>\n          </>\n        )}\n        <>\n          <DataKeysAndValues.Key>Phase</DataKeysAndValues.Key>\n          <DataKeysAndValues.Value>{phaseLabel}</DataKeysAndValues.Value>\n        </>\n        {executor && (\n          <>\n            <DataKeysAndValues.Key>Executor</DataKeysAndValues.Key>\n            <DataKeysAndValues.Value>{executor === 'workflow' ? 'Workflow' : 'Legacy'}</DataKeysAndValues.Value>\n          </>\n        )}\n        {processorIndex !== undefined && (\n          <>\n            <DataKeysAndValues.Key>Pipeline position</DataKeysAndValues.Key>\n            <DataKeysAndValues.Value>{processorIndex + 1}</DataKeysAndValues.Value>\n          </>\n        )}\n        {stepNumber !== undefined && (\n          <>\n            <DataKeysAndValues.Key>Step</DataKeysAndValues.Key>\n            <DataKeysAndValues.Value>{stepNumber}</DataKeysAndValues.Value>\n          </>\n        )}\n        {retryCount !== undefined && (\n          <>\n            <DataKeysAndValues.Key>Retries</DataKeysAndValues.Key>\n            <DataKeysAndValues.Value>{retryCount}</DataKeysAndValues.Value>\n          </>\n        )}\n        {messageId !== undefined && (\n          <>\n            <DataKeysAndValues.Key>Assistant message id</DataKeysAndValues.Key>\n            <DataKeysAndValues.ValueWithCopyBtn copyValue={messageId} copyTooltip=\"Copy assistant message id\">\n              {messageId.slice(0, 6)}\n            </DataKeysAndValues.ValueWithCopyBtn>\n          </>\n        )}\n        {hookDuration && (\n          <>\n            <DataKeysAndValues.Key>Hook duration</DataKeysAndValues.Key>\n            <DataKeysAndValues.Value>\n              <Txt as=\"span\" variant=\"body-sm\" font=\"mono\">\n                {hookDuration}\n              </Txt>\n            </DataKeysAndValues.Value>\n          </>\n        )}\n        {mutations.rows.map(row => (\n          <Fragment key={JSON.stringify([row.label, row.source, row.tag])}>\n            <DataKeysAndValues.Key>{row.label}</DataKeysAndValues.Key>\n            <DataKeysAndValues.Value>{describeMutation(row)}</DataKeysAndValues.Value>\n          </Fragment>\n        ))}\n      </DataKeysAndValues>\n\n      {tripwireAbort && (\n        <Notice variant=\"destructive\" title=\"Tripwire\">\n          {tripwireAbort.reason && <Notice.Message>{tripwireAbort.reason}</Notice.Message>}\n          {tripwireAbort.retry !== undefined && (\n            <DataKeysAndValues>\n              <DataKeysAndValues.Key>Retry</DataKeysAndValues.Key>\n              <DataKeysAndValues.Value>{tripwireAbort.retry ? 'Yes' : 'No'}</DataKeysAndValues.Value>\n            </DataKeysAndValues>\n          )}\n          {tripwireAbort.metadata !== undefined && (\n            <SpanPayloadCollapsible label=\"Metadata\">\n              <SpanPayloadJson value={tripwireAbort.metadata} />\n            </SpanPayloadCollapsible>\n          )}\n        </Notice>\n      )}\n\n      {mutations.detailed.length > 0 && (\n        <SpanPayloadField label=\"Message list changes\">\n          <Mutations mutations={mutations.detailed} />\n        </SpanPayloadField>\n      )}\n\n      {rest && (\n        <SpanPayloadCollapsible label=\"Other attributes\">\n          <SpanPayloadJson value={rest} />\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"span-processor-attributes.cjs.js","names":["describeProcessorPipeline","asCoreSpan","DataKeysAndValues","formatDuration","Txt","_Fragment","cn"],"sources":["../../../../../src/domains/traces/components/span-payload/span-processor-attributes.tsx"],"sourcesContent":["import { describeProcessorPipeline } from '@mastra/core/observability';\nimport type { ReactNode } from 'react';\nimport type { SpanRecord } from '../../types';\nimport { asCoreSpan } from './span-payload-registry';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { cn } from '@/lib/utils';\nimport { formatDuration } from '@/utils/duration';\n\nexport interface SpanProcessorAttributesProps {\n  span: SpanRecord;\n  className?: string;\n}\n\n/**\n * Where a processor ran in the pipeline, and the tripwire that stopped the run, as labelled values.\n * Renders nothing for a span with no recorded phase.\n */\nexport function SpanProcessorAttributes({ span, className }: SpanProcessorAttributesProps) {\n  const pipeline = describeProcessorPipeline(asCoreSpan(span));\n  if (!pipeline) return null;\n\n  const { phaseLabel, executor, processorIndex, hookDurationMs, tripwireAbort } = pipeline;\n  const processorName = span.entityName ?? span.entityId;\n\n  return (\n    <div data-slot=\"span-processor-attributes\" className={className}>\n      <DataKeysAndValues>\n        {processorName && <Row label=\"Processor\">{processorName}</Row>}\n        <Row label=\"Phase\">{phaseLabel}</Row>\n        {executor && <Row label=\"Executor\">{executor === 'workflow' ? 'Workflow' : 'Legacy'}</Row>}\n        {/* processorIndex is 0-based; the position reads 1-based. */}\n        {processorIndex !== undefined && <Row label=\"Pipeline position\">{processorIndex + 1}</Row>}\n        {hookDurationMs !== undefined && <Row label=\"Hook duration\">{formatDuration(hookDurationMs)}</Row>}\n        {tripwireAbort?.reason && (\n          <Row label=\"Tripwire\" wrap>\n            {tripwireAbort.reason}\n          </Row>\n        )}\n        {tripwireAbort?.retry !== undefined && <Row label=\"Retry\">{tripwireAbort.retry ? 'Yes' : 'No'}</Row>}\n        {tripwireAbort?.metadata !== undefined && (\n          <Row label=\"Tripwire metadata\" wrap>\n            <Txt as=\"span\" variant=\"body-sm\" font=\"mono\" className=\"break-all\">\n              {JSON.stringify(tripwireAbort.metadata)}\n            </Txt>\n          </Row>\n        )}\n      </DataKeysAndValues>\n    </div>\n  );\n}\n\nfunction Row({ label, wrap, children }: { label: string; wrap?: boolean; children: ReactNode }) {\n  return (\n    <>\n      <DataKeysAndValues.Key>{label}</DataKeysAndValues.Key>\n      <DataKeysAndValues.Value className={cn(wrap && 'break-words whitespace-pre-wrap')}>\n        {children}\n      </DataKeysAndValues.Value>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,SAAgB,wBAAwB,EAAE,MAAM,aAA2C;CACzF,MAAM,YAAA,GAAWA,2BAAAA,0BAAAA,CAA0BC,qEAAAA,WAAW,IAAI,CAAC;CAC3D,IAAI,CAAC,UAAU,OAAO;CAEtB,MAAM,EAAE,YAAY,UAAU,gBAAgB,gBAAgB,kBAAkB;CAChF,MAAM,gBAAgB,KAAK,cAAc,KAAK;CAE9C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,aAAU;EAAuC;EACpD,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACC,0BAAAA,mBAAD,EAAA,UAAA;GACG,iBAAiB,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAK,OAAM;IAAa,UAAA;GAAmB,CAAA;GAC7D,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAK,OAAM;IAAS,UAAA;GAAgB,CAAA;GACnC,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAK,OAAM;IAAY,UAAA,aAAa,aAAa,aAAa;GAAc,CAAA;GAExF,mBAAmB,KAAA,KAAa,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAK,OAAM;IAAqB,UAAA,iBAAiB;GAAO,CAAA;GACxF,mBAAmB,KAAA,KAAa,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAK,OAAM;IAAiB,UAAAC,uBAAAA,eAAe,cAAc;GAAO,CAAA;GAChG,eAAe,UACd,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAK,OAAM;IAAW,MAAA;IACnB,UAAA,cAAc;GACZ,CAAA;GAEN,eAAe,UAAU,KAAA,KAAa,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAK,OAAM;IAAS,UAAA,cAAc,QAAQ,QAAQ;GAAU,CAAA;GAClG,eAAe,aAAa,KAAA,KAC3B,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAK,OAAM;IAAoB,MAAA;IAC7B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;KAAK,IAAG;KAAO,SAAQ;KAAU,MAAK;KAAO,WAAU;KACpD,UAAA,KAAK,UAAU,cAAc,QAAQ;IACnC,CAAA;GACF,CAAA;EAEU,EAAA,CAAA;CAChB,CAAA;AAET;AAEA,SAAS,IAAI,EAAE,OAAO,MAAM,YAAoE;CAC9F,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACH,0BAAAA,kBAAkB,KAAnB,EAAA,UAAwB,MAA6B,CAAA,GACrD,iBAAA,GAAA,kBAAA,IAAA,CAACA,0BAAAA,kBAAkB,OAAnB;EAAyB,WAAWI,cAAAA,GAAG,QAAQ,iCAAiC;EAC7E;CACsB,CAAA,CACzB,EAAA,CAAA;AAEN"}

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

@@ -1,162 +1,73 @@
+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 Notice } from "../../../../Notice-CyKngbbv.js";
 import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-B2jquIjh.js";
-import { SpanPayloadJson } from "./span-payload-json.es.js";
-import { asCoreSpan, getProcessorRunContext } from "./span-payload-registry.es.js";
-import { n as SpanPayloadField, t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-Fi1kSYyM.js";
-import { SpanPayloadMessages } from "./span-payload-messages.es.js";
-import { Fragment } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { describeProcessorPipeline, describeSpanInput } from "@mastra/core/observability";
+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
-/** Mutation kinds as actions a reader recognises. */
-var MUTATION_LABELS = {
-	add: "Added messages",
-	addSystem: "Added system message",
-	removeByIds: "Removed messages",
-	clear: "Cleared messages"
-};
-var describeMutation = (mutation) => [
-	mutation.source,
-	mutation.tag,
-	mutation.count !== void 0 ? `${mutation.count} message${mutation.count === 1 ? "" : "s"}` : void 0
-].filter(Boolean).join(" · ");
 /**
-* Splits the mutation log: changes that only carry a count are added up per
-* type, source and tag into one row each; changes carrying a message, removed
-* ids, or an unreadable entry keep their own detailed item.
+* Where a processor ran in the pipeline, and the tripwire that stopped the run, as labelled values.
+* Renders nothing for a span with no recorded phase.
 */
-function groupMutations(mutations) {
-	const rows = /* @__PURE__ */ new Map();
-	const detailed = [];
-	for (const mutation of mutations) {
-		if (typeof mutation !== "object" || mutation === null) {
-			detailed.push(mutation);
-			continue;
-		}
-		if (mutation.message !== void 0 || mutation.ids && mutation.ids.length > 0) {
-			detailed.push(mutation);
-			continue;
-		}
-		const key = JSON.stringify([
-			mutation.type,
-			mutation.source,
-			mutation.tag
-		]);
-		const row = rows.get(key);
-		if (row) row.count = row.count === void 0 || mutation.count === void 0 ? void 0 : row.count + mutation.count;
-		else rows.set(key, {
-			label: MUTATION_LABELS[mutation.type] ?? mutation.type,
-			source: mutation.source,
-			tag: mutation.tag,
-			count: mutation.count
-		});
-	}
-	return {
-		rows: [...rows.values()],
-		detailed
-	};
-}
-function Mutations({ mutations }) {
-	return /* @__PURE__ */ jsx("ul", {
-		"data-slot": "span-processor-mutations",
-		className: "flex flex-col gap-1.5",
-		children: mutations.map((mutation, index) => {
-			if (typeof mutation !== "object" || mutation === null) return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: mutation }) }, index);
-			const detail = describeMutation(mutation);
-			return /* @__PURE__ */ jsxs("li", {
-				className: "flex flex-col gap-2",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ jsx(Txt, {
-							tone: "ink",
-							as: "span",
-							variant: "body",
-							children: MUTATION_LABELS[mutation.type] ?? mutation.type
-						}), detail && /* @__PURE__ */ jsx(Txt, {
-							as: "span",
-							variant: "meta",
-							tone: "faint",
-							children: detail
-						})]
-					}),
-					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 })
-					})
-				]
-			}, index);
-		})
-	});
-}
-/**
-* The runner-owned attributes of a processor span, as labelled values.
-* `describeProcessorPipeline` decides which keys are known, so "Other attributes"
-* holds only what this view does not show.
-*/
-function SpanProcessorAttributes({ span }) {
+function SpanProcessorAttributes({ span, className }) {
 	const pipeline = describeProcessorPipeline(asCoreSpan(span));
 	if (!pipeline) return null;
-	const { phaseLabel, executor, processorIndex, hookDurationMs, messageListMutations, tripwireAbort, rest } = pipeline;
-	const input = describeSpanInput(asCoreSpan(span));
-	const { stepNumber, retryCount, messageId } = input?.type === "processor" ? getProcessorRunContext(input.value) : {};
+	const { phaseLabel, executor, processorIndex, hookDurationMs, tripwireAbort } = pipeline;
 	const processorName = span.entityName ?? span.entityId;
-	const hookDuration = hookDurationMs === void 0 ? void 0 : formatDuration(hookDurationMs);
-	const mutations = groupMutations(messageListMutations ?? []);
-	return /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "span-processor-attributes",
-		className: "flex flex-col gap-3",
-		children: [
-			/* @__PURE__ */ jsxs(DataKeysAndValues, { children: [
-				processorName && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Processor" }), /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: processorName })] }),
-				/* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Phase" }), /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: phaseLabel })] }),
-				executor && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Executor" }), /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: executor === "workflow" ? "Workflow" : "Legacy" })] }),
-				processorIndex !== void 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Pipeline position" }), /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: processorIndex + 1 })] }),
-				stepNumber !== void 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Step" }), /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: stepNumber })] }),
-				retryCount !== void 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Retries" }), /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: retryCount })] }),
-				messageId !== void 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Assistant message id" }), /* @__PURE__ */ jsx(DataKeysAndValues.ValueWithCopyBtn, {
-					copyValue: messageId,
-					copyTooltip: "Copy assistant message id",
-					children: messageId.slice(0, 6)
-				})] }),
-				hookDuration && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Hook duration" }), /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: /* @__PURE__ */ jsx(Txt, {
+		className,
+		children: /* @__PURE__ */ jsxs(DataKeysAndValues, { children: [
+			processorName && /* @__PURE__ */ jsx(Row, {
+				label: "Processor",
+				children: processorName
+			}),
+			/* @__PURE__ */ jsx(Row, {
+				label: "Phase",
+				children: phaseLabel
+			}),
+			executor && /* @__PURE__ */ jsx(Row, {
+				label: "Executor",
+				children: executor === "workflow" ? "Workflow" : "Legacy"
+			}),
+			processorIndex !== void 0 && /* @__PURE__ */ jsx(Row, {
+				label: "Pipeline position",
+				children: processorIndex + 1
+			}),
+			hookDurationMs !== void 0 && /* @__PURE__ */ jsx(Row, {
+				label: "Hook duration",
+				children: formatDuration(hookDurationMs)
+			}),
+			tripwireAbort?.reason && /* @__PURE__ */ jsx(Row, {
+				label: "Tripwire",
+				wrap: true,
+				children: tripwireAbort.reason
+			}),
+			tripwireAbort?.retry !== void 0 && /* @__PURE__ */ jsx(Row, {
+				label: "Retry",
+				children: tripwireAbort.retry ? "Yes" : "No"
+			}),
+			tripwireAbort?.metadata !== void 0 && /* @__PURE__ */ jsx(Row, {
+				label: "Tripwire metadata",
+				wrap: true,
+				children: /* @__PURE__ */ jsx(Txt, {
 					as: "span",
 					variant: "body-sm",
 					font: "mono",
-					children: hookDuration
-				}) })] }),
-				mutations.rows.map((row) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: row.label }), /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: describeMutation(row) })] }, JSON.stringify([
-					row.label,
-					row.source,
-					row.tag
-				])))
-			] }),
-			tripwireAbort && /* @__PURE__ */ jsxs(Notice, {
-				variant: "destructive",
-				title: "Tripwire",
-				children: [
-					tripwireAbort.reason && /* @__PURE__ */ jsx(Notice.Message, { children: tripwireAbort.reason }),
-					tripwireAbort.retry !== void 0 && /* @__PURE__ */ jsxs(DataKeysAndValues, { children: [/* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Retry" }), /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: tripwireAbort.retry ? "Yes" : "No" })] }),
-					tripwireAbort.metadata !== void 0 && /* @__PURE__ */ jsx(SpanPayloadCollapsible, {
-						label: "Metadata",
-						children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: tripwireAbort.metadata })
-					})
-				]
-			}),
-			mutations.detailed.length > 0 && /* @__PURE__ */ jsx(SpanPayloadField, {
-				label: "Message list changes",
-				children: /* @__PURE__ */ jsx(Mutations, { mutations: mutations.detailed })
-			}),
-			rest && /* @__PURE__ */ jsx(SpanPayloadCollapsible, {
-				label: "Other attributes",
-				children: /* @__PURE__ */ jsx(SpanPayloadJson, { value: rest })
+					className: "break-all",
+					children: JSON.stringify(tripwireAbort.metadata)
+				})
 			})
-		]
+		] })
 	});
 }
+function Row({ label, wrap, children }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: label }), /* @__PURE__ */ jsx(DataKeysAndValues.Value, {
+		className: cn(wrap && "break-words whitespace-pre-wrap"),
+		children
+	})] });
+}
 export { SpanProcessorAttributes };
 
 //# sourceMappingURL=span-processor-attributes.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"span-processor-attributes.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/traces/components/span-payload/span-processor-attributes.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput } from '@mastra/core/observability';\nimport type { ProcessorPipelineDescription } from '@mastra/core/observability';\nimport { Fragment } from 'react';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMessages } from './span-payload-messages';\nimport { SpanPayloadCollapsible, SpanPayloadField } from './span-payload-primitives';\nimport { asCoreSpan, getProcessorRunContext } from './span-payload-registry';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { Notice } from '@/ds/components/Notice';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { formatDuration } from '@/utils/duration';\n\n/** Mutation kinds as actions a reader recognises. */\nconst MUTATION_LABELS: Record<string, string> = {\n  add: 'Added messages',\n  addSystem: 'Added system message',\n  removeByIds: 'Removed messages',\n  clear: 'Cleared messages',\n};\n\ntype Mutation = NonNullable<ProcessorPipelineDescription['messageListMutations']>[number];\n\nconst describeMutation = (mutation: Pick<Mutation, 'source' | 'tag' | 'count'>) =>\n  [\n    mutation.source,\n    mutation.tag,\n    mutation.count !== undefined ? `${mutation.count} message${mutation.count === 1 ? '' : 's'}` : undefined,\n  ]\n    .filter(Boolean)\n    .join(' · ');\n\n/**\n * Splits the mutation log: changes that only carry a count are added up per\n * type, source and tag into one row each; changes carrying a message, removed\n * ids, or an unreadable entry keep their own detailed item.\n */\nfunction groupMutations(mutations: readonly Mutation[]) {\n  const rows = new Map<string, { label: string; source?: string; tag?: string; count?: number }>();\n  const detailed: Mutation[] = [];\n\n  for (const mutation of mutations) {\n    if (typeof mutation !== 'object' || mutation === null) {\n      detailed.push(mutation);\n      continue;\n    }\n    if (mutation.message !== undefined || (mutation.ids && mutation.ids.length > 0)) {\n      detailed.push(mutation);\n      continue;\n    }\n    const key = JSON.stringify([mutation.type, mutation.source, mutation.tag]);\n    const row = rows.get(key);\n    if (row) {\n      row.count = row.count === undefined || mutation.count === undefined ? undefined : row.count + mutation.count;\n    } else {\n      rows.set(key, {\n        label: MUTATION_LABELS[mutation.type] ?? mutation.type,\n        source: mutation.source,\n        tag: mutation.tag,\n        count: mutation.count,\n      });\n    }\n  }\n\n  return { rows: [...rows.values()], detailed };\n}\n\nfunction Mutations({ mutations }: { mutations: readonly Mutation[] }) {\n  return (\n    <ul data-slot=\"span-processor-mutations\" className=\"flex flex-col gap-1.5\">\n      {mutations.map((mutation, index) => {\n        if (typeof mutation !== 'object' || mutation === null) {\n          return (\n            <li key={index}>\n              <SpanPayloadJson value={mutation} />\n            </li>\n          );\n        }\n        const detail = describeMutation(mutation);\n\n        return (\n          <li key={index} className=\"flex flex-col gap-2\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <Txt tone=\"ink\" as=\"span\" variant=\"body\">\n                {MUTATION_LABELS[mutation.type] ?? mutation.type}\n              </Txt>\n              {detail && (\n                <Txt as=\"span\" variant=\"meta\" tone=\"faint\">\n                  {detail}\n                </Txt>\n              )}\n            </div>\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          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport interface SpanProcessorAttributesProps {\n  span: SpanRecord;\n}\n\n/**\n * The runner-owned attributes of a processor span, as labelled values.\n * `describeProcessorPipeline` decides which keys are known, so \"Other attributes\"\n * holds only what this view does not show.\n */\nexport function SpanProcessorAttributes({ span }: SpanProcessorAttributesProps) {\n  const pipeline = describeProcessorPipeline(asCoreSpan(span));\n  if (!pipeline) return null;\n\n  const { phaseLabel, executor, processorIndex, hookDurationMs, messageListMutations, tripwireAbort, rest } = pipeline;\n  const input = describeSpanInput(asCoreSpan(span));\n  const { stepNumber, retryCount, messageId } = input?.type === 'processor' ? getProcessorRunContext(input.value) : {};\n  const processorName = span.entityName ?? span.entityId;\n  const hookDuration = hookDurationMs === undefined ? undefined : formatDuration(hookDurationMs);\n  const mutations = groupMutations(messageListMutations ?? []);\n\n  return (\n    <div data-slot=\"span-processor-attributes\" className=\"flex flex-col gap-3\">\n      <DataKeysAndValues>\n        {processorName && (\n          <>\n            <DataKeysAndValues.Key>Processor</DataKeysAndValues.Key>\n            <DataKeysAndValues.Value>{processorName}</DataKeysAndValues.Value>\n          </>\n        )}\n        <>\n          <DataKeysAndValues.Key>Phase</DataKeysAndValues.Key>\n          <DataKeysAndValues.Value>{phaseLabel}</DataKeysAndValues.Value>\n        </>\n        {executor && (\n          <>\n            <DataKeysAndValues.Key>Executor</DataKeysAndValues.Key>\n            <DataKeysAndValues.Value>{executor === 'workflow' ? 'Workflow' : 'Legacy'}</DataKeysAndValues.Value>\n          </>\n        )}\n        {processorIndex !== undefined && (\n          <>\n            <DataKeysAndValues.Key>Pipeline position</DataKeysAndValues.Key>\n            <DataKeysAndValues.Value>{processorIndex + 1}</DataKeysAndValues.Value>\n          </>\n        )}\n        {stepNumber !== undefined && (\n          <>\n            <DataKeysAndValues.Key>Step</DataKeysAndValues.Key>\n            <DataKeysAndValues.Value>{stepNumber}</DataKeysAndValues.Value>\n          </>\n        )}\n        {retryCount !== undefined && (\n          <>\n            <DataKeysAndValues.Key>Retries</DataKeysAndValues.Key>\n            <DataKeysAndValues.Value>{retryCount}</DataKeysAndValues.Value>\n          </>\n        )}\n        {messageId !== undefined && (\n          <>\n            <DataKeysAndValues.Key>Assistant message id</DataKeysAndValues.Key>\n            <DataKeysAndValues.ValueWithCopyBtn copyValue={messageId} copyTooltip=\"Copy assistant message id\">\n              {messageId.slice(0, 6)}\n            </DataKeysAndValues.ValueWithCopyBtn>\n          </>\n        )}\n        {hookDuration && (\n          <>\n            <DataKeysAndValues.Key>Hook duration</DataKeysAndValues.Key>\n            <DataKeysAndValues.Value>\n              <Txt as=\"span\" variant=\"body-sm\" font=\"mono\">\n                {hookDuration}\n              </Txt>\n            </DataKeysAndValues.Value>\n          </>\n        )}\n        {mutations.rows.map(row => (\n          <Fragment key={JSON.stringify([row.label, row.source, row.tag])}>\n            <DataKeysAndValues.Key>{row.label}</DataKeysAndValues.Key>\n            <DataKeysAndValues.Value>{describeMutation(row)}</DataKeysAndValues.Value>\n          </Fragment>\n        ))}\n      </DataKeysAndValues>\n\n      {tripwireAbort && (\n        <Notice variant=\"destructive\" title=\"Tripwire\">\n          {tripwireAbort.reason && <Notice.Message>{tripwireAbort.reason}</Notice.Message>}\n          {tripwireAbort.retry !== undefined && (\n            <DataKeysAndValues>\n              <DataKeysAndValues.Key>Retry</DataKeysAndValues.Key>\n              <DataKeysAndValues.Value>{tripwireAbort.retry ? 'Yes' : 'No'}</DataKeysAndValues.Value>\n            </DataKeysAndValues>\n          )}\n          {tripwireAbort.metadata !== undefined && (\n            <SpanPayloadCollapsible label=\"Metadata\">\n              <SpanPayloadJson value={tripwireAbort.metadata} />\n            </SpanPayloadCollapsible>\n          )}\n        </Notice>\n      )}\n\n      {mutations.detailed.length > 0 && (\n        <SpanPayloadField label=\"Message list changes\">\n          <Mutations mutations={mutations.detailed} />\n        </SpanPayloadField>\n      )}\n\n      {rest && (\n        <SpanPayloadCollapsible label=\"Other attributes\">\n          <SpanPayloadJson value={rest} />\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"span-processor-attributes.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/traces/components/span-payload/span-processor-attributes.tsx"],"sourcesContent":["import { describeProcessorPipeline } from '@mastra/core/observability';\nimport type { ReactNode } from 'react';\nimport type { SpanRecord } from '../../types';\nimport { asCoreSpan } from './span-payload-registry';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { cn } from '@/lib/utils';\nimport { formatDuration } from '@/utils/duration';\n\nexport interface SpanProcessorAttributesProps {\n  span: SpanRecord;\n  className?: string;\n}\n\n/**\n * Where a processor ran in the pipeline, and the tripwire that stopped the run, as labelled values.\n * Renders nothing for a span with no recorded phase.\n */\nexport function SpanProcessorAttributes({ span, className }: SpanProcessorAttributesProps) {\n  const pipeline = describeProcessorPipeline(asCoreSpan(span));\n  if (!pipeline) return null;\n\n  const { phaseLabel, executor, processorIndex, hookDurationMs, tripwireAbort } = pipeline;\n  const processorName = span.entityName ?? span.entityId;\n\n  return (\n    <div data-slot=\"span-processor-attributes\" className={className}>\n      <DataKeysAndValues>\n        {processorName && <Row label=\"Processor\">{processorName}</Row>}\n        <Row label=\"Phase\">{phaseLabel}</Row>\n        {executor && <Row label=\"Executor\">{executor === 'workflow' ? 'Workflow' : 'Legacy'}</Row>}\n        {/* processorIndex is 0-based; the position reads 1-based. */}\n        {processorIndex !== undefined && <Row label=\"Pipeline position\">{processorIndex + 1}</Row>}\n        {hookDurationMs !== undefined && <Row label=\"Hook duration\">{formatDuration(hookDurationMs)}</Row>}\n        {tripwireAbort?.reason && (\n          <Row label=\"Tripwire\" wrap>\n            {tripwireAbort.reason}\n          </Row>\n        )}\n        {tripwireAbort?.retry !== undefined && <Row label=\"Retry\">{tripwireAbort.retry ? 'Yes' : 'No'}</Row>}\n        {tripwireAbort?.metadata !== undefined && (\n          <Row label=\"Tripwire metadata\" wrap>\n            <Txt as=\"span\" variant=\"body-sm\" font=\"mono\" className=\"break-all\">\n              {JSON.stringify(tripwireAbort.metadata)}\n            </Txt>\n          </Row>\n        )}\n      </DataKeysAndValues>\n    </div>\n  );\n}\n\nfunction Row({ label, wrap, children }: { label: string; wrap?: boolean; children: ReactNode }) {\n  return (\n    <>\n      <DataKeysAndValues.Key>{label}</DataKeysAndValues.Key>\n      <DataKeysAndValues.Value className={cn(wrap && 'break-words whitespace-pre-wrap')}>\n        {children}\n      </DataKeysAndValues.Value>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,SAAgB,wBAAwB,EAAE,MAAM,aAA2C;CACzF,MAAM,WAAW,0BAA0B,WAAW,IAAI,CAAC;CAC3D,IAAI,CAAC,UAAU,OAAO;CAEtB,MAAM,EAAE,YAAY,UAAU,gBAAgB,gBAAgB,kBAAkB;CAChF,MAAM,gBAAgB,KAAK,cAAc,KAAK;CAE9C,OACE,oBAAC,OAAD;EAAK,aAAU;EAAuC;EACpD,UAAA,qBAAC,mBAAD,EAAA,UAAA;GACG,iBAAiB,oBAAC,KAAD;IAAK,OAAM;IAAa,UAAA;GAAmB,CAAA;GAC7D,oBAAC,KAAD;IAAK,OAAM;IAAS,UAAA;GAAgB,CAAA;GACnC,YAAY,oBAAC,KAAD;IAAK,OAAM;IAAY,UAAA,aAAa,aAAa,aAAa;GAAc,CAAA;GAExF,mBAAmB,KAAA,KAAa,oBAAC,KAAD;IAAK,OAAM;IAAqB,UAAA,iBAAiB;GAAO,CAAA;GACxF,mBAAmB,KAAA,KAAa,oBAAC,KAAD;IAAK,OAAM;IAAiB,UAAA,eAAe,cAAc;GAAO,CAAA;GAChG,eAAe,UACd,oBAAC,KAAD;IAAK,OAAM;IAAW,MAAA;IACnB,UAAA,cAAc;GACZ,CAAA;GAEN,eAAe,UAAU,KAAA,KAAa,oBAAC,KAAD;IAAK,OAAM;IAAS,UAAA,cAAc,QAAQ,QAAQ;GAAU,CAAA;GAClG,eAAe,aAAa,KAAA,KAC3B,oBAAC,KAAD;IAAK,OAAM;IAAoB,MAAA;IAC7B,UAAA,oBAAC,KAAD;KAAK,IAAG;KAAO,SAAQ;KAAU,MAAK;KAAO,WAAU;KACpD,UAAA,KAAK,UAAU,cAAc,QAAQ;IACnC,CAAA;GACF,CAAA;EAEU,EAAA,CAAA;CAChB,CAAA;AAET;AAEA,SAAS,IAAI,EAAE,OAAO,MAAM,YAAoE;CAC9F,OACE,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,kBAAkB,KAAnB,EAAA,UAAwB,MAA6B,CAAA,GACrD,oBAAC,kBAAkB,OAAnB;EAAyB,WAAW,GAAG,QAAQ,iCAAiC;EAC7E;CACsB,CAAA,CACzB,EAAA,CAAA;AAEN"}

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

@@ -0,0 +1,99 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
+const require_string = require("../../../../string-CymY0aJ9.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-DNhjpAtm.cjs");
+const require_domains_traces_components_span_payload_span_payload_messages = require("./span-payload-messages.cjs.js");
+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");
+/** 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__ */ (0, react_jsx_runtime.jsx)("ol", {
+		"data-slot": "span-processor-mutations",
+		className: "flex list-none flex-col divide-y divide-border",
+		children: steps.map((mutation, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+			className: "flex gap-3 py-3 first:pt-0 last:pb-0",
+			children: [steps.length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Txt.Txt, {
+				as: "span",
+				variant: "body-sm",
+				tone: "faint",
+				font: "mono",
+				className: "tabular-nums",
+				children: [index + 1, "."]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-2",
+				children: typeof mutation === "object" && mutation !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					(mutation.message === void 0 || mutation.type === "removeByIds") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+						as: "p",
+						variant: "body-sm",
+						tone: "ink",
+						"data-slot": "span-processor-mutation-step",
+						children: describeMutation(mutation)
+					}),
+					mutation.message !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_messages.SpanPayloadMessages, { value: [mutation.message] }),
+					mutation.ids && mutation.ids.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_span_payload_primitives.SpanPayloadCollapsible, {
+						label: `Removed ids (${mutation.ids.length})`,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_json.SpanPayloadJson, { value: mutation.ids })
+					})
+				] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_span_payload_span_payload_json.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 = require_domains_traces_components_span_outcome_utils.getSpanChanges(span);
+	if (mutations.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "span-processor-changes",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MutationSteps, { mutations })
+	});
+}
+exports.SpanProcessorMutations = SpanProcessorMutations;
+
+//# sourceMappingURL=span-processor-mutations.cjs.js.map