@mastra/playground-ui 61.0.0-alpha.6 → 61.0.0

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 { 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  /** When provided, an × button in the header closes the span column. */\n  onClose?: () => 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  onClose,\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          {onClose && <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close span\" tooltip=\"Close span\" />}\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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"}
+{"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  /** When provided, an × button in the header closes the span column. */\n  onClose?: () => 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  onClose,\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          {onClose && <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close span\" tooltip=\"Close span\" />}\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

@@ -9,8 +9,10 @@ const domains_traces_components_spanPayload_spanInputRenderers = require('./span
 const domains_traces_components_spanPayload_spanOutputRenderers = require('./span-payload/span-output-renderers.cjs.js');
 const domains_traces_components_spanPayload_spanErrorRenderer = require('./span-payload/span-error-renderer.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadSection = require('./span-payload/span-payload-section.cjs.js');
-require('../../../code-D_sH618U.cjs');
+require('../../../code-Dcah35Gp.cjs');
 require('react');
+require('../../chat/attachments/composer-attachment-context.cjs.js');
+require('@base-ui/react/use-render');
 require('../../../Button-CXhSUBxN.cjs');
 require('../../chat/context/chat-context.cjs.js');
 require('./span-payload/span-payload-processor.cjs.js');

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 { 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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"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,KAAKA,4CAAA,CAAiB,YAAA;AAerB,SAAS,gBAAgB,EAAE,MAAA,EAAQ,IAAA,EAAM,SAAA,EAAW,SAAQ,EAAyB;AAC1F,EAAA,uCACGA,4CAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,eAAA,CAACD,4CAAA,CAAiB,QAAjB,EACC,QAAA,EAAA;AAAA,sBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAACD,4CAAA,CAAiB,OAAA,EAAjB,EAAyB,SAAA,EAAU,cAAA,EAAe,QAAA,EAAA;AAAA,UAAA,MAAA;AAAA,0BAEjDE,cAAA,CAACC,qDAAA,EAAA,EAAc,EAAA,EAAI,MAAA,EAAQ;AAAA,SAAA,EAC7B,CAAA;AAAA,QACC,IAAA,oBAAQD,cAAA,CAACE,uEAAA,EAAA,EAAuB,IAAA,EAAY;AAAA,OAAA,EAC/C,CAAA;AAAA,sBACAF,cAAA,CAACF,4CAAA,CAAiB,WAAA,EAAjB,EAA6B,SAAS,OAAA,EAAS;AAAA,KAAA,EAClD,CAAA;AAAA,IAEC,4BACCE,cAAA,CAACF,4CAAA,CAAiB,aAAjB,EAA6B,QAAA,EAAA,iBAAA,EAAe,IAC3C,CAAC,IAAA,mBACHE,cAAA,CAACF,4CAAA,CAAiB,QAAjB,EAAwB,QAAA,EAAA,iBAAA,EAAe,oBAExCC,eAAA,CAACD,4CAAA,CAAiB,SAAjB,EACE,QAAA,EAAA;AAAA,MAAA,IAAA,CAAK,4BACJC,eAAA,CAAAI,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAAJ,eAAA,CAAC,EAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,EAAA,CAAG,GAAA,EAAH,EAAO,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,0BACZA,cAAA,CAAC,EAAA,CAAG,KAAA,EAAH,EAAU,eAAK,QAAA,EAAS;AAAA,SAAA,EAC3B,CAAA;AAAA,uCACC,IAAA,EAAA,EAAG;AAAA,OAAA,EACN,CAAA;AAAA,sBAGFA,cAAA,CAACI,2EAAA,EAAA,EAAmB,KAAA,EAAM,OAAA,EAAQ,KAAK,IAAA,CAAK,KAAA,EAAO,MAAA,EAAO,SAAA,EAAU,SAAA,EAAU,MAAA,EAC5E,QAAA,kBAAAJ,cAAA,CAACK,yEAAA,EAAA,EAAkB,MAAY,CAAA,EACjC,CAAA;AAAA,sBAEAL,cAAA;AAAA,QAACI,2EAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,OAAA;AAAA,UACN,IAAA,iCAAOE,yBAAA,EAAA,EAAc,CAAA;AAAA,UACrB,KAAK,IAAA,CAAK,KAAA;AAAA,UACV,YAAYC,+BAAA,CAAkBC,oEAAA,CAAW,IAAI,CAAC,GAAG,IAAA,KAAS,MAAA;AAAA,UAC1D,MAAA,EAAO,SAAA;AAAA,UAEP,QAAA,kBAAAR,cAAA,CAACS,8EAAkB,IAAA,EAAY;AAAA;AAAA,OACjC;AAAA,sBACAT,cAAA;AAAA,QAACI,2EAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,QAAA;AAAA,UACN,IAAA,iCAAOM,0BAAA,EAAA,EAAe,CAAA;AAAA,UACtB,KAAK,IAAA,CAAK,MAAA;AAAA,UACV,YAAYC,gCAAA,CAAmBH,oEAAA,CAAW,IAAI,CAAC,GAAG,IAAA,KAAS,MAAA;AAAA,UAC3D,MAAA,EAAO,SAAA;AAAA,UAEP,QAAA,kBAAAR,cAAA,CAACY,gFAAmB,IAAA,EAAY;AAAA;AAAA,OAClC;AAAA,sBACAZ,cAAA;AAAA,QAACI,2EAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,UAAA;AAAA,UACN,IAAA,iCAAOS,sBAAA,EAAA,EAAW,CAAA;AAAA,UAClB,KAAK,IAAA,CAAK,QAAA;AAAA,UACV,UAAA,EAAY,KAAA;AAAA,UACZ,MAAA,EAAO,SAAA;AAAA,UAEN,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,sBACAb,cAAA;AAAA,QAACI,2EAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,YAAA;AAAA,UACN,IAAA,iCAAOS,sBAAA,EAAA,EAAW,CAAA;AAAA,UAClB,KAAK,IAAA,CAAK,UAAA;AAAA,UACV,UAAA,EAAYC,uCAAA,CAA0BN,oEAAA,CAAW,IAAI,CAAC,CAAA,KAAM,MAAA;AAAA,UAC5D,MAAA,EAAO,SAAA;AAAA,UAEP,QAAA,kBAAAR,cAAA,CAACe,yFAAwB,IAAA,EAAY;AAAA;AAAA;AACvC,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

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

@@ -5,8 +5,10 @@ import { SpanInputRenderer } from './span-payload/span-input-renderers.es.js';
 import { SpanOutputRenderer } from './span-payload/span-output-renderers.es.js';
 import { SpanErrorRenderer } from './span-payload/span-error-renderer.es.js';
 import { SpanPayloadSection } from './span-payload/span-payload-section.es.js';
-import '../../../code-C8akLzcu.js';
+import '../../../code-DAXWNzvf.js';
 import 'react';
+import '../../chat/attachments/composer-attachment-context.es.js';
+import '@base-ui/react/use-render';
 import '../../../Button-D43ghVKt.js';
 import '../../chat/context/chat-context.es.js';
 import './span-payload/span-payload-processor.es.js';

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 { 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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"}
+{"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-0b_ow5Rt.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIyQNNw0.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const dataKeysAndValues = require('../../../../data-keys-and-values-DnpdW8zx.cjs');
-const Notice = require('../../../../Notice-D4zc_oTj.cjs');
+const Notice = require('../../../../Notice-CjQQjfK7.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-XWZOfAi-.js';
+import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-Cniig-k4.js';
 import { asCoreSpan } from './span-payload-registry.es.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-DiRlIt-N.js';
-import { N as Notice } from '../../../../Notice-D4gMAkVI.js';
+import { N as Notice } from '../../../../Notice-CmFkTliT.js';
 
 function SpanErrorRenderer({ span, className }) {
   const error = describeSpanError(asCoreSpan(span));

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

@@ -6,7 +6,7 @@ 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-0b_ow5Rt.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIyQNNw0.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-BQsKHkyB.cjs');

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

@@ -2,7 +2,7 @@ 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-XWZOfAi-.js';
+import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-Cniig-k4.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-DVy0QS4m.js';

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

@@ -6,14 +6,15 @@ const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadAttachment = require('./span-payload-attachment.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-0b_ow5Rt.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIyQNNw0.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 reasoningActivity = require('../../../../reasoning-activity-Bux9ZUhr.cjs');
+const reasoningActivity = require('../../../../reasoning-activity-Cfelxr49.cjs');
 const Card = require('../../../../Card-BQsKHkyB.cjs');
 const dataKeysAndValues = require('../../../../data-keys-and-values-DnpdW8zx.cjs');
 const inlineCode = require('../../../../inline-code-CSwG-x8D.cjs');
-const Notice = require('../../../../Notice-D4zc_oTj.cjs');
+const Notice = require('../../../../Notice-CjQQjfK7.cjs');
+const Txt = require('../../../../Txt-DFPibRb3.cjs');
 
 function SpanTextRenderer({ value }) {
   return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadMarkdown, { children: value });
@@ -39,7 +40,7 @@ function SpanAgentRunResultRenderer({ value }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "span-agent-run-result", className: "flex flex-col gap-3", children: [
     value.tripwire && /* @__PURE__ */ jsxRuntime.jsxs(Notice.Notice, { variant: "destructive", title: "Tripwire", children: [
       value.tripwire.reason && /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice.Message, { children: value.tripwire.reason }),
-      value.tripwire.processorId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-caption", children: [
+      value.tripwire.processorId && /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { as: "p", variant: "caption", children: [
         "Processor ",
         /* @__PURE__ */ jsxRuntime.jsx(inlineCode.InlineCode, { children: value.tripwire.processorId })
       ] })

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

@@ -1 +1 @@
-{"version":3,"file":"span-output-renderers.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-output-renderers.tsx"],"sourcesContent":["import { describeSpanOutput } from '@mastra/core/observability';\nimport type {\n  AgentRunResult,\n  InterruptedSpanOutput,\n  ModelGenerationResult,\n  ModelStepResult,\n  SpanOutputDescription,\n} from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadAttachment } from './span-payload-attachment';\nimport { SpanPayloadJson } from './span-payload-json';\nimport {\n  SpanPayloadCollapsible,\n  SpanPayloadField,\n  SpanPayloadMarkdown,\n  SpanPayloadToolCalls,\n} from './span-payload-primitives';\nimport { SpanPayloadProcessor } from './span-payload-processor';\nimport { asCoreSpan, hasItems, pickRenderer } from './span-payload-registry';\nimport type { PayloadRegistry } from './span-payload-registry';\nimport { ReasoningActivity } from '@/ds/components/ai/activity';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { InlineCode } from '@/ds/components/InlineCode/inline-code';\nimport { Notice } from '@/ds/components/Notice';\n\nfunction SpanTextRenderer({ value }: { value: string }) {\n  return <SpanPayloadMarkdown>{value}</SpanPayloadMarkdown>;\n}\n\nfunction SpanInterruptedRenderer({ value }: { value: InterruptedSpanOutput }) {\n  const title = { suspended: 'Suspended', aborted: 'Aborted', interrupted: 'Interrupted' }[value.status];\n  const hasTarget = value.toolName !== undefined || value.toolCallId !== undefined;\n  return (\n    <div data-slot=\"span-interrupted\" data-status={value.status} className=\"flex flex-col gap-3\">\n      <Notice variant=\"warning\" title={title}>\n        {value.reason && <Notice.Message>{value.reason}</Notice.Message>}\n      </Notice>\n      {hasTarget && (\n        <DataKeysAndValues>\n          {value.toolName !== undefined && (\n            <>\n              <DataKeysAndValues.Key>Tool</DataKeysAndValues.Key>\n              <DataKeysAndValues.Value>{value.toolName}</DataKeysAndValues.Value>\n            </>\n          )}\n          {value.toolCallId !== undefined && (\n            <>\n              <DataKeysAndValues.Key>Tool call id</DataKeysAndValues.Key>\n              <DataKeysAndValues.ValueWithCopyBtn copyValue={value.toolCallId}>\n                {value.toolCallId}\n              </DataKeysAndValues.ValueWithCopyBtn>\n            </>\n          )}\n        </DataKeysAndValues>\n      )}\n    </div>\n  );\n}\n\nfunction SpanAgentRunResultRenderer({ value }: { value: AgentRunResult }) {\n  return (\n    <div data-slot=\"span-agent-run-result\" className=\"flex flex-col gap-3\">\n      {value.tripwire && (\n        <Notice variant=\"destructive\" title=\"Tripwire\">\n          {value.tripwire.reason && <Notice.Message>{value.tripwire.reason}</Notice.Message>}\n          {value.tripwire.processorId && (\n            <div className=\"text-caption\">\n              Processor <InlineCode>{value.tripwire.processorId}</InlineCode>\n            </div>\n          )}\n        </Notice>\n      )}\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.files) && (\n        <SpanPayloadCollapsible label={`Files (${value.files.length})`}>\n          {value.files.map((file, index) => (\n            <SpanPayloadAttachment key={index} value={file} />\n          ))}\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\nfunction SpanModelGenerationResultRenderer({ value }: { value: ModelGenerationResult }) {\n  return (\n    <div data-slot=\"span-model-generation-result\" className=\"flex flex-col gap-3\">\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {typeof value.reasoningText === 'string' && <ReasoningActivity text={value.reasoningText} />}\n      {value.reasoning !== undefined && (\n        <SpanPayloadCollapsible label=\"Reasoning details\">\n          <SpanPayloadJson value={value.reasoning} />\n        </SpanPayloadCollapsible>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.toolCalls) && (\n        <SpanPayloadField label={`Tool calls (${value.toolCalls.length})`}>\n          <SpanPayloadToolCalls toolCalls={value.toolCalls} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.sources) && (\n        <SpanPayloadCollapsible label={`Sources (${value.sources.length})`}>\n          <SpanPayloadJson value={value.sources} />\n        </SpanPayloadCollapsible>\n      )}\n      {hasItems(value.files) && (\n        <SpanPayloadCollapsible label={`Files (${value.files.length})`}>\n          {value.files.map((file, index) => (\n            <SpanPayloadAttachment key={index} value={file} />\n          ))}\n        </SpanPayloadCollapsible>\n      )}\n      {hasItems(value.warnings) && (\n        <SpanPayloadCollapsible label={`Warnings (${value.warnings.length})`}>\n          <SpanPayloadJson value={value.warnings} />\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\nfunction SpanModelStepResultRenderer({ value }: { value: ModelStepResult }) {\n  return (\n    <div data-slot=\"span-model-step-result\" className=\"flex flex-col gap-3\">\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {hasItems(value.toolCalls) && (\n        <SpanPayloadField label={`Tool calls (${value.toolCalls.length})`}>\n          <SpanPayloadToolCalls toolCalls={value.toolCalls} />\n        </SpanPayloadField>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.steps) && (\n        <SpanPayloadCollapsible label={`Steps (${value.steps.length})`}>\n          <SpanPayloadJson value={value.steps} />\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\n/** One renderer per `describeSpanOutput` tag; see `SPAN_INPUT_RENDERERS`. */\nconst SPAN_OUTPUT_RENDERERS = {\n  interrupted: SpanInterruptedRenderer,\n  'agent-run-result': SpanAgentRunResultRenderer,\n  'model-generation-result': SpanModelGenerationResultRenderer,\n  'model-step-result': SpanModelStepResultRenderer,\n  processor: SpanPayloadProcessor,\n  text: SpanTextRenderer,\n  json: SpanPayloadJson,\n} satisfies PayloadRegistry<SpanOutputDescription>;\n\nexport interface SpanOutputRendererProps {\n  span: SpanRecord;\n}\n\n/** Renders a span's output through the registry; `null` when the span recorded none. */\nexport function SpanOutputRenderer({ span }: SpanOutputRendererProps) {\n  const description = describeSpanOutput(asCoreSpan(span));\n  if (!description) return null;\n  if (description.type === 'json') return <SpanPayloadJson value={description.value} />;\n  const Renderer = pickRenderer(SPAN_OUTPUT_RENDERERS, description);\n  return (\n    <Card data-slot=\"span-output-card\" className=\"min-w-0\">\n      <CardContent>\n        <Renderer value={description.value} />\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":["jsx","SpanPayloadMarkdown","jsxs","Notice","DataKeysAndValues","Fragment","InlineCode","SpanPayloadField","SpanPayloadJson","hasItems","SpanPayloadCollapsible","SpanPayloadAttachment","ReasoningActivity","SpanPayloadToolCalls","SpanPayloadProcessor","describeSpanOutput","asCoreSpan","pickRenderer","Card","CardContent"],"mappings":"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"}
+{"version":3,"file":"span-output-renderers.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-output-renderers.tsx"],"sourcesContent":["import { describeSpanOutput } from '@mastra/core/observability';\nimport type {\n  AgentRunResult,\n  InterruptedSpanOutput,\n  ModelGenerationResult,\n  ModelStepResult,\n  SpanOutputDescription,\n} from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadAttachment } from './span-payload-attachment';\nimport { SpanPayloadJson } from './span-payload-json';\nimport {\n  SpanPayloadCollapsible,\n  SpanPayloadField,\n  SpanPayloadMarkdown,\n  SpanPayloadToolCalls,\n} from './span-payload-primitives';\nimport { SpanPayloadProcessor } from './span-payload-processor';\nimport { asCoreSpan, hasItems, pickRenderer } from './span-payload-registry';\nimport type { PayloadRegistry } from './span-payload-registry';\nimport { ReasoningActivity } from '@/ds/components/ai/activity';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { InlineCode } from '@/ds/components/InlineCode/inline-code';\nimport { Notice } from '@/ds/components/Notice';\nimport { Txt } from '@/ds/components/Txt';\n\nfunction SpanTextRenderer({ value }: { value: string }) {\n  return <SpanPayloadMarkdown>{value}</SpanPayloadMarkdown>;\n}\n\nfunction SpanInterruptedRenderer({ value }: { value: InterruptedSpanOutput }) {\n  const title = { suspended: 'Suspended', aborted: 'Aborted', interrupted: 'Interrupted' }[value.status];\n  const hasTarget = value.toolName !== undefined || value.toolCallId !== undefined;\n  return (\n    <div data-slot=\"span-interrupted\" data-status={value.status} className=\"flex flex-col gap-3\">\n      <Notice variant=\"warning\" title={title}>\n        {value.reason && <Notice.Message>{value.reason}</Notice.Message>}\n      </Notice>\n      {hasTarget && (\n        <DataKeysAndValues>\n          {value.toolName !== undefined && (\n            <>\n              <DataKeysAndValues.Key>Tool</DataKeysAndValues.Key>\n              <DataKeysAndValues.Value>{value.toolName}</DataKeysAndValues.Value>\n            </>\n          )}\n          {value.toolCallId !== undefined && (\n            <>\n              <DataKeysAndValues.Key>Tool call id</DataKeysAndValues.Key>\n              <DataKeysAndValues.ValueWithCopyBtn copyValue={value.toolCallId}>\n                {value.toolCallId}\n              </DataKeysAndValues.ValueWithCopyBtn>\n            </>\n          )}\n        </DataKeysAndValues>\n      )}\n    </div>\n  );\n}\n\nfunction SpanAgentRunResultRenderer({ value }: { value: AgentRunResult }) {\n  return (\n    <div data-slot=\"span-agent-run-result\" className=\"flex flex-col gap-3\">\n      {value.tripwire && (\n        <Notice variant=\"destructive\" title=\"Tripwire\">\n          {value.tripwire.reason && <Notice.Message>{value.tripwire.reason}</Notice.Message>}\n          {value.tripwire.processorId && (\n            <Txt as=\"p\" variant=\"caption\">\n              Processor <InlineCode>{value.tripwire.processorId}</InlineCode>\n            </Txt>\n          )}\n        </Notice>\n      )}\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.files) && (\n        <SpanPayloadCollapsible label={`Files (${value.files.length})`}>\n          {value.files.map((file, index) => (\n            <SpanPayloadAttachment key={index} value={file} />\n          ))}\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\nfunction SpanModelGenerationResultRenderer({ value }: { value: ModelGenerationResult }) {\n  return (\n    <div data-slot=\"span-model-generation-result\" className=\"flex flex-col gap-3\">\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {typeof value.reasoningText === 'string' && <ReasoningActivity text={value.reasoningText} />}\n      {value.reasoning !== undefined && (\n        <SpanPayloadCollapsible label=\"Reasoning details\">\n          <SpanPayloadJson value={value.reasoning} />\n        </SpanPayloadCollapsible>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.toolCalls) && (\n        <SpanPayloadField label={`Tool calls (${value.toolCalls.length})`}>\n          <SpanPayloadToolCalls toolCalls={value.toolCalls} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.sources) && (\n        <SpanPayloadCollapsible label={`Sources (${value.sources.length})`}>\n          <SpanPayloadJson value={value.sources} />\n        </SpanPayloadCollapsible>\n      )}\n      {hasItems(value.files) && (\n        <SpanPayloadCollapsible label={`Files (${value.files.length})`}>\n          {value.files.map((file, index) => (\n            <SpanPayloadAttachment key={index} value={file} />\n          ))}\n        </SpanPayloadCollapsible>\n      )}\n      {hasItems(value.warnings) && (\n        <SpanPayloadCollapsible label={`Warnings (${value.warnings.length})`}>\n          <SpanPayloadJson value={value.warnings} />\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\nfunction SpanModelStepResultRenderer({ value }: { value: ModelStepResult }) {\n  return (\n    <div data-slot=\"span-model-step-result\" className=\"flex flex-col gap-3\">\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {hasItems(value.toolCalls) && (\n        <SpanPayloadField label={`Tool calls (${value.toolCalls.length})`}>\n          <SpanPayloadToolCalls toolCalls={value.toolCalls} />\n        </SpanPayloadField>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.steps) && (\n        <SpanPayloadCollapsible label={`Steps (${value.steps.length})`}>\n          <SpanPayloadJson value={value.steps} />\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\n/** One renderer per `describeSpanOutput` tag; see `SPAN_INPUT_RENDERERS`. */\nconst SPAN_OUTPUT_RENDERERS = {\n  interrupted: SpanInterruptedRenderer,\n  'agent-run-result': SpanAgentRunResultRenderer,\n  'model-generation-result': SpanModelGenerationResultRenderer,\n  'model-step-result': SpanModelStepResultRenderer,\n  processor: SpanPayloadProcessor,\n  text: SpanTextRenderer,\n  json: SpanPayloadJson,\n} satisfies PayloadRegistry<SpanOutputDescription>;\n\nexport interface SpanOutputRendererProps {\n  span: SpanRecord;\n}\n\n/** Renders a span's output through the registry; `null` when the span recorded none. */\nexport function SpanOutputRenderer({ span }: SpanOutputRendererProps) {\n  const description = describeSpanOutput(asCoreSpan(span));\n  if (!description) return null;\n  if (description.type === 'json') return <SpanPayloadJson value={description.value} />;\n  const Renderer = pickRenderer(SPAN_OUTPUT_RENDERERS, description);\n  return (\n    <Card data-slot=\"span-output-card\" className=\"min-w-0\">\n      <CardContent>\n        <Renderer value={description.value} />\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":["jsx","SpanPayloadMarkdown","jsxs","Notice","DataKeysAndValues","Fragment","Txt","InlineCode","SpanPayloadField","SpanPayloadJson","hasItems","SpanPayloadCollapsible","SpanPayloadAttachment","ReasoningActivity","SpanPayloadToolCalls","SpanPayloadProcessor","describeSpanOutput","asCoreSpan","pickRenderer","Card","CardContent"],"mappings":"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"}

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

@@ -2,14 +2,15 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanOutput } from '@mastra/core/observability';
 import { SpanPayloadAttachment } from './span-payload-attachment.es.js';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { a as SpanPayloadMarkdown, S as SpanPayloadField, b as SpanPayloadToolCalls, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-XWZOfAi-.js';
+import { a as SpanPayloadMarkdown, S as SpanPayloadField, b as SpanPayloadToolCalls, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-Cniig-k4.js';
 import { SpanPayloadProcessor } from './span-payload-processor.es.js';
 import { asCoreSpan, pickRenderer, hasItems } from './span-payload-registry.es.js';
-import { R as ReasoningActivity } from '../../../../reasoning-activity-Du19QVGl.js';
+import { R as ReasoningActivity } from '../../../../reasoning-activity-CS-aUa1E.js';
 import { C as Card, a as CardContent } from '../../../../Card-DVy0QS4m.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-DiRlIt-N.js';
 import { I as InlineCode } from '../../../../inline-code-BW6W121s.js';
-import { N as Notice } from '../../../../Notice-D4gMAkVI.js';
+import { N as Notice } from '../../../../Notice-CmFkTliT.js';
+import { T as Txt } from '../../../../Txt-CuuPO9Ho.js';
 
 function SpanTextRenderer({ value }) {
   return /* @__PURE__ */ jsx(SpanPayloadMarkdown, { children: value });
@@ -35,7 +36,7 @@ function SpanAgentRunResultRenderer({ value }) {
   return /* @__PURE__ */ jsxs("div", { "data-slot": "span-agent-run-result", className: "flex flex-col gap-3", children: [
     value.tripwire && /* @__PURE__ */ jsxs(Notice, { variant: "destructive", title: "Tripwire", children: [
       value.tripwire.reason && /* @__PURE__ */ jsx(Notice.Message, { children: value.tripwire.reason }),
-      value.tripwire.processorId && /* @__PURE__ */ jsxs("div", { className: "text-caption", children: [
+      value.tripwire.processorId && /* @__PURE__ */ jsxs(Txt, { as: "p", variant: "caption", children: [
         "Processor ",
         /* @__PURE__ */ jsx(InlineCode, { children: value.tripwire.processorId })
       ] })

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

@@ -1 +1 @@
-{"version":3,"file":"span-output-renderers.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-output-renderers.tsx"],"sourcesContent":["import { describeSpanOutput } from '@mastra/core/observability';\nimport type {\n  AgentRunResult,\n  InterruptedSpanOutput,\n  ModelGenerationResult,\n  ModelStepResult,\n  SpanOutputDescription,\n} from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadAttachment } from './span-payload-attachment';\nimport { SpanPayloadJson } from './span-payload-json';\nimport {\n  SpanPayloadCollapsible,\n  SpanPayloadField,\n  SpanPayloadMarkdown,\n  SpanPayloadToolCalls,\n} from './span-payload-primitives';\nimport { SpanPayloadProcessor } from './span-payload-processor';\nimport { asCoreSpan, hasItems, pickRenderer } from './span-payload-registry';\nimport type { PayloadRegistry } from './span-payload-registry';\nimport { ReasoningActivity } from '@/ds/components/ai/activity';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { InlineCode } from '@/ds/components/InlineCode/inline-code';\nimport { Notice } from '@/ds/components/Notice';\n\nfunction SpanTextRenderer({ value }: { value: string }) {\n  return <SpanPayloadMarkdown>{value}</SpanPayloadMarkdown>;\n}\n\nfunction SpanInterruptedRenderer({ value }: { value: InterruptedSpanOutput }) {\n  const title = { suspended: 'Suspended', aborted: 'Aborted', interrupted: 'Interrupted' }[value.status];\n  const hasTarget = value.toolName !== undefined || value.toolCallId !== undefined;\n  return (\n    <div data-slot=\"span-interrupted\" data-status={value.status} className=\"flex flex-col gap-3\">\n      <Notice variant=\"warning\" title={title}>\n        {value.reason && <Notice.Message>{value.reason}</Notice.Message>}\n      </Notice>\n      {hasTarget && (\n        <DataKeysAndValues>\n          {value.toolName !== undefined && (\n            <>\n              <DataKeysAndValues.Key>Tool</DataKeysAndValues.Key>\n              <DataKeysAndValues.Value>{value.toolName}</DataKeysAndValues.Value>\n            </>\n          )}\n          {value.toolCallId !== undefined && (\n            <>\n              <DataKeysAndValues.Key>Tool call id</DataKeysAndValues.Key>\n              <DataKeysAndValues.ValueWithCopyBtn copyValue={value.toolCallId}>\n                {value.toolCallId}\n              </DataKeysAndValues.ValueWithCopyBtn>\n            </>\n          )}\n        </DataKeysAndValues>\n      )}\n    </div>\n  );\n}\n\nfunction SpanAgentRunResultRenderer({ value }: { value: AgentRunResult }) {\n  return (\n    <div data-slot=\"span-agent-run-result\" className=\"flex flex-col gap-3\">\n      {value.tripwire && (\n        <Notice variant=\"destructive\" title=\"Tripwire\">\n          {value.tripwire.reason && <Notice.Message>{value.tripwire.reason}</Notice.Message>}\n          {value.tripwire.processorId && (\n            <div className=\"text-caption\">\n              Processor <InlineCode>{value.tripwire.processorId}</InlineCode>\n            </div>\n          )}\n        </Notice>\n      )}\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.files) && (\n        <SpanPayloadCollapsible label={`Files (${value.files.length})`}>\n          {value.files.map((file, index) => (\n            <SpanPayloadAttachment key={index} value={file} />\n          ))}\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\nfunction SpanModelGenerationResultRenderer({ value }: { value: ModelGenerationResult }) {\n  return (\n    <div data-slot=\"span-model-generation-result\" className=\"flex flex-col gap-3\">\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {typeof value.reasoningText === 'string' && <ReasoningActivity text={value.reasoningText} />}\n      {value.reasoning !== undefined && (\n        <SpanPayloadCollapsible label=\"Reasoning details\">\n          <SpanPayloadJson value={value.reasoning} />\n        </SpanPayloadCollapsible>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.toolCalls) && (\n        <SpanPayloadField label={`Tool calls (${value.toolCalls.length})`}>\n          <SpanPayloadToolCalls toolCalls={value.toolCalls} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.sources) && (\n        <SpanPayloadCollapsible label={`Sources (${value.sources.length})`}>\n          <SpanPayloadJson value={value.sources} />\n        </SpanPayloadCollapsible>\n      )}\n      {hasItems(value.files) && (\n        <SpanPayloadCollapsible label={`Files (${value.files.length})`}>\n          {value.files.map((file, index) => (\n            <SpanPayloadAttachment key={index} value={file} />\n          ))}\n        </SpanPayloadCollapsible>\n      )}\n      {hasItems(value.warnings) && (\n        <SpanPayloadCollapsible label={`Warnings (${value.warnings.length})`}>\n          <SpanPayloadJson value={value.warnings} />\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\nfunction SpanModelStepResultRenderer({ value }: { value: ModelStepResult }) {\n  return (\n    <div data-slot=\"span-model-step-result\" className=\"flex flex-col gap-3\">\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {hasItems(value.toolCalls) && (\n        <SpanPayloadField label={`Tool calls (${value.toolCalls.length})`}>\n          <SpanPayloadToolCalls toolCalls={value.toolCalls} />\n        </SpanPayloadField>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.steps) && (\n        <SpanPayloadCollapsible label={`Steps (${value.steps.length})`}>\n          <SpanPayloadJson value={value.steps} />\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\n/** One renderer per `describeSpanOutput` tag; see `SPAN_INPUT_RENDERERS`. */\nconst SPAN_OUTPUT_RENDERERS = {\n  interrupted: SpanInterruptedRenderer,\n  'agent-run-result': SpanAgentRunResultRenderer,\n  'model-generation-result': SpanModelGenerationResultRenderer,\n  'model-step-result': SpanModelStepResultRenderer,\n  processor: SpanPayloadProcessor,\n  text: SpanTextRenderer,\n  json: SpanPayloadJson,\n} satisfies PayloadRegistry<SpanOutputDescription>;\n\nexport interface SpanOutputRendererProps {\n  span: SpanRecord;\n}\n\n/** Renders a span's output through the registry; `null` when the span recorded none. */\nexport function SpanOutputRenderer({ span }: SpanOutputRendererProps) {\n  const description = describeSpanOutput(asCoreSpan(span));\n  if (!description) return null;\n  if (description.type === 'json') return <SpanPayloadJson value={description.value} />;\n  const Renderer = pickRenderer(SPAN_OUTPUT_RENDERERS, description);\n  return (\n    <Card data-slot=\"span-output-card\" className=\"min-w-0\">\n      <CardContent>\n        <Renderer value={description.value} />\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"span-output-renderers.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-output-renderers.tsx"],"sourcesContent":["import { describeSpanOutput } from '@mastra/core/observability';\nimport type {\n  AgentRunResult,\n  InterruptedSpanOutput,\n  ModelGenerationResult,\n  ModelStepResult,\n  SpanOutputDescription,\n} from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadAttachment } from './span-payload-attachment';\nimport { SpanPayloadJson } from './span-payload-json';\nimport {\n  SpanPayloadCollapsible,\n  SpanPayloadField,\n  SpanPayloadMarkdown,\n  SpanPayloadToolCalls,\n} from './span-payload-primitives';\nimport { SpanPayloadProcessor } from './span-payload-processor';\nimport { asCoreSpan, hasItems, pickRenderer } from './span-payload-registry';\nimport type { PayloadRegistry } from './span-payload-registry';\nimport { ReasoningActivity } from '@/ds/components/ai/activity';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { InlineCode } from '@/ds/components/InlineCode/inline-code';\nimport { Notice } from '@/ds/components/Notice';\nimport { Txt } from '@/ds/components/Txt';\n\nfunction SpanTextRenderer({ value }: { value: string }) {\n  return <SpanPayloadMarkdown>{value}</SpanPayloadMarkdown>;\n}\n\nfunction SpanInterruptedRenderer({ value }: { value: InterruptedSpanOutput }) {\n  const title = { suspended: 'Suspended', aborted: 'Aborted', interrupted: 'Interrupted' }[value.status];\n  const hasTarget = value.toolName !== undefined || value.toolCallId !== undefined;\n  return (\n    <div data-slot=\"span-interrupted\" data-status={value.status} className=\"flex flex-col gap-3\">\n      <Notice variant=\"warning\" title={title}>\n        {value.reason && <Notice.Message>{value.reason}</Notice.Message>}\n      </Notice>\n      {hasTarget && (\n        <DataKeysAndValues>\n          {value.toolName !== undefined && (\n            <>\n              <DataKeysAndValues.Key>Tool</DataKeysAndValues.Key>\n              <DataKeysAndValues.Value>{value.toolName}</DataKeysAndValues.Value>\n            </>\n          )}\n          {value.toolCallId !== undefined && (\n            <>\n              <DataKeysAndValues.Key>Tool call id</DataKeysAndValues.Key>\n              <DataKeysAndValues.ValueWithCopyBtn copyValue={value.toolCallId}>\n                {value.toolCallId}\n              </DataKeysAndValues.ValueWithCopyBtn>\n            </>\n          )}\n        </DataKeysAndValues>\n      )}\n    </div>\n  );\n}\n\nfunction SpanAgentRunResultRenderer({ value }: { value: AgentRunResult }) {\n  return (\n    <div data-slot=\"span-agent-run-result\" className=\"flex flex-col gap-3\">\n      {value.tripwire && (\n        <Notice variant=\"destructive\" title=\"Tripwire\">\n          {value.tripwire.reason && <Notice.Message>{value.tripwire.reason}</Notice.Message>}\n          {value.tripwire.processorId && (\n            <Txt as=\"p\" variant=\"caption\">\n              Processor <InlineCode>{value.tripwire.processorId}</InlineCode>\n            </Txt>\n          )}\n        </Notice>\n      )}\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.files) && (\n        <SpanPayloadCollapsible label={`Files (${value.files.length})`}>\n          {value.files.map((file, index) => (\n            <SpanPayloadAttachment key={index} value={file} />\n          ))}\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\nfunction SpanModelGenerationResultRenderer({ value }: { value: ModelGenerationResult }) {\n  return (\n    <div data-slot=\"span-model-generation-result\" className=\"flex flex-col gap-3\">\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {typeof value.reasoningText === 'string' && <ReasoningActivity text={value.reasoningText} />}\n      {value.reasoning !== undefined && (\n        <SpanPayloadCollapsible label=\"Reasoning details\">\n          <SpanPayloadJson value={value.reasoning} />\n        </SpanPayloadCollapsible>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.toolCalls) && (\n        <SpanPayloadField label={`Tool calls (${value.toolCalls.length})`}>\n          <SpanPayloadToolCalls toolCalls={value.toolCalls} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.sources) && (\n        <SpanPayloadCollapsible label={`Sources (${value.sources.length})`}>\n          <SpanPayloadJson value={value.sources} />\n        </SpanPayloadCollapsible>\n      )}\n      {hasItems(value.files) && (\n        <SpanPayloadCollapsible label={`Files (${value.files.length})`}>\n          {value.files.map((file, index) => (\n            <SpanPayloadAttachment key={index} value={file} />\n          ))}\n        </SpanPayloadCollapsible>\n      )}\n      {hasItems(value.warnings) && (\n        <SpanPayloadCollapsible label={`Warnings (${value.warnings.length})`}>\n          <SpanPayloadJson value={value.warnings} />\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\nfunction SpanModelStepResultRenderer({ value }: { value: ModelStepResult }) {\n  return (\n    <div data-slot=\"span-model-step-result\" className=\"flex flex-col gap-3\">\n      {typeof value.text === 'string' && value.text.length > 0 && (\n        <SpanPayloadMarkdown>{value.text}</SpanPayloadMarkdown>\n      )}\n      {hasItems(value.toolCalls) && (\n        <SpanPayloadField label={`Tool calls (${value.toolCalls.length})`}>\n          <SpanPayloadToolCalls toolCalls={value.toolCalls} />\n        </SpanPayloadField>\n      )}\n      {value.object !== undefined && (\n        <SpanPayloadField label=\"Object\">\n          <SpanPayloadJson value={value.object} />\n        </SpanPayloadField>\n      )}\n      {hasItems(value.steps) && (\n        <SpanPayloadCollapsible label={`Steps (${value.steps.length})`}>\n          <SpanPayloadJson value={value.steps} />\n        </SpanPayloadCollapsible>\n      )}\n    </div>\n  );\n}\n\n/** One renderer per `describeSpanOutput` tag; see `SPAN_INPUT_RENDERERS`. */\nconst SPAN_OUTPUT_RENDERERS = {\n  interrupted: SpanInterruptedRenderer,\n  'agent-run-result': SpanAgentRunResultRenderer,\n  'model-generation-result': SpanModelGenerationResultRenderer,\n  'model-step-result': SpanModelStepResultRenderer,\n  processor: SpanPayloadProcessor,\n  text: SpanTextRenderer,\n  json: SpanPayloadJson,\n} satisfies PayloadRegistry<SpanOutputDescription>;\n\nexport interface SpanOutputRendererProps {\n  span: SpanRecord;\n}\n\n/** Renders a span's output through the registry; `null` when the span recorded none. */\nexport function SpanOutputRenderer({ span }: SpanOutputRendererProps) {\n  const description = describeSpanOutput(asCoreSpan(span));\n  if (!description) return null;\n  if (description.type === 'json') return <SpanPayloadJson value={description.value} />;\n  const Renderer = pickRenderer(SPAN_OUTPUT_RENDERERS, description);\n  return (\n    <Card data-slot=\"span-output-card\" className=\"min-w-0\">\n      <CardContent>\n        <Renderer value={description.value} />\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const code = require('../../../../code-D_sH618U.cjs');
+const code = require('../../../../code-Dcah35Gp.cjs');
 const primitives_raisedSurface = require('../../../../primitives/raised-surface.cjs.js');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
 
@@ -16,8 +16,9 @@ function SpanPayloadJson({ value, className }) {
       "data-slot": "span-payload-json",
       className: utils_cn.cn(
         primitives_raisedSurface.raisedSurfaceStyle,
-        "rounded-lg p-3 text-caption text-wrap break-all text-muted-foreground",
-        className
+        "rounded-lg p-3 text-wrap break-all text-muted-foreground",
+        className,
+        "text-caption"
       )
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"span-payload-json.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-json.tsx"],"sourcesContent":["import { Code } from '@/ds/components/Code/code';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface SpanPayloadJsonProps {\n  value: unknown;\n  className?: string;\n}\n\n/** Fallback renderer: pretty-printed JSON for any payload core does not describe in more detail. */\nexport function SpanPayloadJson({ value, className }: SpanPayloadJsonProps) {\n  return (\n    <Code\n      code={JSON.stringify(value ?? null, null, 2)}\n      lang=\"json\"\n      data-slot=\"span-payload-json\"\n      className={cn(\n        raisedSurfaceStyle,\n        'rounded-lg p-3 text-caption text-wrap break-all text-muted-foreground',\n        className,\n      )}\n    />\n  );\n}\n"],"names":["jsx","Code","cn","raisedSurfaceStyle"],"mappings":";;;;;;;;;AAUO,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,SAAA,EAAU,EAAyB;AAC1E,EAAA,uBACEA,cAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAA,CAAK,SAAA,CAAU,KAAA,IAAS,IAAA,EAAM,MAAM,CAAC,CAAA;AAAA,MAC3C,IAAA,EAAK,MAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAWC,WAAA;AAAA,QACTC,2CAAA;AAAA,QACA,uEAAA;AAAA,QACA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"span-payload-json.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-json.tsx"],"sourcesContent":["import { Code } from '@/ds/components/Code/code';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface SpanPayloadJsonProps {\n  value: unknown;\n  className?: string;\n}\n\n/** Fallback renderer: pretty-printed JSON for any payload core does not describe in more detail. */\nexport function SpanPayloadJson({ value, className }: SpanPayloadJsonProps) {\n  return (\n    <Code\n      code={JSON.stringify(value ?? null, null, 2)}\n      lang=\"json\"\n      data-slot=\"span-payload-json\"\n      className={cn(\n        raisedSurfaceStyle,\n        'rounded-lg p-3 text-wrap break-all text-muted-foreground',\n        className,\n        'text-caption',\n      )}\n    />\n  );\n}\n"],"names":["jsx","Code","cn","raisedSurfaceStyle"],"mappings":";;;;;;;;;AAUO,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,SAAA,EAAU,EAAyB;AAC1E,EAAA,uBACEA,cAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAA,CAAK,SAAA,CAAU,KAAA,IAAS,IAAA,EAAM,MAAM,CAAC,CAAA;AAAA,MAC3C,IAAA,EAAK,MAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAWC,WAAA;AAAA,QACTC,2CAAA;AAAA,QACA,0DAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { C as Code } from '../../../../code-C8akLzcu.js';
+import { C as Code } from '../../../../code-DAXWNzvf.js';
 import { raisedSurfaceStyle } from '../../../../primitives/raised-surface.es.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 
@@ -12,8 +12,9 @@ function SpanPayloadJson({ value, className }) {
       "data-slot": "span-payload-json",
       className: cn(
         raisedSurfaceStyle,
-        "rounded-lg p-3 text-caption text-wrap break-all text-muted-foreground",
-        className
+        "rounded-lg p-3 text-wrap break-all text-muted-foreground",
+        className,
+        "text-caption"
       )
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"span-payload-json.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-json.tsx"],"sourcesContent":["import { Code } from '@/ds/components/Code/code';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface SpanPayloadJsonProps {\n  value: unknown;\n  className?: string;\n}\n\n/** Fallback renderer: pretty-printed JSON for any payload core does not describe in more detail. */\nexport function SpanPayloadJson({ value, className }: SpanPayloadJsonProps) {\n  return (\n    <Code\n      code={JSON.stringify(value ?? null, null, 2)}\n      lang=\"json\"\n      data-slot=\"span-payload-json\"\n      className={cn(\n        raisedSurfaceStyle,\n        'rounded-lg p-3 text-caption text-wrap break-all text-muted-foreground',\n        className,\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAUO,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,SAAA,EAAU,EAAyB;AAC1E,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAA,CAAK,SAAA,CAAU,KAAA,IAAS,IAAA,EAAM,MAAM,CAAC,CAAA;AAAA,MAC3C,IAAA,EAAK,MAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA;AAAA,QACA,uEAAA;AAAA,QACA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"span-payload-json.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-payload-json.tsx"],"sourcesContent":["import { Code } from '@/ds/components/Code/code';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface SpanPayloadJsonProps {\n  value: unknown;\n  className?: string;\n}\n\n/** Fallback renderer: pretty-printed JSON for any payload core does not describe in more detail. */\nexport function SpanPayloadJson({ value, className }: SpanPayloadJsonProps) {\n  return (\n    <Code\n      code={JSON.stringify(value ?? null, null, 2)}\n      lang=\"json\"\n      data-slot=\"span-payload-json\"\n      className={cn(\n        raisedSurfaceStyle,\n        'rounded-lg p-3 text-wrap break-all text-muted-foreground',\n        className,\n        'text-caption',\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAUO,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,SAAA,EAAU,EAAyB;AAC1E,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAA,CAAK,SAAA,CAAU,KAAA,IAAS,IAAA,EAAM,MAAM,CAAC,CAAA;AAAA,MAC3C,IAAA,EAAK,MAAA;AAAA,MACL,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA;AAAA,QACA,0DAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_components_spanPayload_spanPayloadAttachment = require('./span-payload-attachment.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-0b_ow5Rt.cjs');
-const reasoningActivity = require('../../../../reasoning-activity-Bux9ZUhr.cjs');
-const message = require('../../../../message-BSjrZWVU.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIyQNNw0.cjs');
+const reasoningActivity = require('../../../../reasoning-activity-Cfelxr49.cjs');
+const message = require('../../../../message-La-BSpBC.cjs');
 
 const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 function dedent(text) {

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

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { SpanPayloadAttachment } from './span-payload-attachment.es.js';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { d as SpanPayloadLabel, a as SpanPayloadMarkdown, e as SpanPayloadTool } from '../../../../span-payload-primitives-XWZOfAi-.js';
-import { R as ReasoningActivity } from '../../../../reasoning-activity-Du19QVGl.js';
-import { a as Message } from '../../../../message-DGYBEr0X.js';
+import { d as SpanPayloadLabel, a as SpanPayloadMarkdown, e as SpanPayloadTool } from '../../../../span-payload-primitives-Cniig-k4.js';
+import { R as ReasoningActivity } from '../../../../reasoning-activity-CS-aUa1E.js';
+import { a as Message } from '../../../../message-16E_OfJr.js';
 
 const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 function dedent(text) {

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

@@ -4,9 +4,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('react/jsx-runtime');
 require('lucide-react');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-0b_ow5Rt.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIyQNNw0.cjs');
 require('../../../../collapsible-jfzzU7Gp.cjs');
-require('../../../../markdown-renderer-BCeiKCA4.cjs');
+require('../../../../markdown-renderer-4P5RZjlT.cjs');
+require('../../../../Txt-DFPibRb3.cjs');
 
 
 

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

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

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

@@ -1,6 +1,7 @@
 import 'react/jsx-runtime';
 import 'lucide-react';
-export { c as SpanPayloadCollapsible, S as SpanPayloadField, d as SpanPayloadLabel, a as SpanPayloadMarkdown, b as SpanPayloadToolCalls } from '../../../../span-payload-primitives-XWZOfAi-.js';
+export { c as SpanPayloadCollapsible, S as SpanPayloadField, d as SpanPayloadLabel, a as SpanPayloadMarkdown, b as SpanPayloadToolCalls } from '../../../../span-payload-primitives-Cniig-k4.js';
 import '../../../../collapsible-BNUn4644.js';
-import '../../../../markdown-renderer-CKSEkKch.js';
+import '../../../../markdown-renderer-DR6SJPyB.js';
+import '../../../../Txt-CuuPO9Ho.js';
 //# sourceMappingURL=span-payload-primitives.es.js.map

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

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

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

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 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-0b_ow5Rt.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIyQNNw0.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const dataKeysAndValues = require('../../../../data-keys-and-values-DnpdW8zx.cjs');