@mastra/playground-ui 57.0.0 → 58.0.0-alpha.1

package/dist/domains/metrics/components/traces-volume-card-view.cjs.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const horizontalBars = require('../../../horizontal-bars-BkVi2dEb.cjs');
-const metricsCard = require('../../../metrics-card-DStXI6yn.cjs');
-const tabsContent = require('../../../tabs-content-CuUlcS67.cjs');
-const tabsRoot = require('../../../tabs-root-DrK1hxeV.cjs');
-const tabsTab = require('../../../tabs-tab-ClmulJmM.cjs');
+const metricsCard = require('../../../metrics-card-DCCHIG-z.cjs');
+const tabsContent = require('../../../tabs-content-DlCJoQUW.cjs');
+const tabsRoot = require('../../../tabs-root-COCL6jcx.cjs');
+const tabsTab = require('../../../tabs-tab-DFmRMdi3.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 function VolumeBars({

package/dist/domains/metrics/components/traces-volume-card-view.es.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { H as HorizontalBars } from '../../../horizontal-bars-nTOFylzc.js';
-import { M as MetricsCard } from '../../../metrics-card-CN4VRQQJ.js';
-import { T as TabContent } from '../../../tabs-content-DMrffE9p.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-B2sdkQ3A.js';
-import { T as Tab } from '../../../tabs-tab-u6LS5twu.js';
+import { M as MetricsCard } from '../../../metrics-card-Bzm6m1dy.js';
+import { T as TabContent } from '../../../tabs-content-7ODUUdQ0.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-UNPxoGhW.js';
+import { T as Tab } from '../../../tabs-tab-DluwCnDF.js';
 import { formatCompact, CHART_COLORS } from './metrics-utils.es.js';
 
 function VolumeBars({

package/dist/domains/traces/components/no-traces-info.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const dateFns = require('date-fns');
-const EmptyState = require('../../../EmptyState-DiSP6UIy.cjs');
+const EmptyState = require('../../../EmptyState-2XQgeju6.cjs');
 
 const PRESET_LABELS = {
   "last-24h": "the last 24 hours",

package/dist/domains/traces/components/no-traces-info.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { format } from 'date-fns';
-import { E as EmptyState } from '../../../EmptyState-B6cyZw6m.js';
+import { E as EmptyState } from '../../../EmptyState-Bc4nJ9QH.js';
 
 const PRESET_LABELS = {
   "last-24h": "the last 24 hours",

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

@@ -13,18 +13,20 @@ const domains_traces_components_spanPayload_spanPayloadSection = require('./span
 require('../../../code-DhrdtZce.cjs');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 require('react');
-require('../../../Button-MMZPEb_q.cjs');
+require('../../../Button-BAMnPqos.cjs');
 require('../../chat/context/chat-context.cjs.js');
+require('./span-payload/span-payload-processor.cjs.js');
+const domains_traces_components_spanPayload_spanProcessorAttributes = require('./span-payload/span-processor-attributes.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload/span-payload-registry.cjs.js');
 const domains_traces_components_spanSummaryDescription = require('./span-summary-description.cjs.js');
 const domains_traces_components_spanTokenUsage = require('./span-token-usage.cjs.js');
 const domains_traces_components_traceIdButton = require('./trace-id-button.cjs.js');
-const dataKeysAndValues = require('../../../data-keys-and-values-BduKvvC5.cjs');
-const dataPanel = require('../../../data-panel-Bd_Xsz-W.cjs');
-const Notice = require('../../../Notice-CPyYcX5J.cjs');
-const tabsRoot = require('../../../tabs-root-DrK1hxeV.cjs');
-const tabsTab = require('../../../tabs-tab-ClmulJmM.cjs');
-const tabsContent = require('../../../tabs-content-CuUlcS67.cjs');
+const dataKeysAndValues = require('../../../data-keys-and-values-CMJ9zHKm.cjs');
+const dataPanel = require('../../../data-panel-CIu6JToM.cjs');
+const Notice = require('../../../Notice-AUNd8fqT.cjs');
+const tabsRoot = require('../../../tabs-root-COCL6jcx.cjs');
+const tabsTab = require('../../../tabs-tab-DFmRMdi3.cjs');
+const tabsContent = require('../../../tabs-content-DlCJoQUW.cjs');
 
 const BODY_CLASS = "min-h-0 flex-1 overflow-y-auto px-2 py-3";
 function SpanDataPanelView({
@@ -169,7 +171,16 @@ function SpanDataPanelContent({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadSection.SpanPayloadSection, { title: "Metadata", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BracesIcon, {}), raw: span.metadata, hasPreview: false, children: null }),
-      /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadSection.SpanPayloadSection, { title: "Attributes", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BracesIcon, {}), raw: span.attributes, hasPreview: false, children: null })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        domains_traces_components_spanPayload_spanPayloadSection.SpanPayloadSection,
+        {
+          title: "Attributes",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BracesIcon, {}),
+          raw: span.attributes,
+          hasPreview: observability.describeProcessorPipeline(domains_traces_components_spanPayload_spanPayloadRegistry.asCoreSpan(span)) !== void 0,
+          children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanProcessorAttributes.SpanProcessorAttributes, { span })
+        }
+      )
     ] })
   ] });
   if (!feedbackTabSlot) {

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

@@ -1 +1 @@
-{"version":3,"file":"span-data-panel-view.cjs.js","sources":["../../../../src/domains/traces/components/span-data-panel-view.tsx"],"sourcesContent":["import { describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { SpanRecord } from '../types';\nimport { getTokenLimitMessage, isTokenLimitExceeded } from '../utils/span-utils';\nimport { SpanErrorRenderer, SpanInputRenderer, SpanOutputRenderer, SpanPayloadSection } from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { SpanTokenUsage } from './span-token-usage';\nimport type { TokenUsage } from './span-token-usage';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Notice } from '@/ds/components/Notice';\nimport { Tab, TabContent, TabList, Tabs } from '@/ds/components/Tabs';\nimport { cn } from '@/lib/utils';\n\n// Mirrors `DataPanel.Content` padding without requiring the Drawer root (this view also renders standalone).\nconst BODY_CLASS = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\nexport interface SpanDataPanelViewProps {\n  traceId: string;\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  /**\n   * When provided, a \"Feedback\" tab appears; the slot receives the loaded span and renders\n   * whatever feedback UI the consumer wants.\n   */\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  /** Optional indicator rendered after the \"Feedback\" tab label (e.g. a needs-review dot). */\n  feedbackTabBadge?: ReactNode;\n  /**\n   * Whether this span is the displayed root of the current view (trace root or\n   * branch anchor). Controls visibility of trace-level metadata fields. Defaults\n   * to `span.parentSpanId == null` (trace case) when omitted.\n   */\n  isAnchor?: boolean;\n  /** Extra classes for the panel root (e.g. flattening the card when nested in the trace panel). */\n  className?: string;\n}\n\nexport function SpanDataPanelView({\n  traceId,\n  spanId,\n  span,\n  isLoading,\n  onPrevious,\n  onNext,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n  className,\n}: SpanDataPanelViewProps) {\n  // Not a DataPanel: this is the span column rendered inside `TraceDataPanelView`,\n  // which already provides the panel chrome.\n  return (\n    <section className={cn('flex min-h-0 flex-1 flex-col overflow-hidden', className)}>\n      <DataPanel.Header>\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Span\n            <TraceIdButton id={spanId} />\n          </DataPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </DataPanel.HeaderContent>\n        <DataPanel.HeaderActions>\n          <DataPanel.NextPrevNav\n            onPrevious={onPrevious}\n            onNext={onNext}\n            previousLabel=\"Go to previous span\"\n            nextLabel=\"Go to next span\"\n          />\n        </DataPanel.HeaderActions>\n      </DataPanel.Header>\n\n      {isLoading ? (\n        <DataPanel.LoadingData>Loading span details...</DataPanel.LoadingData>\n      ) : !span ? (\n        <DataPanel.NoData>Span not found.</DataPanel.NoData>\n      ) : (\n        <SpanDataPanelContent\n          span={span}\n          traceId={traceId}\n          spanId={spanId}\n          activeTab={activeTab}\n          onTabChange={onTabChange}\n          feedbackTabSlot={feedbackTabSlot}\n          feedbackTabBadge={feedbackTabBadge}\n          isAnchor={isAnchor}\n        />\n      )}\n    </section>\n  );\n}\n\nfunction SpanDataPanelContent({\n  span,\n  traceId,\n  spanId,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n}: {\n  span: SpanRecord;\n  traceId: string;\n  spanId: string;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  feedbackTabBadge?: ReactNode;\n  isAnchor?: boolean;\n}) {\n  const usage = span.attributes?.usage as TokenUsage | undefined;\n  const hasContext =\n    (isAnchor ?? span.parentSpanId == null) &&\n    Boolean(\n      span.tags?.length || span.sessionId || span.requestId || span.userId || span.organizationId || span.experimentId,\n    );\n\n  const detailsBody = (\n    <>\n      {isTokenLimitExceeded(span) && (\n        <div className=\"mb-3\">\n          <Notice variant=\"warning\" title=\"Token Limit Exceeded\">\n            <Notice.Message>{getTokenLimitMessage(span)}</Notice.Message>\n          </Notice>\n        </div>\n      )}\n\n      <SpanPayloadSection title=\"Error\" raw={span.error} className=\"mb-3\">\n        <SpanErrorRenderer span={span} />\n      </SpanPayloadSection>\n\n      {usage && <SpanTokenUsage usage={usage} className=\"mb-3\" />}\n\n      {hasContext && (\n        <DataKeysAndValues>\n          {/* Anchor-only: rich trace-context fields. Live on the full SpanRecord, not on the\n           *  lightweight payload, so they only have values once the full span is loaded. */}\n          {(isAnchor ?? span.parentSpanId == null) && (\n            <>\n              {span.tags && span.tags.length > 0 && (\n                <>\n                  <DataKeysAndValues.Key>Tags</DataKeysAndValues.Key>\n                  <DataKeysAndValues.Value>{span.tags.join(', ')}</DataKeysAndValues.Value>\n                </>\n              )}\n              {span.sessionId && (\n                <>\n                  <DataKeysAndValues.Key>Session Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Session Id to clipboard\"\n                    copyValue={span.sessionId}\n                  >\n                    {span.sessionId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.requestId && (\n                <>\n                  <DataKeysAndValues.Key>Request Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Request Id to clipboard\"\n                    copyValue={span.requestId}\n                  >\n                    {span.requestId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.userId && (\n                <>\n                  <DataKeysAndValues.Key>User Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn copyTooltip=\"Copy User Id to clipboard\" copyValue={span.userId}>\n                    {span.userId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.organizationId && (\n                <>\n                  <DataKeysAndValues.Key>Organization Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Organization Id to clipboard\"\n                    copyValue={span.organizationId}\n                  >\n                    {span.organizationId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.experimentId && (\n                <>\n                  <DataKeysAndValues.Key>Experiment Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Experiment Id to clipboard\"\n                    copyValue={span.experimentId}\n                  >\n                    {span.experimentId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n            </>\n          )}\n        </DataKeysAndValues>\n      )}\n\n      <div className={cn('grid gap-4', hasContext && 'mt-4')}>\n        <SpanPayloadSection\n          title=\"Input\"\n          icon={<FileInputIcon />}\n          raw={span.input}\n          hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanInputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection\n          title=\"Output\"\n          icon={<FileOutputIcon />}\n          raw={span.output}\n          hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanOutputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection title=\"Metadata\" icon={<BracesIcon />} raw={span.metadata} hasPreview={false}>\n          {null}\n        </SpanPayloadSection>\n        <SpanPayloadSection title=\"Attributes\" icon={<BracesIcon />} raw={span.attributes} hasPreview={false}>\n          {null}\n        </SpanPayloadSection>\n      </div>\n    </>\n  );\n\n  // No extra tab slots → render details directly without the Tabs/TabList wrapper.\n  if (!feedbackTabSlot) {\n    return <div className={BODY_CLASS}>{detailsBody}</div>;\n  }\n\n  // Same chrome as the trace column: tab list in a header row, content scrolling beneath it.\n  return (\n    <Tabs\n      defaultTab=\"details\"\n      value={activeTab}\n      onValueChange={onTabChange}\n      className=\"grid min-h-0 flex-1 grid-rows-[auto_1fr]\"\n    >\n      <DataPanel.Header>\n        <TabList variant=\"pill-ghost\" size=\"sm\">\n          <Tab value=\"details\">Details</Tab>\n          <Tab value=\"feedback\">Feedback{feedbackTabBadge != null && <> ({feedbackTabBadge})</>}</Tab>\n        </TabList>\n      </DataPanel.Header>\n\n      <TabContent value=\"details\" flush>\n        <div className={BODY_CLASS}>{detailsBody}</div>\n      </TabContent>\n      <TabContent value=\"feedback\" flush>\n        <div className={BODY_CLASS}>{feedbackTabSlot({ span, traceId, spanId })}</div>\n      </TabContent>\n    </Tabs>\n  );\n}\n"],"names":["cn","jsxs","DataPanel","jsx","TraceIdButton","SpanSummaryDescription","Fragment","isTokenLimitExceeded","Notice","SpanPayloadSection","SpanErrorRenderer","SpanTokenUsage","DataKeysAndValues","FileInputIcon","describeSpanInput","asCoreSpan","SpanInputRenderer","FileOutputIcon","describeSpanOutput","SpanOutputRenderer","BracesIcon","Tabs","TabList","Tab","TabContent"],"mappings":"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"}
+{"version":3,"file":"span-data-panel-view.cjs.js","sources":["../../../../src/domains/traces/components/span-data-panel-view.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { SpanRecord } from '../types';\nimport { getTokenLimitMessage, isTokenLimitExceeded } from '../utils/span-utils';\nimport {\n  SpanErrorRenderer,\n  SpanInputRenderer,\n  SpanOutputRenderer,\n  SpanPayloadSection,\n  SpanProcessorAttributes,\n} from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { SpanTokenUsage } from './span-token-usage';\nimport type { TokenUsage } from './span-token-usage';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Notice } from '@/ds/components/Notice';\nimport { Tab, TabContent, TabList, Tabs } from '@/ds/components/Tabs';\nimport { cn } from '@/lib/utils';\n\n// Mirrors `DataPanel.Content` padding without requiring the Drawer root (this view also renders standalone).\nconst BODY_CLASS = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\nexport interface SpanDataPanelViewProps {\n  traceId: string;\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  /**\n   * When provided, a \"Feedback\" tab appears; the slot receives the loaded span and renders\n   * whatever feedback UI the consumer wants.\n   */\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  /** Optional indicator rendered after the \"Feedback\" tab label (e.g. a needs-review dot). */\n  feedbackTabBadge?: ReactNode;\n  /**\n   * Whether this span is the displayed root of the current view (trace root or\n   * branch anchor). Controls visibility of trace-level metadata fields. Defaults\n   * to `span.parentSpanId == null` (trace case) when omitted.\n   */\n  isAnchor?: boolean;\n  /** Extra classes for the panel root (e.g. flattening the card when nested in the trace panel). */\n  className?: string;\n}\n\nexport function SpanDataPanelView({\n  traceId,\n  spanId,\n  span,\n  isLoading,\n  onPrevious,\n  onNext,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n  className,\n}: SpanDataPanelViewProps) {\n  // Not a DataPanel: this is the span column rendered inside `TraceDataPanelView`,\n  // which already provides the panel chrome.\n  return (\n    <section className={cn('flex min-h-0 flex-1 flex-col overflow-hidden', className)}>\n      <DataPanel.Header>\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Span\n            <TraceIdButton id={spanId} />\n          </DataPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </DataPanel.HeaderContent>\n        <DataPanel.HeaderActions>\n          <DataPanel.NextPrevNav\n            onPrevious={onPrevious}\n            onNext={onNext}\n            previousLabel=\"Go to previous span\"\n            nextLabel=\"Go to next span\"\n          />\n        </DataPanel.HeaderActions>\n      </DataPanel.Header>\n\n      {isLoading ? (\n        <DataPanel.LoadingData>Loading span details...</DataPanel.LoadingData>\n      ) : !span ? (\n        <DataPanel.NoData>Span not found.</DataPanel.NoData>\n      ) : (\n        <SpanDataPanelContent\n          span={span}\n          traceId={traceId}\n          spanId={spanId}\n          activeTab={activeTab}\n          onTabChange={onTabChange}\n          feedbackTabSlot={feedbackTabSlot}\n          feedbackTabBadge={feedbackTabBadge}\n          isAnchor={isAnchor}\n        />\n      )}\n    </section>\n  );\n}\n\nfunction SpanDataPanelContent({\n  span,\n  traceId,\n  spanId,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n}: {\n  span: SpanRecord;\n  traceId: string;\n  spanId: string;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  feedbackTabBadge?: ReactNode;\n  isAnchor?: boolean;\n}) {\n  const usage = span.attributes?.usage as TokenUsage | undefined;\n  const hasContext =\n    (isAnchor ?? span.parentSpanId == null) &&\n    Boolean(\n      span.tags?.length || span.sessionId || span.requestId || span.userId || span.organizationId || span.experimentId,\n    );\n\n  const detailsBody = (\n    <>\n      {isTokenLimitExceeded(span) && (\n        <div className=\"mb-3\">\n          <Notice variant=\"warning\" title=\"Token Limit Exceeded\">\n            <Notice.Message>{getTokenLimitMessage(span)}</Notice.Message>\n          </Notice>\n        </div>\n      )}\n\n      <SpanPayloadSection title=\"Error\" raw={span.error} className=\"mb-3\">\n        <SpanErrorRenderer span={span} />\n      </SpanPayloadSection>\n\n      {usage && <SpanTokenUsage usage={usage} className=\"mb-3\" />}\n\n      {hasContext && (\n        <DataKeysAndValues>\n          {/* Anchor-only: rich trace-context fields. Live on the full SpanRecord, not on the\n           *  lightweight payload, so they only have values once the full span is loaded. */}\n          {(isAnchor ?? span.parentSpanId == null) && (\n            <>\n              {span.tags && span.tags.length > 0 && (\n                <>\n                  <DataKeysAndValues.Key>Tags</DataKeysAndValues.Key>\n                  <DataKeysAndValues.Value>{span.tags.join(', ')}</DataKeysAndValues.Value>\n                </>\n              )}\n              {span.sessionId && (\n                <>\n                  <DataKeysAndValues.Key>Session Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Session Id to clipboard\"\n                    copyValue={span.sessionId}\n                  >\n                    {span.sessionId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.requestId && (\n                <>\n                  <DataKeysAndValues.Key>Request Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Request Id to clipboard\"\n                    copyValue={span.requestId}\n                  >\n                    {span.requestId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.userId && (\n                <>\n                  <DataKeysAndValues.Key>User Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn copyTooltip=\"Copy User Id to clipboard\" copyValue={span.userId}>\n                    {span.userId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.organizationId && (\n                <>\n                  <DataKeysAndValues.Key>Organization Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Organization Id to clipboard\"\n                    copyValue={span.organizationId}\n                  >\n                    {span.organizationId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.experimentId && (\n                <>\n                  <DataKeysAndValues.Key>Experiment Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Experiment Id to clipboard\"\n                    copyValue={span.experimentId}\n                  >\n                    {span.experimentId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n            </>\n          )}\n        </DataKeysAndValues>\n      )}\n\n      <div className={cn('grid gap-4', hasContext && 'mt-4')}>\n        <SpanPayloadSection\n          title=\"Input\"\n          icon={<FileInputIcon />}\n          raw={span.input}\n          hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanInputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection\n          title=\"Output\"\n          icon={<FileOutputIcon />}\n          raw={span.output}\n          hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanOutputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection title=\"Metadata\" icon={<BracesIcon />} raw={span.metadata} hasPreview={false}>\n          {null}\n        </SpanPayloadSection>\n        <SpanPayloadSection\n          title=\"Attributes\"\n          icon={<BracesIcon />}\n          raw={span.attributes}\n          hasPreview={describeProcessorPipeline(asCoreSpan(span)) !== undefined}\n        >\n          <SpanProcessorAttributes span={span} />\n        </SpanPayloadSection>\n      </div>\n    </>\n  );\n\n  // No extra tab slots → render details directly without the Tabs/TabList wrapper.\n  if (!feedbackTabSlot) {\n    return <div className={BODY_CLASS}>{detailsBody}</div>;\n  }\n\n  // Same chrome as the trace column: tab list in a header row, content scrolling beneath it.\n  return (\n    <Tabs\n      defaultTab=\"details\"\n      value={activeTab}\n      onValueChange={onTabChange}\n      className=\"grid min-h-0 flex-1 grid-rows-[auto_1fr]\"\n    >\n      <DataPanel.Header>\n        <TabList variant=\"pill-ghost\" size=\"sm\">\n          <Tab value=\"details\">Details</Tab>\n          <Tab value=\"feedback\">Feedback{feedbackTabBadge != null && <> ({feedbackTabBadge})</>}</Tab>\n        </TabList>\n      </DataPanel.Header>\n\n      <TabContent value=\"details\" flush>\n        <div className={BODY_CLASS}>{detailsBody}</div>\n      </TabContent>\n      <TabContent value=\"feedback\" flush>\n        <div className={BODY_CLASS}>{feedbackTabSlot({ span, traceId, spanId })}</div>\n      </TabContent>\n    </Tabs>\n  );\n}\n"],"names":["cn","jsxs","DataPanel","jsx","TraceIdButton","SpanSummaryDescription","Fragment","isTokenLimitExceeded","Notice","SpanPayloadSection","SpanErrorRenderer","SpanTokenUsage","DataKeysAndValues","FileInputIcon","describeSpanInput","asCoreSpan","SpanInputRenderer","FileOutputIcon","describeSpanOutput","SpanOutputRenderer","BracesIcon","describeProcessorPipeline","SpanProcessorAttributes","Tabs","TabList","Tab","TabContent"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { describeSpanInput, describeSpanOutput } from '@mastra/core/observability';
+import { describeSpanInput, describeSpanOutput, describeProcessorPipeline } from '@mastra/core/observability';
 import { FileInputIcon, FileOutputIcon, BracesIcon } from 'lucide-react';
 import { isTokenLimitExceeded, getTokenLimitMessage } from '../utils/span-utils.es.js';
 import { SpanInputRenderer } from './span-payload/span-input-renderers.es.js';
@@ -9,18 +9,20 @@ import { SpanPayloadSection } from './span-payload/span-payload-section.es.js';
 import '../../../code-D4Vw_fYq.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 import 'react';
-import '../../../Button-KUj0U-5I.js';
+import '../../../Button-B8nF87ai.js';
 import '../../chat/context/chat-context.es.js';
+import './span-payload/span-payload-processor.es.js';
+import { SpanProcessorAttributes } from './span-payload/span-processor-attributes.es.js';
 import { asCoreSpan } from './span-payload/span-payload-registry.es.js';
 import { SpanSummaryDescription } from './span-summary-description.es.js';
 import { SpanTokenUsage } from './span-token-usage.es.js';
 import { TraceIdButton } from './trace-id-button.es.js';
-import { D as DataKeysAndValues } from '../../../data-keys-and-values-DhC4U4Yl.js';
-import { D as DataPanel } from '../../../data-panel-Y7wD0xlR.js';
-import { N as Notice } from '../../../Notice-KC18b8Nd.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-B2sdkQ3A.js';
-import { T as Tab } from '../../../tabs-tab-u6LS5twu.js';
-import { T as TabContent } from '../../../tabs-content-DMrffE9p.js';
+import { D as DataKeysAndValues } from '../../../data-keys-and-values-BTYDB-K2.js';
+import { D as DataPanel } from '../../../data-panel-CPZ2GuZN.js';
+import { N as Notice } from '../../../Notice-WT8G4OA6.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-UNPxoGhW.js';
+import { T as Tab } from '../../../tabs-tab-DluwCnDF.js';
+import { T as TabContent } from '../../../tabs-content-7ODUUdQ0.js';
 
 const BODY_CLASS = "min-h-0 flex-1 overflow-y-auto px-2 py-3";
 function SpanDataPanelView({
@@ -165,7 +167,16 @@ function SpanDataPanelContent({
         }
       ),
       /* @__PURE__ */ jsx(SpanPayloadSection, { title: "Metadata", icon: /* @__PURE__ */ jsx(BracesIcon, {}), raw: span.metadata, hasPreview: false, children: null }),
-      /* @__PURE__ */ jsx(SpanPayloadSection, { title: "Attributes", icon: /* @__PURE__ */ jsx(BracesIcon, {}), raw: span.attributes, hasPreview: false, children: null })
+      /* @__PURE__ */ jsx(
+        SpanPayloadSection,
+        {
+          title: "Attributes",
+          icon: /* @__PURE__ */ jsx(BracesIcon, {}),
+          raw: span.attributes,
+          hasPreview: describeProcessorPipeline(asCoreSpan(span)) !== void 0,
+          children: /* @__PURE__ */ jsx(SpanProcessorAttributes, { span })
+        }
+      )
     ] })
   ] });
   if (!feedbackTabSlot) {

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

@@ -1 +1 @@
-{"version":3,"file":"span-data-panel-view.es.js","sources":["../../../../src/domains/traces/components/span-data-panel-view.tsx"],"sourcesContent":["import { describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { SpanRecord } from '../types';\nimport { getTokenLimitMessage, isTokenLimitExceeded } from '../utils/span-utils';\nimport { SpanErrorRenderer, SpanInputRenderer, SpanOutputRenderer, SpanPayloadSection } from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { SpanTokenUsage } from './span-token-usage';\nimport type { TokenUsage } from './span-token-usage';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Notice } from '@/ds/components/Notice';\nimport { Tab, TabContent, TabList, Tabs } from '@/ds/components/Tabs';\nimport { cn } from '@/lib/utils';\n\n// Mirrors `DataPanel.Content` padding without requiring the Drawer root (this view also renders standalone).\nconst BODY_CLASS = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\nexport interface SpanDataPanelViewProps {\n  traceId: string;\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  /**\n   * When provided, a \"Feedback\" tab appears; the slot receives the loaded span and renders\n   * whatever feedback UI the consumer wants.\n   */\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  /** Optional indicator rendered after the \"Feedback\" tab label (e.g. a needs-review dot). */\n  feedbackTabBadge?: ReactNode;\n  /**\n   * Whether this span is the displayed root of the current view (trace root or\n   * branch anchor). Controls visibility of trace-level metadata fields. Defaults\n   * to `span.parentSpanId == null` (trace case) when omitted.\n   */\n  isAnchor?: boolean;\n  /** Extra classes for the panel root (e.g. flattening the card when nested in the trace panel). */\n  className?: string;\n}\n\nexport function SpanDataPanelView({\n  traceId,\n  spanId,\n  span,\n  isLoading,\n  onPrevious,\n  onNext,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n  className,\n}: SpanDataPanelViewProps) {\n  // Not a DataPanel: this is the span column rendered inside `TraceDataPanelView`,\n  // which already provides the panel chrome.\n  return (\n    <section className={cn('flex min-h-0 flex-1 flex-col overflow-hidden', className)}>\n      <DataPanel.Header>\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Span\n            <TraceIdButton id={spanId} />\n          </DataPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </DataPanel.HeaderContent>\n        <DataPanel.HeaderActions>\n          <DataPanel.NextPrevNav\n            onPrevious={onPrevious}\n            onNext={onNext}\n            previousLabel=\"Go to previous span\"\n            nextLabel=\"Go to next span\"\n          />\n        </DataPanel.HeaderActions>\n      </DataPanel.Header>\n\n      {isLoading ? (\n        <DataPanel.LoadingData>Loading span details...</DataPanel.LoadingData>\n      ) : !span ? (\n        <DataPanel.NoData>Span not found.</DataPanel.NoData>\n      ) : (\n        <SpanDataPanelContent\n          span={span}\n          traceId={traceId}\n          spanId={spanId}\n          activeTab={activeTab}\n          onTabChange={onTabChange}\n          feedbackTabSlot={feedbackTabSlot}\n          feedbackTabBadge={feedbackTabBadge}\n          isAnchor={isAnchor}\n        />\n      )}\n    </section>\n  );\n}\n\nfunction SpanDataPanelContent({\n  span,\n  traceId,\n  spanId,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n}: {\n  span: SpanRecord;\n  traceId: string;\n  spanId: string;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  feedbackTabBadge?: ReactNode;\n  isAnchor?: boolean;\n}) {\n  const usage = span.attributes?.usage as TokenUsage | undefined;\n  const hasContext =\n    (isAnchor ?? span.parentSpanId == null) &&\n    Boolean(\n      span.tags?.length || span.sessionId || span.requestId || span.userId || span.organizationId || span.experimentId,\n    );\n\n  const detailsBody = (\n    <>\n      {isTokenLimitExceeded(span) && (\n        <div className=\"mb-3\">\n          <Notice variant=\"warning\" title=\"Token Limit Exceeded\">\n            <Notice.Message>{getTokenLimitMessage(span)}</Notice.Message>\n          </Notice>\n        </div>\n      )}\n\n      <SpanPayloadSection title=\"Error\" raw={span.error} className=\"mb-3\">\n        <SpanErrorRenderer span={span} />\n      </SpanPayloadSection>\n\n      {usage && <SpanTokenUsage usage={usage} className=\"mb-3\" />}\n\n      {hasContext && (\n        <DataKeysAndValues>\n          {/* Anchor-only: rich trace-context fields. Live on the full SpanRecord, not on the\n           *  lightweight payload, so they only have values once the full span is loaded. */}\n          {(isAnchor ?? span.parentSpanId == null) && (\n            <>\n              {span.tags && span.tags.length > 0 && (\n                <>\n                  <DataKeysAndValues.Key>Tags</DataKeysAndValues.Key>\n                  <DataKeysAndValues.Value>{span.tags.join(', ')}</DataKeysAndValues.Value>\n                </>\n              )}\n              {span.sessionId && (\n                <>\n                  <DataKeysAndValues.Key>Session Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Session Id to clipboard\"\n                    copyValue={span.sessionId}\n                  >\n                    {span.sessionId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.requestId && (\n                <>\n                  <DataKeysAndValues.Key>Request Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Request Id to clipboard\"\n                    copyValue={span.requestId}\n                  >\n                    {span.requestId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.userId && (\n                <>\n                  <DataKeysAndValues.Key>User Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn copyTooltip=\"Copy User Id to clipboard\" copyValue={span.userId}>\n                    {span.userId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.organizationId && (\n                <>\n                  <DataKeysAndValues.Key>Organization Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Organization Id to clipboard\"\n                    copyValue={span.organizationId}\n                  >\n                    {span.organizationId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.experimentId && (\n                <>\n                  <DataKeysAndValues.Key>Experiment Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Experiment Id to clipboard\"\n                    copyValue={span.experimentId}\n                  >\n                    {span.experimentId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n            </>\n          )}\n        </DataKeysAndValues>\n      )}\n\n      <div className={cn('grid gap-4', hasContext && 'mt-4')}>\n        <SpanPayloadSection\n          title=\"Input\"\n          icon={<FileInputIcon />}\n          raw={span.input}\n          hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanInputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection\n          title=\"Output\"\n          icon={<FileOutputIcon />}\n          raw={span.output}\n          hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanOutputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection title=\"Metadata\" icon={<BracesIcon />} raw={span.metadata} hasPreview={false}>\n          {null}\n        </SpanPayloadSection>\n        <SpanPayloadSection title=\"Attributes\" icon={<BracesIcon />} raw={span.attributes} hasPreview={false}>\n          {null}\n        </SpanPayloadSection>\n      </div>\n    </>\n  );\n\n  // No extra tab slots → render details directly without the Tabs/TabList wrapper.\n  if (!feedbackTabSlot) {\n    return <div className={BODY_CLASS}>{detailsBody}</div>;\n  }\n\n  // Same chrome as the trace column: tab list in a header row, content scrolling beneath it.\n  return (\n    <Tabs\n      defaultTab=\"details\"\n      value={activeTab}\n      onValueChange={onTabChange}\n      className=\"grid min-h-0 flex-1 grid-rows-[auto_1fr]\"\n    >\n      <DataPanel.Header>\n        <TabList variant=\"pill-ghost\" size=\"sm\">\n          <Tab value=\"details\">Details</Tab>\n          <Tab value=\"feedback\">Feedback{feedbackTabBadge != null && <> ({feedbackTabBadge})</>}</Tab>\n        </TabList>\n      </DataPanel.Header>\n\n      <TabContent value=\"details\" flush>\n        <div className={BODY_CLASS}>{detailsBody}</div>\n      </TabContent>\n      <TabContent value=\"feedback\" flush>\n        <div className={BODY_CLASS}>{feedbackTabSlot({ span, traceId, spanId })}</div>\n      </TabContent>\n    </Tabs>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"span-data-panel-view.es.js","sources":["../../../../src/domains/traces/components/span-data-panel-view.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { SpanRecord } from '../types';\nimport { getTokenLimitMessage, isTokenLimitExceeded } from '../utils/span-utils';\nimport {\n  SpanErrorRenderer,\n  SpanInputRenderer,\n  SpanOutputRenderer,\n  SpanPayloadSection,\n  SpanProcessorAttributes,\n} from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { SpanTokenUsage } from './span-token-usage';\nimport type { TokenUsage } from './span-token-usage';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Notice } from '@/ds/components/Notice';\nimport { Tab, TabContent, TabList, Tabs } from '@/ds/components/Tabs';\nimport { cn } from '@/lib/utils';\n\n// Mirrors `DataPanel.Content` padding without requiring the Drawer root (this view also renders standalone).\nconst BODY_CLASS = 'min-h-0 flex-1 overflow-y-auto px-2 py-3';\n\nexport interface SpanDataPanelViewProps {\n  traceId: string;\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  /**\n   * When provided, a \"Feedback\" tab appears; the slot receives the loaded span and renders\n   * whatever feedback UI the consumer wants.\n   */\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  /** Optional indicator rendered after the \"Feedback\" tab label (e.g. a needs-review dot). */\n  feedbackTabBadge?: ReactNode;\n  /**\n   * Whether this span is the displayed root of the current view (trace root or\n   * branch anchor). Controls visibility of trace-level metadata fields. Defaults\n   * to `span.parentSpanId == null` (trace case) when omitted.\n   */\n  isAnchor?: boolean;\n  /** Extra classes for the panel root (e.g. flattening the card when nested in the trace panel). */\n  className?: string;\n}\n\nexport function SpanDataPanelView({\n  traceId,\n  spanId,\n  span,\n  isLoading,\n  onPrevious,\n  onNext,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n  className,\n}: SpanDataPanelViewProps) {\n  // Not a DataPanel: this is the span column rendered inside `TraceDataPanelView`,\n  // which already provides the panel chrome.\n  return (\n    <section className={cn('flex min-h-0 flex-1 flex-col overflow-hidden', className)}>\n      <DataPanel.Header>\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Span\n            <TraceIdButton id={spanId} />\n          </DataPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </DataPanel.HeaderContent>\n        <DataPanel.HeaderActions>\n          <DataPanel.NextPrevNav\n            onPrevious={onPrevious}\n            onNext={onNext}\n            previousLabel=\"Go to previous span\"\n            nextLabel=\"Go to next span\"\n          />\n        </DataPanel.HeaderActions>\n      </DataPanel.Header>\n\n      {isLoading ? (\n        <DataPanel.LoadingData>Loading span details...</DataPanel.LoadingData>\n      ) : !span ? (\n        <DataPanel.NoData>Span not found.</DataPanel.NoData>\n      ) : (\n        <SpanDataPanelContent\n          span={span}\n          traceId={traceId}\n          spanId={spanId}\n          activeTab={activeTab}\n          onTabChange={onTabChange}\n          feedbackTabSlot={feedbackTabSlot}\n          feedbackTabBadge={feedbackTabBadge}\n          isAnchor={isAnchor}\n        />\n      )}\n    </section>\n  );\n}\n\nfunction SpanDataPanelContent({\n  span,\n  traceId,\n  spanId,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  isAnchor,\n}: {\n  span: SpanRecord;\n  traceId: string;\n  spanId: string;\n  activeTab?: string;\n  onTabChange?: (tab: string) => void;\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  feedbackTabBadge?: ReactNode;\n  isAnchor?: boolean;\n}) {\n  const usage = span.attributes?.usage as TokenUsage | undefined;\n  const hasContext =\n    (isAnchor ?? span.parentSpanId == null) &&\n    Boolean(\n      span.tags?.length || span.sessionId || span.requestId || span.userId || span.organizationId || span.experimentId,\n    );\n\n  const detailsBody = (\n    <>\n      {isTokenLimitExceeded(span) && (\n        <div className=\"mb-3\">\n          <Notice variant=\"warning\" title=\"Token Limit Exceeded\">\n            <Notice.Message>{getTokenLimitMessage(span)}</Notice.Message>\n          </Notice>\n        </div>\n      )}\n\n      <SpanPayloadSection title=\"Error\" raw={span.error} className=\"mb-3\">\n        <SpanErrorRenderer span={span} />\n      </SpanPayloadSection>\n\n      {usage && <SpanTokenUsage usage={usage} className=\"mb-3\" />}\n\n      {hasContext && (\n        <DataKeysAndValues>\n          {/* Anchor-only: rich trace-context fields. Live on the full SpanRecord, not on the\n           *  lightweight payload, so they only have values once the full span is loaded. */}\n          {(isAnchor ?? span.parentSpanId == null) && (\n            <>\n              {span.tags && span.tags.length > 0 && (\n                <>\n                  <DataKeysAndValues.Key>Tags</DataKeysAndValues.Key>\n                  <DataKeysAndValues.Value>{span.tags.join(', ')}</DataKeysAndValues.Value>\n                </>\n              )}\n              {span.sessionId && (\n                <>\n                  <DataKeysAndValues.Key>Session Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Session Id to clipboard\"\n                    copyValue={span.sessionId}\n                  >\n                    {span.sessionId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.requestId && (\n                <>\n                  <DataKeysAndValues.Key>Request Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Request Id to clipboard\"\n                    copyValue={span.requestId}\n                  >\n                    {span.requestId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.userId && (\n                <>\n                  <DataKeysAndValues.Key>User Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn copyTooltip=\"Copy User Id to clipboard\" copyValue={span.userId}>\n                    {span.userId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.organizationId && (\n                <>\n                  <DataKeysAndValues.Key>Organization Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Organization Id to clipboard\"\n                    copyValue={span.organizationId}\n                  >\n                    {span.organizationId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n              {span.experimentId && (\n                <>\n                  <DataKeysAndValues.Key>Experiment Id</DataKeysAndValues.Key>\n                  <DataKeysAndValues.ValueWithCopyBtn\n                    copyTooltip=\"Copy Experiment Id to clipboard\"\n                    copyValue={span.experimentId}\n                  >\n                    {span.experimentId}\n                  </DataKeysAndValues.ValueWithCopyBtn>\n                </>\n              )}\n            </>\n          )}\n        </DataKeysAndValues>\n      )}\n\n      <div className={cn('grid gap-4', hasContext && 'mt-4')}>\n        <SpanPayloadSection\n          title=\"Input\"\n          icon={<FileInputIcon />}\n          raw={span.input}\n          hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanInputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection\n          title=\"Output\"\n          icon={<FileOutputIcon />}\n          raw={span.output}\n          hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n        >\n          <SpanOutputRenderer span={span} />\n        </SpanPayloadSection>\n        <SpanPayloadSection title=\"Metadata\" icon={<BracesIcon />} raw={span.metadata} hasPreview={false}>\n          {null}\n        </SpanPayloadSection>\n        <SpanPayloadSection\n          title=\"Attributes\"\n          icon={<BracesIcon />}\n          raw={span.attributes}\n          hasPreview={describeProcessorPipeline(asCoreSpan(span)) !== undefined}\n        >\n          <SpanProcessorAttributes span={span} />\n        </SpanPayloadSection>\n      </div>\n    </>\n  );\n\n  // No extra tab slots → render details directly without the Tabs/TabList wrapper.\n  if (!feedbackTabSlot) {\n    return <div className={BODY_CLASS}>{detailsBody}</div>;\n  }\n\n  // Same chrome as the trace column: tab list in a header row, content scrolling beneath it.\n  return (\n    <Tabs\n      defaultTab=\"details\"\n      value={activeTab}\n      onValueChange={onTabChange}\n      className=\"grid min-h-0 flex-1 grid-rows-[auto_1fr]\"\n    >\n      <DataPanel.Header>\n        <TabList variant=\"pill-ghost\" size=\"sm\">\n          <Tab value=\"details\">Details</Tab>\n          <Tab value=\"feedback\">Feedback{feedbackTabBadge != null && <> ({feedbackTabBadge})</>}</Tab>\n        </TabList>\n      </DataPanel.Header>\n\n      <TabContent value=\"details\" flush>\n        <div className={BODY_CLASS}>{detailsBody}</div>\n      </TabContent>\n      <TabContent value=\"feedback\" flush>\n        <div className={BODY_CLASS}>{feedbackTabSlot({ span, traceId, spanId })}</div>\n      </TabContent>\n    </Tabs>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -11,8 +11,10 @@ const domains_traces_components_spanPayload_spanErrorRenderer = require('./span-
 const domains_traces_components_spanPayload_spanPayloadSection = require('./span-payload/span-payload-section.cjs.js');
 require('../../../code-DhrdtZce.cjs');
 require('react');
-require('../../../Button-MMZPEb_q.cjs');
+require('../../../Button-BAMnPqos.cjs');
 require('../../chat/context/chat-context.cjs.js');
+require('./span-payload/span-payload-processor.cjs.js');
+const domains_traces_components_spanPayload_spanProcessorAttributes = require('./span-payload/span-processor-attributes.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload/span-payload-registry.cjs.js');
 const domains_traces_components_spanSummaryDescription = require('./span-summary-description.cjs.js');
 const domains_traces_components_traceIdButton = require('./trace-id-button.cjs.js');
@@ -79,9 +81,9 @@ function SpanDetailsView({ spanId, span, isLoading, onClose }) {
           title: "Attributes",
           icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BracesIcon, {}),
           raw: span.attributes,
-          hasPreview: false,
+          hasPreview: observability.describeProcessorPipeline(domains_traces_components_spanPayload_spanPayloadRegistry.asCoreSpan(span)) !== void 0,
           layout: "details",
-          children: null
+          children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanProcessorAttributes.SpanProcessorAttributes, { span })
         }
       )
     ] })

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

@@ -1 +1 @@
-{"version":3,"file":"span-details-view.cjs.js","sources":["../../../../src/domains/traces/components/span-details-view.tsx"],"sourcesContent":["import { describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { SpanRecord } from '../types';\nimport { SpanErrorRenderer, SpanInputRenderer, SpanOutputRenderer, SpanPayloadSection } from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataDetailsPanel } from '@/ds/components/DataDetailsPanel';\n\nconst KV = DataDetailsPanel.KeyValueList;\n\nexport interface SpanDetailsViewProps {\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onClose: () => void;\n}\n\n/**\n * Compact span panel using `DataDetailsPanel` (popover-style). Shows basic span metadata +\n * input/output/metadata/attributes code sections. Use this for inline span inspection; for the\n * full-width span view with scoring tab + prev/next nav, use `SpanDataPanelView`.\n */\nexport function SpanDetailsView({ spanId, span, isLoading, onClose }: SpanDetailsViewProps) {\n  return (\n    <DataDetailsPanel>\n      <DataDetailsPanel.Header>\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <DataDetailsPanel.Heading className=\"items-center\">\n            Span\n            <TraceIdButton id={spanId} />\n          </DataDetailsPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </div>\n        <DataDetailsPanel.CloseButton onClick={onClose} />\n      </DataDetailsPanel.Header>\n\n      {isLoading ? (\n        <DataDetailsPanel.LoadingData>Loading span...</DataDetailsPanel.LoadingData>\n      ) : !span ? (\n        <DataDetailsPanel.NoData>Span not found.</DataDetailsPanel.NoData>\n      ) : (\n        <DataDetailsPanel.Content>\n          {span.spanType && (\n            <>\n              <KV>\n                <KV.Key>Type</KV.Key>\n                <KV.Value>{span.spanType}</KV.Value>\n              </KV>\n              <br />\n            </>\n          )}\n\n          <SpanPayloadSection title=\"Error\" raw={span.error} layout=\"details\" className=\"mb-3\">\n            <SpanErrorRenderer span={span} />\n          </SpanPayloadSection>\n\n          <SpanPayloadSection\n            title=\"Input\"\n            icon={<FileInputIcon />}\n            raw={span.input}\n            hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanInputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Output\"\n            icon={<FileOutputIcon />}\n            raw={span.output}\n            hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanOutputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Metadata\"\n            icon={<BracesIcon />}\n            raw={span.metadata}\n            hasPreview={false}\n            layout=\"details\"\n          >\n            {null}\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Attributes\"\n            icon={<BracesIcon />}\n            raw={span.attributes}\n            hasPreview={false}\n            layout=\"details\"\n          >\n            {null}\n          </SpanPayloadSection>\n        </DataDetailsPanel.Content>\n      )}\n    </DataDetailsPanel>\n  );\n}\n"],"names":["DataDetailsPanel","jsxs","jsx","TraceIdButton","SpanSummaryDescription","Fragment","SpanPayloadSection","SpanErrorRenderer","FileInputIcon","describeSpanInput","asCoreSpan","SpanInputRenderer","FileOutputIcon","describeSpanOutput","SpanOutputRenderer","BracesIcon"],"mappings":"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"}
+{"version":3,"file":"span-details-view.cjs.js","sources":["../../../../src/domains/traces/components/span-details-view.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { SpanRecord } from '../types';\nimport {\n  SpanErrorRenderer,\n  SpanInputRenderer,\n  SpanOutputRenderer,\n  SpanPayloadSection,\n  SpanProcessorAttributes,\n} from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataDetailsPanel } from '@/ds/components/DataDetailsPanel';\n\nconst KV = DataDetailsPanel.KeyValueList;\n\nexport interface SpanDetailsViewProps {\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onClose: () => void;\n}\n\n/**\n * Compact span panel using `DataDetailsPanel` (popover-style). Shows basic span metadata +\n * input/output/metadata/attributes code sections. Use this for inline span inspection; for the\n * full-width span view with scoring tab + prev/next nav, use `SpanDataPanelView`.\n */\nexport function SpanDetailsView({ spanId, span, isLoading, onClose }: SpanDetailsViewProps) {\n  return (\n    <DataDetailsPanel>\n      <DataDetailsPanel.Header>\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <DataDetailsPanel.Heading className=\"items-center\">\n            Span\n            <TraceIdButton id={spanId} />\n          </DataDetailsPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </div>\n        <DataDetailsPanel.CloseButton onClick={onClose} />\n      </DataDetailsPanel.Header>\n\n      {isLoading ? (\n        <DataDetailsPanel.LoadingData>Loading span...</DataDetailsPanel.LoadingData>\n      ) : !span ? (\n        <DataDetailsPanel.NoData>Span not found.</DataDetailsPanel.NoData>\n      ) : (\n        <DataDetailsPanel.Content>\n          {span.spanType && (\n            <>\n              <KV>\n                <KV.Key>Type</KV.Key>\n                <KV.Value>{span.spanType}</KV.Value>\n              </KV>\n              <br />\n            </>\n          )}\n\n          <SpanPayloadSection title=\"Error\" raw={span.error} layout=\"details\" className=\"mb-3\">\n            <SpanErrorRenderer span={span} />\n          </SpanPayloadSection>\n\n          <SpanPayloadSection\n            title=\"Input\"\n            icon={<FileInputIcon />}\n            raw={span.input}\n            hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanInputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Output\"\n            icon={<FileOutputIcon />}\n            raw={span.output}\n            hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanOutputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Metadata\"\n            icon={<BracesIcon />}\n            raw={span.metadata}\n            hasPreview={false}\n            layout=\"details\"\n          >\n            {null}\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Attributes\"\n            icon={<BracesIcon />}\n            raw={span.attributes}\n            hasPreview={describeProcessorPipeline(asCoreSpan(span)) !== undefined}\n            layout=\"details\"\n          >\n            <SpanProcessorAttributes span={span} />\n          </SpanPayloadSection>\n        </DataDetailsPanel.Content>\n      )}\n    </DataDetailsPanel>\n  );\n}\n"],"names":["DataDetailsPanel","jsxs","jsx","TraceIdButton","SpanSummaryDescription","Fragment","SpanPayloadSection","SpanErrorRenderer","FileInputIcon","describeSpanInput","asCoreSpan","SpanInputRenderer","FileOutputIcon","describeSpanOutput","SpanOutputRenderer","BracesIcon","describeProcessorPipeline","SpanProcessorAttributes"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { describeSpanInput, describeSpanOutput } from '@mastra/core/observability';
+import { describeSpanInput, describeSpanOutput, describeProcessorPipeline } from '@mastra/core/observability';
 import { FileInputIcon, FileOutputIcon, BracesIcon } from 'lucide-react';
 import { SpanInputRenderer } from './span-payload/span-input-renderers.es.js';
 import { SpanOutputRenderer } from './span-payload/span-output-renderers.es.js';
@@ -7,8 +7,10 @@ import { SpanErrorRenderer } from './span-payload/span-error-renderer.es.js';
 import { SpanPayloadSection } from './span-payload/span-payload-section.es.js';
 import '../../../code-D4Vw_fYq.js';
 import 'react';
-import '../../../Button-KUj0U-5I.js';
+import '../../../Button-B8nF87ai.js';
 import '../../chat/context/chat-context.es.js';
+import './span-payload/span-payload-processor.es.js';
+import { SpanProcessorAttributes } from './span-payload/span-processor-attributes.es.js';
 import { asCoreSpan } from './span-payload/span-payload-registry.es.js';
 import { SpanSummaryDescription } from './span-summary-description.es.js';
 import { TraceIdButton } from './trace-id-button.es.js';
@@ -75,9 +77,9 @@ function SpanDetailsView({ spanId, span, isLoading, onClose }) {
           title: "Attributes",
           icon: /* @__PURE__ */ jsx(BracesIcon, {}),
           raw: span.attributes,
-          hasPreview: false,
+          hasPreview: describeProcessorPipeline(asCoreSpan(span)) !== void 0,
           layout: "details",
-          children: null
+          children: /* @__PURE__ */ jsx(SpanProcessorAttributes, { span })
         }
       )
     ] })

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

@@ -1 +1 @@
-{"version":3,"file":"span-details-view.es.js","sources":["../../../../src/domains/traces/components/span-details-view.tsx"],"sourcesContent":["import { describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { SpanRecord } from '../types';\nimport { SpanErrorRenderer, SpanInputRenderer, SpanOutputRenderer, SpanPayloadSection } from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataDetailsPanel } from '@/ds/components/DataDetailsPanel';\n\nconst KV = DataDetailsPanel.KeyValueList;\n\nexport interface SpanDetailsViewProps {\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onClose: () => void;\n}\n\n/**\n * Compact span panel using `DataDetailsPanel` (popover-style). Shows basic span metadata +\n * input/output/metadata/attributes code sections. Use this for inline span inspection; for the\n * full-width span view with scoring tab + prev/next nav, use `SpanDataPanelView`.\n */\nexport function SpanDetailsView({ spanId, span, isLoading, onClose }: SpanDetailsViewProps) {\n  return (\n    <DataDetailsPanel>\n      <DataDetailsPanel.Header>\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <DataDetailsPanel.Heading className=\"items-center\">\n            Span\n            <TraceIdButton id={spanId} />\n          </DataDetailsPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </div>\n        <DataDetailsPanel.CloseButton onClick={onClose} />\n      </DataDetailsPanel.Header>\n\n      {isLoading ? (\n        <DataDetailsPanel.LoadingData>Loading span...</DataDetailsPanel.LoadingData>\n      ) : !span ? (\n        <DataDetailsPanel.NoData>Span not found.</DataDetailsPanel.NoData>\n      ) : (\n        <DataDetailsPanel.Content>\n          {span.spanType && (\n            <>\n              <KV>\n                <KV.Key>Type</KV.Key>\n                <KV.Value>{span.spanType}</KV.Value>\n              </KV>\n              <br />\n            </>\n          )}\n\n          <SpanPayloadSection title=\"Error\" raw={span.error} layout=\"details\" className=\"mb-3\">\n            <SpanErrorRenderer span={span} />\n          </SpanPayloadSection>\n\n          <SpanPayloadSection\n            title=\"Input\"\n            icon={<FileInputIcon />}\n            raw={span.input}\n            hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanInputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Output\"\n            icon={<FileOutputIcon />}\n            raw={span.output}\n            hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanOutputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Metadata\"\n            icon={<BracesIcon />}\n            raw={span.metadata}\n            hasPreview={false}\n            layout=\"details\"\n          >\n            {null}\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Attributes\"\n            icon={<BracesIcon />}\n            raw={span.attributes}\n            hasPreview={false}\n            layout=\"details\"\n          >\n            {null}\n          </SpanPayloadSection>\n        </DataDetailsPanel.Content>\n      )}\n    </DataDetailsPanel>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"span-details-view.es.js","sources":["../../../../src/domains/traces/components/span-details-view.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput, describeSpanOutput } from '@mastra/core/observability';\nimport { BracesIcon, FileInputIcon, FileOutputIcon } from 'lucide-react';\nimport type { SpanRecord } from '../types';\nimport {\n  SpanErrorRenderer,\n  SpanInputRenderer,\n  SpanOutputRenderer,\n  SpanPayloadSection,\n  SpanProcessorAttributes,\n} from './span-payload';\nimport { asCoreSpan } from './span-payload/span-payload-registry';\nimport { SpanSummaryDescription } from './span-summary-description';\nimport { TraceIdButton } from './trace-id-button';\nimport { DataDetailsPanel } from '@/ds/components/DataDetailsPanel';\n\nconst KV = DataDetailsPanel.KeyValueList;\n\nexport interface SpanDetailsViewProps {\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  onClose: () => void;\n}\n\n/**\n * Compact span panel using `DataDetailsPanel` (popover-style). Shows basic span metadata +\n * input/output/metadata/attributes code sections. Use this for inline span inspection; for the\n * full-width span view with scoring tab + prev/next nav, use `SpanDataPanelView`.\n */\nexport function SpanDetailsView({ spanId, span, isLoading, onClose }: SpanDetailsViewProps) {\n  return (\n    <DataDetailsPanel>\n      <DataDetailsPanel.Header>\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <DataDetailsPanel.Heading className=\"items-center\">\n            Span\n            <TraceIdButton id={spanId} />\n          </DataDetailsPanel.Heading>\n          {span && <SpanSummaryDescription span={span} />}\n        </div>\n        <DataDetailsPanel.CloseButton onClick={onClose} />\n      </DataDetailsPanel.Header>\n\n      {isLoading ? (\n        <DataDetailsPanel.LoadingData>Loading span...</DataDetailsPanel.LoadingData>\n      ) : !span ? (\n        <DataDetailsPanel.NoData>Span not found.</DataDetailsPanel.NoData>\n      ) : (\n        <DataDetailsPanel.Content>\n          {span.spanType && (\n            <>\n              <KV>\n                <KV.Key>Type</KV.Key>\n                <KV.Value>{span.spanType}</KV.Value>\n              </KV>\n              <br />\n            </>\n          )}\n\n          <SpanPayloadSection title=\"Error\" raw={span.error} layout=\"details\" className=\"mb-3\">\n            <SpanErrorRenderer span={span} />\n          </SpanPayloadSection>\n\n          <SpanPayloadSection\n            title=\"Input\"\n            icon={<FileInputIcon />}\n            raw={span.input}\n            hasPreview={describeSpanInput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanInputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Output\"\n            icon={<FileOutputIcon />}\n            raw={span.output}\n            hasPreview={describeSpanOutput(asCoreSpan(span))?.type !== 'json'}\n            layout=\"details\"\n          >\n            <SpanOutputRenderer span={span} />\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Metadata\"\n            icon={<BracesIcon />}\n            raw={span.metadata}\n            hasPreview={false}\n            layout=\"details\"\n          >\n            {null}\n          </SpanPayloadSection>\n          <SpanPayloadSection\n            title=\"Attributes\"\n            icon={<BracesIcon />}\n            raw={span.attributes}\n            hasPreview={describeProcessorPipeline(asCoreSpan(span)) !== undefined}\n            layout=\"details\"\n          >\n            <SpanProcessorAttributes span={span} />\n          </SpanPayloadSection>\n        </DataDetailsPanel.Content>\n      )}\n    </DataDetailsPanel>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-BjBTICfq.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-KEXwIaeZ.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
-const dataKeysAndValues = require('../../../../data-keys-and-values-BduKvvC5.cjs');
-const Notice = require('../../../../Notice-CPyYcX5J.cjs');
+const dataKeysAndValues = require('../../../../data-keys-and-values-CMJ9zHKm.cjs');
+const Notice = require('../../../../Notice-AUNd8fqT.cjs');
 
 function SpanErrorRenderer({ span, className }) {
   const error = observability.describeSpanError(domains_traces_components_spanPayload_spanPayloadRegistry.asCoreSpan(span));

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

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanError } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-DlIOpCII.js';
+import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-CzLh6axt.js';
 import { asCoreSpan } from './span-payload-registry.es.js';
-import { D as DataKeysAndValues } from '../../../../data-keys-and-values-DhC4U4Yl.js';
-import { N as Notice } from '../../../../Notice-KC18b8Nd.js';
+import { D as DataKeysAndValues } from '../../../../data-keys-and-values-BTYDB-K2.js';
+import { N as Notice } from '../../../../Notice-WT8G4OA6.js';
 
 function SpanErrorRenderer({ span, className }) {
   const error = describeSpanError(asCoreSpan(span));

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

@@ -6,10 +6,11 @@ const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadMessages = require('./span-payload-messages.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-BjBTICfq.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-KEXwIaeZ.cjs');
+const domains_traces_components_spanPayload_spanPayloadProcessor = require('./span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
-const Card = require('../../../../Card-DwGasv0K.cjs');
-const dataKeysAndValues = require('../../../../data-keys-and-values-BduKvvC5.cjs');
+const Card = require('../../../../Card-BbwF20OW.cjs');
+const dataKeysAndValues = require('../../../../data-keys-and-values-CMJ9zHKm.cjs');
 
 function SpanTextRenderer({ value }) {
   return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadMarkdown, { children: value });
@@ -36,6 +37,7 @@ const SPAN_INPUT_RENDERERS = {
   text: SpanTextRenderer,
   messages: domains_traces_components_spanPayload_spanPayloadMessages.SpanPayloadMessages,
   "agent-run-resume": SpanAgentRunResumeRenderer,
+  processor: domains_traces_components_spanPayload_spanPayloadProcessor.SpanPayloadProcessor,
   json: domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson
 };
 function SpanInputRenderer({ span }) {

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

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

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

@@ -2,10 +2,11 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanInput } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
 import { SpanPayloadMessages } from './span-payload-messages.es.js';
-import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-DlIOpCII.js';
+import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-CzLh6axt.js';
+import { SpanPayloadProcessor } from './span-payload-processor.es.js';
 import { asCoreSpan, pickRenderer } from './span-payload-registry.es.js';
-import { C as Card, a as CardContent } from '../../../../Card-B_buJ5yF.js';
-import { D as DataKeysAndValues } from '../../../../data-keys-and-values-DhC4U4Yl.js';
+import { C as Card, a as CardContent } from '../../../../Card-DmT57Pve.js';
+import { D as DataKeysAndValues } from '../../../../data-keys-and-values-BTYDB-K2.js';
 
 function SpanTextRenderer({ value }) {
   return /* @__PURE__ */ jsx(SpanPayloadMarkdown, { children: value });
@@ -32,6 +33,7 @@ const SPAN_INPUT_RENDERERS = {
   text: SpanTextRenderer,
   messages: SpanPayloadMessages,
   "agent-run-resume": SpanAgentRunResumeRenderer,
+  processor: SpanPayloadProcessor,
   json: SpanPayloadJson
 };
 function SpanInputRenderer({ span }) {