@mastra/playground-ui 58.1.0-alpha.0 → 59.0.0

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

@@ -6,12 +6,13 @@ 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-CjlNH9C-.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-Dq8WqqNm.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 domains_chat_messages_reasoning = require('../../../chat/messages/reasoning.cjs.js');
 const Card = require('../../../../Card-BbwF20OW.cjs');
 const dataKeysAndValues = require('../../../../data-keys-and-values-CMJ9zHKm.cjs');
+const inlineCode = require('../../../../inline-code-CSwG-x8D.cjs');
 const Notice = require('../../../../Notice-AUNd8fqT.cjs');
 
 function SpanTextRenderer({ value }) {
@@ -40,7 +41,7 @@ function SpanAgentRunResultRenderer({ value }) {
       value.tripwire.reason && /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice.Message, { children: value.tripwire.reason }),
       value.tripwire.processorId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-caption", children: [
         "Processor ",
-        /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono", children: value.tripwire.processorId })
+        /* @__PURE__ */ jsxRuntime.jsx(inlineCode.InlineCode, { children: value.tripwire.processorId })
       ] })
     ] }),
     typeof value.text === "string" && value.text.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadTool.SpanPayloadMarkdown, { children: value.text }),

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 { Reasoning } from '@/domains/chat/messages/reasoning';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\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 = value.status === 'suspended' ? 'Suspended' : 'Aborted';\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 <code className=\"font-mono\">{value.tripwire.processorId}</code>\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' && <Reasoning 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","SpanPayloadField","SpanPayloadJson","hasItems","SpanPayloadCollapsible","SpanPayloadAttachment","Reasoning","SpanPayloadToolCalls","SpanPayloadProcessor","describeSpanOutput","asCoreSpan","pickRenderer","Card","CardContent"],"mappings":";;;;;;;;;;;;;;;;AAyBA,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAM,EAAsB;AACtD,EAAA,uBAAOA,cAAA,CAACC,6EAAqB,QAAA,EAAA,KAAA,EAAM,CAAA;AACrC;AAEA,SAAS,uBAAA,CAAwB,EAAE,KAAA,EAAM,EAAqC;AAC5E,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,MAAA,KAAW,WAAA,GAAc,WAAA,GAAc,SAAA;AAC3D,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,QAAA,KAAa,MAAA,IAAa,MAAM,UAAA,KAAe,MAAA;AACvE,EAAA,uBACEC,eAAA,CAAC,SAAI,WAAA,EAAU,kBAAA,EAAmB,eAAa,KAAA,CAAM,MAAA,EAAQ,WAAU,qBAAA,EACrE,QAAA,EAAA;AAAA,oBAAAF,cAAA,CAACG,aAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,KAAA,EACvB,QAAA,EAAA,KAAA,CAAM,MAAA,oBAAUH,cAAA,CAACG,aAAA,CAAO,OAAA,EAAP,EAAgB,QAAA,EAAA,KAAA,CAAM,MAAA,EAAO,CAAA,EACjD,CAAA;AAAA,IACC,SAAA,oCACEC,mCAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,KAAA,CAAM,QAAA,KAAa,0BAClBF,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAAL,cAAA,CAACI,mCAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,wBAC3BJ,cAAA,CAACI,mCAAA,CAAkB,KAAA,EAAlB,EAAyB,gBAAM,QAAA,EAAS;AAAA,OAAA,EAC3C,CAAA;AAAA,MAED,KAAA,CAAM,UAAA,KAAe,MAAA,oBACpBF,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAAL,cAAA,CAACI,mCAAA,CAAkB,GAAA,EAAlB,EAAsB,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,wBACnCJ,cAAA,CAACI,oCAAkB,gBAAA,EAAlB,EAAmC,WAAW,KAAA,CAAM,UAAA,EAClD,gBAAM,UAAA,EACT;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAEA,SAAS,0BAAA,CAA2B,EAAE,KAAA,EAAM,EAA8B;AACxE,EAAA,uBACEF,eAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,uBAAA,EAAwB,WAAU,qBAAA,EAC9C,QAAA,EAAA;AAAA,IAAA,KAAA,CAAM,4BACLA,eAAA,CAACC,aAAA,EAAA,EAAO,OAAA,EAAQ,aAAA,EAAc,OAAM,UAAA,EACjC,QAAA,EAAA;AAAA,MAAA,KAAA,CAAM,QAAA,CAAS,0BAAUH,cAAA,CAACG,aAAA,CAAO,SAAP,EAAgB,QAAA,EAAA,KAAA,CAAM,SAAS,MAAA,EAAO,CAAA;AAAA,MAChE,MAAM,QAAA,CAAS,WAAA,oBACdD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,cAAA,EAAe,QAAA,EAAA;AAAA,QAAA,YAAA;AAAA,uCACjB,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAa,QAAA,EAAA,KAAA,CAAM,SAAS,WAAA,EAAY;AAAA,OAAA,EACpE;AAAA,KAAA,EAEJ,CAAA;AAAA,IAED,OAAO,KAAA,CAAM,IAAA,KAAS,QAAA,IAAY,KAAA,CAAM,IAAA,CAAK,MAAA,GAAS,CAAA,oBACrDF,cAAA,CAACC,yEAAA,EAAA,EAAqB,QAAA,EAAA,KAAA,CAAM,IAAA,EAAK,CAAA;AAAA,IAElC,KAAA,CAAM,MAAA,KAAW,MAAA,oBAChBD,cAAA,CAACM,sEAAA,EAAA,EAAiB,KAAA,EAAM,QAAA,EACtB,QAAA,kBAAAN,cAAA,CAACO,qEAAA,EAAA,EAAgB,KAAA,EAAO,KAAA,CAAM,MAAA,EAAQ,CAAA,EACxC,CAAA;AAAA,IAEDC,kEAAA,CAAS,KAAA,CAAM,KAAK,CAAA,oBACnBR,cAAA,CAACS,gFAAuB,KAAA,EAAO,CAAA,OAAA,EAAU,KAAA,CAAM,KAAA,CAAM,MAAM,CAAA,CAAA,CAAA,EACxD,gBAAM,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,qBACtBT,cAAA,CAACU,qFAAkC,KAAA,EAAO,IAAA,EAAA,EAAd,KAAoB,CACjD,CAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAEA,SAAS,iCAAA,CAAkC,EAAE,KAAA,EAAM,EAAqC;AACtF,EAAA,uBACER,eAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,8BAAA,EAA+B,WAAU,qBAAA,EACrD,QAAA,EAAA;AAAA,IAAA,OAAO,KAAA,CAAM,IAAA,KAAS,QAAA,IAAY,KAAA,CAAM,IAAA,CAAK,SAAS,CAAA,oBACrDF,cAAA,CAACC,yEAAA,EAAA,EAAqB,QAAA,EAAA,KAAA,CAAM,IAAA,EAAK,CAAA;AAAA,IAElC,OAAO,MAAM,aAAA,KAAkB,QAAA,mCAAaU,yCAAA,EAAA,EAAU,IAAA,EAAM,MAAM,aAAA,EAAe,CAAA;AAAA,IACjF,KAAA,CAAM,SAAA,KAAc,MAAA,oBACnBX,cAAA,CAACS,4EAAA,EAAA,EAAuB,KAAA,EAAM,mBAAA,EAC5B,QAAA,kBAAAT,cAAA,CAACO,qEAAA,EAAA,EAAgB,KAAA,EAAO,KAAA,CAAM,SAAA,EAAW,CAAA,EAC3C,CAAA;AAAA,IAED,KAAA,CAAM,MAAA,KAAW,MAAA,oBAChBP,cAAA,CAACM,sEAAA,EAAA,EAAiB,KAAA,EAAM,QAAA,EACtB,QAAA,kBAAAN,cAAA,CAACO,qEAAA,EAAA,EAAgB,KAAA,EAAO,KAAA,CAAM,MAAA,EAAQ,CAAA,EACxC,CAAA;AAAA,IAEDC,mEAAS,KAAA,CAAM,SAAS,CAAA,oBACvBR,cAAA,CAACM,0EAAiB,KAAA,EAAO,CAAA,YAAA,EAAe,KAAA,CAAM,SAAA,CAAU,MAAM,CAAA,CAAA,CAAA,EAC5D,QAAA,kBAAAN,cAAA,CAACY,8EAAqB,SAAA,EAAW,KAAA,CAAM,WAAW,CAAA,EACpD,CAAA;AAAA,IAEDJ,mEAAS,KAAA,CAAM,OAAO,CAAA,oBACrBR,cAAA,CAACS,gFAAuB,KAAA,EAAO,CAAA,SAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,MAAM,CAAA,CAAA,CAAA,EAC7D,QAAA,kBAAAT,cAAA,CAACO,yEAAgB,KAAA,EAAO,KAAA,CAAM,SAAS,CAAA,EACzC,CAAA;AAAA,IAEDC,kEAAA,CAAS,KAAA,CAAM,KAAK,CAAA,oBACnBR,cAAA,CAACS,gFAAuB,KAAA,EAAO,CAAA,OAAA,EAAU,KAAA,CAAM,KAAA,CAAM,MAAM,CAAA,CAAA,CAAA,EACxD,gBAAM,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,qBACtBT,cAAA,CAACU,qFAAkC,KAAA,EAAO,IAAA,EAAA,EAAd,KAAoB,CACjD,CAAA,EACH,CAAA;AAAA,IAEDF,mEAAS,KAAA,CAAM,QAAQ,CAAA,oBACtBR,cAAA,CAACS,gFAAuB,KAAA,EAAO,CAAA,UAAA,EAAa,KAAA,CAAM,QAAA,CAAS,MAAM,CAAA,CAAA,CAAA,EAC/D,QAAA,kBAAAT,cAAA,CAACO,yEAAgB,KAAA,EAAO,KAAA,CAAM,UAAU,CAAA,EAC1C;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAEA,SAAS,2BAAA,CAA4B,EAAE,KAAA,EAAM,EAA+B;AAC1E,EAAA,uBACEL,eAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,wBAAA,EAAyB,WAAU,qBAAA,EAC/C,QAAA,EAAA;AAAA,IAAA,OAAO,KAAA,CAAM,IAAA,KAAS,QAAA,IAAY,KAAA,CAAM,IAAA,CAAK,SAAS,CAAA,oBACrDF,cAAA,CAACC,yEAAA,EAAA,EAAqB,QAAA,EAAA,KAAA,CAAM,IAAA,EAAK,CAAA;AAAA,IAElCO,mEAAS,KAAA,CAAM,SAAS,CAAA,oBACvBR,cAAA,CAACM,0EAAiB,KAAA,EAAO,CAAA,YAAA,EAAe,KAAA,CAAM,SAAA,CAAU,MAAM,CAAA,CAAA,CAAA,EAC5D,QAAA,kBAAAN,cAAA,CAACY,8EAAqB,SAAA,EAAW,KAAA,CAAM,WAAW,CAAA,EACpD,CAAA;AAAA,IAED,KAAA,CAAM,MAAA,KAAW,MAAA,oBAChBZ,cAAA,CAACM,sEAAA,EAAA,EAAiB,KAAA,EAAM,QAAA,EACtB,QAAA,kBAAAN,cAAA,CAACO,qEAAA,EAAA,EAAgB,KAAA,EAAO,KAAA,CAAM,MAAA,EAAQ,CAAA,EACxC,CAAA;AAAA,IAEDC,mEAAS,KAAA,CAAM,KAAK,CAAA,oBACnBR,cAAA,CAACS,gFAAuB,KAAA,EAAO,CAAA,OAAA,EAAU,KAAA,CAAM,KAAA,CAAM,MAAM,CAAA,CAAA,CAAA,EACzD,QAAA,kBAAAT,cAAA,CAACO,yEAAgB,KAAA,EAAO,KAAA,CAAM,OAAO,CAAA,EACvC;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAGA,MAAM,qBAAA,GAAwB;AAAA,EAC5B,WAAA,EAAa,uBAAA;AAAA,EACb,kBAAA,EAAoB,0BAAA;AAAA,EACpB,yBAAA,EAA2B,iCAAA;AAAA,EAC3B,mBAAA,EAAqB,2BAAA;AAAA,EACrB,SAAA,EAAWM,+EAAA;AAAA,EACX,IAAA,EAAM,gBAAA;AAAA,EACN,IAAA,EAAMN;AACR,CAAA;AAOO,SAAS,kBAAA,CAAmB,EAAE,IAAA,EAAK,EAA4B;AACpE,EAAA,MAAM,WAAA,GAAcO,gCAAA,CAAmBC,oEAAA,CAAW,IAAI,CAAC,CAAA;AACvD,EAAA,IAAI,CAAC,aAAa,OAAO,IAAA;AACzB,EAAA,IAAI,WAAA,CAAY,SAAS,MAAA,EAAQ,sCAAQR,qEAAA,EAAA,EAAgB,KAAA,EAAO,YAAY,KAAA,EAAO,CAAA;AACnF,EAAA,MAAM,QAAA,GAAWS,sEAAA,CAAa,qBAAA,EAAuB,WAAW,CAAA;AAChE,EAAA,uBACEhB,cAAA,CAACiB,SAAA,EAAA,EAAK,WAAA,EAAU,kBAAA,EAAmB,WAAU,SAAA,EAC3C,QAAA,kBAAAjB,cAAA,CAACkB,gBAAA,EAAA,EACC,QAAA,kBAAAlB,cAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,WAAA,CAAY,KAAA,EAAO,GACtC,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"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 { Reasoning } from '@/domains/chat/messages/reasoning';\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 = value.status === 'suspended' ? 'Suspended' : 'Aborted';\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' && <Reasoning 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","Reasoning","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,12 +2,13 @@ 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-Buq9V8nK.js';
+import { a as SpanPayloadMarkdown, S as SpanPayloadField, b as SpanPayloadToolCalls, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-Dmzm3mb2.js';
 import { SpanPayloadProcessor } from './span-payload-processor.es.js';
 import { asCoreSpan, pickRenderer, hasItems } from './span-payload-registry.es.js';
 import { Reasoning } from '../../../chat/messages/reasoning.es.js';
 import { C as Card, a as CardContent } from '../../../../Card-DmT57Pve.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-BTYDB-K2.js';
+import { I as InlineCode } from '../../../../inline-code-BW6W121s.js';
 import { N as Notice } from '../../../../Notice-WT8G4OA6.js';
 
 function SpanTextRenderer({ value }) {
@@ -36,7 +37,7 @@ function SpanAgentRunResultRenderer({ value }) {
       value.tripwire.reason && /* @__PURE__ */ jsx(Notice.Message, { children: value.tripwire.reason }),
       value.tripwire.processorId && /* @__PURE__ */ jsxs("div", { className: "text-caption", children: [
         "Processor ",
-        /* @__PURE__ */ jsx("code", { className: "font-mono", children: value.tripwire.processorId })
+        /* @__PURE__ */ jsx(InlineCode, { children: value.tripwire.processorId })
       ] })
     ] }),
     typeof value.text === "string" && value.text.length > 0 && /* @__PURE__ */ jsx(SpanPayloadMarkdown, { children: value.text }),

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 { Reasoning } from '@/domains/chat/messages/reasoning';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\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 = value.status === 'suspended' ? 'Suspended' : 'Aborted';\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 <code className=\"font-mono\">{value.tripwire.processorId}</code>\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' && <Reasoning 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 { Reasoning } from '@/domains/chat/messages/reasoning';\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 = value.status === 'suspended' ? 'Suspended' : 'Aborted';\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' && <Reasoning 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

@@ -16,7 +16,7 @@ function SpanPayloadJson({ value, className }) {
       "data-slot": "span-payload-json",
       className: utils_cn.cn(
         primitives_raisedSurface.raisedSurfaceStyle,
-        "max-h-[30vh] overflow-y-auto rounded-lg p-3 font-mono text-caption text-wrap break-all text-muted-foreground",
+        "max-h-[30vh] overflow-y-auto rounded-lg p-3 text-caption text-wrap break-all text-muted-foreground",
         className
       )
     }

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        'max-h-[30vh] overflow-y-auto rounded-lg p-3 font-mono 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,8GAAA;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        'max-h-[30vh] overflow-y-auto 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,oGAAA;AAAA,QACA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

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

@@ -12,7 +12,7 @@ function SpanPayloadJson({ value, className }) {
       "data-slot": "span-payload-json",
       className: cn(
         raisedSurfaceStyle,
-        "max-h-[30vh] overflow-y-auto rounded-lg p-3 font-mono text-caption text-wrap break-all text-muted-foreground",
+        "max-h-[30vh] overflow-y-auto rounded-lg p-3 text-caption text-wrap break-all text-muted-foreground",
         className
       )
     }

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        'max-h-[30vh] overflow-y-auto rounded-lg p-3 font-mono 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,8GAAA;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        'max-h-[30vh] overflow-y-auto 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,oGAAA;AAAA,QACA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

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

@@ -5,7 +5,7 @@ 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-CjlNH9C-.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-Dq8WqqNm.cjs');
 const domains_chat_messages_reasoning = require('../../../chat/messages/reasoning.cjs.js');
 const message = require('../../../../message-D9b33Pf_.cjs');
 

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

@@ -1,7 +1,7 @@
 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-Buq9V8nK.js';
+import { d as SpanPayloadLabel, a as SpanPayloadMarkdown, e as SpanPayloadTool } from '../../../../span-payload-primitives-Dmzm3mb2.js';
 import { Reasoning } from '../../../chat/messages/reasoning.es.js';
 import { M as Message } from '../../../../message-Cs8NW-MR.js';
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('react/jsx-runtime');
 require('lucide-react');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-CjlNH9C-.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-Dq8WqqNm.cjs');
 require('../../../../collapsible-BFSJouuI.cjs');
 require('../../../../markdown-renderer-DtH58325.cjs');
 

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

@@ -1,6 +1,6 @@
 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-Buq9V8nK.js';
+export { c as SpanPayloadCollapsible, S as SpanPayloadField, d as SpanPayloadLabel, a as SpanPayloadMarkdown, b as SpanPayloadToolCalls } from '../../../../span-payload-primitives-Dmzm3mb2.js';
 import '../../../../collapsible-DhhP5p1j.js';
 import '../../../../markdown-renderer-Ces7VyRK.js';
 //# sourceMappingURL=span-payload-primitives.es.js.map

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-CjlNH9C-.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-Dq8WqqNm.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const dataKeysAndValues = require('../../../../data-keys-and-values-CMJ9zHKm.cjs');
 

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

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Fragment } from 'react';
 import { SpanPayloadJson } from './span-payload-json.es.js';
 import { SpanPayloadMessages } from './span-payload-messages.es.js';
-import { S as SpanPayloadField, b as SpanPayloadToolCalls, a as SpanPayloadMarkdown, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-Buq9V8nK.js';
+import { S as SpanPayloadField, b as SpanPayloadToolCalls, a as SpanPayloadMarkdown, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-Dmzm3mb2.js';
 import { hasItems } from './span-payload-registry.es.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-BTYDB-K2.js';
 

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('react/jsx-runtime');
 require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-CjlNH9C-.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-Dq8WqqNm.cjs');
 require('../../../chat/components/badge-wrapper.cjs.js');
-require('../../../../tool-call-C0JeHe8Z.cjs');
+require('../../../../tool-call-CnEm3eE0.cjs');
 require('../../../../tool-presentation-BGWx2mEc.cjs');
 
 

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

@@ -1,7 +1,7 @@
 import 'react/jsx-runtime';
 import './span-payload-json.es.js';
-export { e as SpanPayloadTool } from '../../../../span-payload-primitives-Buq9V8nK.js';
+export { e as SpanPayloadTool } from '../../../../span-payload-primitives-Dmzm3mb2.js';
 import '../../../chat/components/badge-wrapper.es.js';
-import '../../../../tool-call-Bs-9Cah5.js';
+import '../../../../tool-call-CIeNEYpK.js';
 import '../../../../tool-presentation-D-smNbXC.js';
 //# sourceMappingURL=span-payload-tool.es.js.map

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

@@ -6,11 +6,12 @@ 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-CjlNH9C-.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-Dq8WqqNm.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const Card = require('../../../../Card-BbwF20OW.cjs');
 const dataKeysAndValues = require('../../../../data-keys-and-values-CMJ9zHKm.cjs');
 const Notice = require('../../../../Notice-AUNd8fqT.cjs');
+const Txt = require('../../../../Txt-DPmEpNbp.cjs');
 const utils_duration = require('../../../../utils/duration.cjs.js');
 
 const MUTATION_LABELS = {
@@ -65,7 +66,7 @@ function SpanProcessorAttributes({ span }) {
       ] }),
       hookDuration && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Hook duration" }),
-        /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Value, { children: hookDuration })
+        /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Value, { children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "body-sm", font: "mono", children: hookDuration }) })
       ] })
     ] }),
     tripwireAbort && /* @__PURE__ */ jsxRuntime.jsxs(Notice.Notice, { variant: "destructive", title: "Tripwire", children: [

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

@@ -1 +1 @@
-{"version":3,"file":"span-processor-attributes.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-processor-attributes.tsx"],"sourcesContent":["import { describeProcessorPipeline } from '@mastra/core/observability';\nimport type { ProcessorPipelineDescription } from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMessages } from './span-payload-messages';\nimport { SpanPayloadCollapsible, SpanPayloadField } from './span-payload-primitives';\nimport { asCoreSpan } from './span-payload-registry';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { Notice } from '@/ds/components/Notice';\nimport { formatDuration } from '@/utils/duration';\n\n/** Mutation kinds as actions a reader recognises. */\nconst MUTATION_LABELS: Record<string, string> = {\n  add: 'Added messages',\n  addSystem: 'Added system message',\n  removeByIds: 'Removed messages',\n  clear: 'Cleared messages',\n};\n\nfunction Mutations({ mutations }: { mutations: NonNullable<ProcessorPipelineDescription['messageListMutations']> }) {\n  return (\n    <ul data-slot=\"span-processor-mutations\" className=\"flex flex-col gap-1.5\">\n      {mutations.map((mutation, index) => {\n        if (typeof mutation !== 'object' || mutation === null) {\n          return (\n            <li key={index}>\n              <SpanPayloadJson value={mutation} />\n            </li>\n          );\n        }\n        const detail = [\n          mutation.source,\n          mutation.tag,\n          mutation.count !== undefined ? `${mutation.count} message${mutation.count === 1 ? '' : 's'}` : undefined,\n        ]\n          .filter(Boolean)\n          .join(' · ');\n\n        return (\n          <li key={index} className=\"flex flex-col gap-2\">\n            <div className=\"flex flex-wrap items-center gap-2 text-body text-foreground\">\n              <span>{MUTATION_LABELS[mutation.type] ?? mutation.type}</span>\n              {detail && <span className=\"text-meta text-placeholder\">{detail}</span>}\n            </div>\n            {mutation.message !== undefined && <SpanPayloadMessages value={[mutation.message]} />}\n            {mutation.ids && mutation.ids.length > 0 && (\n              <SpanPayloadCollapsible label={`Removed ids (${mutation.ids.length})`}>\n                <SpanPayloadJson value={mutation.ids} />\n              </SpanPayloadCollapsible>\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport interface SpanProcessorAttributesProps {\n  span: SpanRecord;\n}\n\n/**\n * The runner-owned attributes of a processor span, as labelled values.\n * `describeProcessorPipeline` decides which keys are known, so \"Other attributes\"\n * holds only what this view does not show.\n */\nexport function SpanProcessorAttributes({ span }: SpanProcessorAttributesProps) {\n  const pipeline = describeProcessorPipeline(asCoreSpan(span));\n  if (!pipeline) return null;\n\n  const { phaseLabel, executor, processorIndex, hookDurationMs, messageListMutations, tripwireAbort, rest } = pipeline;\n  const processorName = span.entityName ?? span.entityId;\n  const hookDuration = hookDurationMs === undefined ? undefined : formatDuration(hookDurationMs);\n\n  return (\n    <Card data-slot=\"span-processor-attributes-card\" className=\"min-w-0\">\n      <CardContent>\n        <div data-slot=\"span-processor-attributes\" className=\"flex flex-col gap-3\">\n          <DataKeysAndValues>\n            {processorName && (\n              <>\n                <DataKeysAndValues.Key>Processor</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{processorName}</DataKeysAndValues.Value>\n              </>\n            )}\n            <>\n              <DataKeysAndValues.Key>Phase</DataKeysAndValues.Key>\n              <DataKeysAndValues.Value>{phaseLabel}</DataKeysAndValues.Value>\n            </>\n            {executor && (\n              <>\n                <DataKeysAndValues.Key>Executor</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{executor === 'workflow' ? 'Workflow' : 'Legacy'}</DataKeysAndValues.Value>\n              </>\n            )}\n            {processorIndex !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Pipeline position</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{processorIndex + 1}</DataKeysAndValues.Value>\n              </>\n            )}\n            {hookDuration && (\n              <>\n                <DataKeysAndValues.Key>Hook duration</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{hookDuration}</DataKeysAndValues.Value>\n              </>\n            )}\n          </DataKeysAndValues>\n\n          {tripwireAbort && (\n            <Notice variant=\"destructive\" title=\"Tripwire\">\n              {tripwireAbort.reason && <Notice.Message>{tripwireAbort.reason}</Notice.Message>}\n              {tripwireAbort.retry !== undefined && (\n                <DataKeysAndValues>\n                  <DataKeysAndValues.Key>Retry</DataKeysAndValues.Key>\n                  <DataKeysAndValues.Value>{tripwireAbort.retry ? 'Yes' : 'No'}</DataKeysAndValues.Value>\n                </DataKeysAndValues>\n              )}\n              {tripwireAbort.metadata !== undefined && (\n                <SpanPayloadCollapsible label=\"Metadata\">\n                  <SpanPayloadJson value={tripwireAbort.metadata} />\n                </SpanPayloadCollapsible>\n              )}\n            </Notice>\n          )}\n\n          {messageListMutations && messageListMutations.length > 0 && (\n            <SpanPayloadField label=\"Message list changes\">\n              <Mutations mutations={messageListMutations} />\n            </SpanPayloadField>\n          )}\n\n          {rest && (\n            <SpanPayloadCollapsible label=\"Other attributes\">\n              <SpanPayloadJson value={rest} />\n            </SpanPayloadCollapsible>\n          )}\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":["jsx","SpanPayloadJson","jsxs","SpanPayloadMessages","SpanPayloadCollapsible","describeProcessorPipeline","asCoreSpan","formatDuration","Card","CardContent","DataKeysAndValues","Fragment","Notice","SpanPayloadField"],"mappings":"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"}
+{"version":3,"file":"span-processor-attributes.cjs.js","sources":["../../../../../src/domains/traces/components/span-payload/span-processor-attributes.tsx"],"sourcesContent":["import { describeProcessorPipeline } from '@mastra/core/observability';\nimport type { ProcessorPipelineDescription } from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMessages } from './span-payload-messages';\nimport { SpanPayloadCollapsible, SpanPayloadField } from './span-payload-primitives';\nimport { asCoreSpan } from './span-payload-registry';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { Notice } from '@/ds/components/Notice';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { formatDuration } from '@/utils/duration';\n\n/** Mutation kinds as actions a reader recognises. */\nconst MUTATION_LABELS: Record<string, string> = {\n  add: 'Added messages',\n  addSystem: 'Added system message',\n  removeByIds: 'Removed messages',\n  clear: 'Cleared messages',\n};\n\nfunction Mutations({ mutations }: { mutations: NonNullable<ProcessorPipelineDescription['messageListMutations']> }) {\n  return (\n    <ul data-slot=\"span-processor-mutations\" className=\"flex flex-col gap-1.5\">\n      {mutations.map((mutation, index) => {\n        if (typeof mutation !== 'object' || mutation === null) {\n          return (\n            <li key={index}>\n              <SpanPayloadJson value={mutation} />\n            </li>\n          );\n        }\n        const detail = [\n          mutation.source,\n          mutation.tag,\n          mutation.count !== undefined ? `${mutation.count} message${mutation.count === 1 ? '' : 's'}` : undefined,\n        ]\n          .filter(Boolean)\n          .join(' · ');\n\n        return (\n          <li key={index} className=\"flex flex-col gap-2\">\n            <div className=\"flex flex-wrap items-center gap-2 text-body text-foreground\">\n              <span>{MUTATION_LABELS[mutation.type] ?? mutation.type}</span>\n              {detail && <span className=\"text-meta text-placeholder\">{detail}</span>}\n            </div>\n            {mutation.message !== undefined && <SpanPayloadMessages value={[mutation.message]} />}\n            {mutation.ids && mutation.ids.length > 0 && (\n              <SpanPayloadCollapsible label={`Removed ids (${mutation.ids.length})`}>\n                <SpanPayloadJson value={mutation.ids} />\n              </SpanPayloadCollapsible>\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport interface SpanProcessorAttributesProps {\n  span: SpanRecord;\n}\n\n/**\n * The runner-owned attributes of a processor span, as labelled values.\n * `describeProcessorPipeline` decides which keys are known, so \"Other attributes\"\n * holds only what this view does not show.\n */\nexport function SpanProcessorAttributes({ span }: SpanProcessorAttributesProps) {\n  const pipeline = describeProcessorPipeline(asCoreSpan(span));\n  if (!pipeline) return null;\n\n  const { phaseLabel, executor, processorIndex, hookDurationMs, messageListMutations, tripwireAbort, rest } = pipeline;\n  const processorName = span.entityName ?? span.entityId;\n  const hookDuration = hookDurationMs === undefined ? undefined : formatDuration(hookDurationMs);\n\n  return (\n    <Card data-slot=\"span-processor-attributes-card\" className=\"min-w-0\">\n      <CardContent>\n        <div data-slot=\"span-processor-attributes\" className=\"flex flex-col gap-3\">\n          <DataKeysAndValues>\n            {processorName && (\n              <>\n                <DataKeysAndValues.Key>Processor</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{processorName}</DataKeysAndValues.Value>\n              </>\n            )}\n            <>\n              <DataKeysAndValues.Key>Phase</DataKeysAndValues.Key>\n              <DataKeysAndValues.Value>{phaseLabel}</DataKeysAndValues.Value>\n            </>\n            {executor && (\n              <>\n                <DataKeysAndValues.Key>Executor</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{executor === 'workflow' ? 'Workflow' : 'Legacy'}</DataKeysAndValues.Value>\n              </>\n            )}\n            {processorIndex !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Pipeline position</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{processorIndex + 1}</DataKeysAndValues.Value>\n              </>\n            )}\n            {hookDuration && (\n              <>\n                <DataKeysAndValues.Key>Hook duration</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>\n                  <Txt as=\"span\" variant=\"body-sm\" font=\"mono\">\n                    {hookDuration}\n                  </Txt>\n                </DataKeysAndValues.Value>\n              </>\n            )}\n          </DataKeysAndValues>\n\n          {tripwireAbort && (\n            <Notice variant=\"destructive\" title=\"Tripwire\">\n              {tripwireAbort.reason && <Notice.Message>{tripwireAbort.reason}</Notice.Message>}\n              {tripwireAbort.retry !== undefined && (\n                <DataKeysAndValues>\n                  <DataKeysAndValues.Key>Retry</DataKeysAndValues.Key>\n                  <DataKeysAndValues.Value>{tripwireAbort.retry ? 'Yes' : 'No'}</DataKeysAndValues.Value>\n                </DataKeysAndValues>\n              )}\n              {tripwireAbort.metadata !== undefined && (\n                <SpanPayloadCollapsible label=\"Metadata\">\n                  <SpanPayloadJson value={tripwireAbort.metadata} />\n                </SpanPayloadCollapsible>\n              )}\n            </Notice>\n          )}\n\n          {messageListMutations && messageListMutations.length > 0 && (\n            <SpanPayloadField label=\"Message list changes\">\n              <Mutations mutations={messageListMutations} />\n            </SpanPayloadField>\n          )}\n\n          {rest && (\n            <SpanPayloadCollapsible label=\"Other attributes\">\n              <SpanPayloadJson value={rest} />\n            </SpanPayloadCollapsible>\n          )}\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":["jsx","SpanPayloadJson","jsxs","SpanPayloadMessages","SpanPayloadCollapsible","describeProcessorPipeline","asCoreSpan","formatDuration","Card","CardContent","DataKeysAndValues","Fragment","Txt","Notice","SpanPayloadField"],"mappings":"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"}

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

@@ -2,11 +2,12 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeProcessorPipeline } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
 import { SpanPayloadMessages } from './span-payload-messages.es.js';
-import { c as SpanPayloadCollapsible, S as SpanPayloadField } from '../../../../span-payload-primitives-Buq9V8nK.js';
+import { c as SpanPayloadCollapsible, S as SpanPayloadField } from '../../../../span-payload-primitives-Dmzm3mb2.js';
 import { asCoreSpan } from './span-payload-registry.es.js';
 import { C as Card, a as CardContent } from '../../../../Card-DmT57Pve.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-BTYDB-K2.js';
 import { N as Notice } from '../../../../Notice-WT8G4OA6.js';
+import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
 import { formatDuration } from '../../../../utils/duration.es.js';
 
 const MUTATION_LABELS = {
@@ -61,7 +62,7 @@ function SpanProcessorAttributes({ span }) {
       ] }),
       hookDuration && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Hook duration" }),
-        /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: hookDuration })
+        /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: /* @__PURE__ */ jsx(Txt, { as: "span", variant: "body-sm", font: "mono", children: hookDuration }) })
       ] })
     ] }),
     tripwireAbort && /* @__PURE__ */ jsxs(Notice, { variant: "destructive", title: "Tripwire", children: [

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

@@ -1 +1 @@
-{"version":3,"file":"span-processor-attributes.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-processor-attributes.tsx"],"sourcesContent":["import { describeProcessorPipeline } from '@mastra/core/observability';\nimport type { ProcessorPipelineDescription } from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMessages } from './span-payload-messages';\nimport { SpanPayloadCollapsible, SpanPayloadField } from './span-payload-primitives';\nimport { asCoreSpan } from './span-payload-registry';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { Notice } from '@/ds/components/Notice';\nimport { formatDuration } from '@/utils/duration';\n\n/** Mutation kinds as actions a reader recognises. */\nconst MUTATION_LABELS: Record<string, string> = {\n  add: 'Added messages',\n  addSystem: 'Added system message',\n  removeByIds: 'Removed messages',\n  clear: 'Cleared messages',\n};\n\nfunction Mutations({ mutations }: { mutations: NonNullable<ProcessorPipelineDescription['messageListMutations']> }) {\n  return (\n    <ul data-slot=\"span-processor-mutations\" className=\"flex flex-col gap-1.5\">\n      {mutations.map((mutation, index) => {\n        if (typeof mutation !== 'object' || mutation === null) {\n          return (\n            <li key={index}>\n              <SpanPayloadJson value={mutation} />\n            </li>\n          );\n        }\n        const detail = [\n          mutation.source,\n          mutation.tag,\n          mutation.count !== undefined ? `${mutation.count} message${mutation.count === 1 ? '' : 's'}` : undefined,\n        ]\n          .filter(Boolean)\n          .join(' · ');\n\n        return (\n          <li key={index} className=\"flex flex-col gap-2\">\n            <div className=\"flex flex-wrap items-center gap-2 text-body text-foreground\">\n              <span>{MUTATION_LABELS[mutation.type] ?? mutation.type}</span>\n              {detail && <span className=\"text-meta text-placeholder\">{detail}</span>}\n            </div>\n            {mutation.message !== undefined && <SpanPayloadMessages value={[mutation.message]} />}\n            {mutation.ids && mutation.ids.length > 0 && (\n              <SpanPayloadCollapsible label={`Removed ids (${mutation.ids.length})`}>\n                <SpanPayloadJson value={mutation.ids} />\n              </SpanPayloadCollapsible>\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport interface SpanProcessorAttributesProps {\n  span: SpanRecord;\n}\n\n/**\n * The runner-owned attributes of a processor span, as labelled values.\n * `describeProcessorPipeline` decides which keys are known, so \"Other attributes\"\n * holds only what this view does not show.\n */\nexport function SpanProcessorAttributes({ span }: SpanProcessorAttributesProps) {\n  const pipeline = describeProcessorPipeline(asCoreSpan(span));\n  if (!pipeline) return null;\n\n  const { phaseLabel, executor, processorIndex, hookDurationMs, messageListMutations, tripwireAbort, rest } = pipeline;\n  const processorName = span.entityName ?? span.entityId;\n  const hookDuration = hookDurationMs === undefined ? undefined : formatDuration(hookDurationMs);\n\n  return (\n    <Card data-slot=\"span-processor-attributes-card\" className=\"min-w-0\">\n      <CardContent>\n        <div data-slot=\"span-processor-attributes\" className=\"flex flex-col gap-3\">\n          <DataKeysAndValues>\n            {processorName && (\n              <>\n                <DataKeysAndValues.Key>Processor</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{processorName}</DataKeysAndValues.Value>\n              </>\n            )}\n            <>\n              <DataKeysAndValues.Key>Phase</DataKeysAndValues.Key>\n              <DataKeysAndValues.Value>{phaseLabel}</DataKeysAndValues.Value>\n            </>\n            {executor && (\n              <>\n                <DataKeysAndValues.Key>Executor</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{executor === 'workflow' ? 'Workflow' : 'Legacy'}</DataKeysAndValues.Value>\n              </>\n            )}\n            {processorIndex !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Pipeline position</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{processorIndex + 1}</DataKeysAndValues.Value>\n              </>\n            )}\n            {hookDuration && (\n              <>\n                <DataKeysAndValues.Key>Hook duration</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{hookDuration}</DataKeysAndValues.Value>\n              </>\n            )}\n          </DataKeysAndValues>\n\n          {tripwireAbort && (\n            <Notice variant=\"destructive\" title=\"Tripwire\">\n              {tripwireAbort.reason && <Notice.Message>{tripwireAbort.reason}</Notice.Message>}\n              {tripwireAbort.retry !== undefined && (\n                <DataKeysAndValues>\n                  <DataKeysAndValues.Key>Retry</DataKeysAndValues.Key>\n                  <DataKeysAndValues.Value>{tripwireAbort.retry ? 'Yes' : 'No'}</DataKeysAndValues.Value>\n                </DataKeysAndValues>\n              )}\n              {tripwireAbort.metadata !== undefined && (\n                <SpanPayloadCollapsible label=\"Metadata\">\n                  <SpanPayloadJson value={tripwireAbort.metadata} />\n                </SpanPayloadCollapsible>\n              )}\n            </Notice>\n          )}\n\n          {messageListMutations && messageListMutations.length > 0 && (\n            <SpanPayloadField label=\"Message list changes\">\n              <Mutations mutations={messageListMutations} />\n            </SpanPayloadField>\n          )}\n\n          {rest && (\n            <SpanPayloadCollapsible label=\"Other attributes\">\n              <SpanPayloadJson value={rest} />\n            </SpanPayloadCollapsible>\n          )}\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"span-processor-attributes.es.js","sources":["../../../../../src/domains/traces/components/span-payload/span-processor-attributes.tsx"],"sourcesContent":["import { describeProcessorPipeline } from '@mastra/core/observability';\nimport type { ProcessorPipelineDescription } from '@mastra/core/observability';\nimport type { SpanRecord } from '../../types';\nimport { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadMessages } from './span-payload-messages';\nimport { SpanPayloadCollapsible, SpanPayloadField } from './span-payload-primitives';\nimport { asCoreSpan } from './span-payload-registry';\nimport { Card, CardContent } from '@/ds/components/Card';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { Notice } from '@/ds/components/Notice';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { formatDuration } from '@/utils/duration';\n\n/** Mutation kinds as actions a reader recognises. */\nconst MUTATION_LABELS: Record<string, string> = {\n  add: 'Added messages',\n  addSystem: 'Added system message',\n  removeByIds: 'Removed messages',\n  clear: 'Cleared messages',\n};\n\nfunction Mutations({ mutations }: { mutations: NonNullable<ProcessorPipelineDescription['messageListMutations']> }) {\n  return (\n    <ul data-slot=\"span-processor-mutations\" className=\"flex flex-col gap-1.5\">\n      {mutations.map((mutation, index) => {\n        if (typeof mutation !== 'object' || mutation === null) {\n          return (\n            <li key={index}>\n              <SpanPayloadJson value={mutation} />\n            </li>\n          );\n        }\n        const detail = [\n          mutation.source,\n          mutation.tag,\n          mutation.count !== undefined ? `${mutation.count} message${mutation.count === 1 ? '' : 's'}` : undefined,\n        ]\n          .filter(Boolean)\n          .join(' · ');\n\n        return (\n          <li key={index} className=\"flex flex-col gap-2\">\n            <div className=\"flex flex-wrap items-center gap-2 text-body text-foreground\">\n              <span>{MUTATION_LABELS[mutation.type] ?? mutation.type}</span>\n              {detail && <span className=\"text-meta text-placeholder\">{detail}</span>}\n            </div>\n            {mutation.message !== undefined && <SpanPayloadMessages value={[mutation.message]} />}\n            {mutation.ids && mutation.ids.length > 0 && (\n              <SpanPayloadCollapsible label={`Removed ids (${mutation.ids.length})`}>\n                <SpanPayloadJson value={mutation.ids} />\n              </SpanPayloadCollapsible>\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport interface SpanProcessorAttributesProps {\n  span: SpanRecord;\n}\n\n/**\n * The runner-owned attributes of a processor span, as labelled values.\n * `describeProcessorPipeline` decides which keys are known, so \"Other attributes\"\n * holds only what this view does not show.\n */\nexport function SpanProcessorAttributes({ span }: SpanProcessorAttributesProps) {\n  const pipeline = describeProcessorPipeline(asCoreSpan(span));\n  if (!pipeline) return null;\n\n  const { phaseLabel, executor, processorIndex, hookDurationMs, messageListMutations, tripwireAbort, rest } = pipeline;\n  const processorName = span.entityName ?? span.entityId;\n  const hookDuration = hookDurationMs === undefined ? undefined : formatDuration(hookDurationMs);\n\n  return (\n    <Card data-slot=\"span-processor-attributes-card\" className=\"min-w-0\">\n      <CardContent>\n        <div data-slot=\"span-processor-attributes\" className=\"flex flex-col gap-3\">\n          <DataKeysAndValues>\n            {processorName && (\n              <>\n                <DataKeysAndValues.Key>Processor</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{processorName}</DataKeysAndValues.Value>\n              </>\n            )}\n            <>\n              <DataKeysAndValues.Key>Phase</DataKeysAndValues.Key>\n              <DataKeysAndValues.Value>{phaseLabel}</DataKeysAndValues.Value>\n            </>\n            {executor && (\n              <>\n                <DataKeysAndValues.Key>Executor</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{executor === 'workflow' ? 'Workflow' : 'Legacy'}</DataKeysAndValues.Value>\n              </>\n            )}\n            {processorIndex !== undefined && (\n              <>\n                <DataKeysAndValues.Key>Pipeline position</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>{processorIndex + 1}</DataKeysAndValues.Value>\n              </>\n            )}\n            {hookDuration && (\n              <>\n                <DataKeysAndValues.Key>Hook duration</DataKeysAndValues.Key>\n                <DataKeysAndValues.Value>\n                  <Txt as=\"span\" variant=\"body-sm\" font=\"mono\">\n                    {hookDuration}\n                  </Txt>\n                </DataKeysAndValues.Value>\n              </>\n            )}\n          </DataKeysAndValues>\n\n          {tripwireAbort && (\n            <Notice variant=\"destructive\" title=\"Tripwire\">\n              {tripwireAbort.reason && <Notice.Message>{tripwireAbort.reason}</Notice.Message>}\n              {tripwireAbort.retry !== undefined && (\n                <DataKeysAndValues>\n                  <DataKeysAndValues.Key>Retry</DataKeysAndValues.Key>\n                  <DataKeysAndValues.Value>{tripwireAbort.retry ? 'Yes' : 'No'}</DataKeysAndValues.Value>\n                </DataKeysAndValues>\n              )}\n              {tripwireAbort.metadata !== undefined && (\n                <SpanPayloadCollapsible label=\"Metadata\">\n                  <SpanPayloadJson value={tripwireAbort.metadata} />\n                </SpanPayloadCollapsible>\n              )}\n            </Notice>\n          )}\n\n          {messageListMutations && messageListMutations.length > 0 && (\n            <SpanPayloadField label=\"Message list changes\">\n              <Mutations mutations={messageListMutations} />\n            </SpanPayloadField>\n          )}\n\n          {rest && (\n            <SpanPayloadCollapsible label=\"Other attributes\">\n              <SpanPayloadJson value={rest} />\n            </SpanPayloadCollapsible>\n          )}\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/traces/components/span-summary-description.cjs.js

@@ -5,13 +5,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const domains_traces_utils_spanUtils = require('../utils/span-utils.cjs.js');
-const dataPanel = require('../../../data-panel-XPXrhYJI.cjs');
+const dataPanel = require('../../../data-panel-C_BqhzeL.cjs');
 const utils_truncateString = require('../../../utils/truncate-string.cjs.js');
+const utils_dateFormat = require('../../../utils/date-format.cjs.js');
+const utils_duration = require('../../../utils/duration.cjs.js');
 
 function SpanSummaryDescription({ span }) {
-  const startedAt = domains_traces_utils_spanUtils.formatSpanTimestamp(span.startedAt);
-  const exactStartedAt = domains_traces_utils_spanUtils.formatSpanTimestampExact(span.startedAt);
-  const duration = domains_traces_utils_spanUtils.formatSpanDurationSeconds(span.startedAt, span.endedAt);
+  const startedAt = utils_dateFormat.formatDate(span.startedAt, "time");
+  const exactStartedAt = utils_dateFormat.formatTimestampPrecise(span.startedAt);
+  const duration = utils_duration.formatDurationPrecise(domains_traces_utils_spanUtils.getSpanDurationMs(span.startedAt, span.endedAt));
   return /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Metadata, { children: [
     startedAt && exactStartedAt && /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.Meta, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarClockIcon, {}), tooltip: `Started at ${exactStartedAt}`, children: startedAt }),
     duration && /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.Meta, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TimerIcon, {}), tooltip: `Duration ${duration}`, children: duration }),

package/dist/domains/traces/components/span-summary-description.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-summary-description.cjs.js","sources":["../../../../src/domains/traces/components/span-summary-description.tsx"],"sourcesContent":["import { CalendarClockIcon, HashIcon, TimerIcon } from 'lucide-react';\nimport { formatSpanDurationSeconds, formatSpanTimestamp, formatSpanTimestampExact } from '../utils/span-utils';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { truncateString } from '@/lib/truncate-string';\n\nexport interface SpanSummaryDescriptionProps {\n  span: {\n    startedAt: Date | string;\n    endedAt?: Date | string | null;\n    runId?: string | null;\n  };\n}\n\n/** Compact span timing + run metadata shown under the span side-panel heading. */\nexport function SpanSummaryDescription({ span }: SpanSummaryDescriptionProps) {\n  const startedAt = formatSpanTimestamp(span.startedAt);\n  const exactStartedAt = formatSpanTimestampExact(span.startedAt);\n  const duration = formatSpanDurationSeconds(span.startedAt, span.endedAt);\n\n  return (\n    <DataPanel.Metadata>\n      {startedAt && exactStartedAt && (\n        <DataPanel.Meta icon={<CalendarClockIcon />} tooltip={`Started at ${exactStartedAt}`}>\n          {startedAt}\n        </DataPanel.Meta>\n      )}\n      {duration && (\n        <DataPanel.Meta icon={<TimerIcon />} tooltip={`Duration ${duration}`}>\n          {duration}\n        </DataPanel.Meta>\n      )}\n      {span.runId && (\n        <DataPanel.Meta icon={<HashIcon />} tooltip={`Run Id ${span.runId}`}>\n          {truncateString(span.runId, 8)}\n        </DataPanel.Meta>\n      )}\n    </DataPanel.Metadata>\n  );\n}\n"],"names":["formatSpanTimestamp","formatSpanTimestampExact","formatSpanDurationSeconds","jsxs","DataPanel","jsx","CalendarClockIcon","TimerIcon","HashIcon"],"mappings":";;;;;;;;;;AAcO,SAAS,sBAAA,CAAuB,EAAE,IAAA,EAAK,EAAgC;AAC5E,EAAA,MAAM,SAAA,GAAYA,kDAAA,CAAoB,IAAA,CAAK,SAAS,CAAA;AACpD,EAAA,MAAM,cAAA,GAAiBC,uDAAA,CAAyB,IAAA,CAAK,SAAS,CAAA;AAC9D,EAAA,MAAM,QAAA,GAAWC,wDAAA,CAA0B,IAAA,CAAK,SAAA,EAAW,KAAK,OAAO,CAAA;AAEvE,EAAA,uBACEC,eAAA,CAACC,mBAAA,CAAU,QAAA,EAAV,EACE,QAAA,EAAA;AAAA,IAAA,SAAA,IAAa,cAAA,oBACZC,cAAA,CAACD,mBAAA,CAAU,IAAA,EAAV,EAAe,IAAA,kBAAMC,cAAA,CAACC,6BAAA,EAAA,EAAkB,CAAA,EAAI,OAAA,EAAS,CAAA,WAAA,EAAc,cAAc,IAC/E,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,IAED,QAAA,oBACCD,cAAA,CAACD,mBAAA,CAAU,IAAA,EAAV,EAAe,IAAA,kBAAMC,cAAA,CAACE,qBAAA,EAAA,EAAU,CAAA,EAAI,OAAA,EAAS,CAAA,SAAA,EAAY,QAAQ,IAC/D,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,IAED,KAAK,KAAA,oBACJF,cAAA,CAACD,oBAAU,IAAA,EAAV,EAAe,sBAAMC,cAAA,CAACG,oBAAA,EAAA,EAAS,GAAI,OAAA,EAAS,CAAA,OAAA,EAAU,KAAK,KAAK,CAAA,CAAA,EAC9D,8CAAe,IAAA,CAAK,KAAA,EAAO,CAAC,CAAA,EAC/B;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"span-summary-description.cjs.js","sources":["../../../../src/domains/traces/components/span-summary-description.tsx"],"sourcesContent":["import { CalendarClockIcon, HashIcon, TimerIcon } from 'lucide-react';\nimport { getSpanDurationMs } from '../utils/span-utils';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { truncateString } from '@/lib/truncate-string';\nimport { formatDate, formatTimestampPrecise } from '@/utils/date-format';\nimport { formatDurationPrecise } from '@/utils/duration';\n\nexport interface SpanSummaryDescriptionProps {\n  span: {\n    startedAt: Date | string;\n    endedAt?: Date | string | null;\n    runId?: string | null;\n  };\n}\n\n/** Compact span timing + run metadata shown under the span side-panel heading. */\nexport function SpanSummaryDescription({ span }: SpanSummaryDescriptionProps) {\n  const startedAt = formatDate(span.startedAt, 'time');\n  const exactStartedAt = formatTimestampPrecise(span.startedAt);\n  const duration = formatDurationPrecise(getSpanDurationMs(span.startedAt, span.endedAt));\n\n  return (\n    <DataPanel.Metadata>\n      {startedAt && exactStartedAt && (\n        <DataPanel.Meta icon={<CalendarClockIcon />} tooltip={`Started at ${exactStartedAt}`}>\n          {startedAt}\n        </DataPanel.Meta>\n      )}\n      {duration && (\n        <DataPanel.Meta icon={<TimerIcon />} tooltip={`Duration ${duration}`}>\n          {duration}\n        </DataPanel.Meta>\n      )}\n      {span.runId && (\n        <DataPanel.Meta icon={<HashIcon />} tooltip={`Run Id ${span.runId}`}>\n          {truncateString(span.runId, 8)}\n        </DataPanel.Meta>\n      )}\n    </DataPanel.Metadata>\n  );\n}\n"],"names":["formatDate","formatTimestampPrecise","formatDurationPrecise","getSpanDurationMs","jsxs","DataPanel","jsx","CalendarClockIcon","TimerIcon","HashIcon"],"mappings":";;;;;;;;;;;;AAgBO,SAAS,sBAAA,CAAuB,EAAE,IAAA,EAAK,EAAgC;AAC5E,EAAA,MAAM,SAAA,GAAYA,2BAAA,CAAW,IAAA,CAAK,SAAA,EAAW,MAAM,CAAA;AACnD,EAAA,MAAM,cAAA,GAAiBC,uCAAA,CAAuB,IAAA,CAAK,SAAS,CAAA;AAC5D,EAAA,MAAM,WAAWC,oCAAA,CAAsBC,gDAAA,CAAkB,KAAK,SAAA,EAAW,IAAA,CAAK,OAAO,CAAC,CAAA;AAEtF,EAAA,uBACEC,eAAA,CAACC,mBAAA,CAAU,QAAA,EAAV,EACE,QAAA,EAAA;AAAA,IAAA,SAAA,IAAa,cAAA,oBACZC,cAAA,CAACD,mBAAA,CAAU,IAAA,EAAV,EAAe,IAAA,kBAAMC,cAAA,CAACC,6BAAA,EAAA,EAAkB,CAAA,EAAI,OAAA,EAAS,CAAA,WAAA,EAAc,cAAc,IAC/E,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,IAED,QAAA,oBACCD,cAAA,CAACD,mBAAA,CAAU,IAAA,EAAV,EAAe,IAAA,kBAAMC,cAAA,CAACE,qBAAA,EAAA,EAAU,CAAA,EAAI,OAAA,EAAS,CAAA,SAAA,EAAY,QAAQ,IAC/D,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,IAED,KAAK,KAAA,oBACJF,cAAA,CAACD,oBAAU,IAAA,EAAV,EAAe,sBAAMC,cAAA,CAACG,oBAAA,EAAA,EAAS,GAAI,OAAA,EAAS,CAAA,OAAA,EAAU,KAAK,KAAK,CAAA,CAAA,EAC9D,8CAAe,IAAA,CAAK,KAAA,EAAO,CAAC,CAAA,EAC/B;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/span-summary-description.es.js

@@ -1,13 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { CalendarClockIcon, TimerIcon, HashIcon } from 'lucide-react';
-import { formatSpanTimestamp, formatSpanTimestampExact, formatSpanDurationSeconds } from '../utils/span-utils.es.js';
-import { D as DataPanel } from '../../../data-panel-BQVTKo86.js';
+import { getSpanDurationMs } from '../utils/span-utils.es.js';
+import { D as DataPanel } from '../../../data-panel-BWgExbHs.js';
 import { truncateString } from '../../../utils/truncate-string.es.js';
+import { formatDate, formatTimestampPrecise } from '../../../utils/date-format.es.js';
+import { formatDurationPrecise } from '../../../utils/duration.es.js';
 
 function SpanSummaryDescription({ span }) {
-  const startedAt = formatSpanTimestamp(span.startedAt);
-  const exactStartedAt = formatSpanTimestampExact(span.startedAt);
-  const duration = formatSpanDurationSeconds(span.startedAt, span.endedAt);
+  const startedAt = formatDate(span.startedAt, "time");
+  const exactStartedAt = formatTimestampPrecise(span.startedAt);
+  const duration = formatDurationPrecise(getSpanDurationMs(span.startedAt, span.endedAt));
   return /* @__PURE__ */ jsxs(DataPanel.Metadata, { children: [
     startedAt && exactStartedAt && /* @__PURE__ */ jsx(DataPanel.Meta, { icon: /* @__PURE__ */ jsx(CalendarClockIcon, {}), tooltip: `Started at ${exactStartedAt}`, children: startedAt }),
     duration && /* @__PURE__ */ jsx(DataPanel.Meta, { icon: /* @__PURE__ */ jsx(TimerIcon, {}), tooltip: `Duration ${duration}`, children: duration }),

package/dist/domains/traces/components/span-summary-description.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-summary-description.es.js","sources":["../../../../src/domains/traces/components/span-summary-description.tsx"],"sourcesContent":["import { CalendarClockIcon, HashIcon, TimerIcon } from 'lucide-react';\nimport { formatSpanDurationSeconds, formatSpanTimestamp, formatSpanTimestampExact } from '../utils/span-utils';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { truncateString } from '@/lib/truncate-string';\n\nexport interface SpanSummaryDescriptionProps {\n  span: {\n    startedAt: Date | string;\n    endedAt?: Date | string | null;\n    runId?: string | null;\n  };\n}\n\n/** Compact span timing + run metadata shown under the span side-panel heading. */\nexport function SpanSummaryDescription({ span }: SpanSummaryDescriptionProps) {\n  const startedAt = formatSpanTimestamp(span.startedAt);\n  const exactStartedAt = formatSpanTimestampExact(span.startedAt);\n  const duration = formatSpanDurationSeconds(span.startedAt, span.endedAt);\n\n  return (\n    <DataPanel.Metadata>\n      {startedAt && exactStartedAt && (\n        <DataPanel.Meta icon={<CalendarClockIcon />} tooltip={`Started at ${exactStartedAt}`}>\n          {startedAt}\n        </DataPanel.Meta>\n      )}\n      {duration && (\n        <DataPanel.Meta icon={<TimerIcon />} tooltip={`Duration ${duration}`}>\n          {duration}\n        </DataPanel.Meta>\n      )}\n      {span.runId && (\n        <DataPanel.Meta icon={<HashIcon />} tooltip={`Run Id ${span.runId}`}>\n          {truncateString(span.runId, 8)}\n        </DataPanel.Meta>\n      )}\n    </DataPanel.Metadata>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAcO,SAAS,sBAAA,CAAuB,EAAE,IAAA,EAAK,EAAgC;AAC5E,EAAA,MAAM,SAAA,GAAY,mBAAA,CAAoB,IAAA,CAAK,SAAS,CAAA;AACpD,EAAA,MAAM,cAAA,GAAiB,wBAAA,CAAyB,IAAA,CAAK,SAAS,CAAA;AAC9D,EAAA,MAAM,QAAA,GAAW,yBAAA,CAA0B,IAAA,CAAK,SAAA,EAAW,KAAK,OAAO,CAAA;AAEvE,EAAA,uBACE,IAAA,CAAC,SAAA,CAAU,QAAA,EAAV,EACE,QAAA,EAAA;AAAA,IAAA,SAAA,IAAa,cAAA,oBACZ,GAAA,CAAC,SAAA,CAAU,IAAA,EAAV,EAAe,IAAA,kBAAM,GAAA,CAAC,iBAAA,EAAA,EAAkB,CAAA,EAAI,OAAA,EAAS,CAAA,WAAA,EAAc,cAAc,IAC/E,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,IAED,QAAA,oBACC,GAAA,CAAC,SAAA,CAAU,IAAA,EAAV,EAAe,IAAA,kBAAM,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA,EAAI,OAAA,EAAS,CAAA,SAAA,EAAY,QAAQ,IAC/D,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,IAED,KAAK,KAAA,oBACJ,GAAA,CAAC,UAAU,IAAA,EAAV,EAAe,sBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,GAAI,OAAA,EAAS,CAAA,OAAA,EAAU,KAAK,KAAK,CAAA,CAAA,EAC9D,yBAAe,IAAA,CAAK,KAAA,EAAO,CAAC,CAAA,EAC/B;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"span-summary-description.es.js","sources":["../../../../src/domains/traces/components/span-summary-description.tsx"],"sourcesContent":["import { CalendarClockIcon, HashIcon, TimerIcon } from 'lucide-react';\nimport { getSpanDurationMs } from '../utils/span-utils';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { truncateString } from '@/lib/truncate-string';\nimport { formatDate, formatTimestampPrecise } from '@/utils/date-format';\nimport { formatDurationPrecise } from '@/utils/duration';\n\nexport interface SpanSummaryDescriptionProps {\n  span: {\n    startedAt: Date | string;\n    endedAt?: Date | string | null;\n    runId?: string | null;\n  };\n}\n\n/** Compact span timing + run metadata shown under the span side-panel heading. */\nexport function SpanSummaryDescription({ span }: SpanSummaryDescriptionProps) {\n  const startedAt = formatDate(span.startedAt, 'time');\n  const exactStartedAt = formatTimestampPrecise(span.startedAt);\n  const duration = formatDurationPrecise(getSpanDurationMs(span.startedAt, span.endedAt));\n\n  return (\n    <DataPanel.Metadata>\n      {startedAt && exactStartedAt && (\n        <DataPanel.Meta icon={<CalendarClockIcon />} tooltip={`Started at ${exactStartedAt}`}>\n          {startedAt}\n        </DataPanel.Meta>\n      )}\n      {duration && (\n        <DataPanel.Meta icon={<TimerIcon />} tooltip={`Duration ${duration}`}>\n          {duration}\n        </DataPanel.Meta>\n      )}\n      {span.runId && (\n        <DataPanel.Meta icon={<HashIcon />} tooltip={`Run Id ${span.runId}`}>\n          {truncateString(span.runId, 8)}\n        </DataPanel.Meta>\n      )}\n    </DataPanel.Metadata>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAgBO,SAAS,sBAAA,CAAuB,EAAE,IAAA,EAAK,EAAgC;AAC5E,EAAA,MAAM,SAAA,GAAY,UAAA,CAAW,IAAA,CAAK,SAAA,EAAW,MAAM,CAAA;AACnD,EAAA,MAAM,cAAA,GAAiB,sBAAA,CAAuB,IAAA,CAAK,SAAS,CAAA;AAC5D,EAAA,MAAM,WAAW,qBAAA,CAAsB,iBAAA,CAAkB,KAAK,SAAA,EAAW,IAAA,CAAK,OAAO,CAAC,CAAA;AAEtF,EAAA,uBACE,IAAA,CAAC,SAAA,CAAU,QAAA,EAAV,EACE,QAAA,EAAA;AAAA,IAAA,SAAA,IAAa,cAAA,oBACZ,GAAA,CAAC,SAAA,CAAU,IAAA,EAAV,EAAe,IAAA,kBAAM,GAAA,CAAC,iBAAA,EAAA,EAAkB,CAAA,EAAI,OAAA,EAAS,CAAA,WAAA,EAAc,cAAc,IAC/E,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,IAED,QAAA,oBACC,GAAA,CAAC,SAAA,CAAU,IAAA,EAAV,EAAe,IAAA,kBAAM,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA,EAAI,OAAA,EAAS,CAAA,SAAA,EAAY,QAAQ,IAC/D,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,IAED,KAAK,KAAA,oBACJ,GAAA,CAAC,UAAU,IAAA,EAAV,EAAe,sBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,GAAI,OAAA,EAAS,CAAA,OAAA,EAAU,KAAK,KAAK,CAAA,CAAA,EAC9D,yBAAe,IAAA,CAAK,KAAA,EAAO,CAAC,CAAA,EAC/B;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}