@mastra/playground-ui 66.1.0-alpha.2 → 67.0.0

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

@@ -278,9 +278,11 @@ function OutputTab({ span, view, onViewChange }) {
 }
 /** Everything looked up rather than read, grouped the same way for every span type. */
 function DetailsTab({ traceId, span }) {
-	const { model, provider, finishReason, firstToken, speed } = getModelFacts(span);
+	const { finishReason, firstToken, speed, ...facts } = getModelFacts(span);
+	const model = span.model || facts.model;
+	const provider = span.provider || facts.provider;
 	const usage = span.attributes?.usage;
-	const hasModel = Boolean(model || finishReason || firstToken || speed);
+	const hasModel = Boolean(model || provider || finishReason || firstToken || speed);
 	const durationMs = getSpanDurationMs(span.startedAt, span.endedAt);
 	const ids = [
 		["Span", span.spanId],
@@ -348,6 +350,14 @@ function DetailsTab({ traceId, span }) {
 				durationMs != null && /* @__PURE__ */ jsx(Row, {
 					label: "Duration",
 					children: formatDurationPrecise(durationMs)
+				}),
+				span.timeToFirstChunkMs != null && /* @__PURE__ */ jsx(Row, {
+					label: "Time to first chunk",
+					children: formatDurationPrecise(span.timeToFirstChunkMs)
+				}),
+				span.timeToFirstTokenMs != null && /* @__PURE__ */ jsx(Row, {
+					label: "Time to first token",
+					children: formatDurationPrecise(span.timeToFirstTokenMs)
 				})
 			] })
 		}),

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

@@ -1 +1 @@
-{"version":3,"file":"span-data-panel-view.es.js","names":["_Fragment"],"sources":["../../../../src/domains/traces/components/span-data-panel-view.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput } from '@mastra/core/observability';\nimport type { UsageStats } from '@mastra/core/observability';\nimport {\n  BracesIcon,\n  CircleXIcon,\n  ExternalLinkIcon,\n  EyeIcon,\n  FileInputIcon,\n  FileOutputIcon,\n  InfoIcon,\n  MessageSquareReplyIcon,\n} from 'lucide-react';\nimport { useId, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport type { SpanRecord, SpanTab } from '../types';\nimport { getSpanSignal } from '../utils/span-signal';\nimport { getSpanDurationMs, getTokenLimitMessage, isTokenLimitExceeded } from '../utils/span-utils';\nimport { getSpanTypeUi } from './shared';\nimport { SpanOutcomeSummary } from './span-outcome';\nimport { getSpanOutcome } from './span-outcome.utils';\nimport {\n  SpanErrorDetails,\n  SpanInputRenderer,\n  SpanOutputRenderer,\n  SpanPayloadJson,\n  SpanPayloadProcessor,\n  getSpanOutputPayload,\n  hasSpanInputPreview,\n  hasSpanOutputPreview,\n} from './span-payload';\nimport { asCoreSpan, getSpanTools } from './span-payload/span-payload-registry';\nimport { SpanToolCallList, SpanToolList } from './span-payload/span-tools-section';\nimport { useSpanToolCalls } from './span-payload/use-span-tool-calls';\nimport { SpanPromptChanges } from './span-prompt-changes';\nimport { getPromptChanges, runsAfterModel } from './span-prompt-impact';\nimport { SpanTokenUsage } from './span-token-usage';\nimport { getModelFacts, getTokenUsageRows } from './span-token-usage.utils';\nimport { SpanTypeBadge } from './span-type-badge';\nimport { ProviderLogo } from '@/domains/llm';\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Notice } from '@/ds/components/Notice';\nimport { Tab, TabList, Tabs } from '@/ds/components/Tabs';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { cn } from '@/lib/utils';\nimport { formatTimestampPrecise } from '@/utils/date-format';\nimport { formatDuration, formatDurationPrecise } from '@/utils/duration';\n\n// Mirrors `DataPanel.Content` without requiring the Drawer root (this view also renders standalone).\n// Sections bleed their hairlines through this padding, so the two must match.\nconst BODY_CLASS = 'min-h-0 flex-1 overflow-y-auto p-3';\n\ntype PayloadView = 'rich' | 'raw';\n\nexport interface SpanDataPanelViewProps {\n  traceId: string;\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  /** Previous/next buttons show only when one is provided; omit both where a span tree already navigates. */\n  onPrevious?: () => void;\n  onNext?: () => void;\n  /** When provided, an × button in the header closes the span column. */\n  onClose?: () => void;\n  /**\n   * When provided, a \"Go to trace\" button in the header calls it with the span's ids.\n   * The caller decides where the trace opens (e.g. its own traces route).\n   */\n  onShowTrace?: (span: { traceId: string; spanId: string }) => void;\n  /** Controls the open tab; the panel keeps its own when omitted. Defaults to Details. */\n  activeTab?: SpanTab;\n  onTabChange?: (tab: SpanTab) => void;\n  /**\n   * When provided, a \"Feedback\" tab appears; the slot receives the loaded span and renders\n   * whatever feedback UI the consumer wants.\n   */\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  /** Optional indicator rendered after the \"Feedback\" tab label (e.g. a needs-review dot). */\n  feedbackTabBadge?: ReactNode;\n  /** Extra classes for the panel root (e.g. flattening the card when nested in the trace panel). */\n  className?: string;\n}\n\n/**\n * The same rows for every span type: what ran and how long it took, then the tabs. The body is flat:\n * the tab says what it holds, so the payload isn't wrapped in a titled card again. The open tab and the\n * Preview/JSON choice are kept when another span is selected, so stepping through spans compares like for like.\n */\nexport function SpanDataPanelView({\n  traceId,\n  spanId,\n  span,\n  isLoading,\n  onPrevious,\n  onNext,\n  onClose,\n  onShowTrace,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  className,\n}: SpanDataPanelViewProps) {\n  const [ownTab, setOwnTab] = useState<SpanTab>('details');\n  const [view, setView] = useState<PayloadView>('rich');\n\n  const requested = activeTab ?? ownTab;\n  // A feedback tab asked for by the URL means nothing where the consumer offers no feedback.\n  const tab = requested === 'feedback' && !feedbackTabSlot ? 'details' : requested;\n  const changeTab = (next: SpanTab) => {\n    setOwnTab(next);\n    onTabChange?.(next);\n  };\n\n  const tabs: Array<{ value: SpanTab; name: string; icon: ReactNode; attention?: boolean; badge?: ReactNode }> = [\n    { value: 'details', name: 'Details', icon: <InfoIcon /> },\n    { value: 'input', name: 'Input', icon: <FileInputIcon /> },\n    { value: 'output', name: 'Output', icon: <FileOutputIcon />, attention: span?.error != null },\n    ...(feedbackTabSlot\n      ? [{ value: 'feedback' as const, name: 'Feedback', icon: <MessageSquareReplyIcon />, badge: feedbackTabBadge }]\n      : []),\n  ];\n\n  const headingId = useId();\n\n  // Not a DataPanel: this is the span column rendered inside `TraceDataPanelView`,\n  // which already provides the panel chrome.\n  return (\n    <section\n      aria-labelledby={headingId}\n      data-slot=\"span-data-panel\"\n      className={cn('flex min-h-0 flex-1 flex-col overflow-hidden', className)}\n    >\n      <DataPanel.Header className=\"flex-nowrap\">\n        {span ? (\n          <SpanIdentity span={span} headingId={headingId} />\n        ) : (\n          <DataPanel.HeaderContent>\n            <DataPanel.Heading>\n              <span id={headingId}>Span</span>\n            </DataPanel.Heading>\n          </DataPanel.HeaderContent>\n        )}\n        <DataPanel.HeaderActions>\n          {onShowTrace && (\n            <Button\n              size=\"icon-sm\"\n              variant=\"ghost\"\n              aria-label=\"Go to trace\"\n              tooltip=\"Go to trace\"\n              className=\"shrink-0\"\n              onClick={() => onShowTrace({ traceId, spanId })}\n            >\n              <ExternalLinkIcon />\n            </Button>\n          )}\n          {(onPrevious || onNext) && (\n            <DataPanel.NextPrevNav\n              onPrevious={onPrevious}\n              onNext={onNext}\n              previousLabel=\"Go to previous span\"\n              nextLabel=\"Go to next span\"\n            />\n          )}\n          {onClose && <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close span\" tooltip=\"Close span\" />}\n        </DataPanel.HeaderActions>\n      </DataPanel.Header>\n\n      {isLoading ? (\n        <DataPanel.LoadingData>Loading span details...</DataPanel.LoadingData>\n      ) : !span ? (\n        <DataPanel.NoData>Span not found.</DataPanel.NoData>\n      ) : (\n        <>\n          <Tabs<SpanTab> defaultTab=\"details\" value={tab} onValueChange={changeTab}>\n            <DataPanel.Header className=\"flex-nowrap border-b border-surface-rim\">\n              <div className=\"min-w-0 flex-1\">\n                <TabList variant=\"pill-ghost\" size=\"sm\">\n                  {tabs.map(item => (\n                    <Tab key={item.value} value={item.value} attention={item.attention}>\n                      <Icon size=\"xs\">{item.icon}</Icon>\n                      <span>{item.name}</span>\n                      {item.badge != null && <> ({item.badge})</>}\n                    </Tab>\n                  ))}\n                </TabList>\n              </div>\n            </DataPanel.Header>\n          </Tabs>\n\n          <div role=\"tabpanel\" aria-label={tabs.find(item => item.value === tab)?.name} className={BODY_CLASS}>\n            {tab === 'details' && <DetailsTab traceId={traceId} span={span} />}\n            {tab === 'input' && <InputTab span={span} view={view} onViewChange={setView} />}\n            {tab === 'output' && <OutputTab span={span} view={view} onViewChange={setView} />}\n            {tab === 'feedback' && feedbackTabSlot?.({ span, traceId, spanId })}\n          </div>\n        </>\n      )}\n    </section>\n  );\n}\n\n/* ------------------------------------------------------------------------------------------------\n * Header\n * ---------------------------------------------------------------------------------------------- */\n\nfunction getProcessorInput(span: SpanRecord) {\n  if (getSpanSignal(span)) return undefined;\n  const input = describeSpanInput(asCoreSpan(span));\n  return input?.type === 'processor' ? input.value : undefined;\n}\n\n/** How many times a processor re-ran this step. Zero, the normal case, is not worth showing. */\nfunction getRetryCount(span: SpanRecord) {\n  const data: Record<string, unknown> = getProcessorInput(span)?.data ?? {};\n  const retryCount = data.retryCount;\n  return typeof retryCount === 'number' && retryCount > 0 ? retryCount : 0;\n}\n\n/**\n * What ran and how long it took, on one row. Only the unusual is called out: a failure, a span still\n * running, or a processor that had to retry. A normal success says nothing extra.\n */\nfunction SpanIdentity({ span, headingId }: { span: SpanRecord; headingId: string }) {\n  const durationMs = getSpanDurationMs(span.startedAt, span.endedAt);\n  const retries = getRetryCount(span);\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-2 pl-1\">\n      {/* Same type mark as the span's row in the trace tree, processors included. */}\n      <SpanTypeBadge type={span.spanType ?? ''} spanUI={getSpanTypeUi(span.spanType ?? '')} />\n      <Tooltip>\n        <TooltipTrigger\n          render={\n            <Txt id={headingId} as=\"h2\" variant=\"card-title-strong\" className=\"min-w-0 truncate\">\n              {getModelFacts(span).model ?? span.entityName ?? span.name}\n            </Txt>\n          }\n        />\n        <TooltipContent>{span.name}</TooltipContent>\n      </Tooltip>\n      <Tooltip>\n        <TooltipTrigger\n          render={\n            <Txt as=\"span\" variant=\"body-sm\" tone=\"muted\" className=\"shrink-0 cursor-help tabular-nums\" tabIndex={0}>\n              {durationMs == null ? 'Running' : formatDuration(durationMs)}\n            </Txt>\n          }\n        />\n        <TooltipContent>\n          {durationMs == null ? 'Still running' : `Duration ${formatDurationPrecise(durationMs)}`}\n        </TooltipContent>\n      </Tooltip>\n      {span.error != null && (\n        <Badge size=\"xs\" variant=\"destructive\" className=\"shrink-0\">\n          Failed\n        </Badge>\n      )}\n      {retries > 0 && (\n        <Badge size=\"xs\" variant=\"warning\" className=\"shrink-0 tabular-nums\">\n          {retries === 1 ? 'Retried once' : `Retried ${retries}×`}\n        </Badge>\n      )}\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------------------------------------\n * Tab bodies\n * ---------------------------------------------------------------------------------------------- */\n\ntype PayloadTabProps = { span: SpanRecord; view: PayloadView; onViewChange: (view: PayloadView) => void };\n\n/**\n * Processor input keys the preview leaves out: tools have their own section, retries are a header badge,\n * and the step number repeats the `step › N` parent the span sits under in the tree.\n */\nconst PROCESSOR_INPUT_HIDDEN = ['tools', 'toolChoice', 'retryCount', 'stepNumber'];\n\nfunction InputTab({ span, view, onViewChange }: PayloadTabProps) {\n  const tools = getSpanTools(span);\n  const processorInput = getProcessorInput(span);\n  return (\n    <Stack>\n      <Payload\n        label=\"Input\"\n        raw={span.input}\n        hasPreview={hasSpanInputPreview(span, PROCESSOR_INPUT_HIDDEN)}\n        view={view}\n        onViewChange={onViewChange}\n        empty=\"No input recorded.\"\n      >\n        {processorInput ? (\n          <SpanPayloadProcessor value={processorInput} hidden={PROCESSOR_INPUT_HIDDEN} />\n        ) : (\n          <SpanInputRenderer span={span} />\n        )}\n      </Payload>\n      {tools && (\n        <Section title=\"Available tools\" count={tools.tools.length}>\n          <SpanToolList tools={tools.tools} />\n        </Section>\n      )}\n    </Stack>\n  );\n}\n\nfunction OutputTab({ span, view, onViewChange }: PayloadTabProps) {\n  const output = getSpanOutputPayload(span);\n  return (\n    <Stack>\n      <SpanProblem span={span} />\n      {isTokenLimitExceeded(span) && (\n        <Notice variant=\"warning\" title=\"Token Limit Exceeded\">\n          <Notice.Message>{getTokenLimitMessage(span)}</Notice.Message>\n        </Notice>\n      )}\n      {(output != null || span.error == null) && (\n        <Payload\n          label=\"Output\"\n          raw={output}\n          hasPreview={hasSpanOutputPreview(span)}\n          view={view}\n          onViewChange={onViewChange}\n          empty=\"No output recorded.\"\n        >\n          <SpanOutputRenderer span={span} />\n        </Payload>\n      )}\n      <ToolCalls span={span} />\n    </Stack>\n  );\n}\n\n/** Everything looked up rather than read, grouped the same way for every span type. */\nfunction DetailsTab({ traceId, span }: { traceId: string; span: SpanRecord }) {\n  const { model, provider, finishReason, firstToken, speed } = getModelFacts(span);\n  // oxlint-disable-next-line typescript/no-unnecessary-type-assertion -- Built SDK declarations type attributes.usage as unknown.\n  const usage = span.attributes?.usage as UsageStats | undefined;\n  const hasModel = Boolean(model || finishReason || firstToken || speed);\n  const durationMs = getSpanDurationMs(span.startedAt, span.endedAt);\n  const ids: Array<[string, string | null | undefined]> = [\n    ['Span', span.spanId],\n    ['Trace', traceId],\n    ['Parent span', span.parentSpanId],\n    ['Run', span.runId],\n    ['Session', span.sessionId],\n    ['Thread', span.threadId],\n    ['Request', span.requestId],\n    ['User', span.userId],\n    ['Organization', span.organizationId],\n    ['Experiment', span.experimentId],\n  ];\n\n  return (\n    <Stack>\n      <PromptSection span={span} />\n\n      {hasModel && (\n        <Section title=\"Model\">\n          <DataKeysAndValues>\n            {model && (\n              <Row label=\"Model\">\n                <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n                  {provider && <ProviderLogo providerId={provider} size=\"xs\" />}\n                  <span className=\"truncate\">{model}</span>\n                </span>\n              </Row>\n            )}\n            {provider && <Row label=\"Provider\">{provider}</Row>}\n            {finishReason && <Row label=\"Finish reason\">{finishReason}</Row>}\n            {firstToken && <Row label=\"First token\">{firstToken}</Row>}\n            {speed && <Row label=\"Speed\">{speed}</Row>}\n          </DataKeysAndValues>\n        </Section>\n      )}\n\n      {usage && getTokenUsageRows(usage) && (\n        <Section title=\"Token usage\">\n          <SpanTokenUsage usage={usage} />\n        </Section>\n      )}\n\n      <Section title=\"Timing\">\n        <DataKeysAndValues>\n          <Row label=\"Started\">{formatTimestampPrecise(span.startedAt)}</Row>\n          {span.endedAt && <Row label=\"Ended\">{formatTimestampPrecise(span.endedAt)}</Row>}\n          {durationMs != null && <Row label=\"Duration\">{formatDurationPrecise(durationMs)}</Row>}\n        </DataKeysAndValues>\n      </Section>\n\n      <Section title=\"Identifiers\">\n        <DataKeysAndValues>\n          {ids.map(([label, value]) => (value ? <IdRow key={label} label={label} value={value} /> : null))}\n          {span.tags && span.tags.length > 0 && (\n            <Row label=\"Tags\">\n              <span className=\"flex flex-wrap gap-1\">\n                {span.tags.map(tag => (\n                  <Badge key={tag} size=\"xs\" variant=\"neutral\" emphasis=\"subtle\">\n                    {tag}\n                  </Badge>\n                ))}\n              </span>\n            </Row>\n          )}\n        </DataKeysAndValues>\n      </Section>\n\n      <JsonSection title=\"Metadata\" value={span.metadata} />\n      <JsonSection title=\"Attributes\" value={span.attributes} />\n    </Stack>\n  );\n}\n\n/**\n * What this span changed in the request, from its own recorded changes, as diff cards. Changes made\n * after the model answered get a short note: they can't have shaped this request. Nothing is shown\n * when the span changed nothing.\n */\nfunction PromptSection({ span }: { span: SpanRecord }) {\n  if (getPromptChanges(span).length === 0) return null;\n\n  return (\n    <Section title=\"Prompt\">\n      {runsAfterModel(span) && (\n        <Txt as=\"p\" variant=\"body-sm\" tone=\"muted\">\n          Ran after the model answered: its changes are kept for later turns and could not shape this request.\n        </Txt>\n      )}\n      <SpanPromptChanges span={span} />\n    </Section>\n  );\n}\n\n/** Why the span failed or stopped, above whatever output it still produced. */\nfunction SpanProblem({ span }: { span: SpanRecord }) {\n  const outcome = getSpanOutcome(span);\n  if (outcome?.tone !== 'error' && outcome?.tone !== 'warning') return null;\n  if (span.error != null) {\n    return (\n      <Notice variant=\"destructive\" icon={<CircleXIcon />} title={<h3>{outcome.headline}</h3>}>\n        <SpanErrorDetails span={span} />\n      </Notice>\n    );\n  }\n  // A tripwire leaves no error: its reason is the only account of why the run stopped.\n  const tripwire = describeProcessorPipeline(asCoreSpan(span))?.tripwireAbort;\n  if (!tripwire) return <SpanOutcomeSummary outcome={outcome} showDetail />;\n  return (\n    <Notice variant=\"destructive\" icon={<CircleXIcon />} title={<h3>{outcome.headline}</h3>}>\n      {tripwire.reason && <p className=\"break-words whitespace-pre-wrap\">{tripwire.reason}</p>}\n      {tripwire.retry !== undefined && (\n        <Txt as=\"p\" variant=\"body-sm\" tone=\"muted\">\n          {tripwire.retry ? 'The model was asked to retry.' : 'Not retried.'}\n        </Txt>\n      )}\n    </Notice>\n  );\n}\n\nfunction ToolCalls({ span }: { span: SpanRecord }) {\n  const toolCalls = useSpanToolCalls(span);\n  if (toolCalls.length === 0) return null;\n  return (\n    <Section title=\"Tool calls\" count={toolCalls.length}>\n      <SpanToolCallList toolCalls={toolCalls} />\n    </Section>\n  );\n}\n\n/* ------------------------------------------------------------------------------------------------\n * Building blocks\n * ---------------------------------------------------------------------------------------------- */\n\nfunction Stack({ children }: { children: ReactNode }) {\n  return <div className=\"grid min-w-0 content-start gap-4\">{children}</div>;\n}\n\n/**\n * A hairline and a small heading between groups, instead of a titled card around each one.\n * The hairline runs edge to edge: it bleeds through the body padding.\n */\nfunction Section({\n  title,\n  label = title,\n  count,\n  children,\n}: {\n  title?: string;\n  /** Names the region for assistive tech when the heading is rendered by the children. */\n  label?: string;\n  count?: number;\n  children: ReactNode;\n}) {\n  return (\n    <section\n      aria-label={label}\n      className=\"-mx-3 grid min-w-0 gap-3 border-t border-surface-rim px-3 pt-4 first:border-t-0 first:pt-0\"\n    >\n      {title && (\n        <DataPanel.SectionHeading>\n          {title}\n          {count != null && <span className=\"tabular-nums\"> · {count}</span>}\n        </DataPanel.SectionHeading>\n      )}\n      {children}\n    </section>\n  );\n}\n\n/**\n * Stored JSON that is rarely why someone opened the span. The heading always shows; the block opens\n * folded on its root, and unfolding it shows the top-level keys with their values still folded, so it\n * collapses through the code block's own fold markers instead of a second disclosure around it.\n */\nfunction JsonSection({ title, value }: { title: string; value: unknown }) {\n  if (value == null || (typeof value === 'object' && Object.keys(value).length === 0)) return null;\n  return (\n    <Section label={title}>\n      <div className=\"flex min-w-0 items-center justify-between gap-2\">\n        <DataPanel.SectionHeading>{title}</DataPanel.SectionHeading>\n        <CopyButton\n          content={JSON.stringify(value, null, 2)}\n          copyMessage={`${title} copied`}\n          tooltip={`Copy ${title.toLowerCase()} as JSON`}\n          variant=\"ghost\"\n        />\n      </div>\n      <SpanPayloadJson value={value} foldRoot foldNested />\n    </Section>\n  );\n}\n\n/**\n * The payload, unframed. Its Preview/JSON switch and copy sit on a small toolbar inside the tab,\n * right above what they act on, so the tab bar stays the same for every tab.\n */\nfunction Payload({\n  label,\n  raw,\n  hasPreview,\n  view,\n  onViewChange,\n  empty,\n  children,\n}: {\n  label: string;\n  raw: unknown;\n  hasPreview: boolean;\n  view: PayloadView;\n  onViewChange: (view: PayloadView) => void;\n  empty: string;\n  children: ReactNode;\n}) {\n  if (raw == null) {\n    return (\n      <Txt variant=\"body-sm\" tone=\"muted\">\n        {empty}\n      </Txt>\n    );\n  }\n  const shown = hasPreview ? view : 'raw';\n  return (\n    <div role=\"group\" aria-label={label} data-view={shown} className=\"grid min-w-0 gap-3\">\n      <div className=\"flex items-center justify-end gap-1\">\n        {hasPreview && (\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-pressed={view === 'raw'}\n            tooltip={view === 'raw' ? `Show ${label.toLowerCase()} preview` : `Show ${label.toLowerCase()} as JSON`}\n            onClick={() => onViewChange(view === 'raw' ? 'rich' : 'raw')}\n          >\n            {view === 'raw' ? <EyeIcon /> : <BracesIcon />}\n          </Button>\n        )}\n        <CopyButton\n          content={JSON.stringify(raw, null, 2)}\n          copyMessage={`${label} copied`}\n          tooltip={`Copy ${label.toLowerCase()} as JSON`}\n          variant=\"ghost\"\n        />\n      </div>\n      <div className=\"min-w-0 [&_[data-slot=message]]:my-0\">\n        {shown === 'rich' ? children : <SpanPayloadJson value={raw} foldNested />}\n      </div>\n    </div>\n  );\n}\n\nfunction Row({ label, children }: { label: string; children: ReactNode }) {\n  return (\n    <>\n      <DataKeysAndValues.Key>{label}</DataKeysAndValues.Key>\n      <DataKeysAndValues.Value>{children}</DataKeysAndValues.Value>\n    </>\n  );\n}\n\nfunction IdRow({ label, value }: { label: string; value: string }) {\n  return (\n    <>\n      <DataKeysAndValues.Key>{label}</DataKeysAndValues.Key>\n      <DataKeysAndValues.ValueWithCopyBtn copyTooltip={`Copy ${label} id`} copyValue={value}>\n        {value}\n      </DataKeysAndValues.ValueWithCopyBtn>\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"span-data-panel-view.es.js","names":["_Fragment"],"sources":["../../../../src/domains/traces/components/span-data-panel-view.tsx"],"sourcesContent":["import { describeProcessorPipeline, describeSpanInput } from '@mastra/core/observability';\nimport type { UsageStats } from '@mastra/core/observability';\nimport {\n  BracesIcon,\n  CircleXIcon,\n  ExternalLinkIcon,\n  EyeIcon,\n  FileInputIcon,\n  FileOutputIcon,\n  InfoIcon,\n  MessageSquareReplyIcon,\n} from 'lucide-react';\nimport { useId, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport type { SpanRecord, SpanTab } from '../types';\nimport { getSpanSignal } from '../utils/span-signal';\nimport { getSpanDurationMs, getTokenLimitMessage, isTokenLimitExceeded } from '../utils/span-utils';\nimport { getSpanTypeUi } from './shared';\nimport { SpanOutcomeSummary } from './span-outcome';\nimport { getSpanOutcome } from './span-outcome.utils';\nimport {\n  SpanErrorDetails,\n  SpanInputRenderer,\n  SpanOutputRenderer,\n  SpanPayloadJson,\n  SpanPayloadProcessor,\n  getSpanOutputPayload,\n  hasSpanInputPreview,\n  hasSpanOutputPreview,\n} from './span-payload';\nimport { asCoreSpan, getSpanTools } from './span-payload/span-payload-registry';\nimport { SpanToolCallList, SpanToolList } from './span-payload/span-tools-section';\nimport { useSpanToolCalls } from './span-payload/use-span-tool-calls';\nimport { SpanPromptChanges } from './span-prompt-changes';\nimport { getPromptChanges, runsAfterModel } from './span-prompt-impact';\nimport { SpanTokenUsage } from './span-token-usage';\nimport { getModelFacts, getTokenUsageRows } from './span-token-usage.utils';\nimport { SpanTypeBadge } from './span-type-badge';\nimport { ProviderLogo } from '@/domains/llm';\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Notice } from '@/ds/components/Notice';\nimport { Tab, TabList, Tabs } from '@/ds/components/Tabs';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { cn } from '@/lib/utils';\nimport { formatTimestampPrecise } from '@/utils/date-format';\nimport { formatDuration, formatDurationPrecise } from '@/utils/duration';\n\n// Mirrors `DataPanel.Content` without requiring the Drawer root (this view also renders standalone).\n// Sections bleed their hairlines through this padding, so the two must match.\nconst BODY_CLASS = 'min-h-0 flex-1 overflow-y-auto p-3';\n\ntype PayloadView = 'rich' | 'raw';\n\nexport interface SpanDataPanelViewProps {\n  traceId: string;\n  spanId: string;\n  /** Full span record. Caller fetches via useSpanDetail. */\n  span: SpanRecord | undefined;\n  isLoading?: boolean;\n  /** Previous/next buttons show only when one is provided; omit both where a span tree already navigates. */\n  onPrevious?: () => void;\n  onNext?: () => void;\n  /** When provided, an × button in the header closes the span column. */\n  onClose?: () => void;\n  /**\n   * When provided, a \"Go to trace\" button in the header calls it with the span's ids.\n   * The caller decides where the trace opens (e.g. its own traces route).\n   */\n  onShowTrace?: (span: { traceId: string; spanId: string }) => void;\n  /** Controls the open tab; the panel keeps its own when omitted. Defaults to Details. */\n  activeTab?: SpanTab;\n  onTabChange?: (tab: SpanTab) => void;\n  /**\n   * When provided, a \"Feedback\" tab appears; the slot receives the loaded span and renders\n   * whatever feedback UI the consumer wants.\n   */\n  feedbackTabSlot?: (args: { span: SpanRecord; traceId: string; spanId: string }) => ReactNode;\n  /** Optional indicator rendered after the \"Feedback\" tab label (e.g. a needs-review dot). */\n  feedbackTabBadge?: ReactNode;\n  /** Extra classes for the panel root (e.g. flattening the card when nested in the trace panel). */\n  className?: string;\n}\n\n/**\n * The same rows for every span type: what ran and how long it took, then the tabs. The body is flat:\n * the tab says what it holds, so the payload isn't wrapped in a titled card again. The open tab and the\n * Preview/JSON choice are kept when another span is selected, so stepping through spans compares like for like.\n */\nexport function SpanDataPanelView({\n  traceId,\n  spanId,\n  span,\n  isLoading,\n  onPrevious,\n  onNext,\n  onClose,\n  onShowTrace,\n  activeTab,\n  onTabChange,\n  feedbackTabSlot,\n  feedbackTabBadge,\n  className,\n}: SpanDataPanelViewProps) {\n  const [ownTab, setOwnTab] = useState<SpanTab>('details');\n  const [view, setView] = useState<PayloadView>('rich');\n\n  const requested = activeTab ?? ownTab;\n  // A feedback tab asked for by the URL means nothing where the consumer offers no feedback.\n  const tab = requested === 'feedback' && !feedbackTabSlot ? 'details' : requested;\n  const changeTab = (next: SpanTab) => {\n    setOwnTab(next);\n    onTabChange?.(next);\n  };\n\n  const tabs: Array<{ value: SpanTab; name: string; icon: ReactNode; attention?: boolean; badge?: ReactNode }> = [\n    { value: 'details', name: 'Details', icon: <InfoIcon /> },\n    { value: 'input', name: 'Input', icon: <FileInputIcon /> },\n    { value: 'output', name: 'Output', icon: <FileOutputIcon />, attention: span?.error != null },\n    ...(feedbackTabSlot\n      ? [{ value: 'feedback' as const, name: 'Feedback', icon: <MessageSquareReplyIcon />, badge: feedbackTabBadge }]\n      : []),\n  ];\n\n  const headingId = useId();\n\n  // Not a DataPanel: this is the span column rendered inside `TraceDataPanelView`,\n  // which already provides the panel chrome.\n  return (\n    <section\n      aria-labelledby={headingId}\n      data-slot=\"span-data-panel\"\n      className={cn('flex min-h-0 flex-1 flex-col overflow-hidden', className)}\n    >\n      <DataPanel.Header className=\"flex-nowrap\">\n        {span ? (\n          <SpanIdentity span={span} headingId={headingId} />\n        ) : (\n          <DataPanel.HeaderContent>\n            <DataPanel.Heading>\n              <span id={headingId}>Span</span>\n            </DataPanel.Heading>\n          </DataPanel.HeaderContent>\n        )}\n        <DataPanel.HeaderActions>\n          {onShowTrace && (\n            <Button\n              size=\"icon-sm\"\n              variant=\"ghost\"\n              aria-label=\"Go to trace\"\n              tooltip=\"Go to trace\"\n              className=\"shrink-0\"\n              onClick={() => onShowTrace({ traceId, spanId })}\n            >\n              <ExternalLinkIcon />\n            </Button>\n          )}\n          {(onPrevious || onNext) && (\n            <DataPanel.NextPrevNav\n              onPrevious={onPrevious}\n              onNext={onNext}\n              previousLabel=\"Go to previous span\"\n              nextLabel=\"Go to next span\"\n            />\n          )}\n          {onClose && <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close span\" tooltip=\"Close span\" />}\n        </DataPanel.HeaderActions>\n      </DataPanel.Header>\n\n      {isLoading ? (\n        <DataPanel.LoadingData>Loading span details...</DataPanel.LoadingData>\n      ) : !span ? (\n        <DataPanel.NoData>Span not found.</DataPanel.NoData>\n      ) : (\n        <>\n          <Tabs<SpanTab> defaultTab=\"details\" value={tab} onValueChange={changeTab}>\n            <DataPanel.Header className=\"flex-nowrap border-b border-surface-rim\">\n              <div className=\"min-w-0 flex-1\">\n                <TabList variant=\"pill-ghost\" size=\"sm\">\n                  {tabs.map(item => (\n                    <Tab key={item.value} value={item.value} attention={item.attention}>\n                      <Icon size=\"xs\">{item.icon}</Icon>\n                      <span>{item.name}</span>\n                      {item.badge != null && <> ({item.badge})</>}\n                    </Tab>\n                  ))}\n                </TabList>\n              </div>\n            </DataPanel.Header>\n          </Tabs>\n\n          <div role=\"tabpanel\" aria-label={tabs.find(item => item.value === tab)?.name} className={BODY_CLASS}>\n            {tab === 'details' && <DetailsTab traceId={traceId} span={span} />}\n            {tab === 'input' && <InputTab span={span} view={view} onViewChange={setView} />}\n            {tab === 'output' && <OutputTab span={span} view={view} onViewChange={setView} />}\n            {tab === 'feedback' && feedbackTabSlot?.({ span, traceId, spanId })}\n          </div>\n        </>\n      )}\n    </section>\n  );\n}\n\n/* ------------------------------------------------------------------------------------------------\n * Header\n * ---------------------------------------------------------------------------------------------- */\n\nfunction getProcessorInput(span: SpanRecord) {\n  if (getSpanSignal(span)) return undefined;\n  const input = describeSpanInput(asCoreSpan(span));\n  return input?.type === 'processor' ? input.value : undefined;\n}\n\n/** How many times a processor re-ran this step. Zero, the normal case, is not worth showing. */\nfunction getRetryCount(span: SpanRecord) {\n  const data: Record<string, unknown> = getProcessorInput(span)?.data ?? {};\n  const retryCount = data.retryCount;\n  return typeof retryCount === 'number' && retryCount > 0 ? retryCount : 0;\n}\n\n/**\n * What ran and how long it took, on one row. Only the unusual is called out: a failure, a span still\n * running, or a processor that had to retry. A normal success says nothing extra.\n */\nfunction SpanIdentity({ span, headingId }: { span: SpanRecord; headingId: string }) {\n  const durationMs = getSpanDurationMs(span.startedAt, span.endedAt);\n  const retries = getRetryCount(span);\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-2 pl-1\">\n      {/* Same type mark as the span's row in the trace tree, processors included. */}\n      <SpanTypeBadge type={span.spanType ?? ''} spanUI={getSpanTypeUi(span.spanType ?? '')} />\n      <Tooltip>\n        <TooltipTrigger\n          render={\n            <Txt id={headingId} as=\"h2\" variant=\"card-title-strong\" className=\"min-w-0 truncate\">\n              {getModelFacts(span).model ?? span.entityName ?? span.name}\n            </Txt>\n          }\n        />\n        <TooltipContent>{span.name}</TooltipContent>\n      </Tooltip>\n      <Tooltip>\n        <TooltipTrigger\n          render={\n            <Txt as=\"span\" variant=\"body-sm\" tone=\"muted\" className=\"shrink-0 cursor-help tabular-nums\" tabIndex={0}>\n              {durationMs == null ? 'Running' : formatDuration(durationMs)}\n            </Txt>\n          }\n        />\n        <TooltipContent>\n          {durationMs == null ? 'Still running' : `Duration ${formatDurationPrecise(durationMs)}`}\n        </TooltipContent>\n      </Tooltip>\n      {span.error != null && (\n        <Badge size=\"xs\" variant=\"destructive\" className=\"shrink-0\">\n          Failed\n        </Badge>\n      )}\n      {retries > 0 && (\n        <Badge size=\"xs\" variant=\"warning\" className=\"shrink-0 tabular-nums\">\n          {retries === 1 ? 'Retried once' : `Retried ${retries}×`}\n        </Badge>\n      )}\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------------------------------------\n * Tab bodies\n * ---------------------------------------------------------------------------------------------- */\n\ntype PayloadTabProps = { span: SpanRecord; view: PayloadView; onViewChange: (view: PayloadView) => void };\n\n/**\n * Processor input keys the preview leaves out: tools have their own section, retries are a header badge,\n * and the step number repeats the `step › N` parent the span sits under in the tree.\n */\nconst PROCESSOR_INPUT_HIDDEN = ['tools', 'toolChoice', 'retryCount', 'stepNumber'];\n\nfunction InputTab({ span, view, onViewChange }: PayloadTabProps) {\n  const tools = getSpanTools(span);\n  const processorInput = getProcessorInput(span);\n  return (\n    <Stack>\n      <Payload\n        label=\"Input\"\n        raw={span.input}\n        hasPreview={hasSpanInputPreview(span, PROCESSOR_INPUT_HIDDEN)}\n        view={view}\n        onViewChange={onViewChange}\n        empty=\"No input recorded.\"\n      >\n        {processorInput ? (\n          <SpanPayloadProcessor value={processorInput} hidden={PROCESSOR_INPUT_HIDDEN} />\n        ) : (\n          <SpanInputRenderer span={span} />\n        )}\n      </Payload>\n      {tools && (\n        <Section title=\"Available tools\" count={tools.tools.length}>\n          <SpanToolList tools={tools.tools} />\n        </Section>\n      )}\n    </Stack>\n  );\n}\n\nfunction OutputTab({ span, view, onViewChange }: PayloadTabProps) {\n  const output = getSpanOutputPayload(span);\n  return (\n    <Stack>\n      <SpanProblem span={span} />\n      {isTokenLimitExceeded(span) && (\n        <Notice variant=\"warning\" title=\"Token Limit Exceeded\">\n          <Notice.Message>{getTokenLimitMessage(span)}</Notice.Message>\n        </Notice>\n      )}\n      {(output != null || span.error == null) && (\n        <Payload\n          label=\"Output\"\n          raw={output}\n          hasPreview={hasSpanOutputPreview(span)}\n          view={view}\n          onViewChange={onViewChange}\n          empty=\"No output recorded.\"\n        >\n          <SpanOutputRenderer span={span} />\n        </Payload>\n      )}\n      <ToolCalls span={span} />\n    </Stack>\n  );\n}\n\n/** Everything looked up rather than read, grouped the same way for every span type. */\nfunction DetailsTab({ traceId, span }: { traceId: string; span: SpanRecord }) {\n  const { finishReason, firstToken, speed, ...facts } = getModelFacts(span);\n  // Agent runs and model steps record the model they ran natively, not only model-call spans.\n  const model = span.model || facts.model;\n  const provider = span.provider || facts.provider;\n  // oxlint-disable-next-line typescript/no-unnecessary-type-assertion -- Built SDK declarations type attributes.usage as unknown.\n  const usage = span.attributes?.usage as UsageStats | undefined;\n  const hasModel = Boolean(model || provider || finishReason || firstToken || speed);\n  const durationMs = getSpanDurationMs(span.startedAt, span.endedAt);\n  const ids: Array<[string, string | null | undefined]> = [\n    ['Span', span.spanId],\n    ['Trace', traceId],\n    ['Parent span', span.parentSpanId],\n    ['Run', span.runId],\n    ['Session', span.sessionId],\n    ['Thread', span.threadId],\n    ['Request', span.requestId],\n    ['User', span.userId],\n    ['Organization', span.organizationId],\n    ['Experiment', span.experimentId],\n  ];\n\n  return (\n    <Stack>\n      <PromptSection span={span} />\n\n      {hasModel && (\n        <Section title=\"Model\">\n          <DataKeysAndValues>\n            {model && (\n              <Row label=\"Model\">\n                <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n                  {provider && <ProviderLogo providerId={provider} size=\"xs\" />}\n                  <span className=\"truncate\">{model}</span>\n                </span>\n              </Row>\n            )}\n            {provider && <Row label=\"Provider\">{provider}</Row>}\n            {finishReason && <Row label=\"Finish reason\">{finishReason}</Row>}\n            {firstToken && <Row label=\"First token\">{firstToken}</Row>}\n            {speed && <Row label=\"Speed\">{speed}</Row>}\n          </DataKeysAndValues>\n        </Section>\n      )}\n\n      {usage && getTokenUsageRows(usage) && (\n        <Section title=\"Token usage\">\n          <SpanTokenUsage usage={usage} />\n        </Section>\n      )}\n\n      <Section title=\"Timing\">\n        <DataKeysAndValues>\n          <Row label=\"Started\">{formatTimestampPrecise(span.startedAt)}</Row>\n          {span.endedAt && <Row label=\"Ended\">{formatTimestampPrecise(span.endedAt)}</Row>}\n          {durationMs != null && <Row label=\"Duration\">{formatDurationPrecise(durationMs)}</Row>}\n          {span.timeToFirstChunkMs != null && (\n            <Row label=\"Time to first chunk\">{formatDurationPrecise(span.timeToFirstChunkMs)}</Row>\n          )}\n          {span.timeToFirstTokenMs != null && (\n            <Row label=\"Time to first token\">{formatDurationPrecise(span.timeToFirstTokenMs)}</Row>\n          )}\n        </DataKeysAndValues>\n      </Section>\n\n      <Section title=\"Identifiers\">\n        <DataKeysAndValues>\n          {ids.map(([label, value]) => (value ? <IdRow key={label} label={label} value={value} /> : null))}\n          {span.tags && span.tags.length > 0 && (\n            <Row label=\"Tags\">\n              <span className=\"flex flex-wrap gap-1\">\n                {span.tags.map(tag => (\n                  <Badge key={tag} size=\"xs\" variant=\"neutral\" emphasis=\"subtle\">\n                    {tag}\n                  </Badge>\n                ))}\n              </span>\n            </Row>\n          )}\n        </DataKeysAndValues>\n      </Section>\n\n      <JsonSection title=\"Metadata\" value={span.metadata} />\n      <JsonSection title=\"Attributes\" value={span.attributes} />\n    </Stack>\n  );\n}\n\n/**\n * What this span changed in the request, from its own recorded changes, as diff cards. Changes made\n * after the model answered get a short note: they can't have shaped this request. Nothing is shown\n * when the span changed nothing.\n */\nfunction PromptSection({ span }: { span: SpanRecord }) {\n  if (getPromptChanges(span).length === 0) return null;\n\n  return (\n    <Section title=\"Prompt\">\n      {runsAfterModel(span) && (\n        <Txt as=\"p\" variant=\"body-sm\" tone=\"muted\">\n          Ran after the model answered: its changes are kept for later turns and could not shape this request.\n        </Txt>\n      )}\n      <SpanPromptChanges span={span} />\n    </Section>\n  );\n}\n\n/** Why the span failed or stopped, above whatever output it still produced. */\nfunction SpanProblem({ span }: { span: SpanRecord }) {\n  const outcome = getSpanOutcome(span);\n  if (outcome?.tone !== 'error' && outcome?.tone !== 'warning') return null;\n  if (span.error != null) {\n    return (\n      <Notice variant=\"destructive\" icon={<CircleXIcon />} title={<h3>{outcome.headline}</h3>}>\n        <SpanErrorDetails span={span} />\n      </Notice>\n    );\n  }\n  // A tripwire leaves no error: its reason is the only account of why the run stopped.\n  const tripwire = describeProcessorPipeline(asCoreSpan(span))?.tripwireAbort;\n  if (!tripwire) return <SpanOutcomeSummary outcome={outcome} showDetail />;\n  return (\n    <Notice variant=\"destructive\" icon={<CircleXIcon />} title={<h3>{outcome.headline}</h3>}>\n      {tripwire.reason && <p className=\"break-words whitespace-pre-wrap\">{tripwire.reason}</p>}\n      {tripwire.retry !== undefined && (\n        <Txt as=\"p\" variant=\"body-sm\" tone=\"muted\">\n          {tripwire.retry ? 'The model was asked to retry.' : 'Not retried.'}\n        </Txt>\n      )}\n    </Notice>\n  );\n}\n\nfunction ToolCalls({ span }: { span: SpanRecord }) {\n  const toolCalls = useSpanToolCalls(span);\n  if (toolCalls.length === 0) return null;\n  return (\n    <Section title=\"Tool calls\" count={toolCalls.length}>\n      <SpanToolCallList toolCalls={toolCalls} />\n    </Section>\n  );\n}\n\n/* ------------------------------------------------------------------------------------------------\n * Building blocks\n * ---------------------------------------------------------------------------------------------- */\n\nfunction Stack({ children }: { children: ReactNode }) {\n  return <div className=\"grid min-w-0 content-start gap-4\">{children}</div>;\n}\n\n/**\n * A hairline and a small heading between groups, instead of a titled card around each one.\n * The hairline runs edge to edge: it bleeds through the body padding.\n */\nfunction Section({\n  title,\n  label = title,\n  count,\n  children,\n}: {\n  title?: string;\n  /** Names the region for assistive tech when the heading is rendered by the children. */\n  label?: string;\n  count?: number;\n  children: ReactNode;\n}) {\n  return (\n    <section\n      aria-label={label}\n      className=\"-mx-3 grid min-w-0 gap-3 border-t border-surface-rim px-3 pt-4 first:border-t-0 first:pt-0\"\n    >\n      {title && (\n        <DataPanel.SectionHeading>\n          {title}\n          {count != null && <span className=\"tabular-nums\"> · {count}</span>}\n        </DataPanel.SectionHeading>\n      )}\n      {children}\n    </section>\n  );\n}\n\n/**\n * Stored JSON that is rarely why someone opened the span. The heading always shows; the block opens\n * folded on its root, and unfolding it shows the top-level keys with their values still folded, so it\n * collapses through the code block's own fold markers instead of a second disclosure around it.\n */\nfunction JsonSection({ title, value }: { title: string; value: unknown }) {\n  if (value == null || (typeof value === 'object' && Object.keys(value).length === 0)) return null;\n  return (\n    <Section label={title}>\n      <div className=\"flex min-w-0 items-center justify-between gap-2\">\n        <DataPanel.SectionHeading>{title}</DataPanel.SectionHeading>\n        <CopyButton\n          content={JSON.stringify(value, null, 2)}\n          copyMessage={`${title} copied`}\n          tooltip={`Copy ${title.toLowerCase()} as JSON`}\n          variant=\"ghost\"\n        />\n      </div>\n      <SpanPayloadJson value={value} foldRoot foldNested />\n    </Section>\n  );\n}\n\n/**\n * The payload, unframed. Its Preview/JSON switch and copy sit on a small toolbar inside the tab,\n * right above what they act on, so the tab bar stays the same for every tab.\n */\nfunction Payload({\n  label,\n  raw,\n  hasPreview,\n  view,\n  onViewChange,\n  empty,\n  children,\n}: {\n  label: string;\n  raw: unknown;\n  hasPreview: boolean;\n  view: PayloadView;\n  onViewChange: (view: PayloadView) => void;\n  empty: string;\n  children: ReactNode;\n}) {\n  if (raw == null) {\n    return (\n      <Txt variant=\"body-sm\" tone=\"muted\">\n        {empty}\n      </Txt>\n    );\n  }\n  const shown = hasPreview ? view : 'raw';\n  return (\n    <div role=\"group\" aria-label={label} data-view={shown} className=\"grid min-w-0 gap-3\">\n      <div className=\"flex items-center justify-end gap-1\">\n        {hasPreview && (\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-pressed={view === 'raw'}\n            tooltip={view === 'raw' ? `Show ${label.toLowerCase()} preview` : `Show ${label.toLowerCase()} as JSON`}\n            onClick={() => onViewChange(view === 'raw' ? 'rich' : 'raw')}\n          >\n            {view === 'raw' ? <EyeIcon /> : <BracesIcon />}\n          </Button>\n        )}\n        <CopyButton\n          content={JSON.stringify(raw, null, 2)}\n          copyMessage={`${label} copied`}\n          tooltip={`Copy ${label.toLowerCase()} as JSON`}\n          variant=\"ghost\"\n        />\n      </div>\n      <div className=\"min-w-0 [&_[data-slot=message]]:my-0\">\n        {shown === 'rich' ? children : <SpanPayloadJson value={raw} foldNested />}\n      </div>\n    </div>\n  );\n}\n\nfunction Row({ label, children }: { label: string; children: ReactNode }) {\n  return (\n    <>\n      <DataKeysAndValues.Key>{label}</DataKeysAndValues.Key>\n      <DataKeysAndValues.Value>{children}</DataKeysAndValues.Value>\n    </>\n  );\n}\n\nfunction IdRow({ label, value }: { label: string; value: string }) {\n  return (\n    <>\n      <DataKeysAndValues.Key>{label}</DataKeysAndValues.Key>\n      <DataKeysAndValues.ValueWithCopyBtn copyTooltip={`Copy ${label} id`} copyValue={value}>\n        {value}\n      </DataKeysAndValues.ValueWithCopyBtn>\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/traces/components/span-outcome.utils.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_string = require("../../../string-CymY0aJ9.cjs");
+const require_string = require("../../../string-DdJJdCv2.cjs");
 const require_domains_chat_tools_tool_card_kind = require("../../chat/tools/tool-card-kind.cjs.js");
 const require_domains_traces_utils_span_utils = require("../utils/span-utils.cjs.js");
 const require_domains_traces_components_format_trace_thread_messages = require("./format-trace-thread-messages.cjs.js");

package/dist/domains/traces/components/span-outcome.utils.es.js

@@ -1,4 +1,4 @@
-import { n as pluralize } from "../../../string-OAgeMRQ5.js";
+import { r as pluralize } from "../../../string-CNKDIc_4.js";
 import { isHiddenTool } from "../../chat/tools/tool-card-kind.es.js";
 import { getInputPreview } from "../utils/span-utils.es.js";
 import { getRequestedToolCalls } from "./format-trace-thread-messages.es.js";

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

@@ -4,7 +4,7 @@ const require_Notice = require("../../../../Notice-DWNeCe-t.cjs");
 const require_DataKeysAndValues = require("../../../../DataKeysAndValues-DsH6AbAo.cjs");
 const require_domains_traces_components_span_payload_span_payload_registry = require("./span-payload-registry.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D3OO0u6u.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-B10Xxmx7.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_core_observability = require("@mastra/core/observability");
 // src/domains/traces/components/span-payload/span-error-renderer.tsx

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

@@ -3,7 +3,7 @@ import { t as Notice } from "../../../../Notice-CyKngbbv.js";
 import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-PwOmGxyp.js";
 import { asCoreSpan } from "./span-payload-registry.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
-import { t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-DTV7eUY-.js";
+import { t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-Dyhbqaa7.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { describeSpanError } from "@mastra/core/observability";
 // src/domains/traces/components/span-payload/span-error-renderer.tsx

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

@@ -3,7 +3,7 @@ const require_DataKeysAndValues = require("../../../../DataKeysAndValues-DsH6AbA
 const require_domains_traces_utils_span_signal = require("../../utils/span-signal.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_registry = require("./span-payload-registry.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D3OO0u6u.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-B10Xxmx7.cjs");
 const require_domains_traces_components_span_payload_span_payload_messages = require("./span-payload-messages.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_processor = require("./span-payload-processor.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -2,7 +2,7 @@ import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-PwOmGxyp.j
 import { getSpanSignal } from "../../utils/span-signal.es.js";
 import { asCoreSpan, pickRenderer } from "./span-payload-registry.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
-import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown } from "../../../../span-payload-primitives-DTV7eUY-.js";
+import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown } from "../../../../span-payload-primitives-Dyhbqaa7.js";
 import { SpanPayloadMessages, SpanSignal } from "./span-payload-messages.es.js";
 import { SpanPayloadProcessorInput } from "./span-payload-processor.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
-const require_activity = require("../../../../activity-QyLJcBKc.cjs");
+const require_activity = require("../../../../activity-DAK8tj7r.cjs");
 const require_Notice = require("../../../../Notice-DWNeCe-t.cjs");
 const require_DataKeysAndValues = require("../../../../DataKeysAndValues-DsH6AbAo.cjs");
 const require_domains_traces_components_span_payload_span_payload_registry = require("./span-payload-registry.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_attachment = require("./span-payload-attachment.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D3OO0u6u.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-B10Xxmx7.cjs");
 const require_domains_traces_components_span_payload_span_payload_processor = require("./span-payload-processor.cjs.js");
 const require_inline_code = require("../../../../inline-code-nhZUg7Zj.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -1,11 +1,11 @@
 import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
-import { n as ReasoningActivity } from "../../../../activity-ihrl0JtH.js";
+import { n as ReasoningActivity } from "../../../../activity-CM34JyW-.js";
 import { t as Notice } from "../../../../Notice-CyKngbbv.js";
 import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-PwOmGxyp.js";
 import { asCoreSpan, hasItems, pickRenderer } from "./span-payload-registry.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
 import { SpanPayloadAttachment } from "./span-payload-attachment.es.js";
-import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown, t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-DTV7eUY-.js";
+import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown, t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-Dyhbqaa7.js";
 import { SpanPayloadProcessor } from "./span-payload-processor.es.js";
 import { t as InlineCode } from "../../../../inline-code-BR1gVYiZ.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,14 +1,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_activity = require("../../../../activity-QyLJcBKc.cjs");
+const require_activity = require("../../../../activity-DAK8tj7r.cjs");
 const require_domains_chat_messages_skill_activation = require("../../../chat/messages/skill-activation.cjs.js");
 const require_domains_chat_messages_skill_message = require("../../../chat/messages/skill-message.cjs.js");
 const require_domains_chat_messages_signal_data = require("../../../chat/messages/signal-data.cjs.js");
-const require_Message = require("../../../../Message-BF9cpYaw.cjs");
+const require_Message = require("../../../../Message-DsCNQpou.cjs");
 const require_domains_chat_messages_signal_badge = require("../../../chat/messages/signal-badge.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
 const require_domains_traces_components_span_payload_available_skills = require("./available-skills.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_attachment = require("./span-payload-attachment.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D3OO0u6u.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-B10Xxmx7.cjs");
 const require_domains_traces_components_span_payload_span_signal_details = require("./span-signal-details.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/span-payload/span-payload-messages.tsx

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

@@ -1,13 +1,13 @@
-import { n as ReasoningActivity } from "../../../../activity-ihrl0JtH.js";
+import { n as ReasoningActivity } from "../../../../activity-CM34JyW-.js";
 import { parseSkillMarkup } from "../../../chat/messages/skill-activation.es.js";
 import { SkillMessage } from "../../../chat/messages/skill-message.es.js";
 import { isUserSignalType, toReactiveSignalData } from "../../../chat/messages/signal-data.es.js";
-import { r as Message } from "../../../../Message-Bkf6Ro9H.js";
+import { r as Message } from "../../../../Message-nVI6tMS3.js";
 import { SignalBadge } from "../../../chat/messages/signal-badge.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
 import { parseAvailableSkills } from "./available-skills.es.js";
 import { SpanPayloadAttachment } from "./span-payload-attachment.es.js";
-import { a as SpanPayloadListName, c as SpanPayloadTool, i as SpanPayloadList, n as SpanPayloadField, o as SpanPayloadMarkdown, r as SpanPayloadLabel } from "../../../../span-payload-primitives-DTV7eUY-.js";
+import { a as SpanPayloadListName, c as SpanPayloadTool, i as SpanPayloadList, n as SpanPayloadField, o as SpanPayloadMarkdown, r as SpanPayloadLabel } from "../../../../span-payload-primitives-Dyhbqaa7.js";
 import { SignalDetails } from "./span-signal-details.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/span-payload/span-payload-messages.tsx

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D3OO0u6u.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-B10Xxmx7.cjs");
 exports.SpanPayloadCollapsible = require_span_payload_primitives.SpanPayloadCollapsible;
 exports.SpanPayloadField = require_span_payload_primitives.SpanPayloadField;
 exports.SpanPayloadLabel = require_span_payload_primitives.SpanPayloadLabel;

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

@@ -1 +1 @@
-export { t as SpanPayloadCollapsible, n as SpanPayloadField, r as SpanPayloadLabel, i as SpanPayloadList, a as SpanPayloadListName, o as SpanPayloadMarkdown, s as SpanPayloadToolCalls } from "../../../../span-payload-primitives-DTV7eUY-.js";
+export { t as SpanPayloadCollapsible, n as SpanPayloadField, r as SpanPayloadLabel, i as SpanPayloadList, a as SpanPayloadListName, o as SpanPayloadMarkdown, s as SpanPayloadToolCalls } from "../../../../span-payload-primitives-Dyhbqaa7.js";

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_DataKeysAndValues = require("../../../../DataKeysAndValues-DsH6AbAo.cjs");
 const require_domains_traces_components_span_payload_span_payload_processor_fields = require("./span-payload-processor-fields.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D3OO0u6u.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-B10Xxmx7.cjs");
 const require_domains_traces_components_span_payload_span_payload_messages = require("./span-payload-messages.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -1,7 +1,7 @@
 import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-PwOmGxyp.js";
 import { isScalar, processorInputToolKeys, readProcessorPayload } from "./span-payload-processor-fields.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
-import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown, s as SpanPayloadToolCalls, t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-DTV7eUY-.js";
+import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown, s as SpanPayloadToolCalls, t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-Dyhbqaa7.js";
 import { SpanPayloadMessages } from "./span-payload-messages.es.js";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D3OO0u6u.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-B10Xxmx7.cjs");
 exports.SpanPayloadTool = require_span_payload_primitives.SpanPayloadTool;
 exports.SpanToolNameValue = require_span_payload_primitives.SpanToolNameValue;

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

@@ -1 +1 @@
-export { c as SpanPayloadTool, l as SpanToolNameValue } from "../../../../span-payload-primitives-DTV7eUY-.js";
+export { c as SpanPayloadTool, l as SpanToolNameValue } from "../../../../span-payload-primitives-Dyhbqaa7.js";

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

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
-const require_string = require("../../../../string-CymY0aJ9.cjs");
+const require_string = require("../../../../string-DdJJdCv2.cjs");
 const require_domains_traces_components_span_outcome_utils = require("../span-outcome.utils.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D3OO0u6u.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-B10Xxmx7.cjs");
 const require_domains_traces_components_span_payload_span_payload_messages = require("./span-payload-messages.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/span-payload/span-processor-mutations.tsx

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

@@ -1,8 +1,8 @@
 import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
-import { n as pluralize } from "../../../../string-OAgeMRQ5.js";
+import { r as pluralize } from "../../../../string-CNKDIc_4.js";
 import { getSpanChanges } from "../span-outcome.utils.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
-import { t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-DTV7eUY-.js";
+import { t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-Dyhbqaa7.js";
 import { SpanPayloadMessages } from "./span-payload-messages.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/span-payload/span-processor-mutations.tsx

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

@@ -5,7 +5,7 @@ const require_icons_ToolsIcon = require("../../../../icons/ToolsIcon.cjs.js");
 const require_domains_chat_messages_message_row = require("../../../chat/messages/message-row.cjs.js");
 const require_domains_traces_components_format_trace_thread_messages = require("../format-trace-thread-messages.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_registry = require("./span-payload-registry.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D3OO0u6u.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-B10Xxmx7.cjs");
 const require_domains_traces_components_span_payload_span_payload_section = require("./span-payload-section.cjs.js");
 const require_domains_traces_components_read_only_tool_call_provider = require("../read-only-tool-call-provider.cjs.js");
 const require_domains_traces_components_span_payload_use_span_tool_calls = require("./use-span-tool-calls.cjs.js");

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

@@ -4,7 +4,7 @@ import { ToolsIcon } from "../../../../icons/ToolsIcon.es.js";
 import { MessageRow } from "../../../chat/messages/message-row.es.js";
 import { getRequestedToolCalls } from "../format-trace-thread-messages.es.js";
 import { getDelegatedToolHref, getSpanTools } from "./span-payload-registry.es.js";
-import { a as SpanPayloadListName, i as SpanPayloadList } from "../../../../span-payload-primitives-DTV7eUY-.js";
+import { a as SpanPayloadListName, i as SpanPayloadList } from "../../../../span-payload-primitives-Dyhbqaa7.js";
 import { SpanPayloadSection } from "./span-payload-section.es.js";
 import { ReadOnlyToolCallProvider } from "../read-only-tool-call-provider.es.js";
 import { useSpanToolCalls } from "./use-span-tool-calls.es.js";

package/dist/domains/traces/components/span-prompt-changes.cjs.js

@@ -3,7 +3,7 @@ const require_utils = require("../../../utils-uDc1ofX1.cjs");
 const require_cost = require("../../../cost-CDXUhpb_.cjs");
 const require_primitives_transitions = require("../../../primitives/transitions.cjs.js");
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_string = require("../../../string-CymY0aJ9.cjs");
+const require_string = require("../../../string-DdJJdCv2.cjs");
 const require_components_DisclosureChevron = require("../../../components/DisclosureChevron.cjs.js");
 const require_components_CollapsibleBox = require("../../../components/CollapsibleBox.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload/span-payload-json.cjs.js");

package/dist/domains/traces/components/span-prompt-changes.es.js

@@ -2,7 +2,7 @@ import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { t as formatCompactNumber } from "../../../cost-C2vDb3o7.js";
 import { focusRing } from "../../../primitives/transitions.es.js";
 import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { n as pluralize } from "../../../string-OAgeMRQ5.js";
+import { r as pluralize } from "../../../string-CNKDIc_4.js";
 import { DisclosureChevron } from "../../../components/DisclosureChevron.es.js";
 import { CollapsibleBox, useCollapsibleBox } from "../../../components/CollapsibleBox.es.js";
 import { SpanPayloadJson } from "./span-payload/span-payload-json.es.js";

package/dist/domains/traces/components/trace-columns-menu.cjs.js

@@ -4,7 +4,7 @@ const require_dropdown_menu = require("../../../dropdown-menu-BETTTPBB.cjs");
 const require_Dialog = require("../../../Dialog-CjaiCrkv.cjs");
 const require_components_Field = require("../../../components/Field.cjs.js");
 const require_components_Form = require("../../../components/Form.cjs.js");
-const require_combobox = require("../../../combobox-C-E7_q4j.cjs");
+const require_combobox = require("../../../combobox-8kNAJFlj.cjs");
 const require_domains_traces_trace_list_columns = require("../trace-list-columns.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -18,6 +18,7 @@ var COLUMN_LABELS = {
 	duration: "Duration",
 	traceCount: "Messages",
 	timeToFirstChunk: "Time to first chunk",
+	timeToFirstToken: "Time to first token",
 	endTime: "End",
 	environment: "Environment",
 	model: "Model",

package/dist/domains/traces/components/trace-columns-menu.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-columns-menu.cjs.js","names":["TRACE_COLUMN_CATALOGS","useState","useMemo","_Fragment","DropdownMenu","Columns3Icon","TRACE_USAGE_COLUMNS","Txt","TRACE_CUSTOM_COLUMN_FIELDS","TRACE_CUSTOM_COLUMN_LABELS","PlusIcon","Dialog","DialogContent","Form","DialogHeader","DialogTitle","DialogDescription","DialogBody","Field","FieldLabel","Combobox","FieldError","DialogFooter","DialogCancel","DialogAction"],"sources":["../../../../src/domains/traces/components/trace-columns-menu.tsx"],"sourcesContent":["import { Columns3Icon, PlusIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { FormEvent } from 'react';\nimport {\n  TRACE_COLUMN_CATALOGS,\n  TRACE_CUSTOM_COLUMN_FIELDS,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  TRACE_USAGE_COLUMNS,\n} from '../trace-list-columns';\nimport type {\n  TraceColumnCatalog,\n  TraceColumnPreferences,\n  TraceCustomColumn,\n  TraceOptionalColumn,\n} from '../trace-list-columns';\nimport { Combobox } from '@/ds/components/Combobox';\nimport {\n  Dialog,\n  DialogAction,\n  DialogBody,\n  DialogCancel,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/ds/components/Dialog';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Field, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Txt } from '@/ds/components/Txt';\n\nconst EMPTY_KEYS: readonly string[] = [];\n\nconst COLUMN_LABELS: Record<TraceOptionalColumn, string> = {\n  type: 'Primitive type',\n  input: 'Input',\n  output: 'Output',\n  duration: 'Duration',\n  traceCount: 'Messages',\n  timeToFirstChunk: 'Time to first chunk',\n  endTime: 'End',\n  environment: 'Environment',\n  model: 'Model',\n  provider: 'Provider',\n  inputTokens: 'Input tokens',\n  outputTokens: 'Output tokens',\n  totalTokens: 'Total tokens',\n  estimatedCost: 'Estimated cost',\n};\n\ntype TraceColumnsMenuProps = {\n  preferences: TraceColumnPreferences;\n  /** Which columns the list offers. Defaults to the traces catalog. */\n  catalog?: TraceColumnCatalog;\n  /** Top-level metadata keys observed on traces in the current time range, offered in the picker. */\n  availableMetadataKeys?: readonly string[];\n  usageDisabledReason?: string;\n  /** When false (server without the trace-query API), metadata columns can't be added. Defaults to true. */\n  withQueryTrace?: boolean;\n  onToggleColumn: (column: TraceOptionalColumn) => void;\n  onAddCustomColumn: (field: TraceCustomColumn) => void;\n  onRemoveCustomColumn: (field: TraceCustomColumn) => void;\n  onAddMetadataColumn: (key: string) => void;\n  onRemoveMetadataColumn: (key: string) => void;\n  onReset: () => void;\n  /** Keeps the trigger in place but inert, e.g. while capabilities load. */\n  disabled?: boolean;\n};\n\nexport function TraceColumnsMenu({\n  preferences,\n  catalog = TRACE_COLUMN_CATALOGS.traces,\n  availableMetadataKeys = EMPTY_KEYS,\n  usageDisabledReason,\n  withQueryTrace = true,\n  onToggleColumn,\n  onAddCustomColumn,\n  onRemoveCustomColumn,\n  onAddMetadataColumn,\n  onRemoveMetadataColumn,\n  onReset,\n  disabled,\n}: TraceColumnsMenuProps) {\n  const withMetadata = catalog.metadata && withQueryTrace;\n  const [isMetadataDialogOpen, setIsMetadataDialogOpen] = useState(false);\n  const [metadataKey, setMetadataKey] = useState('');\n  const [metadataError, setMetadataError] = useState<string | undefined>();\n\n  const metadataKeyOptions = useMemo(() => {\n    const keys = availableMetadataKeys.filter(key => !preferences.metadataKeys.includes(key));\n    if (metadataKey && !keys.includes(metadataKey)) keys.push(metadataKey);\n    return keys.map(key => ({ label: key, value: key }));\n  }, [availableMetadataKeys, preferences.metadataKeys, metadataKey]);\n\n  const handleDialogOpenChange = (open: boolean) => {\n    setIsMetadataDialogOpen(open);\n    if (!open) {\n      setMetadataKey('');\n      setMetadataError(undefined);\n    }\n  };\n\n  const handleAddMetadata = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const normalizedKey = metadataKey.trim();\n    if (!normalizedKey) {\n      setMetadataError('Enter a metadata key.');\n      return;\n    }\n    if (preferences.metadataKeys.includes(normalizedKey)) {\n      setMetadataError('That metadata column is already visible.');\n      return;\n    }\n\n    onAddMetadataColumn(normalizedKey);\n    handleDialogOpenChange(false);\n  };\n\n  return (\n    <>\n      <DropdownMenu>\n        <DropdownMenu.Trigger disabled={disabled} variant=\"ghost\" size=\"icon-md\" tooltip=\"Columns\">\n          <Columns3Icon aria-hidden />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"start\" className=\"min-w-56\">\n          <DropdownMenu.Label>Standard columns</DropdownMenu.Label>\n          {catalog.standardColumns.map(column => (\n            <DropdownMenu.CheckboxItem\n              key={column}\n              checked={preferences.visibleColumns.includes(column)}\n              onCheckedChange={() => onToggleColumn(column)}\n            >\n              {COLUMN_LABELS[column]}\n            </DropdownMenu.CheckboxItem>\n          ))}\n\n          {catalog.usage && (\n            <>\n              <DropdownMenu.Separator />\n              <DropdownMenu.Label>Usage columns</DropdownMenu.Label>\n              {TRACE_USAGE_COLUMNS.map(column => (\n                <DropdownMenu.CheckboxItem\n                  key={column}\n                  checked={preferences.visibleColumns.includes(column)}\n                  disabled={Boolean(usageDisabledReason)}\n                  onCheckedChange={() => onToggleColumn(column)}\n                >\n                  {COLUMN_LABELS[column]}\n                </DropdownMenu.CheckboxItem>\n              ))}\n              {usageDisabledReason && (\n                <Txt variant=\"meta\" tone=\"faint\" className=\"px-2 py-1\" role=\"note\">\n                  {usageDisabledReason}\n                </Txt>\n              )}\n            </>\n          )}\n\n          <DropdownMenu.Separator />\n          <DropdownMenu.Label>Custom columns</DropdownMenu.Label>\n          {TRACE_CUSTOM_COLUMN_FIELDS.map(field => {\n            const isVisible = preferences.customColumns.includes(field);\n            return (\n              <DropdownMenu.CheckboxItem\n                key={field}\n                checked={isVisible}\n                onCheckedChange={() => (isVisible ? onRemoveCustomColumn(field) : onAddCustomColumn(field))}\n              >\n                {TRACE_CUSTOM_COLUMN_LABELS[field]}\n              </DropdownMenu.CheckboxItem>\n            );\n          })}\n\n          {catalog.metadata && (withQueryTrace || preferences.metadataKeys.length > 0) && (\n            <>\n              <DropdownMenu.Separator />\n              <DropdownMenu.Label>Metadata columns</DropdownMenu.Label>\n              {preferences.metadataKeys.map(key => (\n                <DropdownMenu.CheckboxItem\n                  key={key}\n                  checked\n                  title={key}\n                  onCheckedChange={() => onRemoveMetadataColumn(key)}\n                >\n                  {key}\n                </DropdownMenu.CheckboxItem>\n              ))}\n              {withMetadata && (\n                <DropdownMenu.Item onSelect={() => setIsMetadataDialogOpen(true)}>\n                  <PlusIcon aria-hidden />\n                  Add metadata column\n                </DropdownMenu.Item>\n              )}\n            </>\n          )}\n\n          <DropdownMenu.Separator />\n          <DropdownMenu.Item onSelect={onReset}>Reset to defaults</DropdownMenu.Item>\n        </DropdownMenu.Content>\n      </DropdownMenu>\n\n      {withMetadata && (\n        <Dialog open={isMetadataDialogOpen} onOpenChange={handleDialogOpenChange}>\n          <DialogContent>\n            <Form onSubmit={handleAddMetadata} className=\"gap-0\">\n              <DialogHeader>\n                <DialogTitle>Add metadata column</DialogTitle>\n                <DialogDescription>\n                  Pick a top-level trace metadata key observed in the current time range, or type one. Only the key is\n                  saved, never its values.\n                </DialogDescription>\n              </DialogHeader>\n              <DialogBody>\n                <Field invalid={Boolean(metadataError)}>\n                  <FieldLabel>Metadata key</FieldLabel>\n                  <Combobox\n                    options={metadataKeyOptions}\n                    value={metadataKey}\n                    onValueChange={key => {\n                      setMetadataKey(key);\n                      setMetadataError(undefined);\n                    }}\n                    allowCustomValue\n                    placeholder=\"Select a metadata key…\"\n                    searchPlaceholder=\"Search metadata keys…\"\n                    emptyText=\"No metadata keys observed. Type one to add it.\"\n                  />\n                  <FieldError>{metadataError}</FieldError>\n                </Field>\n              </DialogBody>\n              <DialogFooter>\n                <DialogCancel>Cancel</DialogCancel>\n                <DialogAction type=\"submit\">Add column</DialogAction>\n              </DialogFooter>\n            </Form>\n          </DialogContent>\n        </Dialog>\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAgCA,IAAM,aAAgC,CAAC;AAEvC,IAAM,gBAAqD;CACzD,MAAM;CACN,OAAO;CACP,QAAQ;CACR,UAAU;CACV,YAAY;CACZ,kBAAkB;CAClB,SAAS;CACT,aAAa;CACb,OAAO;CACP,UAAU;CACV,aAAa;CACb,cAAc;CACd,aAAa;CACb,eAAe;AACjB;AAqBA,SAAgB,iBAAiB,EAC/B,aACA,UAAUA,0CAAAA,sBAAsB,QAChC,wBAAwB,YACxB,qBACA,iBAAiB,MACjB,gBACA,mBACA,sBACA,qBACA,wBACA,SACA,YACwB;CACxB,MAAM,eAAe,QAAQ,YAAY;CACzC,MAAM,CAAC,sBAAsB,4BAAA,GAA2BC,MAAAA,SAAAA,CAAS,KAAK;CACtE,MAAM,CAAC,aAAa,mBAAA,GAAkBA,MAAAA,SAAAA,CAAS,EAAE;CACjD,MAAM,CAAC,eAAe,qBAAA,GAAoBA,MAAAA,SAAAA,CAA6B;CAEvE,MAAM,sBAAA,GAAqBC,MAAAA,QAAAA,OAAc;EACvC,MAAM,OAAO,sBAAsB,QAAO,QAAO,CAAC,YAAY,aAAa,SAAS,GAAG,CAAC;EACxF,IAAI,eAAe,CAAC,KAAK,SAAS,WAAW,GAAG,KAAK,KAAK,WAAW;EACrE,OAAO,KAAK,KAAI,SAAQ;GAAE,OAAO;GAAK,OAAO;EAAI,EAAE;CACrD,GAAG;EAAC;EAAuB,YAAY;EAAc;CAAW,CAAC;CAEjE,MAAM,0BAA0B,SAAkB;EAChD,wBAAwB,IAAI;EAC5B,IAAI,CAAC,MAAM;GACT,eAAe,EAAE;GACjB,iBAAiB,KAAA,CAAS;EAC5B;CACF;CAEA,MAAM,qBAAqB,UAAsC;EAC/D,MAAM,eAAe;EACrB,MAAM,gBAAgB,YAAY,KAAK;EACvC,IAAI,CAAC,eAAe;GAClB,iBAAiB,uBAAuB;GACxC;EACF;EACA,IAAI,YAAY,aAAa,SAAS,aAAa,GAAG;GACpD,iBAAiB,0CAA0C;GAC3D;EACF;EAEA,oBAAoB,aAAa;EACjC,uBAAuB,KAAK;CAC9B;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,sBAAAA,cAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,aAAa,SAAd;EAAgC;EAAU,SAAQ;EAAQ,MAAK;EAAU,SAAQ;EAC/E,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,cAAD,EAAc,eAAA,KAAa,CAAA;CACP,CAAA,GACtB,iBAAA,GAAA,kBAAA,KAAA,CAACD,sBAAAA,aAAa,SAAd;EAAsB,OAAM;EAAQ,WAAU;EAA9C,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,aAAa,OAAd,EAAA,UAAoB,mBAAoC,CAAA;GACvD,QAAQ,gBAAgB,KAAI,WAC3B,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,aAAa,cAAd;IAEE,SAAS,YAAY,eAAe,SAAS,MAAM;IACnD,uBAAuB,eAAe,MAAM;IAE3C,UAAA,cAAc;GACU,GALpB,MAKoB,CAC5B;GAEA,QAAQ,SACP,iBAAA,GAAA,kBAAA,KAAA,CAAAD,kBAAAA,UAAA,EAAA,UAAA;IACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,aAAa,WAAd,CAAyB,CAAA;IACzB,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,aAAa,OAAd,EAAA,UAAoB,gBAAiC,CAAA;IACpDE,0CAAAA,oBAAoB,KAAI,WACvB,iBAAA,GAAA,kBAAA,IAAA,CAACF,sBAAAA,aAAa,cAAd;KAEE,SAAS,YAAY,eAAe,SAAS,MAAM;KACnD,UAAU,QAAQ,mBAAmB;KACrC,uBAAuB,eAAe,MAAM;KAE3C,UAAA,cAAc;IACU,GANpB,MAMoB,CAC5B;IACA,uBACC,iBAAA,GAAA,kBAAA,IAAA,CAACG,YAAAA,KAAD;KAAK,SAAQ;KAAO,MAAK;KAAQ,WAAU;KAAY,MAAK;KACzD,UAAA;IACE,CAAA;GAEP,EAAA,CAAA;GAGJ,iBAAA,GAAA,kBAAA,IAAA,CAACH,sBAAAA,aAAa,WAAd,CAAyB,CAAA;GACzB,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,aAAa,OAAd,EAAA,UAAoB,iBAAkC,CAAA;GACrDI,0CAAAA,2BAA2B,KAAI,UAAS;IACvC,MAAM,YAAY,YAAY,cAAc,SAAS,KAAK;IAC1D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACJ,sBAAAA,aAAa,cAAd;KAEE,SAAS;KACT,uBAAwB,YAAY,qBAAqB,KAAK,IAAI,kBAAkB,KAAK;KAExF,UAAAK,0CAAAA,2BAA2B;IACH,GALpB,KAKoB;GAE/B,CAAC;GAEA,QAAQ,aAAa,kBAAkB,YAAY,aAAa,SAAS,MACxE,iBAAA,GAAA,kBAAA,KAAA,CAAAN,kBAAAA,UAAA,EAAA,UAAA;IACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,aAAa,WAAd,CAAyB,CAAA;IACzB,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,aAAa,OAAd,EAAA,UAAoB,mBAAoC,CAAA;IACvD,YAAY,aAAa,KAAI,QAC5B,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,aAAa,cAAd;KAEE,SAAA;KACA,OAAO;KACP,uBAAuB,uBAAuB,GAAG;KAEhD,UAAA;IACwB,GANpB,GAMoB,CAC5B;IACA,gBACC,iBAAA,GAAA,kBAAA,KAAA,CAACA,sBAAAA,aAAa,MAAd;KAAmB,gBAAgB,wBAAwB,IAAI;KAA/D,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACM,aAAAA,UAAD,EAAU,eAAA,KAAa,CAAA,GAAC,qBAEP;;GAErB,EAAA,CAAA;GAGJ,iBAAA,GAAA,kBAAA,IAAA,CAACN,sBAAAA,aAAa,WAAd,CAAyB,CAAA;GACzB,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,aAAa,MAAd;IAAmB,UAAU;IAAS,UAAA;GAAoC,CAAA;EACtD;CACV,CAAA,CAAA,EAAA,CAAA,GAEb,gBACC,iBAAA,GAAA,kBAAA,IAAA,CAACO,eAAAA,QAAD;EAAQ,MAAM;EAAsB,cAAc;EAChD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,eAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,wBAAAA,MAAD;GAAM,UAAU;GAAmB,WAAU;GAA7C,UAAA;IACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,eAAAA,cAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,aAAD,EAAA,UAAa,sBAAgC,CAAA,GAC7C,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,mBAAD,EAAA,UAAmB,gIAGA,CAAA,CACP,EAAA,CAAA;IACd,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,YAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,yBAAAA,OAAD;KAAO,SAAS,QAAQ,aAAa;KAArC,UAAA;MACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,YAAD,EAAA,UAAY,eAAwB,CAAA;MACpC,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,UAAD;OACE,SAAS;OACT,OAAO;OACP,gBAAe,QAAO;QACpB,eAAe,GAAG;QAClB,iBAAiB,KAAA,CAAS;OAC5B;OACA,kBAAA;OACA,aAAY;OACZ,mBAAkB;OAClB,WAAU;MACX,CAAA;MACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,YAAD,EAAA,UAAa,cAA0B,CAAA;KAClC;IACG,CAAA,EAAA,CAAA;IACZ,iBAAA,GAAA,kBAAA,KAAA,CAACC,eAAAA,cAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,cAAD,EAAA,UAAc,SAAoB,CAAA,GAClC,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,cAAD;KAAc,MAAK;KAAS,UAAA;IAAwB,CAAA,CACxC,EAAA,CAAA;GACV;EACO,CAAA,EAAA,CAAA;CACT,CAAA,CAEV,EAAA,CAAA;AAEN"}
+{"version":3,"file":"trace-columns-menu.cjs.js","names":["TRACE_COLUMN_CATALOGS","useState","useMemo","_Fragment","DropdownMenu","Columns3Icon","TRACE_USAGE_COLUMNS","Txt","TRACE_CUSTOM_COLUMN_FIELDS","TRACE_CUSTOM_COLUMN_LABELS","PlusIcon","Dialog","DialogContent","Form","DialogHeader","DialogTitle","DialogDescription","DialogBody","Field","FieldLabel","Combobox","FieldError","DialogFooter","DialogCancel","DialogAction"],"sources":["../../../../src/domains/traces/components/trace-columns-menu.tsx"],"sourcesContent":["import { Columns3Icon, PlusIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { FormEvent } from 'react';\nimport {\n  TRACE_COLUMN_CATALOGS,\n  TRACE_CUSTOM_COLUMN_FIELDS,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  TRACE_USAGE_COLUMNS,\n} from '../trace-list-columns';\nimport type {\n  TraceColumnCatalog,\n  TraceColumnPreferences,\n  TraceCustomColumn,\n  TraceOptionalColumn,\n} from '../trace-list-columns';\nimport { Combobox } from '@/ds/components/Combobox';\nimport {\n  Dialog,\n  DialogAction,\n  DialogBody,\n  DialogCancel,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/ds/components/Dialog';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Field, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Txt } from '@/ds/components/Txt';\n\nconst EMPTY_KEYS: readonly string[] = [];\n\nconst COLUMN_LABELS: Record<TraceOptionalColumn, string> = {\n  type: 'Primitive type',\n  input: 'Input',\n  output: 'Output',\n  duration: 'Duration',\n  traceCount: 'Messages',\n  timeToFirstChunk: 'Time to first chunk',\n  timeToFirstToken: 'Time to first token',\n  endTime: 'End',\n  environment: 'Environment',\n  model: 'Model',\n  provider: 'Provider',\n  inputTokens: 'Input tokens',\n  outputTokens: 'Output tokens',\n  totalTokens: 'Total tokens',\n  estimatedCost: 'Estimated cost',\n};\n\ntype TraceColumnsMenuProps = {\n  preferences: TraceColumnPreferences;\n  /** Which columns the list offers. Defaults to the traces catalog. */\n  catalog?: TraceColumnCatalog;\n  /** Top-level metadata keys observed on traces in the current time range, offered in the picker. */\n  availableMetadataKeys?: readonly string[];\n  usageDisabledReason?: string;\n  /** When false (server without the trace-query API), metadata columns can't be added. Defaults to true. */\n  withQueryTrace?: boolean;\n  onToggleColumn: (column: TraceOptionalColumn) => void;\n  onAddCustomColumn: (field: TraceCustomColumn) => void;\n  onRemoveCustomColumn: (field: TraceCustomColumn) => void;\n  onAddMetadataColumn: (key: string) => void;\n  onRemoveMetadataColumn: (key: string) => void;\n  onReset: () => void;\n  /** Keeps the trigger in place but inert, e.g. while capabilities load. */\n  disabled?: boolean;\n};\n\nexport function TraceColumnsMenu({\n  preferences,\n  catalog = TRACE_COLUMN_CATALOGS.traces,\n  availableMetadataKeys = EMPTY_KEYS,\n  usageDisabledReason,\n  withQueryTrace = true,\n  onToggleColumn,\n  onAddCustomColumn,\n  onRemoveCustomColumn,\n  onAddMetadataColumn,\n  onRemoveMetadataColumn,\n  onReset,\n  disabled,\n}: TraceColumnsMenuProps) {\n  const withMetadata = catalog.metadata && withQueryTrace;\n  const [isMetadataDialogOpen, setIsMetadataDialogOpen] = useState(false);\n  const [metadataKey, setMetadataKey] = useState('');\n  const [metadataError, setMetadataError] = useState<string | undefined>();\n\n  const metadataKeyOptions = useMemo(() => {\n    const keys = availableMetadataKeys.filter(key => !preferences.metadataKeys.includes(key));\n    if (metadataKey && !keys.includes(metadataKey)) keys.push(metadataKey);\n    return keys.map(key => ({ label: key, value: key }));\n  }, [availableMetadataKeys, preferences.metadataKeys, metadataKey]);\n\n  const handleDialogOpenChange = (open: boolean) => {\n    setIsMetadataDialogOpen(open);\n    if (!open) {\n      setMetadataKey('');\n      setMetadataError(undefined);\n    }\n  };\n\n  const handleAddMetadata = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const normalizedKey = metadataKey.trim();\n    if (!normalizedKey) {\n      setMetadataError('Enter a metadata key.');\n      return;\n    }\n    if (preferences.metadataKeys.includes(normalizedKey)) {\n      setMetadataError('That metadata column is already visible.');\n      return;\n    }\n\n    onAddMetadataColumn(normalizedKey);\n    handleDialogOpenChange(false);\n  };\n\n  return (\n    <>\n      <DropdownMenu>\n        <DropdownMenu.Trigger disabled={disabled} variant=\"ghost\" size=\"icon-md\" tooltip=\"Columns\">\n          <Columns3Icon aria-hidden />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"start\" className=\"min-w-56\">\n          <DropdownMenu.Label>Standard columns</DropdownMenu.Label>\n          {catalog.standardColumns.map(column => (\n            <DropdownMenu.CheckboxItem\n              key={column}\n              checked={preferences.visibleColumns.includes(column)}\n              onCheckedChange={() => onToggleColumn(column)}\n            >\n              {COLUMN_LABELS[column]}\n            </DropdownMenu.CheckboxItem>\n          ))}\n\n          {catalog.usage && (\n            <>\n              <DropdownMenu.Separator />\n              <DropdownMenu.Label>Usage columns</DropdownMenu.Label>\n              {TRACE_USAGE_COLUMNS.map(column => (\n                <DropdownMenu.CheckboxItem\n                  key={column}\n                  checked={preferences.visibleColumns.includes(column)}\n                  disabled={Boolean(usageDisabledReason)}\n                  onCheckedChange={() => onToggleColumn(column)}\n                >\n                  {COLUMN_LABELS[column]}\n                </DropdownMenu.CheckboxItem>\n              ))}\n              {usageDisabledReason && (\n                <Txt variant=\"meta\" tone=\"faint\" className=\"px-2 py-1\" role=\"note\">\n                  {usageDisabledReason}\n                </Txt>\n              )}\n            </>\n          )}\n\n          <DropdownMenu.Separator />\n          <DropdownMenu.Label>Custom columns</DropdownMenu.Label>\n          {TRACE_CUSTOM_COLUMN_FIELDS.map(field => {\n            const isVisible = preferences.customColumns.includes(field);\n            return (\n              <DropdownMenu.CheckboxItem\n                key={field}\n                checked={isVisible}\n                onCheckedChange={() => (isVisible ? onRemoveCustomColumn(field) : onAddCustomColumn(field))}\n              >\n                {TRACE_CUSTOM_COLUMN_LABELS[field]}\n              </DropdownMenu.CheckboxItem>\n            );\n          })}\n\n          {catalog.metadata && (withQueryTrace || preferences.metadataKeys.length > 0) && (\n            <>\n              <DropdownMenu.Separator />\n              <DropdownMenu.Label>Metadata columns</DropdownMenu.Label>\n              {preferences.metadataKeys.map(key => (\n                <DropdownMenu.CheckboxItem\n                  key={key}\n                  checked\n                  title={key}\n                  onCheckedChange={() => onRemoveMetadataColumn(key)}\n                >\n                  {key}\n                </DropdownMenu.CheckboxItem>\n              ))}\n              {withMetadata && (\n                <DropdownMenu.Item onSelect={() => setIsMetadataDialogOpen(true)}>\n                  <PlusIcon aria-hidden />\n                  Add metadata column\n                </DropdownMenu.Item>\n              )}\n            </>\n          )}\n\n          <DropdownMenu.Separator />\n          <DropdownMenu.Item onSelect={onReset}>Reset to defaults</DropdownMenu.Item>\n        </DropdownMenu.Content>\n      </DropdownMenu>\n\n      {withMetadata && (\n        <Dialog open={isMetadataDialogOpen} onOpenChange={handleDialogOpenChange}>\n          <DialogContent>\n            <Form onSubmit={handleAddMetadata} className=\"gap-0\">\n              <DialogHeader>\n                <DialogTitle>Add metadata column</DialogTitle>\n                <DialogDescription>\n                  Pick a top-level trace metadata key observed in the current time range, or type one. Only the key is\n                  saved, never its values.\n                </DialogDescription>\n              </DialogHeader>\n              <DialogBody>\n                <Field invalid={Boolean(metadataError)}>\n                  <FieldLabel>Metadata key</FieldLabel>\n                  <Combobox\n                    options={metadataKeyOptions}\n                    value={metadataKey}\n                    onValueChange={key => {\n                      setMetadataKey(key);\n                      setMetadataError(undefined);\n                    }}\n                    allowCustomValue\n                    placeholder=\"Select a metadata key…\"\n                    searchPlaceholder=\"Search metadata keys…\"\n                    emptyText=\"No metadata keys observed. Type one to add it.\"\n                  />\n                  <FieldError>{metadataError}</FieldError>\n                </Field>\n              </DialogBody>\n              <DialogFooter>\n                <DialogCancel>Cancel</DialogCancel>\n                <DialogAction type=\"submit\">Add column</DialogAction>\n              </DialogFooter>\n            </Form>\n          </DialogContent>\n        </Dialog>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/traces/components/trace-columns-menu.es.js

@@ -3,7 +3,7 @@ import { t as DropdownMenu } from "../../../dropdown-menu-B4jY3J9e.js";
 import { a as DialogContent, c as DialogHeader, d as DialogTitle, n as DialogBody, o as DialogDescription, p as DialogAction, r as DialogCancel, s as DialogFooter, t as Dialog } from "../../../Dialog-CKtTR8h3.js";
 import { Field, FieldError, FieldLabel } from "../../../components/Field.es.js";
 import { Form } from "../../../components/Form.es.js";
-import { t as Combobox } from "../../../combobox-CDS2pBqz.js";
+import { t as Combobox } from "../../../combobox-wFudhN8F.js";
 import { TRACE_COLUMN_CATALOGS, TRACE_CUSTOM_COLUMN_FIELDS, TRACE_CUSTOM_COLUMN_LABELS, TRACE_USAGE_COLUMNS } from "../trace-list-columns.es.js";
 import { useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -17,6 +17,7 @@ var COLUMN_LABELS = {
 	duration: "Duration",
 	traceCount: "Messages",
 	timeToFirstChunk: "Time to first chunk",
+	timeToFirstToken: "Time to first token",
 	endTime: "End",
 	environment: "Environment",
 	model: "Model",