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

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

@@ -1 +1 @@
-{"version":3,"file":"traces-list-view.cjs.js","names":["Tooltip","TooltipTrigger","TooltipContent","DEFAULT_TRACE_COLUMN_PREFERENCES","useRef","buildTraceListColumns","buildTraceListColumnKeys","useVirtualizer","useDataListKeyboard","TracesDataList","hasTraceColumn","TRACE_CUSTOM_COLUMN_LABELS","DropdownMenu","cn","focusRing","ListFilterIcon","Txt","DataListSkeletonRows","splitColumns","_Fragment","getInputPreview","TraceErrorCell","DataList","formatDuration","getSpanDurationMs","formatCompactNumber","formatCost","formatTraceMetadataValue"],"sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { ListFilterIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport {\n  DEFAULT_TRACE_COLUMN_PREFERENCES,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  buildTraceListColumnKeys,\n  buildTraceListColumns,\n  formatTraceMetadataValue,\n  hasTraceColumn,\n} from '../trace-list-columns';\nimport type { TraceColumnPreferences, TraceCustomColumn, TraceUsageSummary } from '../trace-list-columns';\nimport { getInputPreview, getSpanDurationMs } from '../utils/span-utils';\nimport { TraceErrorCell } from './trace-error-cell';\nimport { DataList, DataListSkeletonRows, TracesDataList, useDataListKeyboard } from '@/ds/components/DataList';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport { splitColumns } from '@/ds/components/DataList/shared';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\nimport { cn } from '@/lib/utils';\nimport { formatDuration } from '@/utils/duration';\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  threadId?: string | null;\n  resourceId?: string | null;\n  environment?: string | null;\n  /** Model and provider of a model span; only span rows carry them. */\n  model?: string | null;\n  provider?: string | null;\n  status?: string | null;\n  /** Server-rendered preview of `input`. Present on lightweight rows, which omit `input` itself. */\n  inputPreview?: string | null;\n  input?: unknown;\n  /** Server-rendered preview of the root span's output. */\n  outputPreview?: string;\n  /** Server-rendered preview of the root span's error. Shown in place of the output when `status` is `'error'`. */\n  errorPreview?: string;\n  metadata?: Record<string, unknown> | null;\n  startedAt?: Date | string | null;\n  endedAt?: Date | string | null;\n  /** The root span's time to first chunk; `null` when it never streamed one. */\n  timeToFirstChunkMs?: number | null;\n  /** Thread rows only: every trace in the thread, regardless of the listed time range. */\n  traceCount?: number;\n  createdAt: Date | string;\n};\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n/** Distinct values offered in a custom column's \"filter by value\" header menu. */\nconst MAX_FILTER_VALUES = 20;\n\nfunction customColumnValue(trace: TracesListViewTrace, field: TraceCustomColumn): string | null | undefined {\n  return trace[field];\n}\n\nfunction distinctCustomColumnValues(traces: TracesListViewTrace[], field: TraceCustomColumn): string[] {\n  const values = new Set<string>();\n  for (const trace of traces) {\n    const value = trace[field];\n    if (typeof value === 'string' && value) values.add(value);\n    if (values.size >= MAX_FILTER_VALUES) break;\n  }\n  return [...values];\n}\n\nfunction sumTokens(usage: TraceUsageSummary | undefined): number | undefined {\n  if (usage?.inputTokens === undefined && usage?.outputTokens === undefined) return undefined;\n  return (usage?.inputTokens ?? 0) + (usage?.outputTokens ?? 0);\n}\n\ntype FailedTrace = TracesListViewTrace & { spanId: string; errorPreview: string };\n\n/** A failed row whose error preview can open the full error from its span. */\nfunction isFailedTrace(trace: TracesListViewTrace): trace is FailedTrace {\n  return trace.status === 'error' && !!trace.errorPreview && !!trace.spanId;\n}\n\n/** The TTFC abbreviation, spelled out on hover; the sort button already names the column for screen readers. */\nfunction TimeToFirstChunkLabel() {\n  return (\n    <Tooltip>\n      <TooltipTrigger render={<span />}>TTFC</TooltipTrigger>\n      <TooltipContent>Time to first chunk</TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** What the rows hold, named in the empty messages. Defaults to `traces`. */\n  resource?: 'traces' | 'spans' | 'threads';\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Optional and metadata columns selected for this project. */\n  columnPreferences?: TraceColumnPreferences;\n  /** Token and estimated-cost totals, aggregated across model spans by trace ID. */\n  usageByTraceId?: ReadonlyMap<string, TraceUsageSummary>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n  /** Current sort of the Created column. When `onSortChange` is provided the header becomes sortable. */\n  createdSort?: DataListSort;\n  onSortChange?: (direction: DataListSort, key: 'startedAt') => void;\n  /** Current sort of the TTFC column. When `onTimeToFirstChunkSortChange` is provided the header becomes sortable. */\n  timeToFirstChunkSort?: DataListSort;\n  onTimeToFirstChunkSortChange?: (direction: DataListSort) => void;\n  /** When provided, custom column headers offer an `is <value>` filter for every value currently listed. */\n  onFilterByField?: (field: TraceCustomColumn, value: string) => void;\n  /** Storage id for the persisted column order. Use a distinct id per page so each keeps its own order. */\n  listId?: string;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  resource = 'traces',\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES,\n  usageByTraceId,\n  onTraceClick,\n  createdSort,\n  onSortChange,\n  timeToFirstChunkSort,\n  onTimeToFirstChunkSortChange,\n  onFilterByField,\n  listId = 'all-traces',\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const columns = buildTraceListColumns(columnPreferences);\n  const columnKeys = buildTraceListColumnKeys(columnPreferences);\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: traces.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n    global: true,\n  });\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList\n      reorderable\n      id={listId}\n      columns={columns}\n      columnKeys={columnKeys}\n      fit=\"container\"\n      scrollRef={scrollRef}\n      className=\"min-w-0\"\n    >\n      <TracesDataList.Top>\n        {onSortChange ? (\n          <TracesDataList.SortableTopCell sortKey=\"startedAt\" sort={createdSort} onSortChange={onSortChange}>\n            Start\n          </TracesDataList.SortableTopCell>\n        ) : (\n          <TracesDataList.TopCell>Start</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TopCell>Primitive type</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Primitive name</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'input') && <TracesDataList.TopCell>Input</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'output') && <TracesDataList.TopCell>Output</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'duration') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Duration</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'traceCount') && (\n          <TracesDataList.TopCellWithTooltip\n            tooltip=\"Messages sent in this thread, counting the whole thread, not just the selected time range\"\n            className=\"justify-end text-right\"\n          >\n            Messages\n          </TracesDataList.TopCellWithTooltip>\n        )}\n        {hasTraceColumn(columnPreferences, 'timeToFirstChunk') &&\n          (onTimeToFirstChunkSortChange ? (\n            <TracesDataList.SortableTopCell\n              sortKey=\"timeToFirstChunkMs\"\n              sort={timeToFirstChunkSort}\n              onSortChange={onTimeToFirstChunkSortChange}\n              label=\"Time to first chunk\"\n              align=\"end\"\n            >\n              <TimeToFirstChunkLabel />\n            </TracesDataList.SortableTopCell>\n          ) : (\n            <TracesDataList.TopCellWithTooltip tooltip=\"Time to first chunk\" className=\"justify-end text-right\">\n              TTFC\n            </TracesDataList.TopCellWithTooltip>\n          ))}\n        {hasTraceColumn(columnPreferences, 'endTime') && <TracesDataList.TopCell>End</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'environment') && (\n          <TracesDataList.TopCell>Environment</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'model') && <TracesDataList.TopCell>Model</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'provider') && <TracesDataList.TopCell>Provider</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'inputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Input tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'outputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Output tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'totalTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Total tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Est. cost</TracesDataList.TopCell>\n        )}\n        {columnPreferences.customColumns.map(field => {\n          const label = TRACE_CUSTOM_COLUMN_LABELS[field];\n          const filterValues = onFilterByField ? distinctCustomColumnValues(traces, field) : [];\n          if (!onFilterByField || filterValues.length === 0) {\n            return <TracesDataList.TopCell key={field}>{label}</TracesDataList.TopCell>;\n          }\n          return (\n            <TracesDataList.TopCell key={field} className=\"overflow-visible\">\n              <DropdownMenu>\n                <DropdownMenu.Trigger\n                  render={\n                    <button\n                      type=\"button\"\n                      className={cn('flex min-w-0 items-center gap-1 rounded-sm hover:text-foreground', focusRing)}\n                    >\n                      <span className=\"min-w-0 truncate\">{label}</span>\n                      <ListFilterIcon aria-hidden className=\"size-[1.2em] shrink-0\" />\n                    </button>\n                  }\n                />\n                <DropdownMenu.Content align=\"start\">\n                  <DropdownMenu.Label>Filter by value</DropdownMenu.Label>\n                  {filterValues.map(value => (\n                    <DropdownMenu.Item key={value} onSelect={() => onFilterByField(field, value)}>\n                      <Txt as=\"span\" variant=\"body-sm\" font=\"mono\" className=\"min-w-0 truncate\">\n                        {value}\n                      </Txt>\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu>\n            </TracesDataList.TopCell>\n          );\n        })}\n        {columnPreferences.metadataKeys.map(key => (\n          <TracesDataList.TopCellWithTooltip key={key} tooltip={key}>\n            {key}\n          </TracesDataList.TopCellWithTooltip>\n        ))}\n      </TracesDataList.Top>\n\n      {isLoading ? (\n        <DataListSkeletonRows columnCount={splitColumns(columns).length} />\n      ) : traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? `No ${resource} found for applied filters` : `No ${resource} found yet`}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const usage = usageByTraceId?.get(trace.traceId);\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.CreatedCell timestamp={displayDate} preset=\"day-time-seconds\" />\n                {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TypeCell entityType={trace.entityType} />}\n                <TracesDataList.NameCell\n                  name={trace.entityName || trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                {hasTraceColumn(columnPreferences, 'input') && (\n                  <TracesDataList.InputCell input={trace.inputPreview ?? getInputPreview(trace.input)} />\n                )}\n                {hasTraceColumn(columnPreferences, 'output') &&\n                  (isFailedTrace(trace) ? (\n                    <TraceErrorCell traceId={trace.traceId} spanId={trace.spanId} errorPreview={trace.errorPreview} />\n                  ) : (\n                    <TracesDataList.OutputCell\n                      output={trace.outputPreview}\n                      error={trace.errorPreview}\n                      status={trace.status}\n                    />\n                  ))}\n                <TracesDataList.StatusCell status={trace.status} />\n                {hasTraceColumn(columnPreferences, 'duration') && (\n                  <DataList.NumberCell font=\"mono\">\n                    {formatDuration(getSpanDurationMs(trace.startedAt, trace.endedAt))}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'traceCount') && (\n                  <DataList.NumberCell>\n                    {trace.traceCount === undefined ? undefined : formatCompactNumber(trace.traceCount)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'timeToFirstChunk') && (\n                  <DataList.NumberCell font=\"mono\">{formatDuration(trace.timeToFirstChunkMs)}</DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'endTime') && (\n                  <TracesDataList.CreatedCell timestamp={trace.endedAt ?? ''} preset=\"day-time-seconds\" />\n                )}\n                {hasTraceColumn(columnPreferences, 'environment') && (\n                  <DataList.TextCell>{trace.environment || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'model') && (\n                  <DataList.TextCell>{trace.model || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'provider') && (\n                  <DataList.TextCell>{trace.provider || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'inputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.inputTokens === undefined ? undefined : formatCompactNumber(usage.inputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'outputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.outputTokens === undefined ? undefined : formatCompactNumber(usage.outputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'totalTokens') && (\n                  <DataList.NumberCell>\n                    {(() => {\n                      const total = sumTokens(usage);\n                      return total === undefined ? undefined : formatCompactNumber(total);\n                    })()}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n                  <DataList.NumberCell>\n                    {usage?.estimatedCost === undefined ? undefined : formatCost(usage.estimatedCost, usage.costUnit)}\n                  </DataList.NumberCell>\n                )}\n                {columnPreferences.customColumns.map(field => (\n                  <DataList.TextCell font=\"mono\" key={field}>\n                    {customColumnValue(trace, field) ?? undefined}\n                  </DataList.TextCell>\n                ))}\n                {columnPreferences.metadataKeys.map(key => {\n                  const value = formatTraceMetadataValue(trace.metadata, key);\n                  return (\n                    <DataList.TextCell font=\"mono\" key={key}>\n                      {value}\n                    </DataList.TextCell>\n                  );\n                })}\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"traces-list-view.cjs.js","names":["Tooltip","TooltipTrigger","TooltipContent","DEFAULT_TRACE_COLUMN_PREFERENCES","useRef","buildTraceListColumns","buildTraceListColumnKeys","useVirtualizer","useDataListKeyboard","TracesDataList","hasTraceColumn","_Fragment","TRACE_CUSTOM_COLUMN_LABELS","DropdownMenu","cn","focusRing","ListFilterIcon","Txt","DataListSkeletonRows","splitColumns","getInputPreview","TraceErrorCell","DataList","formatDuration","getSpanDurationMs","formatCompactNumber","formatCost","formatTraceMetadataValue"],"sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { ListFilterIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport {\n  DEFAULT_TRACE_COLUMN_PREFERENCES,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  buildTraceListColumnKeys,\n  buildTraceListColumns,\n  formatTraceMetadataValue,\n  hasTraceColumn,\n} from '../trace-list-columns';\nimport type { TraceColumnPreferences, TraceCustomColumn, TraceUsageSummary } from '../trace-list-columns';\nimport { getInputPreview, getSpanDurationMs } from '../utils/span-utils';\nimport { TraceErrorCell } from './trace-error-cell';\nimport { DataList, DataListSkeletonRows, TracesDataList, useDataListKeyboard } from '@/ds/components/DataList';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport { splitColumns } from '@/ds/components/DataList/shared';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\nimport { cn } from '@/lib/utils';\nimport { formatDuration } from '@/utils/duration';\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  threadId?: string | null;\n  resourceId?: string | null;\n  environment?: string | null;\n  /** Model and provider of a model span; only span rows carry them. */\n  model?: string | null;\n  provider?: string | null;\n  status?: string | null;\n  /** How the span or the trace's root span ended (`success`, `limit`, …); absent when not recorded. */\n  outcome?: string | null;\n  stopReason?: string | null;\n  stopReasonContext?: Record<string, unknown> | null;\n  /** Server-rendered preview of `input`. Present on lightweight rows, which omit `input` itself. */\n  inputPreview?: string | null;\n  input?: unknown;\n  /** Server-rendered preview of the root span's output. */\n  outputPreview?: string;\n  /** Server-rendered preview of the root span's error. Shown in place of the output when `status` is `'error'`. */\n  errorPreview?: string;\n  metadata?: Record<string, unknown> | null;\n  startedAt?: Date | string | null;\n  endedAt?: Date | string | null;\n  /** The root span's time to first chunk; `null` when it never streamed one. */\n  timeToFirstChunkMs?: number | null;\n  /** The root span's time to first token; `null` when its model never produced one. */\n  timeToFirstTokenMs?: number | null;\n  /** Thread rows only: every trace in the thread, regardless of the listed time range. */\n  traceCount?: number;\n  createdAt: Date | string;\n};\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n/** Distinct values offered in a custom column's \"filter by value\" header menu. */\nconst MAX_FILTER_VALUES = 20;\n\nfunction customColumnValue(trace: TracesListViewTrace, field: TraceCustomColumn): string | null | undefined {\n  return trace[field];\n}\n\nfunction distinctCustomColumnValues(traces: TracesListViewTrace[], field: TraceCustomColumn): string[] {\n  const values = new Set<string>();\n  for (const trace of traces) {\n    const value = trace[field];\n    if (typeof value === 'string' && value) values.add(value);\n    if (values.size >= MAX_FILTER_VALUES) break;\n  }\n  return [...values];\n}\n\nfunction sumTokens(usage: TraceUsageSummary | undefined): number | undefined {\n  if (usage?.inputTokens === undefined && usage?.outputTokens === undefined) return undefined;\n  return (usage?.inputTokens ?? 0) + (usage?.outputTokens ?? 0);\n}\n\ntype FailedTrace = TracesListViewTrace & { spanId: string; errorPreview: string };\n\n/** A failed row whose error preview can open the full error from its span. */\nfunction isFailedTrace(trace: TracesListViewTrace): trace is FailedTrace {\n  return trace.status === 'error' && !!trace.errorPreview && !!trace.spanId;\n}\n\n/** An abbreviated header, spelled out on hover; the sort button already names the column for screen readers. */\nfunction AbbreviatedLabel({ abbreviation, title }: { abbreviation: string; title: string }) {\n  return (\n    <Tooltip>\n      <TooltipTrigger render={<span />}>{abbreviation}</TooltipTrigger>\n      <TooltipContent>{title}</TooltipContent>\n    </Tooltip>\n  );\n}\n\n/** Columns the list can be ordered by, named like the query `orderBy` fields. */\nexport type TracesListSortField = 'startedAt' | 'timeToFirstChunkMs' | 'timeToFirstTokenMs';\nexport type TracesListSort = { field: TracesListSortField; direction: DataListSort };\n\nconst DEFAULT_SORTABLE_FIELDS: readonly TracesListSortField[] = ['startedAt'];\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** What the rows hold, named in the empty messages. Defaults to `traces`. */\n  resource?: 'traces' | 'spans' | 'threads';\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Optional and metadata columns selected for this project. */\n  columnPreferences?: TraceColumnPreferences;\n  /** Token and estimated-cost totals, aggregated across model spans by trace ID. */\n  usageByTraceId?: ReadonlyMap<string, TraceUsageSummary>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n  /** Current order of the list; only the header of `sort.field` shows a direction. */\n  sort?: TracesListSort;\n  /** Headers that become sortable when `onSortChange` is provided. Defaults to Start only. */\n  sortableFields?: readonly TracesListSortField[];\n  onSortChange?: (sort: TracesListSort) => void;\n  /** When provided, custom column headers offer an `is <value>` filter for every value currently listed. */\n  onFilterByField?: (field: TraceCustomColumn, value: string) => void;\n  /** Storage id for the persisted column order. Use a distinct id per page so each keeps its own order. */\n  listId?: string;\n  /** Show the Outcome column in place of Status. Defaults to `true`; thread rows carry no outcome. */\n  outcomeColumn?: boolean;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  resource = 'traces',\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES,\n  usageByTraceId,\n  onTraceClick,\n  sort,\n  sortableFields = DEFAULT_SORTABLE_FIELDS,\n  onSortChange,\n  onFilterByField,\n  listId = 'all-traces',\n  outcomeColumn = true,\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const columns = buildTraceListColumns(columnPreferences, { outcomeColumn });\n  const columnKeys = buildTraceListColumnKeys(columnPreferences, { outcomeColumn });\n  const isSortable = (field: TracesListSortField) => !!onSortChange && sortableFields.includes(field);\n  const sortFor = (field: TracesListSortField) => (sort?.field === field ? sort.direction : undefined);\n  const handleSortChange = (direction: DataListSort, field: TracesListSortField) =>\n    onSortChange?.({ field, direction });\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: traces.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n    global: true,\n  });\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList\n      reorderable\n      id={listId}\n      columns={columns}\n      columnKeys={columnKeys}\n      fit=\"container\"\n      scrollRef={scrollRef}\n      className=\"min-w-0\"\n    >\n      <TracesDataList.Top>\n        {isSortable('startedAt') ? (\n          <TracesDataList.SortableTopCell\n            sortKey=\"startedAt\"\n            sort={sortFor('startedAt')}\n            onSortChange={handleSortChange}\n          >\n            Start\n          </TracesDataList.SortableTopCell>\n        ) : (\n          <TracesDataList.TopCell>Start</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TopCell>Primitive type</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Primitive name</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'input') && <TracesDataList.TopCell>Input</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'output') && <TracesDataList.TopCell>Output</TracesDataList.TopCell>}\n        {outcomeColumn ? (\n          <>\n            <TracesDataList.TopCell>Outcome</TracesDataList.TopCell>\n            <TracesDataList.TopCell>Stop reason</TracesDataList.TopCell>\n          </>\n        ) : (\n          <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'duration') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Duration</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'traceCount') && (\n          <TracesDataList.TopCellWithTooltip\n            tooltip=\"Messages sent in this thread, counting the whole thread, not just the selected time range\"\n            className=\"justify-end text-right\"\n          >\n            Messages\n          </TracesDataList.TopCellWithTooltip>\n        )}\n        {hasTraceColumn(columnPreferences, 'timeToFirstChunk') &&\n          (isSortable('timeToFirstChunkMs') ? (\n            <TracesDataList.SortableTopCell\n              sortKey=\"timeToFirstChunkMs\"\n              sort={sortFor('timeToFirstChunkMs')}\n              onSortChange={handleSortChange}\n              label=\"Time to first chunk\"\n              align=\"end\"\n            >\n              <AbbreviatedLabel abbreviation=\"TTFC\" title=\"Time to first chunk\" />\n            </TracesDataList.SortableTopCell>\n          ) : (\n            <TracesDataList.TopCellWithTooltip tooltip=\"Time to first chunk\" className=\"justify-end text-right\">\n              TTFC\n            </TracesDataList.TopCellWithTooltip>\n          ))}\n        {hasTraceColumn(columnPreferences, 'timeToFirstToken') &&\n          (isSortable('timeToFirstTokenMs') ? (\n            <TracesDataList.SortableTopCell\n              sortKey=\"timeToFirstTokenMs\"\n              sort={sortFor('timeToFirstTokenMs')}\n              onSortChange={handleSortChange}\n              label=\"Time to first token\"\n              align=\"end\"\n            >\n              <AbbreviatedLabel abbreviation=\"TTFT\" title=\"Time to first token\" />\n            </TracesDataList.SortableTopCell>\n          ) : (\n            <TracesDataList.TopCellWithTooltip tooltip=\"Time to first token\" className=\"justify-end text-right\">\n              TTFT\n            </TracesDataList.TopCellWithTooltip>\n          ))}\n        {hasTraceColumn(columnPreferences, 'endTime') && <TracesDataList.TopCell>End</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'environment') && (\n          <TracesDataList.TopCell>Environment</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'model') && <TracesDataList.TopCell>Model</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'provider') && <TracesDataList.TopCell>Provider</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'inputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Input tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'outputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Output tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'totalTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Total tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Est. cost</TracesDataList.TopCell>\n        )}\n        {columnPreferences.customColumns.map(field => {\n          const label = TRACE_CUSTOM_COLUMN_LABELS[field];\n          const filterValues = onFilterByField ? distinctCustomColumnValues(traces, field) : [];\n          if (!onFilterByField || filterValues.length === 0) {\n            return <TracesDataList.TopCell key={field}>{label}</TracesDataList.TopCell>;\n          }\n          return (\n            <TracesDataList.TopCell key={field} className=\"overflow-visible\">\n              <DropdownMenu>\n                <DropdownMenu.Trigger\n                  render={\n                    <button\n                      type=\"button\"\n                      className={cn('flex min-w-0 items-center gap-1 rounded-sm hover:text-foreground', focusRing)}\n                    >\n                      <span className=\"min-w-0 truncate\">{label}</span>\n                      <ListFilterIcon aria-hidden className=\"size-[1.2em] shrink-0\" />\n                    </button>\n                  }\n                />\n                <DropdownMenu.Content align=\"start\">\n                  <DropdownMenu.Label>Filter by value</DropdownMenu.Label>\n                  {filterValues.map(value => (\n                    <DropdownMenu.Item key={value} onSelect={() => onFilterByField(field, value)}>\n                      <Txt as=\"span\" variant=\"body-sm\" font=\"mono\" className=\"min-w-0 truncate\">\n                        {value}\n                      </Txt>\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu>\n            </TracesDataList.TopCell>\n          );\n        })}\n        {columnPreferences.metadataKeys.map(key => (\n          <TracesDataList.TopCellWithTooltip key={key} tooltip={key}>\n            {key}\n          </TracesDataList.TopCellWithTooltip>\n        ))}\n      </TracesDataList.Top>\n\n      {isLoading ? (\n        <DataListSkeletonRows columnCount={splitColumns(columns).length} />\n      ) : traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? `No ${resource} found for applied filters` : `No ${resource} found yet`}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const usage = usageByTraceId?.get(trace.traceId);\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.CreatedCell timestamp={displayDate} preset=\"day-time-seconds\" />\n                {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TypeCell entityType={trace.entityType} />}\n                <TracesDataList.NameCell\n                  name={trace.entityName || trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                {hasTraceColumn(columnPreferences, 'input') && (\n                  <TracesDataList.InputCell input={trace.inputPreview ?? getInputPreview(trace.input)} />\n                )}\n                {hasTraceColumn(columnPreferences, 'output') &&\n                  (isFailedTrace(trace) ? (\n                    <TraceErrorCell traceId={trace.traceId} spanId={trace.spanId} errorPreview={trace.errorPreview} />\n                  ) : (\n                    <TracesDataList.OutputCell\n                      output={trace.outputPreview}\n                      error={trace.errorPreview}\n                      status={trace.status}\n                    />\n                  ))}\n                {outcomeColumn ? (\n                  <>\n                    <TracesDataList.OutcomeCell outcome={trace.outcome} status={trace.status} />\n                    <TracesDataList.StopReasonCell\n                      stopReason={trace.stopReason}\n                      stopReasonContext={trace.stopReasonContext}\n                    />\n                  </>\n                ) : (\n                  <TracesDataList.StatusCell status={trace.status} />\n                )}\n                {hasTraceColumn(columnPreferences, 'duration') && (\n                  <DataList.NumberCell font=\"mono\">\n                    {formatDuration(getSpanDurationMs(trace.startedAt, trace.endedAt))}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'traceCount') && (\n                  <DataList.NumberCell>\n                    {trace.traceCount === undefined ? undefined : formatCompactNumber(trace.traceCount)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'timeToFirstChunk') && (\n                  <DataList.NumberCell font=\"mono\">{formatDuration(trace.timeToFirstChunkMs)}</DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'timeToFirstToken') && (\n                  <DataList.NumberCell font=\"mono\">{formatDuration(trace.timeToFirstTokenMs)}</DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'endTime') && (\n                  <TracesDataList.CreatedCell timestamp={trace.endedAt ?? ''} preset=\"day-time-seconds\" />\n                )}\n                {hasTraceColumn(columnPreferences, 'environment') && (\n                  <DataList.TextCell>{trace.environment || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'model') && (\n                  <DataList.TextCell>{trace.model || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'provider') && (\n                  <DataList.TextCell>{trace.provider || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'inputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.inputTokens === undefined ? undefined : formatCompactNumber(usage.inputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'outputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.outputTokens === undefined ? undefined : formatCompactNumber(usage.outputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'totalTokens') && (\n                  <DataList.NumberCell>\n                    {(() => {\n                      const total = sumTokens(usage);\n                      return total === undefined ? undefined : formatCompactNumber(total);\n                    })()}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n                  <DataList.NumberCell>\n                    {usage?.estimatedCost === undefined ? undefined : formatCost(usage.estimatedCost, usage.costUnit)}\n                  </DataList.NumberCell>\n                )}\n                {columnPreferences.customColumns.map(field => (\n                  <DataList.TextCell font=\"mono\" key={field}>\n                    {customColumnValue(trace, field) ?? undefined}\n                  </DataList.TextCell>\n                ))}\n                {columnPreferences.metadataKeys.map(key => {\n                  const value = formatTraceMetadataValue(trace.metadata, key);\n                  return (\n                    <DataList.TextCell font=\"mono\" key={key}>\n                      {value}\n                    </DataList.TextCell>\n                  );\n                })}\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/traces/components/traces-list-view.es.js

@@ -6,10 +6,10 @@ import { focusRing } from "../../../primitives/transitions.es.js";
 import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { t as DropdownMenu } from "../../../dropdown-menu-B4jY3J9e.js";
 import { C as splitColumns, t as DataList } from "../../../data-list-evmf5xWI.js";
-import { i as DataListSkeletonRows, t as TracesDataList } from "../../../DataList-Ve3omCXT.js";
+import { i as DataListSkeletonRows, t as TracesDataList } from "../../../DataList-2tIlQsLc.js";
 import { t as useDataListKeyboard } from "../../../use-data-list-keyboard-fJXq2T3y.js";
-import { getInputPreview, getSpanDurationMs } from "../utils/span-utils.es.js";
 import { DEFAULT_TRACE_COLUMN_PREFERENCES, TRACE_CUSTOM_COLUMN_LABELS, buildTraceListColumnKeys, buildTraceListColumns, formatTraceMetadataValue, hasTraceColumn } from "../trace-list-columns.es.js";
+import { getInputPreview, getSpanDurationMs } from "../utils/span-utils.es.js";
 import { TraceErrorCell } from "./trace-error-cell.es.js";
 import { useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -40,21 +40,28 @@ function sumTokens(usage) {
 function isFailedTrace(trace) {
 	return trace.status === "error" && !!trace.errorPreview && !!trace.spanId;
 }
-/** The TTFC abbreviation, spelled out on hover; the sort button already names the column for screen readers. */
-function TimeToFirstChunkLabel() {
+/** An abbreviated header, spelled out on hover; the sort button already names the column for screen readers. */
+function AbbreviatedLabel({ abbreviation, title }) {
 	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 		render: /* @__PURE__ */ jsx("span", {}),
-		children: "TTFC"
-	}), /* @__PURE__ */ jsx(TooltipContent, { children: "Time to first chunk" })] });
+		children: abbreviation
+	}), /* @__PURE__ */ jsx(TooltipContent, { children: title })] });
 }
+var DEFAULT_SORTABLE_FIELDS = ["startedAt"];
 /**
 * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and
 * uses DataList primitives for layout (CSS Grid with subgrid rows).
 */
-function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, filtersApplied, resource = "traces", featuredTraceId, featuredSpanId, isBranchesMode, recentlyAddedKeys, columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES, usageByTraceId, onTraceClick, createdSort, onSortChange, timeToFirstChunkSort, onTimeToFirstChunkSortChange, onFilterByField, listId = "all-traces" }) {
+function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, filtersApplied, resource = "traces", featuredTraceId, featuredSpanId, isBranchesMode, recentlyAddedKeys, columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES, usageByTraceId, onTraceClick, sort, sortableFields = DEFAULT_SORTABLE_FIELDS, onSortChange, onFilterByField, listId = "all-traces", outcomeColumn = true }) {
 	const scrollRef = useRef(null);
-	const columns = buildTraceListColumns(columnPreferences);
-	const columnKeys = buildTraceListColumnKeys(columnPreferences);
+	const columns = buildTraceListColumns(columnPreferences, { outcomeColumn });
+	const columnKeys = buildTraceListColumnKeys(columnPreferences, { outcomeColumn });
+	const isSortable = (field) => !!onSortChange && sortableFields.includes(field);
+	const sortFor = (field) => sort?.field === field ? sort.direction : void 0;
+	const handleSortChange = (direction, field) => onSortChange?.({
+		field,
+		direction
+	});
 	const virtualizer = useVirtualizer({
 		count: traces.length,
 		getScrollElement: () => scrollRef.current,
@@ -80,17 +87,17 @@ function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, se
 		scrollRef,
 		className: "min-w-0",
 		children: [/* @__PURE__ */ jsxs(TracesDataList.Top, { children: [
-			onSortChange ? /* @__PURE__ */ jsx(TracesDataList.SortableTopCell, {
+			isSortable("startedAt") ? /* @__PURE__ */ jsx(TracesDataList.SortableTopCell, {
 				sortKey: "startedAt",
-				sort: createdSort,
-				onSortChange,
+				sort: sortFor("startedAt"),
+				onSortChange: handleSortChange,
 				children: "Start"
 			}) : /* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Start" }),
 			hasTraceColumn(columnPreferences, "type") && /* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Primitive type" }),
 			/* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Primitive name" }),
 			hasTraceColumn(columnPreferences, "input") && /* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Input" }),
 			hasTraceColumn(columnPreferences, "output") && /* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Output" }),
-			/* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Status" }),
+			outcomeColumn ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Outcome" }), /* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Stop reason" })] }) : /* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Status" }),
 			hasTraceColumn(columnPreferences, "duration") && /* @__PURE__ */ jsx(TracesDataList.TopCell, {
 				className: "justify-end text-right",
 				children: "Duration"
@@ -100,18 +107,36 @@ function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, se
 				className: "justify-end text-right",
 				children: "Messages"
 			}),
-			hasTraceColumn(columnPreferences, "timeToFirstChunk") && (onTimeToFirstChunkSortChange ? /* @__PURE__ */ jsx(TracesDataList.SortableTopCell, {
+			hasTraceColumn(columnPreferences, "timeToFirstChunk") && (isSortable("timeToFirstChunkMs") ? /* @__PURE__ */ jsx(TracesDataList.SortableTopCell, {
 				sortKey: "timeToFirstChunkMs",
-				sort: timeToFirstChunkSort,
-				onSortChange: onTimeToFirstChunkSortChange,
+				sort: sortFor("timeToFirstChunkMs"),
+				onSortChange: handleSortChange,
 				label: "Time to first chunk",
 				align: "end",
-				children: /* @__PURE__ */ jsx(TimeToFirstChunkLabel, {})
+				children: /* @__PURE__ */ jsx(AbbreviatedLabel, {
+					abbreviation: "TTFC",
+					title: "Time to first chunk"
+				})
 			}) : /* @__PURE__ */ jsx(TracesDataList.TopCellWithTooltip, {
 				tooltip: "Time to first chunk",
 				className: "justify-end text-right",
 				children: "TTFC"
 			})),
+			hasTraceColumn(columnPreferences, "timeToFirstToken") && (isSortable("timeToFirstTokenMs") ? /* @__PURE__ */ jsx(TracesDataList.SortableTopCell, {
+				sortKey: "timeToFirstTokenMs",
+				sort: sortFor("timeToFirstTokenMs"),
+				onSortChange: handleSortChange,
+				label: "Time to first token",
+				align: "end",
+				children: /* @__PURE__ */ jsx(AbbreviatedLabel, {
+					abbreviation: "TTFT",
+					title: "Time to first token"
+				})
+			}) : /* @__PURE__ */ jsx(TracesDataList.TopCellWithTooltip, {
+				tooltip: "Time to first token",
+				className: "justify-end text-right",
+				children: "TTFT"
+			})),
 			hasTraceColumn(columnPreferences, "endTime") && /* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "End" }),
 			hasTraceColumn(columnPreferences, "environment") && /* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Environment" }),
 			hasTraceColumn(columnPreferences, "model") && /* @__PURE__ */ jsx(TracesDataList.TopCell, { children: "Model" }),
@@ -205,7 +230,13 @@ function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, se
 							error: trace.errorPreview,
 							status: trace.status
 						})),
-						/* @__PURE__ */ jsx(TracesDataList.StatusCell, { status: trace.status }),
+						outcomeColumn ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TracesDataList.OutcomeCell, {
+							outcome: trace.outcome,
+							status: trace.status
+						}), /* @__PURE__ */ jsx(TracesDataList.StopReasonCell, {
+							stopReason: trace.stopReason,
+							stopReasonContext: trace.stopReasonContext
+						})] }) : /* @__PURE__ */ jsx(TracesDataList.StatusCell, { status: trace.status }),
 						hasTraceColumn(columnPreferences, "duration") && /* @__PURE__ */ jsx(DataList.NumberCell, {
 							font: "mono",
 							children: formatDuration(getSpanDurationMs(trace.startedAt, trace.endedAt))
@@ -215,6 +246,10 @@ function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, se
 							font: "mono",
 							children: formatDuration(trace.timeToFirstChunkMs)
 						}),
+						hasTraceColumn(columnPreferences, "timeToFirstToken") && /* @__PURE__ */ jsx(DataList.NumberCell, {
+							font: "mono",
+							children: formatDuration(trace.timeToFirstTokenMs)
+						}),
 						hasTraceColumn(columnPreferences, "endTime") && /* @__PURE__ */ jsx(TracesDataList.CreatedCell, {
 							timestamp: trace.endedAt ?? "",
 							preset: "day-time-seconds"

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

@@ -1 +1 @@
-{"version":3,"file":"traces-list-view.es.js","names":["_Fragment"],"sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { ListFilterIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport {\n  DEFAULT_TRACE_COLUMN_PREFERENCES,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  buildTraceListColumnKeys,\n  buildTraceListColumns,\n  formatTraceMetadataValue,\n  hasTraceColumn,\n} from '../trace-list-columns';\nimport type { TraceColumnPreferences, TraceCustomColumn, TraceUsageSummary } from '../trace-list-columns';\nimport { getInputPreview, getSpanDurationMs } from '../utils/span-utils';\nimport { TraceErrorCell } from './trace-error-cell';\nimport { DataList, DataListSkeletonRows, TracesDataList, useDataListKeyboard } from '@/ds/components/DataList';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport { splitColumns } from '@/ds/components/DataList/shared';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\nimport { cn } from '@/lib/utils';\nimport { formatDuration } from '@/utils/duration';\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  threadId?: string | null;\n  resourceId?: string | null;\n  environment?: string | null;\n  /** Model and provider of a model span; only span rows carry them. */\n  model?: string | null;\n  provider?: string | null;\n  status?: string | null;\n  /** Server-rendered preview of `input`. Present on lightweight rows, which omit `input` itself. */\n  inputPreview?: string | null;\n  input?: unknown;\n  /** Server-rendered preview of the root span's output. */\n  outputPreview?: string;\n  /** Server-rendered preview of the root span's error. Shown in place of the output when `status` is `'error'`. */\n  errorPreview?: string;\n  metadata?: Record<string, unknown> | null;\n  startedAt?: Date | string | null;\n  endedAt?: Date | string | null;\n  /** The root span's time to first chunk; `null` when it never streamed one. */\n  timeToFirstChunkMs?: number | null;\n  /** Thread rows only: every trace in the thread, regardless of the listed time range. */\n  traceCount?: number;\n  createdAt: Date | string;\n};\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n/** Distinct values offered in a custom column's \"filter by value\" header menu. */\nconst MAX_FILTER_VALUES = 20;\n\nfunction customColumnValue(trace: TracesListViewTrace, field: TraceCustomColumn): string | null | undefined {\n  return trace[field];\n}\n\nfunction distinctCustomColumnValues(traces: TracesListViewTrace[], field: TraceCustomColumn): string[] {\n  const values = new Set<string>();\n  for (const trace of traces) {\n    const value = trace[field];\n    if (typeof value === 'string' && value) values.add(value);\n    if (values.size >= MAX_FILTER_VALUES) break;\n  }\n  return [...values];\n}\n\nfunction sumTokens(usage: TraceUsageSummary | undefined): number | undefined {\n  if (usage?.inputTokens === undefined && usage?.outputTokens === undefined) return undefined;\n  return (usage?.inputTokens ?? 0) + (usage?.outputTokens ?? 0);\n}\n\ntype FailedTrace = TracesListViewTrace & { spanId: string; errorPreview: string };\n\n/** A failed row whose error preview can open the full error from its span. */\nfunction isFailedTrace(trace: TracesListViewTrace): trace is FailedTrace {\n  return trace.status === 'error' && !!trace.errorPreview && !!trace.spanId;\n}\n\n/** The TTFC abbreviation, spelled out on hover; the sort button already names the column for screen readers. */\nfunction TimeToFirstChunkLabel() {\n  return (\n    <Tooltip>\n      <TooltipTrigger render={<span />}>TTFC</TooltipTrigger>\n      <TooltipContent>Time to first chunk</TooltipContent>\n    </Tooltip>\n  );\n}\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** What the rows hold, named in the empty messages. Defaults to `traces`. */\n  resource?: 'traces' | 'spans' | 'threads';\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Optional and metadata columns selected for this project. */\n  columnPreferences?: TraceColumnPreferences;\n  /** Token and estimated-cost totals, aggregated across model spans by trace ID. */\n  usageByTraceId?: ReadonlyMap<string, TraceUsageSummary>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n  /** Current sort of the Created column. When `onSortChange` is provided the header becomes sortable. */\n  createdSort?: DataListSort;\n  onSortChange?: (direction: DataListSort, key: 'startedAt') => void;\n  /** Current sort of the TTFC column. When `onTimeToFirstChunkSortChange` is provided the header becomes sortable. */\n  timeToFirstChunkSort?: DataListSort;\n  onTimeToFirstChunkSortChange?: (direction: DataListSort) => void;\n  /** When provided, custom column headers offer an `is <value>` filter for every value currently listed. */\n  onFilterByField?: (field: TraceCustomColumn, value: string) => void;\n  /** Storage id for the persisted column order. Use a distinct id per page so each keeps its own order. */\n  listId?: string;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  resource = 'traces',\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES,\n  usageByTraceId,\n  onTraceClick,\n  createdSort,\n  onSortChange,\n  timeToFirstChunkSort,\n  onTimeToFirstChunkSortChange,\n  onFilterByField,\n  listId = 'all-traces',\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const columns = buildTraceListColumns(columnPreferences);\n  const columnKeys = buildTraceListColumnKeys(columnPreferences);\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: traces.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n    global: true,\n  });\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList\n      reorderable\n      id={listId}\n      columns={columns}\n      columnKeys={columnKeys}\n      fit=\"container\"\n      scrollRef={scrollRef}\n      className=\"min-w-0\"\n    >\n      <TracesDataList.Top>\n        {onSortChange ? (\n          <TracesDataList.SortableTopCell sortKey=\"startedAt\" sort={createdSort} onSortChange={onSortChange}>\n            Start\n          </TracesDataList.SortableTopCell>\n        ) : (\n          <TracesDataList.TopCell>Start</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TopCell>Primitive type</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Primitive name</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'input') && <TracesDataList.TopCell>Input</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'output') && <TracesDataList.TopCell>Output</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'duration') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Duration</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'traceCount') && (\n          <TracesDataList.TopCellWithTooltip\n            tooltip=\"Messages sent in this thread, counting the whole thread, not just the selected time range\"\n            className=\"justify-end text-right\"\n          >\n            Messages\n          </TracesDataList.TopCellWithTooltip>\n        )}\n        {hasTraceColumn(columnPreferences, 'timeToFirstChunk') &&\n          (onTimeToFirstChunkSortChange ? (\n            <TracesDataList.SortableTopCell\n              sortKey=\"timeToFirstChunkMs\"\n              sort={timeToFirstChunkSort}\n              onSortChange={onTimeToFirstChunkSortChange}\n              label=\"Time to first chunk\"\n              align=\"end\"\n            >\n              <TimeToFirstChunkLabel />\n            </TracesDataList.SortableTopCell>\n          ) : (\n            <TracesDataList.TopCellWithTooltip tooltip=\"Time to first chunk\" className=\"justify-end text-right\">\n              TTFC\n            </TracesDataList.TopCellWithTooltip>\n          ))}\n        {hasTraceColumn(columnPreferences, 'endTime') && <TracesDataList.TopCell>End</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'environment') && (\n          <TracesDataList.TopCell>Environment</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'model') && <TracesDataList.TopCell>Model</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'provider') && <TracesDataList.TopCell>Provider</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'inputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Input tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'outputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Output tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'totalTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Total tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Est. cost</TracesDataList.TopCell>\n        )}\n        {columnPreferences.customColumns.map(field => {\n          const label = TRACE_CUSTOM_COLUMN_LABELS[field];\n          const filterValues = onFilterByField ? distinctCustomColumnValues(traces, field) : [];\n          if (!onFilterByField || filterValues.length === 0) {\n            return <TracesDataList.TopCell key={field}>{label}</TracesDataList.TopCell>;\n          }\n          return (\n            <TracesDataList.TopCell key={field} className=\"overflow-visible\">\n              <DropdownMenu>\n                <DropdownMenu.Trigger\n                  render={\n                    <button\n                      type=\"button\"\n                      className={cn('flex min-w-0 items-center gap-1 rounded-sm hover:text-foreground', focusRing)}\n                    >\n                      <span className=\"min-w-0 truncate\">{label}</span>\n                      <ListFilterIcon aria-hidden className=\"size-[1.2em] shrink-0\" />\n                    </button>\n                  }\n                />\n                <DropdownMenu.Content align=\"start\">\n                  <DropdownMenu.Label>Filter by value</DropdownMenu.Label>\n                  {filterValues.map(value => (\n                    <DropdownMenu.Item key={value} onSelect={() => onFilterByField(field, value)}>\n                      <Txt as=\"span\" variant=\"body-sm\" font=\"mono\" className=\"min-w-0 truncate\">\n                        {value}\n                      </Txt>\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu>\n            </TracesDataList.TopCell>\n          );\n        })}\n        {columnPreferences.metadataKeys.map(key => (\n          <TracesDataList.TopCellWithTooltip key={key} tooltip={key}>\n            {key}\n          </TracesDataList.TopCellWithTooltip>\n        ))}\n      </TracesDataList.Top>\n\n      {isLoading ? (\n        <DataListSkeletonRows columnCount={splitColumns(columns).length} />\n      ) : traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? `No ${resource} found for applied filters` : `No ${resource} found yet`}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const usage = usageByTraceId?.get(trace.traceId);\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.CreatedCell timestamp={displayDate} preset=\"day-time-seconds\" />\n                {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TypeCell entityType={trace.entityType} />}\n                <TracesDataList.NameCell\n                  name={trace.entityName || trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                {hasTraceColumn(columnPreferences, 'input') && (\n                  <TracesDataList.InputCell input={trace.inputPreview ?? getInputPreview(trace.input)} />\n                )}\n                {hasTraceColumn(columnPreferences, 'output') &&\n                  (isFailedTrace(trace) ? (\n                    <TraceErrorCell traceId={trace.traceId} spanId={trace.spanId} errorPreview={trace.errorPreview} />\n                  ) : (\n                    <TracesDataList.OutputCell\n                      output={trace.outputPreview}\n                      error={trace.errorPreview}\n                      status={trace.status}\n                    />\n                  ))}\n                <TracesDataList.StatusCell status={trace.status} />\n                {hasTraceColumn(columnPreferences, 'duration') && (\n                  <DataList.NumberCell font=\"mono\">\n                    {formatDuration(getSpanDurationMs(trace.startedAt, trace.endedAt))}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'traceCount') && (\n                  <DataList.NumberCell>\n                    {trace.traceCount === undefined ? undefined : formatCompactNumber(trace.traceCount)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'timeToFirstChunk') && (\n                  <DataList.NumberCell font=\"mono\">{formatDuration(trace.timeToFirstChunkMs)}</DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'endTime') && (\n                  <TracesDataList.CreatedCell timestamp={trace.endedAt ?? ''} preset=\"day-time-seconds\" />\n                )}\n                {hasTraceColumn(columnPreferences, 'environment') && (\n                  <DataList.TextCell>{trace.environment || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'model') && (\n                  <DataList.TextCell>{trace.model || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'provider') && (\n                  <DataList.TextCell>{trace.provider || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'inputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.inputTokens === undefined ? undefined : formatCompactNumber(usage.inputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'outputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.outputTokens === undefined ? undefined : formatCompactNumber(usage.outputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'totalTokens') && (\n                  <DataList.NumberCell>\n                    {(() => {\n                      const total = sumTokens(usage);\n                      return total === undefined ? undefined : formatCompactNumber(total);\n                    })()}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n                  <DataList.NumberCell>\n                    {usage?.estimatedCost === undefined ? undefined : formatCost(usage.estimatedCost, usage.costUnit)}\n                  </DataList.NumberCell>\n                )}\n                {columnPreferences.customColumns.map(field => (\n                  <DataList.TextCell font=\"mono\" key={field}>\n                    {customColumnValue(trace, field) ?? undefined}\n                  </DataList.TextCell>\n                ))}\n                {columnPreferences.metadataKeys.map(key => {\n                  const value = formatTraceMetadataValue(trace.metadata, key);\n                  return (\n                    <DataList.TextCell font=\"mono\" key={key}>\n                      {value}\n                    </DataList.TextCell>\n                  );\n                })}\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"traces-list-view.es.js","names":["_Fragment"],"sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { ListFilterIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport {\n  DEFAULT_TRACE_COLUMN_PREFERENCES,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  buildTraceListColumnKeys,\n  buildTraceListColumns,\n  formatTraceMetadataValue,\n  hasTraceColumn,\n} from '../trace-list-columns';\nimport type { TraceColumnPreferences, TraceCustomColumn, TraceUsageSummary } from '../trace-list-columns';\nimport { getInputPreview, getSpanDurationMs } from '../utils/span-utils';\nimport { TraceErrorCell } from './trace-error-cell';\nimport { DataList, DataListSkeletonRows, TracesDataList, useDataListKeyboard } from '@/ds/components/DataList';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport { splitColumns } from '@/ds/components/DataList/shared';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\nimport { cn } from '@/lib/utils';\nimport { formatDuration } from '@/utils/duration';\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  threadId?: string | null;\n  resourceId?: string | null;\n  environment?: string | null;\n  /** Model and provider of a model span; only span rows carry them. */\n  model?: string | null;\n  provider?: string | null;\n  status?: string | null;\n  /** How the span or the trace's root span ended (`success`, `limit`, …); absent when not recorded. */\n  outcome?: string | null;\n  stopReason?: string | null;\n  stopReasonContext?: Record<string, unknown> | null;\n  /** Server-rendered preview of `input`. Present on lightweight rows, which omit `input` itself. */\n  inputPreview?: string | null;\n  input?: unknown;\n  /** Server-rendered preview of the root span's output. */\n  outputPreview?: string;\n  /** Server-rendered preview of the root span's error. Shown in place of the output when `status` is `'error'`. */\n  errorPreview?: string;\n  metadata?: Record<string, unknown> | null;\n  startedAt?: Date | string | null;\n  endedAt?: Date | string | null;\n  /** The root span's time to first chunk; `null` when it never streamed one. */\n  timeToFirstChunkMs?: number | null;\n  /** The root span's time to first token; `null` when its model never produced one. */\n  timeToFirstTokenMs?: number | null;\n  /** Thread rows only: every trace in the thread, regardless of the listed time range. */\n  traceCount?: number;\n  createdAt: Date | string;\n};\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n/** Distinct values offered in a custom column's \"filter by value\" header menu. */\nconst MAX_FILTER_VALUES = 20;\n\nfunction customColumnValue(trace: TracesListViewTrace, field: TraceCustomColumn): string | null | undefined {\n  return trace[field];\n}\n\nfunction distinctCustomColumnValues(traces: TracesListViewTrace[], field: TraceCustomColumn): string[] {\n  const values = new Set<string>();\n  for (const trace of traces) {\n    const value = trace[field];\n    if (typeof value === 'string' && value) values.add(value);\n    if (values.size >= MAX_FILTER_VALUES) break;\n  }\n  return [...values];\n}\n\nfunction sumTokens(usage: TraceUsageSummary | undefined): number | undefined {\n  if (usage?.inputTokens === undefined && usage?.outputTokens === undefined) return undefined;\n  return (usage?.inputTokens ?? 0) + (usage?.outputTokens ?? 0);\n}\n\ntype FailedTrace = TracesListViewTrace & { spanId: string; errorPreview: string };\n\n/** A failed row whose error preview can open the full error from its span. */\nfunction isFailedTrace(trace: TracesListViewTrace): trace is FailedTrace {\n  return trace.status === 'error' && !!trace.errorPreview && !!trace.spanId;\n}\n\n/** An abbreviated header, spelled out on hover; the sort button already names the column for screen readers. */\nfunction AbbreviatedLabel({ abbreviation, title }: { abbreviation: string; title: string }) {\n  return (\n    <Tooltip>\n      <TooltipTrigger render={<span />}>{abbreviation}</TooltipTrigger>\n      <TooltipContent>{title}</TooltipContent>\n    </Tooltip>\n  );\n}\n\n/** Columns the list can be ordered by, named like the query `orderBy` fields. */\nexport type TracesListSortField = 'startedAt' | 'timeToFirstChunkMs' | 'timeToFirstTokenMs';\nexport type TracesListSort = { field: TracesListSortField; direction: DataListSort };\n\nconst DEFAULT_SORTABLE_FIELDS: readonly TracesListSortField[] = ['startedAt'];\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** What the rows hold, named in the empty messages. Defaults to `traces`. */\n  resource?: 'traces' | 'spans' | 'threads';\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Optional and metadata columns selected for this project. */\n  columnPreferences?: TraceColumnPreferences;\n  /** Token and estimated-cost totals, aggregated across model spans by trace ID. */\n  usageByTraceId?: ReadonlyMap<string, TraceUsageSummary>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n  /** Current order of the list; only the header of `sort.field` shows a direction. */\n  sort?: TracesListSort;\n  /** Headers that become sortable when `onSortChange` is provided. Defaults to Start only. */\n  sortableFields?: readonly TracesListSortField[];\n  onSortChange?: (sort: TracesListSort) => void;\n  /** When provided, custom column headers offer an `is <value>` filter for every value currently listed. */\n  onFilterByField?: (field: TraceCustomColumn, value: string) => void;\n  /** Storage id for the persisted column order. Use a distinct id per page so each keeps its own order. */\n  listId?: string;\n  /** Show the Outcome column in place of Status. Defaults to `true`; thread rows carry no outcome. */\n  outcomeColumn?: boolean;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  resource = 'traces',\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES,\n  usageByTraceId,\n  onTraceClick,\n  sort,\n  sortableFields = DEFAULT_SORTABLE_FIELDS,\n  onSortChange,\n  onFilterByField,\n  listId = 'all-traces',\n  outcomeColumn = true,\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const columns = buildTraceListColumns(columnPreferences, { outcomeColumn });\n  const columnKeys = buildTraceListColumnKeys(columnPreferences, { outcomeColumn });\n  const isSortable = (field: TracesListSortField) => !!onSortChange && sortableFields.includes(field);\n  const sortFor = (field: TracesListSortField) => (sort?.field === field ? sort.direction : undefined);\n  const handleSortChange = (direction: DataListSort, field: TracesListSortField) =>\n    onSortChange?.({ field, direction });\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: traces.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n    global: true,\n  });\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList\n      reorderable\n      id={listId}\n      columns={columns}\n      columnKeys={columnKeys}\n      fit=\"container\"\n      scrollRef={scrollRef}\n      className=\"min-w-0\"\n    >\n      <TracesDataList.Top>\n        {isSortable('startedAt') ? (\n          <TracesDataList.SortableTopCell\n            sortKey=\"startedAt\"\n            sort={sortFor('startedAt')}\n            onSortChange={handleSortChange}\n          >\n            Start\n          </TracesDataList.SortableTopCell>\n        ) : (\n          <TracesDataList.TopCell>Start</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TopCell>Primitive type</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Primitive name</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'input') && <TracesDataList.TopCell>Input</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'output') && <TracesDataList.TopCell>Output</TracesDataList.TopCell>}\n        {outcomeColumn ? (\n          <>\n            <TracesDataList.TopCell>Outcome</TracesDataList.TopCell>\n            <TracesDataList.TopCell>Stop reason</TracesDataList.TopCell>\n          </>\n        ) : (\n          <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'duration') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Duration</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'traceCount') && (\n          <TracesDataList.TopCellWithTooltip\n            tooltip=\"Messages sent in this thread, counting the whole thread, not just the selected time range\"\n            className=\"justify-end text-right\"\n          >\n            Messages\n          </TracesDataList.TopCellWithTooltip>\n        )}\n        {hasTraceColumn(columnPreferences, 'timeToFirstChunk') &&\n          (isSortable('timeToFirstChunkMs') ? (\n            <TracesDataList.SortableTopCell\n              sortKey=\"timeToFirstChunkMs\"\n              sort={sortFor('timeToFirstChunkMs')}\n              onSortChange={handleSortChange}\n              label=\"Time to first chunk\"\n              align=\"end\"\n            >\n              <AbbreviatedLabel abbreviation=\"TTFC\" title=\"Time to first chunk\" />\n            </TracesDataList.SortableTopCell>\n          ) : (\n            <TracesDataList.TopCellWithTooltip tooltip=\"Time to first chunk\" className=\"justify-end text-right\">\n              TTFC\n            </TracesDataList.TopCellWithTooltip>\n          ))}\n        {hasTraceColumn(columnPreferences, 'timeToFirstToken') &&\n          (isSortable('timeToFirstTokenMs') ? (\n            <TracesDataList.SortableTopCell\n              sortKey=\"timeToFirstTokenMs\"\n              sort={sortFor('timeToFirstTokenMs')}\n              onSortChange={handleSortChange}\n              label=\"Time to first token\"\n              align=\"end\"\n            >\n              <AbbreviatedLabel abbreviation=\"TTFT\" title=\"Time to first token\" />\n            </TracesDataList.SortableTopCell>\n          ) : (\n            <TracesDataList.TopCellWithTooltip tooltip=\"Time to first token\" className=\"justify-end text-right\">\n              TTFT\n            </TracesDataList.TopCellWithTooltip>\n          ))}\n        {hasTraceColumn(columnPreferences, 'endTime') && <TracesDataList.TopCell>End</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'environment') && (\n          <TracesDataList.TopCell>Environment</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'model') && <TracesDataList.TopCell>Model</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'provider') && <TracesDataList.TopCell>Provider</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'inputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Input tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'outputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Output tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'totalTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Total tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Est. cost</TracesDataList.TopCell>\n        )}\n        {columnPreferences.customColumns.map(field => {\n          const label = TRACE_CUSTOM_COLUMN_LABELS[field];\n          const filterValues = onFilterByField ? distinctCustomColumnValues(traces, field) : [];\n          if (!onFilterByField || filterValues.length === 0) {\n            return <TracesDataList.TopCell key={field}>{label}</TracesDataList.TopCell>;\n          }\n          return (\n            <TracesDataList.TopCell key={field} className=\"overflow-visible\">\n              <DropdownMenu>\n                <DropdownMenu.Trigger\n                  render={\n                    <button\n                      type=\"button\"\n                      className={cn('flex min-w-0 items-center gap-1 rounded-sm hover:text-foreground', focusRing)}\n                    >\n                      <span className=\"min-w-0 truncate\">{label}</span>\n                      <ListFilterIcon aria-hidden className=\"size-[1.2em] shrink-0\" />\n                    </button>\n                  }\n                />\n                <DropdownMenu.Content align=\"start\">\n                  <DropdownMenu.Label>Filter by value</DropdownMenu.Label>\n                  {filterValues.map(value => (\n                    <DropdownMenu.Item key={value} onSelect={() => onFilterByField(field, value)}>\n                      <Txt as=\"span\" variant=\"body-sm\" font=\"mono\" className=\"min-w-0 truncate\">\n                        {value}\n                      </Txt>\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu>\n            </TracesDataList.TopCell>\n          );\n        })}\n        {columnPreferences.metadataKeys.map(key => (\n          <TracesDataList.TopCellWithTooltip key={key} tooltip={key}>\n            {key}\n          </TracesDataList.TopCellWithTooltip>\n        ))}\n      </TracesDataList.Top>\n\n      {isLoading ? (\n        <DataListSkeletonRows columnCount={splitColumns(columns).length} />\n      ) : traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? `No ${resource} found for applied filters` : `No ${resource} found yet`}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const usage = usageByTraceId?.get(trace.traceId);\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.CreatedCell timestamp={displayDate} preset=\"day-time-seconds\" />\n                {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TypeCell entityType={trace.entityType} />}\n                <TracesDataList.NameCell\n                  name={trace.entityName || trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                {hasTraceColumn(columnPreferences, 'input') && (\n                  <TracesDataList.InputCell input={trace.inputPreview ?? getInputPreview(trace.input)} />\n                )}\n                {hasTraceColumn(columnPreferences, 'output') &&\n                  (isFailedTrace(trace) ? (\n                    <TraceErrorCell traceId={trace.traceId} spanId={trace.spanId} errorPreview={trace.errorPreview} />\n                  ) : (\n                    <TracesDataList.OutputCell\n                      output={trace.outputPreview}\n                      error={trace.errorPreview}\n                      status={trace.status}\n                    />\n                  ))}\n                {outcomeColumn ? (\n                  <>\n                    <TracesDataList.OutcomeCell outcome={trace.outcome} status={trace.status} />\n                    <TracesDataList.StopReasonCell\n                      stopReason={trace.stopReason}\n                      stopReasonContext={trace.stopReasonContext}\n                    />\n                  </>\n                ) : (\n                  <TracesDataList.StatusCell status={trace.status} />\n                )}\n                {hasTraceColumn(columnPreferences, 'duration') && (\n                  <DataList.NumberCell font=\"mono\">\n                    {formatDuration(getSpanDurationMs(trace.startedAt, trace.endedAt))}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'traceCount') && (\n                  <DataList.NumberCell>\n                    {trace.traceCount === undefined ? undefined : formatCompactNumber(trace.traceCount)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'timeToFirstChunk') && (\n                  <DataList.NumberCell font=\"mono\">{formatDuration(trace.timeToFirstChunkMs)}</DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'timeToFirstToken') && (\n                  <DataList.NumberCell font=\"mono\">{formatDuration(trace.timeToFirstTokenMs)}</DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'endTime') && (\n                  <TracesDataList.CreatedCell timestamp={trace.endedAt ?? ''} preset=\"day-time-seconds\" />\n                )}\n                {hasTraceColumn(columnPreferences, 'environment') && (\n                  <DataList.TextCell>{trace.environment || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'model') && (\n                  <DataList.TextCell>{trace.model || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'provider') && (\n                  <DataList.TextCell>{trace.provider || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'inputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.inputTokens === undefined ? undefined : formatCompactNumber(usage.inputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'outputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.outputTokens === undefined ? undefined : formatCompactNumber(usage.outputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'totalTokens') && (\n                  <DataList.NumberCell>\n                    {(() => {\n                      const total = sumTokens(usage);\n                      return total === undefined ? undefined : formatCompactNumber(total);\n                    })()}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n                  <DataList.NumberCell>\n                    {usage?.estimatedCost === undefined ? undefined : formatCost(usage.estimatedCost, usage.costUnit)}\n                  </DataList.NumberCell>\n                )}\n                {columnPreferences.customColumns.map(field => (\n                  <DataList.TextCell font=\"mono\" key={field}>\n                    {customColumnValue(trace, field) ?? undefined}\n                  </DataList.TextCell>\n                ))}\n                {columnPreferences.metadataKeys.map(key => {\n                  const value = formatTraceMetadataValue(trace.metadata, key);\n                  return (\n                    <DataList.TextCell font=\"mono\" key={key}>\n                      {value}\n                    </DataList.TextCell>\n                  );\n                })}\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/traces/components/traces-page-skeleton.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
-const require_DataList = require("../../../DataList-Cmk08jUV.cjs");
+const require_DataList = require("../../../DataList-Czwmwyvp.cjs");
 const require_domains_traces_trace_list_columns = require("../trace-list-columns.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/traces-page-skeleton.tsx

package/dist/domains/traces/components/traces-page-skeleton.es.js

@@ -1,5 +1,5 @@
 import { Skeleton } from "../../../components/Skeleton.es.js";
-import { r as DataListSkeleton } from "../../../DataList-Ve3omCXT.js";
+import { r as DataListSkeleton } from "../../../DataList-2tIlQsLc.js";
 import { DEFAULT_TRACE_COLUMN_PREFERENCES, buildTraceListColumns } from "../trace-list-columns.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/traces-page-skeleton.tsx

package/dist/domains/traces/trace-filters.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../trace-filters-BpeBUjCb.cjs");
+const require_trace_filters = require("../../trace-filters-BNEZ31HX.cjs");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
 exports.DEFAULT_TRACE_FILTERS_STORAGE_KEY = require_trace_filters.DEFAULT_TRACE_FILTERS_STORAGE_KEY;
 Object.defineProperty(exports, "ROOT_ENTITY_TYPES", {
@@ -35,10 +35,12 @@ exports.TRACE_STATUS_VALUES = require_trace_filters.TRACE_STATUS_VALUES;
 exports.TRACE_STRING_OPERATORS = require_trace_filters.TRACE_STRING_OPERATORS;
 exports.TRACE_SYNTHETIC_FILTER_FIELD_IDS = require_trace_filters.TRACE_SYNTHETIC_FILTER_FIELD_IDS;
 exports.TRACE_SYNTHETIC_OPERATORS = require_trace_filters.TRACE_SYNTHETIC_OPERATORS;
+exports.TRACE_TAGS_OPERATORS = require_trace_filters.TRACE_TAGS_OPERATORS;
 exports.TRACE_TEXT_OPERATORS = require_trace_filters.TRACE_TEXT_OPERATORS;
 exports.applyTracePropertyFilterTokens = require_trace_filters.applyTracePropertyFilterTokens;
 exports.buildTraceListFilters = require_trace_filters.buildTraceListFilters;
 exports.clearSavedTraceFilters = require_trace_filters.clearSavedTraceFilters;
+exports.createOutcomeFilterBarFields = require_trace_filters.createOutcomeFilterBarFields;
 exports.createTraceFilterBarFields = require_trace_filters.createTraceFilterBarFields;
 exports.filterBarExpressionToTraceFilters = require_trace_filters.filterBarExpressionToTraceFilters;
 exports.filterBarItemsToTraceTokens = require_trace_filters.filterBarItemsToTraceTokens;
@@ -60,4 +62,6 @@ exports.traceFilterFieldIcon = require_trace_filters.traceFilterFieldIcon;
 exports.traceFilterOperatorParam = require_trace_filters.traceFilterOperatorParam;
 exports.traceFilterTokenOperator = require_trace_filters.traceFilterTokenOperator;
 exports.traceFiltersToFilterBarExpression = require_trace_filters.traceFiltersToFilterBarExpression;
+exports.traceQueryUnqueryableFieldIds = require_trace_filters.traceQueryUnqueryableFieldIds;
 exports.traceTokensToFilterBarItems = require_trace_filters.traceTokensToFilterBarItems;
+exports.withoutUnrecordedStreamingTimings = require_trace_filters.withoutUnrecordedStreamingTimings;

package/dist/domains/traces/trace-filters.es.js

@@ -1 +1 @@
-export { t as DEFAULT_TRACE_FILTERS_STORAGE_KEY, n as ROOT_ENTITY_TYPES, r as ROOT_ENTITY_TYPE_OPTIONS, i as TRACE_ANCHOR_SPAN_ID_PARAM, a as TRACE_DATE_FROM_PARAM, o as TRACE_DATE_PRESET_PARAM, s as TRACE_DATE_PRESET_VALUES, c as TRACE_DATE_TO_PARAM, l as TRACE_FILTER_BAR_LABELS, u as TRACE_FILTER_BAR_OPERATORS, d as TRACE_FILTER_GROUP_PARAM, f as TRACE_FILTER_OPERATOR_PARAM_SUFFIX, p as TRACE_LIST_MODE_OPTIONS, m as TRACE_LIST_MODE_PARAM, h as TRACE_LIST_MODE_VALUES, g as TRACE_METADATA_FILTER_FIELD_PREFIX, _ as TRACE_METADATA_FILTER_PARAM_PREFIX, v as TRACE_NUMBER_OPERATORS, y as TRACE_PRESENCE_OPERATORS, b as TRACE_PROPERTY_FILTER_FIELD_IDS, x as TRACE_PROPERTY_FILTER_PARAM_BY_FIELD, S as TRACE_REQUIRED_STRING_OPERATORS, C as TRACE_ROOT_ENTITY_TYPE_PARAM, w as TRACE_STATUS_OPTIONS, T as TRACE_STATUS_PARAM, E as TRACE_STATUS_VALUES, D as TRACE_STRING_OPERATORS, O as TRACE_SYNTHETIC_FILTER_FIELD_IDS, k as TRACE_SYNTHETIC_OPERATORS, A as TRACE_TEXT_OPERATORS, j as applyTracePropertyFilterTokens, M as buildTraceListFilters, N as clearSavedTraceFilters, P as createTraceFilterBarFields, F as filterBarExpressionToTraceFilters, I as filterBarItemsToTraceTokens, L as getPreservedTraceFilterParams, R as getTraceFilterGroups, z as getTracePropertyFilterTokens, B as hasAnyTraceFilterParams, V as isLegacyAnyValue, ot as isTraceFilterGroup, H as isTraceMetadataFieldId, U as loadTraceFiltersFromStorage, W as metadataFieldIdToParam, G as metadataParamToFieldId, K as parseTraceFilterGroupParam, q as saveTraceFiltersToStorage, J as serializeTraceFilterGroup, Y as traceFilterFieldColor, X as traceFilterFieldIcon, Z as traceFilterOperatorParam, Q as traceFilterTokenOperator, $ as traceFiltersToFilterBarExpression, et as traceTokensToFilterBarItems } from "../../trace-filters-C27yWcan.js";
+export { t as DEFAULT_TRACE_FILTERS_STORAGE_KEY, n as ROOT_ENTITY_TYPES, r as ROOT_ENTITY_TYPE_OPTIONS, i as TRACE_ANCHOR_SPAN_ID_PARAM, a as TRACE_DATE_FROM_PARAM, o as TRACE_DATE_PRESET_PARAM, s as TRACE_DATE_PRESET_VALUES, c as TRACE_DATE_TO_PARAM, l as TRACE_FILTER_BAR_LABELS, u as TRACE_FILTER_BAR_OPERATORS, d as TRACE_FILTER_GROUP_PARAM, f as TRACE_FILTER_OPERATOR_PARAM_SUFFIX, p as TRACE_LIST_MODE_OPTIONS, m as TRACE_LIST_MODE_PARAM, h as TRACE_LIST_MODE_VALUES, g as TRACE_METADATA_FILTER_FIELD_PREFIX, _ as TRACE_METADATA_FILTER_PARAM_PREFIX, v as TRACE_NUMBER_OPERATORS, y as TRACE_PRESENCE_OPERATORS, b as TRACE_PROPERTY_FILTER_FIELD_IDS, x as TRACE_PROPERTY_FILTER_PARAM_BY_FIELD, S as TRACE_REQUIRED_STRING_OPERATORS, C as TRACE_ROOT_ENTITY_TYPE_PARAM, w as TRACE_STATUS_OPTIONS, T as TRACE_STATUS_PARAM, E as TRACE_STATUS_VALUES, D as TRACE_STRING_OPERATORS, O as TRACE_SYNTHETIC_FILTER_FIELD_IDS, k as TRACE_SYNTHETIC_OPERATORS, A as TRACE_TAGS_OPERATORS, j as TRACE_TEXT_OPERATORS, M as applyTracePropertyFilterTokens, N as buildTraceListFilters, P as clearSavedTraceFilters, F as createOutcomeFilterBarFields, I as createTraceFilterBarFields, L as filterBarExpressionToTraceFilters, R as filterBarItemsToTraceTokens, z as getPreservedTraceFilterParams, B as getTraceFilterGroups, V as getTracePropertyFilterTokens, H as hasAnyTraceFilterParams, U as isLegacyAnyValue, ut as isTraceFilterGroup, W as isTraceMetadataFieldId, G as loadTraceFiltersFromStorage, K as metadataFieldIdToParam, q as metadataParamToFieldId, J as parseTraceFilterGroupParam, Y as saveTraceFiltersToStorage, X as serializeTraceFilterGroup, Z as traceFilterFieldColor, Q as traceFilterFieldIcon, $ as traceFilterOperatorParam, et as traceFilterTokenOperator, tt as traceFiltersToFilterBarExpression, nt as traceQueryUnqueryableFieldIds, rt as traceTokensToFilterBarItems, it as withoutUnrecordedStreamingTimings } from "../../trace-filters-BJaebsxJ.js";