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

package/dist/domains/traces/components/traces-explorer/traces-explorer-actions.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-actions.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-actions.ts"],"sourcesContent":["import { buildTraceListFilters, ROOT_ENTITY_TYPE_OPTIONS, TRACE_STATUS_VALUES } from '../../trace-filters';\nimport type { EntityOptions, TraceFilterGroup, TraceFilterToken, TraceStatusFilter } from '../../trace-filters';\nimport { buildTraceQueryRequest, TRACE_QUERY_UNSUPPORTED_FILTER_FIELDS } from '../../trace-query-filters';\nimport type { SpanTab, TraceDatePreset } from '../../types';\nimport type { TraceSpanView } from '../trace-data-panel-view';\n\nexport type TracesSelection = {\n  traceId?: string;\n  spanId?: string;\n  spanTab?: SpanTab;\n  spanView: TraceSpanView;\n  scoreId?: string;\n  highlightSpanIds: string[];\n};\n\n/** `rootEntityType` and `status` are tokens too (`fieldId: 'rootEntityType' | 'status'`), like every other filter. */\nexport type TracesFilters = {\n  datePreset: TraceDatePreset;\n  /** Only read when `datePreset` is `custom`. */\n  dateFrom?: Date;\n  /** Only read when `datePreset` is `custom`. */\n  dateTo?: Date;\n  tokens: TraceFilterToken[];\n  groups: TraceFilterGroup[];\n};\n\nexport type TracesSortDirection = 'asc' | 'desc';\n\n/** Fields the traces list can be sorted by, named like the trace query's `orderBy` fields. */\nexport type TracesSortField = 'startedAt' | 'timeToFirstChunkMs';\n\nexport type TracesSort = { field: TracesSortField; direction: TracesSortDirection };\n\nexport const DEFAULT_TRACES_SORT: TracesSort = { field: 'startedAt', direction: 'desc' };\n\n/** What the explorer emits on every change: filters and selection move together (a filter edit clears the selection). */\nexport type TracesExplorerState = { selection: TracesSelection; filters: TracesFilters };\n\nexport const EMPTY_TRACES_SELECTION: TracesSelection = { spanView: 'tree', highlightSpanIds: [] };\n\nexport const DEFAULT_TRACES_FILTERS: TracesFilters = { datePreset: 'last-7d', tokens: [], groups: [] };\n\nconst DAY_MS = 24 * 60 * 60 * 1000;\nconst PRESET_MS: Partial<Record<TraceDatePreset, number>> = {\n  'last-24h': DAY_MS,\n  'last-3d': 3 * DAY_MS,\n  'last-7d': 7 * DAY_MS,\n  'last-14d': 14 * DAY_MS,\n  'last-30d': 30 * DAY_MS,\n};\n\nexport const isSelectionEmpty = (selection: TracesSelection) =>\n  !selection.traceId &&\n  !selection.spanId &&\n  !selection.spanTab &&\n  !selection.scoreId &&\n  selection.highlightSpanIds.length === 0;\n\n/** Keeps the span view: it is a display preference, not part of what is selected. */\nexport const clearSelection = (selection: TracesSelection): TracesSelection => ({\n  spanView: selection.spanView,\n  highlightSpanIds: [],\n});\n\nexport const selectTrace = (selection: TracesSelection, traceId: string | null): TracesSelection =>\n  traceId ? { traceId, spanView: selection.spanView, highlightSpanIds: [] } : clearSelection(selection);\n\n/**\n * The open tab stays, so stepping through spans compares the same tab; the score belongs to the\n * previous span and is dropped with it.\n */\nexport const selectSpan = (selection: TracesSelection, spanId: string | null): TracesSelection => {\n  if ((spanId ?? undefined) === selection.spanId) return selection;\n  return { ...selection, spanId: spanId ?? undefined, scoreId: undefined };\n};\n\nexport const setSpanTab = (selection: TracesSelection, tab: SpanTab): TracesSelection => {\n  if (tab === selection.spanTab) return selection;\n  return { ...selection, spanTab: tab === 'details' ? undefined : tab, scoreId: undefined };\n};\n\nexport const setSpanView = (selection: TracesSelection, spanView: TraceSpanView): TracesSelection =>\n  spanView === selection.spanView ? selection : { ...selection, spanView };\n\nexport const selectScore = (selection: TracesSelection, scoreId: string | null): TracesSelection =>\n  (scoreId ?? undefined) === selection.scoreId ? selection : { ...selection, scoreId: scoreId ?? undefined };\n\nexport const highlightSpans = (selection: TracesSelection, spanIds: string[]): TracesSelection => {\n  const unchanged =\n    spanIds.length === selection.highlightSpanIds.length &&\n    spanIds.every((id, index) => id === selection.highlightSpanIds[index]);\n  return unchanged ? selection : { ...selection, highlightSpanIds: spanIds };\n};\n\nexport const applyFilterTokens = (\n  filters: TracesFilters,\n  tokens: TraceFilterToken[],\n  groups: TraceFilterGroup[],\n): TracesFilters => ({ ...filters, tokens, groups });\n\n/** Switching to `custom` keeps the current dates so the picker opens on them; any other preset drops them. */\nexport const applyDatePreset = (filters: TracesFilters, datePreset: TraceDatePreset): TracesFilters =>\n  datePreset === 'custom' ? { ...filters, datePreset } : { datePreset, tokens: filters.tokens, groups: filters.groups };\n\n// The picker can report a date right after switching away from `custom`; those are ignored.\nexport const applyDate = (filters: TracesFilters, date: Date | undefined, end: 'from' | 'to'): TracesFilters => {\n  if (filters.datePreset !== 'custom') return filters;\n  return end === 'from' ? { ...filters, dateFrom: date } : { ...filters, dateTo: date };\n};\n\nexport const applyDateRange = (\n  filters: TracesFilters,\n  dateFrom: Date | undefined,\n  dateTo: Date | undefined,\n): TracesFilters => (filters.datePreset === 'custom' ? { ...filters, dateFrom, dateTo } : filters);\n\nconst ROOT_DURATION_FIELD_IDS: ReadonlySet<string> = new Set(['durationMs']);\nconst NO_FIELD_IDS: ReadonlySet<string> = new Set();\n\n/** Fields this server can't query on top of the always-unsupported ones: root duration needs its capability. */\nconst serverUnqueryableFieldIds = (withRootDuration: boolean) =>\n  withRootDuration ? NO_FIELD_IDS : ROOT_DURATION_FIELD_IDS;\n\nconst isQueryableToken = (token: TraceFilterToken, withRootDuration: boolean) => {\n  if (token.fieldId === 'status' && token.value === 'running') return false;\n  if (TRACE_QUERY_UNSUPPORTED_FILTER_FIELDS.has(token.fieldId)) return false;\n  return !serverUnqueryableFieldIds(withRootDuration).has(token.fieldId);\n};\n\n/**\n * Drops the top-level tokens the trace query can't run, so no chip advertises a filter with no effect.\n * Groups pass through and stay visible in the bar: `buildTracesQueryRequest` leaves their unqueryable\n * conditions out of the query. Returns the same object when nothing is dropped.\n */\nexport const sanitizeTracesFilters = (filters: TracesFilters, withRootDuration: boolean): TracesFilters => {\n  const tokens = filters.tokens.filter(token => isQueryableToken(token, withRootDuration));\n  return tokens.length === filters.tokens.length ? filters : { ...filters, tokens };\n};\n\nconst selectsRunning = (node: TraceFilterGroup | TraceFilterToken): boolean => {\n  if ('nodes' in node) return node.nodes.some(selectsRunning);\n  if (node.fieldId !== 'status') return false;\n  return Array.isArray(node.value) ? node.value.includes('running') : node.value === 'running';\n};\n\n/** Whether a status filter asks for `running`, which the trace query can't express and drops. */\nexport const selectsRunningStatus = (filters: TracesFilters): boolean =>\n  filters.tokens.some(selectsRunning) || filters.groups.some(selectsRunning);\n\nconst tokenValue = (tokens: TraceFilterToken[], fieldId: string) => {\n  const value = tokens.find(token => token.fieldId === fieldId)?.value;\n  return typeof value === 'string' ? value : undefined;\n};\n\nexport const getSelectedEntityOption = (tokens: TraceFilterToken[]): EntityOptions | undefined => {\n  const value = tokenValue(tokens, 'rootEntityType');\n  return ROOT_ENTITY_TYPE_OPTIONS.find(option => option.entityType === value);\n};\n\nexport const getSelectedStatus = (tokens: TraceFilterToken[]): TraceStatusFilter | undefined => {\n  const value = tokenValue(tokens, 'status');\n  return value && TRACE_STATUS_VALUES.has(value as TraceStatusFilter) ? (value as TraceStatusFilter) : undefined;\n};\n\ntype TracesQueryWindow = { filters: TracesFilters; dateFrom?: Date; dateTo?: Date };\n\n/** The trace query for the (sanitized) filters and the resolved date window. */\nexport const buildTracesQueryRequest = ({\n  filters,\n  dateFrom,\n  dateTo,\n  withRootDuration,\n  now,\n}: TracesQueryWindow & { withRootDuration: boolean; now: Date }) =>\n  buildTraceQueryRequest({\n    rootEntityType: getSelectedEntityOption(filters.tokens)?.entityType,\n    status: getSelectedStatus(filters.tokens),\n    dateFrom,\n    dateTo,\n    tokens: filters.tokens,\n    groups: filters.groups,\n    excludedFieldIds: serverUnqueryableFieldIds(withRootDuration),\n    now,\n  });\n\n/** The `listTracesLight` filters for servers without the trace query API (no groups there). */\nexport const buildTracesLegacyFilters = ({ filters, dateFrom, dateTo }: TracesQueryWindow) =>\n  buildTraceListFilters({\n    rootEntityType: getSelectedEntityOption(filters.tokens)?.entityType,\n    status: getSelectedStatus(filters.tokens),\n    dateFrom,\n    dateTo,\n    tokens: filters.tokens,\n  });\n\n/** Rolling presets start `PRESET_MS` before now and stay open-ended; `all` is open on both ends. */\nexport const resolveTracesDateWindow = (\n  datePreset: TraceDatePreset,\n  dateFrom: Date | undefined,\n  dateTo: Date | undefined,\n): { dateFrom?: Date; dateTo?: Date } => {\n  if (datePreset === 'custom') return { dateFrom, dateTo };\n  const ms = PRESET_MS[datePreset];\n  return { dateFrom: ms ? new Date(Date.now() - ms) : undefined, dateTo: undefined };\n};\n"],"mappings":"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"}
+{"version":3,"file":"traces-explorer-actions.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-actions.ts"],"sourcesContent":["import {\n  buildTraceListFilters,\n  ROOT_ENTITY_TYPE_OPTIONS,\n  TRACE_STATUS_VALUES,\n  traceQueryUnqueryableFieldIds,\n} from '../../trace-filters';\nimport type {\n  EntityOptions,\n  TraceFilterGroup,\n  TraceFilterToken,\n  TraceQueryFieldSupport,\n  TraceStatusFilter,\n} from '../../trace-filters';\nimport { buildTraceQueryRequest, TRACE_QUERY_UNSUPPORTED_FILTER_FIELDS } from '../../trace-query-filters';\nimport type { SpanTab, TraceDatePreset } from '../../types';\nimport type { TraceSpanView } from '../trace-data-panel-view';\n\nexport type TracesSelection = {\n  traceId?: string;\n  spanId?: string;\n  spanTab?: SpanTab;\n  spanView: TraceSpanView;\n  scoreId?: string;\n  highlightSpanIds: string[];\n};\n\n/** `rootEntityType` and `status` are tokens too (`fieldId: 'rootEntityType' | 'status'`), like every other filter. */\nexport type TracesFilters = {\n  datePreset: TraceDatePreset;\n  /** Only read when `datePreset` is `custom`. */\n  dateFrom?: Date;\n  /** Only read when `datePreset` is `custom`. */\n  dateTo?: Date;\n  tokens: TraceFilterToken[];\n  groups: TraceFilterGroup[];\n};\n\nexport type TracesSortDirection = 'asc' | 'desc';\n\n/** Fields the traces list can be sorted by, named like the trace query's `orderBy` fields. */\nexport const TRACES_SORT_FIELDS = ['startedAt', 'timeToFirstChunkMs', 'timeToFirstTokenMs'] as const;\nexport type TracesSortField = (typeof TRACES_SORT_FIELDS)[number];\n\nexport type TracesSort = { field: TracesSortField; direction: TracesSortDirection };\n\nexport const DEFAULT_TRACES_SORT: TracesSort = { field: 'startedAt', direction: 'desc' };\n\n/** What the explorer emits on every change: filters and selection move together (a filter edit clears the selection). */\nexport type TracesExplorerState = { selection: TracesSelection; filters: TracesFilters };\n\nexport const EMPTY_TRACES_SELECTION: TracesSelection = { spanView: 'tree', highlightSpanIds: [] };\n\nexport const DEFAULT_TRACES_FILTERS: TracesFilters = { datePreset: 'last-7d', tokens: [], groups: [] };\n\nconst DAY_MS = 24 * 60 * 60 * 1000;\nconst PRESET_MS: Partial<Record<TraceDatePreset, number>> = {\n  'last-24h': DAY_MS,\n  'last-3d': 3 * DAY_MS,\n  'last-7d': 7 * DAY_MS,\n  'last-14d': 14 * DAY_MS,\n  'last-30d': 30 * DAY_MS,\n};\n\nexport const isSelectionEmpty = (selection: TracesSelection) =>\n  !selection.traceId &&\n  !selection.spanId &&\n  !selection.spanTab &&\n  !selection.scoreId &&\n  selection.highlightSpanIds.length === 0;\n\n/** Keeps the span view: it is a display preference, not part of what is selected. */\nexport const clearSelection = (selection: TracesSelection): TracesSelection => ({\n  spanView: selection.spanView,\n  highlightSpanIds: [],\n});\n\nexport const selectTrace = (selection: TracesSelection, traceId: string | null): TracesSelection =>\n  traceId ? { traceId, spanView: selection.spanView, highlightSpanIds: [] } : clearSelection(selection);\n\n/**\n * The open tab stays, so stepping through spans compares the same tab; the score belongs to the\n * previous span and is dropped with it.\n */\nexport const selectSpan = (selection: TracesSelection, spanId: string | null): TracesSelection => {\n  if ((spanId ?? undefined) === selection.spanId) return selection;\n  return { ...selection, spanId: spanId ?? undefined, scoreId: undefined };\n};\n\nexport const setSpanTab = (selection: TracesSelection, tab: SpanTab): TracesSelection => {\n  if (tab === selection.spanTab) return selection;\n  return { ...selection, spanTab: tab === 'details' ? undefined : tab, scoreId: undefined };\n};\n\nexport const setSpanView = (selection: TracesSelection, spanView: TraceSpanView): TracesSelection =>\n  spanView === selection.spanView ? selection : { ...selection, spanView };\n\nexport const selectScore = (selection: TracesSelection, scoreId: string | null): TracesSelection =>\n  (scoreId ?? undefined) === selection.scoreId ? selection : { ...selection, scoreId: scoreId ?? undefined };\n\nexport const highlightSpans = (selection: TracesSelection, spanIds: string[]): TracesSelection => {\n  const unchanged =\n    spanIds.length === selection.highlightSpanIds.length &&\n    spanIds.every((id, index) => id === selection.highlightSpanIds[index]);\n  return unchanged ? selection : { ...selection, highlightSpanIds: spanIds };\n};\n\nexport const applyFilterTokens = (\n  filters: TracesFilters,\n  tokens: TraceFilterToken[],\n  groups: TraceFilterGroup[],\n): TracesFilters => ({ ...filters, tokens, groups });\n\n/** Switching to `custom` keeps the current dates so the picker opens on them; any other preset drops them. */\nexport const applyDatePreset = (filters: TracesFilters, datePreset: TraceDatePreset): TracesFilters =>\n  datePreset === 'custom' ? { ...filters, datePreset } : { datePreset, tokens: filters.tokens, groups: filters.groups };\n\n// The picker can report a date right after switching away from `custom`; those are ignored.\nexport const applyDate = (filters: TracesFilters, date: Date | undefined, end: 'from' | 'to'): TracesFilters => {\n  if (filters.datePreset !== 'custom') return filters;\n  return end === 'from' ? { ...filters, dateFrom: date } : { ...filters, dateTo: date };\n};\n\nexport const applyDateRange = (\n  filters: TracesFilters,\n  dateFrom: Date | undefined,\n  dateTo: Date | undefined,\n): TracesFilters => (filters.datePreset === 'custom' ? { ...filters, dateFrom, dateTo } : filters);\n\nconst isQueryableToken = (token: TraceFilterToken, unqueryableFieldIds: ReadonlySet<string>) => {\n  if (token.fieldId === 'status' && token.value === 'running') return false;\n  if (TRACE_QUERY_UNSUPPORTED_FILTER_FIELDS.has(token.fieldId)) return false;\n  return !unqueryableFieldIds.has(token.fieldId);\n};\n\n/**\n * Drops the top-level tokens the trace query can't run, so no chip advertises a filter with no effect.\n * Groups pass through and stay visible in the bar: `buildTracesQueryRequest` leaves their unqueryable\n * conditions out of the query. Returns the same object when nothing is dropped.\n */\nexport const sanitizeTracesFilters = (filters: TracesFilters, support: TraceQueryFieldSupport): TracesFilters => {\n  const unqueryableFieldIds = traceQueryUnqueryableFieldIds(support);\n  const tokens = filters.tokens.filter(token => isQueryableToken(token, unqueryableFieldIds));\n  return tokens.length === filters.tokens.length ? filters : { ...filters, tokens };\n};\n\nconst selectsRunning = (node: TraceFilterGroup | TraceFilterToken): boolean => {\n  if ('nodes' in node) return node.nodes.some(selectsRunning);\n  if (node.fieldId !== 'status') return false;\n  return Array.isArray(node.value) ? node.value.includes('running') : node.value === 'running';\n};\n\n/** Whether a status filter asks for `running`, which the trace query can't express and drops. */\nexport const selectsRunningStatus = (filters: TracesFilters): boolean =>\n  filters.tokens.some(selectsRunning) || filters.groups.some(selectsRunning);\n\nconst tokenValue = (tokens: TraceFilterToken[], fieldId: string) => {\n  const value = tokens.find(token => token.fieldId === fieldId)?.value;\n  return typeof value === 'string' ? value : undefined;\n};\n\nexport const getSelectedEntityOption = (tokens: TraceFilterToken[]): EntityOptions | undefined => {\n  const value = tokenValue(tokens, 'rootEntityType');\n  return ROOT_ENTITY_TYPE_OPTIONS.find(option => option.entityType === value);\n};\n\nexport const getSelectedStatus = (tokens: TraceFilterToken[]): TraceStatusFilter | undefined => {\n  const value = tokenValue(tokens, 'status');\n  return value && TRACE_STATUS_VALUES.has(value as TraceStatusFilter) ? (value as TraceStatusFilter) : undefined;\n};\n\ntype TracesQueryWindow = { filters: TracesFilters; dateFrom?: Date; dateTo?: Date };\n\n/** The trace query for the (sanitized) filters and the resolved date window. */\nexport const buildTracesQueryRequest = ({\n  filters,\n  dateFrom,\n  dateTo,\n  now,\n  ...support\n}: TracesQueryWindow & TraceQueryFieldSupport & { now: Date }) =>\n  buildTraceQueryRequest({\n    rootEntityType: getSelectedEntityOption(filters.tokens)?.entityType,\n    status: getSelectedStatus(filters.tokens),\n    dateFrom,\n    dateTo,\n    tokens: filters.tokens,\n    groups: filters.groups,\n    excludedFieldIds: traceQueryUnqueryableFieldIds(support),\n    now,\n  });\n\n/** The `listTracesLight` filters for servers without the trace query API (no groups there). */\nexport const buildTracesLegacyFilters = ({ filters, dateFrom, dateTo }: TracesQueryWindow) =>\n  buildTraceListFilters({\n    rootEntityType: getSelectedEntityOption(filters.tokens)?.entityType,\n    status: getSelectedStatus(filters.tokens),\n    dateFrom,\n    dateTo,\n    tokens: filters.tokens,\n  });\n\n/** Rolling presets start `PRESET_MS` before now and stay open-ended; `all` is open on both ends. */\nexport const resolveTracesDateWindow = (\n  datePreset: TraceDatePreset,\n  dateFrom: Date | undefined,\n  dateTo: Date | undefined,\n): { dateFrom?: Date; dateTo?: Date } => {\n  if (datePreset === 'custom') return { dateFrom, dateTo };\n  const ms = PRESET_MS[datePreset];\n  return { dateFrom: ms ? new Date(Date.now() - ms) : undefined, dateTo: undefined };\n};\n"],"mappings":"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"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-context.cjs.js

@@ -29,12 +29,13 @@ var CHECKING_USAGE_REASON = "Checking whether this storage supports usage data."
 var UNSUPPORTED_USAGE_REASON = "This observability store does not support token and cost metrics.";
 var useTraceUsageColumns = () => {
 	const { preferences } = useTracesColumns();
-	const { metricsSupport, withTimeToFirstChunk, isCapabilitiesLoading } = useTracesConfig();
+	const { metricsSupport, withTimeToFirstChunk, withTimeToFirstToken, isCapabilitiesLoading } = useTracesConfig();
 	const unavailable = !metricsSupport.isLoading && !metricsSupport.supported;
 	const timeToFirstChunkUnavailable = !isCapabilitiesLoading && !withTimeToFirstChunk;
-	const displayedPreferences = unavailable || timeToFirstChunkUnavailable ? {
+	const timeToFirstTokenUnavailable = !isCapabilitiesLoading && !withTimeToFirstToken;
+	const displayedPreferences = unavailable || timeToFirstChunkUnavailable || timeToFirstTokenUnavailable ? {
 		...preferences,
-		visibleColumns: preferences.visibleColumns.filter((column) => !(unavailable && require_domains_traces_trace_list_columns.isTraceUsageColumn(column)) && !(timeToFirstChunkUnavailable && column === "timeToFirstChunk"))
+		visibleColumns: preferences.visibleColumns.filter((column) => !(unavailable && require_domains_traces_trace_list_columns.isTraceUsageColumn(column)) && !(timeToFirstChunkUnavailable && column === "timeToFirstChunk") && !(timeToFirstTokenUnavailable && column === "timeToFirstToken"))
 	} : preferences;
 	return {
 		displayedPreferences,

package/dist/domains/traces/components/traces-explorer/traces-explorer-context.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-context.cjs.js","names":["createContext","useContext","isTraceUsageColumn","hasTraceUsageColumn"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-context.ts"],"sourcesContent":["import type { EntityType } from '@mastra/core/observability';\nimport type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { createContext, useContext } from 'react';\nimport type { useTraceColumnPreferences } from '../../hooks/use-trace-column-preferences';\nimport type { useTracesListSource } from '../../hooks/use-traces-list-source';\nimport { hasTraceUsageColumn, isTraceUsageColumn } from '../../trace-list-columns';\nimport type { TraceColumnPreferences } from '../../trace-list-columns';\nimport type { SpanTab, TraceDatePreset } from '../../types';\nimport type { TraceSpanView } from '../trace-data-panel-view';\nimport type { TracesFilters, TracesSelection, TracesSort } from './traces-explorer-actions';\n\nexport type TracesExplorerScope = { entityId: string; entityType?: EntityType };\n\nexport type TracesMetricsSupport = { supported: boolean; isLoading: boolean };\n\n/**\n * Host switches (e.g. feature flags), combined with what the server supports.\n * `traceQuery` and `feedback` default to on and can only turn their feature off.\n * `spanQuery` and `threadQuery` default to off: each view is offered only when its flag is `true`\n * and the server supports it.\n */\nexport type TracesExplorerFeatures = {\n  traceQuery?: boolean;\n  feedback?: boolean;\n  spanQuery?: boolean;\n  threadQuery?: boolean;\n};\n\nexport type TracesConfigContextValue = {\n  listId: string;\n  scopedFieldIds: ReadonlySet<string>;\n  hiddenFieldIds: readonly string[];\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  /** The span query API is on, so the host can offer a spans view next to the traces list. */\n  withSpanQuery: boolean;\n  /** The thread rows API is on, so the host can offer a threads view next to the traces list. */\n  withThreadQuery: boolean;\n  withRootDuration: boolean;\n  /** Trace rows carry the root span's time to first chunk, so the TTFC column can be shown. */\n  withTimeToFirstChunk: boolean;\n  /** Trace queries can be ordered by the root span's time to first chunk. */\n  withTimeToFirstChunkSort: boolean;\n  /** The server supports delta polling, so auto-refresh merges new traces instead of reloading pages. */\n  withDeltaPolling: boolean;\n  /** Whether field discovery should run: the server supports it and the trace query API is on. */\n  withDiscovery: boolean;\n  isCapabilitiesLoading: boolean;\n  metricsSupport: TracesMetricsSupport;\n  /** Shared by every discovery consumer so they hit the same cached query. */\n  discoveryTimeRange: TraceQueryDiscoveryTimeRange;\n};\n\nexport type TracesFiltersActions = {\n  /** Replaces the filter tokens and groups. The scope tokens are always kept. */\n  setFilterTokens: (tokens: TracesFilters['tokens'], groups: TracesFilters['groups']) => void;\n  setDatePreset: (preset: TraceDatePreset) => void;\n  setDate: (value: Date | undefined, end: 'from' | 'to') => void;\n  setDateRange: (from: Date | undefined, to: Date | undefined) => void;\n};\n\nexport type TracesFiltersContextValue = TracesFiltersActions & {\n  /** The host's filters with the entries this server can't query dropped. */\n  filters: TracesFilters;\n  dateFrom?: Date;\n  dateTo?: Date;\n  filtersApplied: boolean;\n  contentFiltersApplied: boolean;\n  /** The host's filters ask for `running` traces, which `filters` (and so the query) can't express. */\n  runningSelected: boolean;\n};\n\nexport type TracesSelectionActions = {\n  selectTrace: (traceId: string) => void;\n  closeTrace: () => void;\n  selectSpan: (spanId: string | null) => void;\n  setSpanTab: (tab: SpanTab) => void;\n  setSpanView: (view: TraceSpanView) => void;\n  selectScore: (scoreId: string | null) => void;\n  highlightSpans: (spanIds: string[]) => void;\n};\n\nexport type TracesSelectionContextValue = TracesSelectionActions & {\n  selection: TracesSelection;\n  selectedTraceId?: string;\n};\n\ntype ListSource = ReturnType<typeof useTracesListSource>;\n\nexport type TracesListContextValue = Pick<\n  ListSource,\n  | 'rows'\n  | 'isLoading'\n  | 'isFetchingNextPage'\n  | 'hasNextPage'\n  | 'setEndOfListElement'\n  | 'error'\n  | 'refetch'\n  | 'autoRefetch'\n> & {\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n};\n\nexport type TracesColumnsContextValue = ReturnType<typeof useTraceColumnPreferences>;\n\nexport const TracesConfigContext = createContext<TracesConfigContextValue | null>(null);\nexport const TracesFiltersContext = createContext<TracesFiltersContextValue | null>(null);\nexport const TracesSelectionContext = createContext<TracesSelectionContextValue | null>(null);\nexport const TracesListContext = createContext<TracesListContextValue | null>(null);\n/** Kept out of `TracesListContext` so a poll tick doesn't re-render every list consumer. */\nexport const TracesListFetchingContext = createContext<boolean | null>(null);\nexport const TracesColumnsContext = createContext<TracesColumnsContextValue | null>(null);\n\nconst useRequired = <T>(context: React.Context<T | null>, name: string): T => {\n  const value = useContext(context);\n  if (!value) throw new Error(`${name} must be used inside <TracesExplorer>`);\n  return value;\n};\n\nexport const useTracesConfig = () => useRequired(TracesConfigContext, 'useTracesConfig');\nexport const useTracesFilters = () => useRequired(TracesFiltersContext, 'useTracesFilters');\nexport const useTracesSelection = () => useRequired(TracesSelectionContext, 'useTracesSelection');\nexport const useTracesList = () => useRequired(TracesListContext, 'useTracesList');\n/** Whether the list query is fetching, including background refetches and retries. */\nexport const useTracesListFetching = () => {\n  const value = useContext(TracesListFetchingContext);\n  if (value === null) throw new Error('useTracesListFetching must be used inside <TracesExplorer>');\n  return value;\n};\nexport const useTracesColumns = () => useRequired(TracesColumnsContext, 'useTracesColumns');\n\nexport const CHECKING_USAGE_REASON = 'Checking whether this storage supports usage data.';\nexport const UNSUPPORTED_USAGE_REASON = 'This observability store does not support token and cost metrics.';\n\nexport type TraceUsageColumns = {\n  /** Column preferences without the columns the store can't serve (usage, time to first chunk). */\n  displayedPreferences: TraceColumnPreferences;\n  /** Whether usage should be fetched: metrics are supported and a usage column is visible. */\n  usageEnabled: boolean;\n  usageDisabledReason?: string;\n};\n\nexport const useTraceUsageColumns = (): TraceUsageColumns => {\n  const { preferences } = useTracesColumns();\n  const { metricsSupport, withTimeToFirstChunk, isCapabilitiesLoading } = useTracesConfig();\n  const unavailable = !metricsSupport.isLoading && !metricsSupport.supported;\n  const timeToFirstChunkUnavailable = !isCapabilitiesLoading && !withTimeToFirstChunk;\n  const displayedPreferences =\n    unavailable || timeToFirstChunkUnavailable\n      ? {\n          ...preferences,\n          visibleColumns: preferences.visibleColumns.filter(\n            column =>\n              !(unavailable && isTraceUsageColumn(column)) &&\n              !(timeToFirstChunkUnavailable && column === 'timeToFirstChunk'),\n          ),\n        }\n      : preferences;\n  return {\n    displayedPreferences,\n    usageEnabled: !unavailable && !metricsSupport.isLoading && hasTraceUsageColumn(displayedPreferences),\n    usageDisabledReason: metricsSupport.isLoading\n      ? CHECKING_USAGE_REASON\n      : !metricsSupport.supported\n        ? UNSUPPORTED_USAGE_REASON\n        : undefined,\n  };\n};\n"],"mappings":";;;;AA0GA,IAAa,uBAAA,GAAsBA,MAAAA,cAAAA,CAA+C,IAAI;AACtF,IAAa,wBAAA,GAAuBA,MAAAA,cAAAA,CAAgD,IAAI;AACxF,IAAa,0BAAA,GAAyBA,MAAAA,cAAAA,CAAkD,IAAI;AAC5F,IAAa,qBAAA,GAAoBA,MAAAA,cAAAA,CAA6C,IAAI;;AAElF,IAAa,6BAAA,GAA4BA,MAAAA,cAAAA,CAA8B,IAAI;AAC3E,IAAa,wBAAA,GAAuBA,MAAAA,cAAAA,CAAgD,IAAI;AAExF,IAAM,eAAkB,SAAkC,SAAoB;CAC5E,MAAM,SAAA,GAAQC,MAAAA,WAAAA,CAAW,OAAO;CAChC,IAAI,CAAC,OAAO,MAAM,IAAI,MAAM,GAAG,KAAK,sCAAsC;CAC1E,OAAO;AACT;AAEA,IAAa,wBAAwB,YAAY,qBAAqB,iBAAiB;AACvF,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAC1F,IAAa,2BAA2B,YAAY,wBAAwB,oBAAoB;AAChG,IAAa,sBAAsB,YAAY,mBAAmB,eAAe;;AAEjF,IAAa,8BAA8B;CACzC,MAAM,SAAA,GAAQA,MAAAA,WAAAA,CAAW,yBAAyB;CAClD,IAAI,UAAU,MAAM,MAAM,IAAI,MAAM,4DAA4D;CAChG,OAAO;AACT;AACA,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAE1F,IAAa,wBAAwB;AACrC,IAAa,2BAA2B;AAUxC,IAAa,6BAAgD;CAC3D,MAAM,EAAE,gBAAgB,iBAAiB;CACzC,MAAM,EAAE,gBAAgB,sBAAsB,0BAA0B,gBAAgB;CACxF,MAAM,cAAc,CAAC,eAAe,aAAa,CAAC,eAAe;CACjE,MAAM,8BAA8B,CAAC,yBAAyB,CAAC;CAC/D,MAAM,uBACJ,eAAe,8BACX;EACE,GAAG;EACH,gBAAgB,YAAY,eAAe,QACzC,WACE,EAAE,eAAeC,0CAAAA,mBAAmB,MAAM,MAC1C,EAAE,+BAA+B,WAAW,mBAChD;CACF,IACA;CACN,OAAO;EACL;EACA,cAAc,CAAC,eAAe,CAAC,eAAe,aAAaC,0CAAAA,oBAAoB,oBAAoB;EACnG,qBAAqB,eAAe,YAChC,wBACA,CAAC,eAAe,YACd,2BACA,KAAA;CACR;AACF"}
+{"version":3,"file":"traces-explorer-context.cjs.js","names":["createContext","useContext","isTraceUsageColumn","hasTraceUsageColumn"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-context.ts"],"sourcesContent":["import type { EntityType } from '@mastra/core/observability';\nimport type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { createContext, useContext } from 'react';\nimport type { useTraceColumnPreferences } from '../../hooks/use-trace-column-preferences';\nimport type { useTracesListSource } from '../../hooks/use-traces-list-source';\nimport { hasTraceUsageColumn, isTraceUsageColumn } from '../../trace-list-columns';\nimport type { TraceColumnPreferences } from '../../trace-list-columns';\nimport type { SpanTab, TraceDatePreset } from '../../types';\nimport type { TraceSpanView } from '../trace-data-panel-view';\nimport type { TracesFilters, TracesSelection, TracesSort } from './traces-explorer-actions';\n\nexport type TracesExplorerScope = { entityId: string; entityType?: EntityType };\n\nexport type TracesMetricsSupport = { supported: boolean; isLoading: boolean };\n\n/**\n * Host switches (e.g. feature flags), combined with what the server supports.\n * `traceQuery` and `feedback` default to on and can only turn their feature off.\n * `spanQuery` and `threadQuery` default to off: each view is offered only when its flag is `true`\n * and the server supports it.\n */\nexport type TracesExplorerFeatures = {\n  traceQuery?: boolean;\n  feedback?: boolean;\n  spanQuery?: boolean;\n  threadQuery?: boolean;\n};\n\nexport type TracesConfigContextValue = {\n  listId: string;\n  scopedFieldIds: ReadonlySet<string>;\n  hiddenFieldIds: readonly string[];\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  /** The span query API is on, so the host can offer a spans view next to the traces list. */\n  withSpanQuery: boolean;\n  /** The thread rows API is on, so the host can offer a threads view next to the traces list. */\n  withThreadQuery: boolean;\n  withRootDuration: boolean;\n  /** The server filters trace queries on the root span's `outcome` and `stopReason`. */\n  withOutcomeFields: boolean;\n  /** Trace rows carry the root span's time to first chunk, so the TTFC column can be shown. */\n  withTimeToFirstChunk: boolean;\n  /** Trace queries can be ordered by the root span's time to first chunk. */\n  withTimeToFirstChunkSort: boolean;\n  /** Trace rows carry the root span's time to first token, so the TTFT column can be shown. */\n  withTimeToFirstToken: boolean;\n  /** Trace queries can be ordered by the root span's time to first token. */\n  withTimeToFirstTokenSort: boolean;\n  /** The server supports delta polling, so auto-refresh merges new traces instead of reloading pages. */\n  withDeltaPolling: boolean;\n  /** Whether field discovery should run: the server supports it and the trace query API is on. */\n  withDiscovery: boolean;\n  isCapabilitiesLoading: boolean;\n  metricsSupport: TracesMetricsSupport;\n  /** Shared by every discovery consumer so they hit the same cached query. */\n  discoveryTimeRange: TraceQueryDiscoveryTimeRange;\n};\n\nexport type TracesFiltersActions = {\n  /** Replaces the filter tokens and groups. The scope tokens are always kept. */\n  setFilterTokens: (tokens: TracesFilters['tokens'], groups: TracesFilters['groups']) => void;\n  setDatePreset: (preset: TraceDatePreset) => void;\n  setDate: (value: Date | undefined, end: 'from' | 'to') => void;\n  setDateRange: (from: Date | undefined, to: Date | undefined) => void;\n  /** Narrows the range to a histogram selection, remembering the range to return to on reset. */\n  zoomDateRange: (from: Date, to: Date) => void;\n  /** Undoes the last histogram zoom, or switches to `defaultPreset` when there is none to undo. */\n  resetDateRange: (defaultPreset: TraceDatePreset) => void;\n};\n\nexport type TracesFiltersContextValue = TracesFiltersActions & {\n  /** The host's filters with the entries this server can't query dropped. */\n  filters: TracesFilters;\n  dateFrom?: Date;\n  dateTo?: Date;\n  filtersApplied: boolean;\n  contentFiltersApplied: boolean;\n  /** The host's filters ask for `running` traces, which `filters` (and so the query) can't express. */\n  runningSelected: boolean;\n};\n\nexport type TracesSelectionActions = {\n  selectTrace: (traceId: string) => void;\n  closeTrace: () => void;\n  selectSpan: (spanId: string | null) => void;\n  setSpanTab: (tab: SpanTab) => void;\n  setSpanView: (view: TraceSpanView) => void;\n  selectScore: (scoreId: string | null) => void;\n  highlightSpans: (spanIds: string[]) => void;\n};\n\nexport type TracesSelectionContextValue = TracesSelectionActions & {\n  selection: TracesSelection;\n  selectedTraceId?: string;\n};\n\ntype ListSource = ReturnType<typeof useTracesListSource>;\n\nexport type TracesListContextValue = Pick<\n  ListSource,\n  | 'rows'\n  | 'isLoading'\n  | 'isFetchingNextPage'\n  | 'hasNextPage'\n  | 'setEndOfListElement'\n  | 'error'\n  | 'refetch'\n  | 'autoRefetch'\n> & {\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n};\n\nexport type TracesColumnsContextValue = ReturnType<typeof useTraceColumnPreferences>;\n\nexport const TracesConfigContext = createContext<TracesConfigContextValue | null>(null);\nexport const TracesFiltersContext = createContext<TracesFiltersContextValue | null>(null);\nexport const TracesSelectionContext = createContext<TracesSelectionContextValue | null>(null);\nexport const TracesListContext = createContext<TracesListContextValue | null>(null);\n/** Kept out of `TracesListContext` so a poll tick doesn't re-render every list consumer. */\nexport const TracesListFetchingContext = createContext<boolean | null>(null);\nexport const TracesColumnsContext = createContext<TracesColumnsContextValue | null>(null);\n\nconst useRequired = <T>(context: React.Context<T | null>, name: string): T => {\n  const value = useContext(context);\n  if (!value) throw new Error(`${name} must be used inside <TracesExplorer>`);\n  return value;\n};\n\nexport const useTracesConfig = () => useRequired(TracesConfigContext, 'useTracesConfig');\nexport const useTracesFilters = () => useRequired(TracesFiltersContext, 'useTracesFilters');\nexport const useTracesSelection = () => useRequired(TracesSelectionContext, 'useTracesSelection');\nexport const useTracesList = () => useRequired(TracesListContext, 'useTracesList');\n/** Whether the list query is fetching, including background refetches and retries. */\nexport const useTracesListFetching = () => {\n  const value = useContext(TracesListFetchingContext);\n  if (value === null) throw new Error('useTracesListFetching must be used inside <TracesExplorer>');\n  return value;\n};\nexport const useTracesColumns = () => useRequired(TracesColumnsContext, 'useTracesColumns');\n\nexport const CHECKING_USAGE_REASON = 'Checking whether this storage supports usage data.';\nexport const UNSUPPORTED_USAGE_REASON = 'This observability store does not support token and cost metrics.';\n\nexport type TraceUsageColumns = {\n  /** Column preferences without the columns the store can't serve (usage, time to first chunk/token). */\n  displayedPreferences: TraceColumnPreferences;\n  /** Whether usage should be fetched: metrics are supported and a usage column is visible. */\n  usageEnabled: boolean;\n  usageDisabledReason?: string;\n};\n\nexport const useTraceUsageColumns = (): TraceUsageColumns => {\n  const { preferences } = useTracesColumns();\n  const { metricsSupport, withTimeToFirstChunk, withTimeToFirstToken, isCapabilitiesLoading } = useTracesConfig();\n  const unavailable = !metricsSupport.isLoading && !metricsSupport.supported;\n  const timeToFirstChunkUnavailable = !isCapabilitiesLoading && !withTimeToFirstChunk;\n  const timeToFirstTokenUnavailable = !isCapabilitiesLoading && !withTimeToFirstToken;\n  const displayedPreferences =\n    unavailable || timeToFirstChunkUnavailable || timeToFirstTokenUnavailable\n      ? {\n          ...preferences,\n          visibleColumns: preferences.visibleColumns.filter(\n            column =>\n              !(unavailable && isTraceUsageColumn(column)) &&\n              !(timeToFirstChunkUnavailable && column === 'timeToFirstChunk') &&\n              !(timeToFirstTokenUnavailable && column === 'timeToFirstToken'),\n          ),\n        }\n      : preferences;\n  return {\n    displayedPreferences,\n    usageEnabled: !unavailable && !metricsSupport.isLoading && hasTraceUsageColumn(displayedPreferences),\n    usageDisabledReason: metricsSupport.isLoading\n      ? CHECKING_USAGE_REASON\n      : !metricsSupport.supported\n        ? UNSUPPORTED_USAGE_REASON\n        : undefined,\n  };\n};\n"],"mappings":";;;;AAoHA,IAAa,uBAAA,GAAsBA,MAAAA,cAAAA,CAA+C,IAAI;AACtF,IAAa,wBAAA,GAAuBA,MAAAA,cAAAA,CAAgD,IAAI;AACxF,IAAa,0BAAA,GAAyBA,MAAAA,cAAAA,CAAkD,IAAI;AAC5F,IAAa,qBAAA,GAAoBA,MAAAA,cAAAA,CAA6C,IAAI;;AAElF,IAAa,6BAAA,GAA4BA,MAAAA,cAAAA,CAA8B,IAAI;AAC3E,IAAa,wBAAA,GAAuBA,MAAAA,cAAAA,CAAgD,IAAI;AAExF,IAAM,eAAkB,SAAkC,SAAoB;CAC5E,MAAM,SAAA,GAAQC,MAAAA,WAAAA,CAAW,OAAO;CAChC,IAAI,CAAC,OAAO,MAAM,IAAI,MAAM,GAAG,KAAK,sCAAsC;CAC1E,OAAO;AACT;AAEA,IAAa,wBAAwB,YAAY,qBAAqB,iBAAiB;AACvF,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAC1F,IAAa,2BAA2B,YAAY,wBAAwB,oBAAoB;AAChG,IAAa,sBAAsB,YAAY,mBAAmB,eAAe;;AAEjF,IAAa,8BAA8B;CACzC,MAAM,SAAA,GAAQA,MAAAA,WAAAA,CAAW,yBAAyB;CAClD,IAAI,UAAU,MAAM,MAAM,IAAI,MAAM,4DAA4D;CAChG,OAAO;AACT;AACA,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAE1F,IAAa,wBAAwB;AACrC,IAAa,2BAA2B;AAUxC,IAAa,6BAAgD;CAC3D,MAAM,EAAE,gBAAgB,iBAAiB;CACzC,MAAM,EAAE,gBAAgB,sBAAsB,sBAAsB,0BAA0B,gBAAgB;CAC9G,MAAM,cAAc,CAAC,eAAe,aAAa,CAAC,eAAe;CACjE,MAAM,8BAA8B,CAAC,yBAAyB,CAAC;CAC/D,MAAM,8BAA8B,CAAC,yBAAyB,CAAC;CAC/D,MAAM,uBACJ,eAAe,+BAA+B,8BAC1C;EACE,GAAG;EACH,gBAAgB,YAAY,eAAe,QACzC,WACE,EAAE,eAAeC,0CAAAA,mBAAmB,MAAM,MAC1C,EAAE,+BAA+B,WAAW,uBAC5C,EAAE,+BAA+B,WAAW,mBAChD;CACF,IACA;CACN,OAAO;EACL;EACA,cAAc,CAAC,eAAe,CAAC,eAAe,aAAaC,0CAAAA,oBAAoB,oBAAoB;EACnG,qBAAqB,eAAe,YAChC,wBACA,CAAC,eAAe,YACd,2BACA,KAAA;CACR;AACF"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-context.es.js

@@ -28,12 +28,13 @@ var CHECKING_USAGE_REASON = "Checking whether this storage supports usage data."
 var UNSUPPORTED_USAGE_REASON = "This observability store does not support token and cost metrics.";
 var useTraceUsageColumns = () => {
 	const { preferences } = useTracesColumns();
-	const { metricsSupport, withTimeToFirstChunk, isCapabilitiesLoading } = useTracesConfig();
+	const { metricsSupport, withTimeToFirstChunk, withTimeToFirstToken, isCapabilitiesLoading } = useTracesConfig();
 	const unavailable = !metricsSupport.isLoading && !metricsSupport.supported;
 	const timeToFirstChunkUnavailable = !isCapabilitiesLoading && !withTimeToFirstChunk;
-	const displayedPreferences = unavailable || timeToFirstChunkUnavailable ? {
+	const timeToFirstTokenUnavailable = !isCapabilitiesLoading && !withTimeToFirstToken;
+	const displayedPreferences = unavailable || timeToFirstChunkUnavailable || timeToFirstTokenUnavailable ? {
 		...preferences,
-		visibleColumns: preferences.visibleColumns.filter((column) => !(unavailable && isTraceUsageColumn(column)) && !(timeToFirstChunkUnavailable && column === "timeToFirstChunk"))
+		visibleColumns: preferences.visibleColumns.filter((column) => !(unavailable && isTraceUsageColumn(column)) && !(timeToFirstChunkUnavailable && column === "timeToFirstChunk") && !(timeToFirstTokenUnavailable && column === "timeToFirstToken"))
 	} : preferences;
 	return {
 		displayedPreferences,

package/dist/domains/traces/components/traces-explorer/traces-explorer-context.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-context.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-context.ts"],"sourcesContent":["import type { EntityType } from '@mastra/core/observability';\nimport type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { createContext, useContext } from 'react';\nimport type { useTraceColumnPreferences } from '../../hooks/use-trace-column-preferences';\nimport type { useTracesListSource } from '../../hooks/use-traces-list-source';\nimport { hasTraceUsageColumn, isTraceUsageColumn } from '../../trace-list-columns';\nimport type { TraceColumnPreferences } from '../../trace-list-columns';\nimport type { SpanTab, TraceDatePreset } from '../../types';\nimport type { TraceSpanView } from '../trace-data-panel-view';\nimport type { TracesFilters, TracesSelection, TracesSort } from './traces-explorer-actions';\n\nexport type TracesExplorerScope = { entityId: string; entityType?: EntityType };\n\nexport type TracesMetricsSupport = { supported: boolean; isLoading: boolean };\n\n/**\n * Host switches (e.g. feature flags), combined with what the server supports.\n * `traceQuery` and `feedback` default to on and can only turn their feature off.\n * `spanQuery` and `threadQuery` default to off: each view is offered only when its flag is `true`\n * and the server supports it.\n */\nexport type TracesExplorerFeatures = {\n  traceQuery?: boolean;\n  feedback?: boolean;\n  spanQuery?: boolean;\n  threadQuery?: boolean;\n};\n\nexport type TracesConfigContextValue = {\n  listId: string;\n  scopedFieldIds: ReadonlySet<string>;\n  hiddenFieldIds: readonly string[];\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  /** The span query API is on, so the host can offer a spans view next to the traces list. */\n  withSpanQuery: boolean;\n  /** The thread rows API is on, so the host can offer a threads view next to the traces list. */\n  withThreadQuery: boolean;\n  withRootDuration: boolean;\n  /** Trace rows carry the root span's time to first chunk, so the TTFC column can be shown. */\n  withTimeToFirstChunk: boolean;\n  /** Trace queries can be ordered by the root span's time to first chunk. */\n  withTimeToFirstChunkSort: boolean;\n  /** The server supports delta polling, so auto-refresh merges new traces instead of reloading pages. */\n  withDeltaPolling: boolean;\n  /** Whether field discovery should run: the server supports it and the trace query API is on. */\n  withDiscovery: boolean;\n  isCapabilitiesLoading: boolean;\n  metricsSupport: TracesMetricsSupport;\n  /** Shared by every discovery consumer so they hit the same cached query. */\n  discoveryTimeRange: TraceQueryDiscoveryTimeRange;\n};\n\nexport type TracesFiltersActions = {\n  /** Replaces the filter tokens and groups. The scope tokens are always kept. */\n  setFilterTokens: (tokens: TracesFilters['tokens'], groups: TracesFilters['groups']) => void;\n  setDatePreset: (preset: TraceDatePreset) => void;\n  setDate: (value: Date | undefined, end: 'from' | 'to') => void;\n  setDateRange: (from: Date | undefined, to: Date | undefined) => void;\n};\n\nexport type TracesFiltersContextValue = TracesFiltersActions & {\n  /** The host's filters with the entries this server can't query dropped. */\n  filters: TracesFilters;\n  dateFrom?: Date;\n  dateTo?: Date;\n  filtersApplied: boolean;\n  contentFiltersApplied: boolean;\n  /** The host's filters ask for `running` traces, which `filters` (and so the query) can't express. */\n  runningSelected: boolean;\n};\n\nexport type TracesSelectionActions = {\n  selectTrace: (traceId: string) => void;\n  closeTrace: () => void;\n  selectSpan: (spanId: string | null) => void;\n  setSpanTab: (tab: SpanTab) => void;\n  setSpanView: (view: TraceSpanView) => void;\n  selectScore: (scoreId: string | null) => void;\n  highlightSpans: (spanIds: string[]) => void;\n};\n\nexport type TracesSelectionContextValue = TracesSelectionActions & {\n  selection: TracesSelection;\n  selectedTraceId?: string;\n};\n\ntype ListSource = ReturnType<typeof useTracesListSource>;\n\nexport type TracesListContextValue = Pick<\n  ListSource,\n  | 'rows'\n  | 'isLoading'\n  | 'isFetchingNextPage'\n  | 'hasNextPage'\n  | 'setEndOfListElement'\n  | 'error'\n  | 'refetch'\n  | 'autoRefetch'\n> & {\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n};\n\nexport type TracesColumnsContextValue = ReturnType<typeof useTraceColumnPreferences>;\n\nexport const TracesConfigContext = createContext<TracesConfigContextValue | null>(null);\nexport const TracesFiltersContext = createContext<TracesFiltersContextValue | null>(null);\nexport const TracesSelectionContext = createContext<TracesSelectionContextValue | null>(null);\nexport const TracesListContext = createContext<TracesListContextValue | null>(null);\n/** Kept out of `TracesListContext` so a poll tick doesn't re-render every list consumer. */\nexport const TracesListFetchingContext = createContext<boolean | null>(null);\nexport const TracesColumnsContext = createContext<TracesColumnsContextValue | null>(null);\n\nconst useRequired = <T>(context: React.Context<T | null>, name: string): T => {\n  const value = useContext(context);\n  if (!value) throw new Error(`${name} must be used inside <TracesExplorer>`);\n  return value;\n};\n\nexport const useTracesConfig = () => useRequired(TracesConfigContext, 'useTracesConfig');\nexport const useTracesFilters = () => useRequired(TracesFiltersContext, 'useTracesFilters');\nexport const useTracesSelection = () => useRequired(TracesSelectionContext, 'useTracesSelection');\nexport const useTracesList = () => useRequired(TracesListContext, 'useTracesList');\n/** Whether the list query is fetching, including background refetches and retries. */\nexport const useTracesListFetching = () => {\n  const value = useContext(TracesListFetchingContext);\n  if (value === null) throw new Error('useTracesListFetching must be used inside <TracesExplorer>');\n  return value;\n};\nexport const useTracesColumns = () => useRequired(TracesColumnsContext, 'useTracesColumns');\n\nexport const CHECKING_USAGE_REASON = 'Checking whether this storage supports usage data.';\nexport const UNSUPPORTED_USAGE_REASON = 'This observability store does not support token and cost metrics.';\n\nexport type TraceUsageColumns = {\n  /** Column preferences without the columns the store can't serve (usage, time to first chunk). */\n  displayedPreferences: TraceColumnPreferences;\n  /** Whether usage should be fetched: metrics are supported and a usage column is visible. */\n  usageEnabled: boolean;\n  usageDisabledReason?: string;\n};\n\nexport const useTraceUsageColumns = (): TraceUsageColumns => {\n  const { preferences } = useTracesColumns();\n  const { metricsSupport, withTimeToFirstChunk, isCapabilitiesLoading } = useTracesConfig();\n  const unavailable = !metricsSupport.isLoading && !metricsSupport.supported;\n  const timeToFirstChunkUnavailable = !isCapabilitiesLoading && !withTimeToFirstChunk;\n  const displayedPreferences =\n    unavailable || timeToFirstChunkUnavailable\n      ? {\n          ...preferences,\n          visibleColumns: preferences.visibleColumns.filter(\n            column =>\n              !(unavailable && isTraceUsageColumn(column)) &&\n              !(timeToFirstChunkUnavailable && column === 'timeToFirstChunk'),\n          ),\n        }\n      : preferences;\n  return {\n    displayedPreferences,\n    usageEnabled: !unavailable && !metricsSupport.isLoading && hasTraceUsageColumn(displayedPreferences),\n    usageDisabledReason: metricsSupport.isLoading\n      ? CHECKING_USAGE_REASON\n      : !metricsSupport.supported\n        ? UNSUPPORTED_USAGE_REASON\n        : undefined,\n  };\n};\n"],"mappings":";;;AA0GA,IAAa,sBAAsB,cAA+C,IAAI;AACtF,IAAa,uBAAuB,cAAgD,IAAI;AACxF,IAAa,yBAAyB,cAAkD,IAAI;AAC5F,IAAa,oBAAoB,cAA6C,IAAI;;AAElF,IAAa,4BAA4B,cAA8B,IAAI;AAC3E,IAAa,uBAAuB,cAAgD,IAAI;AAExF,IAAM,eAAkB,SAAkC,SAAoB;CAC5E,MAAM,QAAQ,WAAW,OAAO;CAChC,IAAI,CAAC,OAAO,MAAM,IAAI,MAAM,GAAG,KAAK,sCAAsC;CAC1E,OAAO;AACT;AAEA,IAAa,wBAAwB,YAAY,qBAAqB,iBAAiB;AACvF,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAC1F,IAAa,2BAA2B,YAAY,wBAAwB,oBAAoB;AAChG,IAAa,sBAAsB,YAAY,mBAAmB,eAAe;;AAEjF,IAAa,8BAA8B;CACzC,MAAM,QAAQ,WAAW,yBAAyB;CAClD,IAAI,UAAU,MAAM,MAAM,IAAI,MAAM,4DAA4D;CAChG,OAAO;AACT;AACA,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAE1F,IAAa,wBAAwB;AACrC,IAAa,2BAA2B;AAUxC,IAAa,6BAAgD;CAC3D,MAAM,EAAE,gBAAgB,iBAAiB;CACzC,MAAM,EAAE,gBAAgB,sBAAsB,0BAA0B,gBAAgB;CACxF,MAAM,cAAc,CAAC,eAAe,aAAa,CAAC,eAAe;CACjE,MAAM,8BAA8B,CAAC,yBAAyB,CAAC;CAC/D,MAAM,uBACJ,eAAe,8BACX;EACE,GAAG;EACH,gBAAgB,YAAY,eAAe,QACzC,WACE,EAAE,eAAe,mBAAmB,MAAM,MAC1C,EAAE,+BAA+B,WAAW,mBAChD;CACF,IACA;CACN,OAAO;EACL;EACA,cAAc,CAAC,eAAe,CAAC,eAAe,aAAa,oBAAoB,oBAAoB;EACnG,qBAAqB,eAAe,YAChC,wBACA,CAAC,eAAe,YACd,2BACA,KAAA;CACR;AACF"}
+{"version":3,"file":"traces-explorer-context.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-context.ts"],"sourcesContent":["import type { EntityType } from '@mastra/core/observability';\nimport type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { createContext, useContext } from 'react';\nimport type { useTraceColumnPreferences } from '../../hooks/use-trace-column-preferences';\nimport type { useTracesListSource } from '../../hooks/use-traces-list-source';\nimport { hasTraceUsageColumn, isTraceUsageColumn } from '../../trace-list-columns';\nimport type { TraceColumnPreferences } from '../../trace-list-columns';\nimport type { SpanTab, TraceDatePreset } from '../../types';\nimport type { TraceSpanView } from '../trace-data-panel-view';\nimport type { TracesFilters, TracesSelection, TracesSort } from './traces-explorer-actions';\n\nexport type TracesExplorerScope = { entityId: string; entityType?: EntityType };\n\nexport type TracesMetricsSupport = { supported: boolean; isLoading: boolean };\n\n/**\n * Host switches (e.g. feature flags), combined with what the server supports.\n * `traceQuery` and `feedback` default to on and can only turn their feature off.\n * `spanQuery` and `threadQuery` default to off: each view is offered only when its flag is `true`\n * and the server supports it.\n */\nexport type TracesExplorerFeatures = {\n  traceQuery?: boolean;\n  feedback?: boolean;\n  spanQuery?: boolean;\n  threadQuery?: boolean;\n};\n\nexport type TracesConfigContextValue = {\n  listId: string;\n  scopedFieldIds: ReadonlySet<string>;\n  hiddenFieldIds: readonly string[];\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  /** The span query API is on, so the host can offer a spans view next to the traces list. */\n  withSpanQuery: boolean;\n  /** The thread rows API is on, so the host can offer a threads view next to the traces list. */\n  withThreadQuery: boolean;\n  withRootDuration: boolean;\n  /** The server filters trace queries on the root span's `outcome` and `stopReason`. */\n  withOutcomeFields: boolean;\n  /** Trace rows carry the root span's time to first chunk, so the TTFC column can be shown. */\n  withTimeToFirstChunk: boolean;\n  /** Trace queries can be ordered by the root span's time to first chunk. */\n  withTimeToFirstChunkSort: boolean;\n  /** Trace rows carry the root span's time to first token, so the TTFT column can be shown. */\n  withTimeToFirstToken: boolean;\n  /** Trace queries can be ordered by the root span's time to first token. */\n  withTimeToFirstTokenSort: boolean;\n  /** The server supports delta polling, so auto-refresh merges new traces instead of reloading pages. */\n  withDeltaPolling: boolean;\n  /** Whether field discovery should run: the server supports it and the trace query API is on. */\n  withDiscovery: boolean;\n  isCapabilitiesLoading: boolean;\n  metricsSupport: TracesMetricsSupport;\n  /** Shared by every discovery consumer so they hit the same cached query. */\n  discoveryTimeRange: TraceQueryDiscoveryTimeRange;\n};\n\nexport type TracesFiltersActions = {\n  /** Replaces the filter tokens and groups. The scope tokens are always kept. */\n  setFilterTokens: (tokens: TracesFilters['tokens'], groups: TracesFilters['groups']) => void;\n  setDatePreset: (preset: TraceDatePreset) => void;\n  setDate: (value: Date | undefined, end: 'from' | 'to') => void;\n  setDateRange: (from: Date | undefined, to: Date | undefined) => void;\n  /** Narrows the range to a histogram selection, remembering the range to return to on reset. */\n  zoomDateRange: (from: Date, to: Date) => void;\n  /** Undoes the last histogram zoom, or switches to `defaultPreset` when there is none to undo. */\n  resetDateRange: (defaultPreset: TraceDatePreset) => void;\n};\n\nexport type TracesFiltersContextValue = TracesFiltersActions & {\n  /** The host's filters with the entries this server can't query dropped. */\n  filters: TracesFilters;\n  dateFrom?: Date;\n  dateTo?: Date;\n  filtersApplied: boolean;\n  contentFiltersApplied: boolean;\n  /** The host's filters ask for `running` traces, which `filters` (and so the query) can't express. */\n  runningSelected: boolean;\n};\n\nexport type TracesSelectionActions = {\n  selectTrace: (traceId: string) => void;\n  closeTrace: () => void;\n  selectSpan: (spanId: string | null) => void;\n  setSpanTab: (tab: SpanTab) => void;\n  setSpanView: (view: TraceSpanView) => void;\n  selectScore: (scoreId: string | null) => void;\n  highlightSpans: (spanIds: string[]) => void;\n};\n\nexport type TracesSelectionContextValue = TracesSelectionActions & {\n  selection: TracesSelection;\n  selectedTraceId?: string;\n};\n\ntype ListSource = ReturnType<typeof useTracesListSource>;\n\nexport type TracesListContextValue = Pick<\n  ListSource,\n  | 'rows'\n  | 'isLoading'\n  | 'isFetchingNextPage'\n  | 'hasNextPage'\n  | 'setEndOfListElement'\n  | 'error'\n  | 'refetch'\n  | 'autoRefetch'\n> & {\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n};\n\nexport type TracesColumnsContextValue = ReturnType<typeof useTraceColumnPreferences>;\n\nexport const TracesConfigContext = createContext<TracesConfigContextValue | null>(null);\nexport const TracesFiltersContext = createContext<TracesFiltersContextValue | null>(null);\nexport const TracesSelectionContext = createContext<TracesSelectionContextValue | null>(null);\nexport const TracesListContext = createContext<TracesListContextValue | null>(null);\n/** Kept out of `TracesListContext` so a poll tick doesn't re-render every list consumer. */\nexport const TracesListFetchingContext = createContext<boolean | null>(null);\nexport const TracesColumnsContext = createContext<TracesColumnsContextValue | null>(null);\n\nconst useRequired = <T>(context: React.Context<T | null>, name: string): T => {\n  const value = useContext(context);\n  if (!value) throw new Error(`${name} must be used inside <TracesExplorer>`);\n  return value;\n};\n\nexport const useTracesConfig = () => useRequired(TracesConfigContext, 'useTracesConfig');\nexport const useTracesFilters = () => useRequired(TracesFiltersContext, 'useTracesFilters');\nexport const useTracesSelection = () => useRequired(TracesSelectionContext, 'useTracesSelection');\nexport const useTracesList = () => useRequired(TracesListContext, 'useTracesList');\n/** Whether the list query is fetching, including background refetches and retries. */\nexport const useTracesListFetching = () => {\n  const value = useContext(TracesListFetchingContext);\n  if (value === null) throw new Error('useTracesListFetching must be used inside <TracesExplorer>');\n  return value;\n};\nexport const useTracesColumns = () => useRequired(TracesColumnsContext, 'useTracesColumns');\n\nexport const CHECKING_USAGE_REASON = 'Checking whether this storage supports usage data.';\nexport const UNSUPPORTED_USAGE_REASON = 'This observability store does not support token and cost metrics.';\n\nexport type TraceUsageColumns = {\n  /** Column preferences without the columns the store can't serve (usage, time to first chunk/token). */\n  displayedPreferences: TraceColumnPreferences;\n  /** Whether usage should be fetched: metrics are supported and a usage column is visible. */\n  usageEnabled: boolean;\n  usageDisabledReason?: string;\n};\n\nexport const useTraceUsageColumns = (): TraceUsageColumns => {\n  const { preferences } = useTracesColumns();\n  const { metricsSupport, withTimeToFirstChunk, withTimeToFirstToken, isCapabilitiesLoading } = useTracesConfig();\n  const unavailable = !metricsSupport.isLoading && !metricsSupport.supported;\n  const timeToFirstChunkUnavailable = !isCapabilitiesLoading && !withTimeToFirstChunk;\n  const timeToFirstTokenUnavailable = !isCapabilitiesLoading && !withTimeToFirstToken;\n  const displayedPreferences =\n    unavailable || timeToFirstChunkUnavailable || timeToFirstTokenUnavailable\n      ? {\n          ...preferences,\n          visibleColumns: preferences.visibleColumns.filter(\n            column =>\n              !(unavailable && isTraceUsageColumn(column)) &&\n              !(timeToFirstChunkUnavailable && column === 'timeToFirstChunk') &&\n              !(timeToFirstTokenUnavailable && column === 'timeToFirstToken'),\n          ),\n        }\n      : preferences;\n  return {\n    displayedPreferences,\n    usageEnabled: !unavailable && !metricsSupport.isLoading && hasTraceUsageColumn(displayedPreferences),\n    usageDisabledReason: metricsSupport.isLoading\n      ? CHECKING_USAGE_REASON\n      : !metricsSupport.supported\n        ? UNSUPPORTED_USAGE_REASON\n        : undefined,\n  };\n};\n"],"mappings":";;;AAoHA,IAAa,sBAAsB,cAA+C,IAAI;AACtF,IAAa,uBAAuB,cAAgD,IAAI;AACxF,IAAa,yBAAyB,cAAkD,IAAI;AAC5F,IAAa,oBAAoB,cAA6C,IAAI;;AAElF,IAAa,4BAA4B,cAA8B,IAAI;AAC3E,IAAa,uBAAuB,cAAgD,IAAI;AAExF,IAAM,eAAkB,SAAkC,SAAoB;CAC5E,MAAM,QAAQ,WAAW,OAAO;CAChC,IAAI,CAAC,OAAO,MAAM,IAAI,MAAM,GAAG,KAAK,sCAAsC;CAC1E,OAAO;AACT;AAEA,IAAa,wBAAwB,YAAY,qBAAqB,iBAAiB;AACvF,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAC1F,IAAa,2BAA2B,YAAY,wBAAwB,oBAAoB;AAChG,IAAa,sBAAsB,YAAY,mBAAmB,eAAe;;AAEjF,IAAa,8BAA8B;CACzC,MAAM,QAAQ,WAAW,yBAAyB;CAClD,IAAI,UAAU,MAAM,MAAM,IAAI,MAAM,4DAA4D;CAChG,OAAO;AACT;AACA,IAAa,yBAAyB,YAAY,sBAAsB,kBAAkB;AAE1F,IAAa,wBAAwB;AACrC,IAAa,2BAA2B;AAUxC,IAAa,6BAAgD;CAC3D,MAAM,EAAE,gBAAgB,iBAAiB;CACzC,MAAM,EAAE,gBAAgB,sBAAsB,sBAAsB,0BAA0B,gBAAgB;CAC9G,MAAM,cAAc,CAAC,eAAe,aAAa,CAAC,eAAe;CACjE,MAAM,8BAA8B,CAAC,yBAAyB,CAAC;CAC/D,MAAM,8BAA8B,CAAC,yBAAyB,CAAC;CAC/D,MAAM,uBACJ,eAAe,+BAA+B,8BAC1C;EACE,GAAG;EACH,gBAAgB,YAAY,eAAe,QACzC,WACE,EAAE,eAAe,mBAAmB,MAAM,MAC1C,EAAE,+BAA+B,WAAW,uBAC5C,EAAE,+BAA+B,WAAW,mBAChD;CACF,IACA;CACN,OAAO;EACL;EACA,cAAc,CAAC,eAAe,CAAC,eAAe,aAAa,oBAAoB,oBAAoB;EACnG,qBAAqB,eAAe,YAChC,wBACA,CAAC,eAAe,YACd,2BACA,KAAA;CACR;AACF"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-filter-bar.cjs.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../../../trace-filters-BpeBUjCb.cjs");
-const require_domains_traces_components_trace_time_range_chip = require("../trace-time-range-chip.cjs.js");
+const require_trace_filters = require("../../../../trace-filters-BNEZ31HX.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("./traces-explorer-actions.cjs.js");
-const require_FilterBar = require("../../../../FilterBar-gEvoWDXA.cjs");
+const require_domains_traces_components_trace_time_range_chip = require("../trace-time-range-chip.cjs.js");
+const require_FilterBar = require("../../../../FilterBar-BUd4f7oi.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
 const require_domains_traces_components_traces_explorer_use_traces_filter_bar = require("./use-traces-filter-bar.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -48,7 +48,7 @@ function TracesExplorerFilterChips({ timeRange, renderChip }) {
 }
 /** Its own component so a list loading flip only re-renders the chip, not the whole bar. */
 function TracesExplorerTimeRangeChip({ presets = TIME_RANGE_PRESETS, minDate, maxRangeMs }) {
-	const { filters, dateFrom, dateTo, setDatePreset, setDate, setDateRange } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesFilters();
+	const { filters, dateFrom, dateTo, setDatePreset, setDate, setDateRange, resetDateRange } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesFilters();
 	const { isLoading } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesList();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_trace_time_range_chip.TraceTimeRangeChip, {
 		preset: filters.datePreset,
@@ -60,6 +60,7 @@ function TracesExplorerTimeRangeChip({ presets = TIME_RANGE_PRESETS, minDate, ma
 		disabled: isLoading,
 		presets,
 		defaultPreset: require_domains_traces_components_traces_explorer_traces_explorer_actions.DEFAULT_TRACES_FILTERS.datePreset,
+		onReset: () => resetDateRange(require_domains_traces_components_traces_explorer_traces_explorer_actions.DEFAULT_TRACES_FILTERS.datePreset),
 		minDate,
 		maxRangeMs
 	});

package/dist/domains/traces/components/traces-explorer/traces-explorer-filter-bar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-filter-bar.cjs.js","names":["useTracesConfig","useTracesFilterBarFields","useTracesFilterBar","FilterBar","TRACE_FILTER_BAR_OPERATORS","_Fragment","useTracesFilters","useTracesList","TraceTimeRangeChip","DEFAULT_TRACES_FILTERS"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-filter-bar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { TRACE_FILTER_BAR_OPERATORS } from '../../trace-filters';\nimport type { TraceDatePreset } from '../../types';\nimport { TRACE_TIME_RANGE_FIELD_ID, TraceTimeRangeChip } from '../trace-time-range-chip';\nimport type { TraceTimeRangeChipProps } from '../trace-time-range-chip';\nimport { DEFAULT_TRACES_FILTERS } from './traces-explorer-actions';\nimport { useTracesConfig, useTracesFilters, useTracesList } from './traces-explorer-context';\nimport { useTracesFilterBar, useTracesFilterBarFields } from './use-traces-filter-bar';\nimport { FilterBar } from '@/ds/components/FilterBar';\nimport type { FilterBarItem } from '@/ds/components/FilterBar';\n\nconst TIME_RANGE_PRESETS: readonly TraceDatePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\n// Items are rebuilt from tokens with `id: fieldId` (traceTokensToFilterBarItems); give the\n// draft that id so the chip survives the round trip without remounting.\nconst createItemId = (fieldId: string) => fieldId;\n\nexport type TracesExplorerFilterBarProps = {\n  /** Replaces the default chips and input, e.g. to pass a configured `TracesExplorer.TimeRangeChip`. */\n  children?: ReactNode;\n};\n\n/**\n * The trace filters bar, wired to the explorer's fields and filters. Hosts that need extra\n * fields or items (e.g. their own scope pickers) can render the design-system `FilterBar`\n * themselves from `useTracesFilterBarFields()` / `useTracesFilterBar()` and reuse `FilterChips`.\n */\nexport function TracesExplorerFilterBar({ children }: TracesExplorerFilterBarProps) {\n  const { withQueryTrace } = useTracesConfig();\n  const filterBarFields = useTracesFilterBarFields();\n  const { filterBarValue, flatFilterBarValue, onFilterBarChange, onFlatFilterBarChange } = useTracesFilterBar();\n\n  return (\n    <FilterBar\n      fields={filterBarFields}\n      operators={TRACE_FILTER_BAR_OPERATORS}\n      {...(withQueryTrace\n        ? { value: filterBarValue, onValueChange: onFilterBarChange }\n        : { value: flatFilterBarValue, onValueChange: onFlatFilterBarChange })}\n      createItemId={createItemId}\n      maxDepth={3}\n      aria-label=\"Trace filters\"\n      className=\"min-w-64 flex-1\"\n    >\n      {children ?? (\n        <>\n          <TracesExplorerFilterChips />\n          <FilterBar.Input placeholder=\"Filter traces…\" />\n        </>\n      )}\n    </FilterBar>\n  );\n}\n\nexport type TracesExplorerFilterChipsProps = {\n  /** Rendered for the time range item. Defaults to `<TracesExplorer.TimeRangeChip />`. */\n  timeRange?: ReactNode;\n  /** Renders every other item. Defaults to the design-system chip. */\n  renderChip?: (item: FilterBarItem) => ReactNode;\n};\n\n/** The bar's chips: the time range chip in its slot, then one chip per filter. */\nexport function TracesExplorerFilterChips({ timeRange, renderChip }: TracesExplorerFilterChipsProps) {\n  return (\n    <FilterBar.Chips\n      renderChip={item =>\n        item.fieldId === TRACE_TIME_RANGE_FIELD_ID ? (\n          (timeRange ?? <TracesExplorerTimeRangeChip />)\n        ) : renderChip ? (\n          renderChip(item)\n        ) : (\n          <FilterBar.Chip item={item} />\n        )\n      }\n    />\n  );\n}\n\nexport type TracesExplorerTimeRangeChipProps = Partial<\n  Pick<TraceTimeRangeChipProps, 'presets' | 'minDate' | 'maxRangeMs'>\n>;\n\n/** Its own component so a list loading flip only re-renders the chip, not the whole bar. */\nexport function TracesExplorerTimeRangeChip({\n  presets = TIME_RANGE_PRESETS,\n  minDate,\n  maxRangeMs,\n}: TracesExplorerTimeRangeChipProps) {\n  const { filters, dateFrom, dateTo, setDatePreset, setDate, setDateRange } = useTracesFilters();\n  const { isLoading } = useTracesList();\n\n  return (\n    <TraceTimeRangeChip\n      preset={filters.datePreset}\n      onPresetChange={setDatePreset}\n      dateFrom={dateFrom}\n      dateTo={dateTo}\n      onDateChange={setDate}\n      onDateRangeChange={setDateRange}\n      disabled={isLoading}\n      presets={presets}\n      defaultPreset={DEFAULT_TRACES_FILTERS.datePreset}\n      minDate={minDate}\n      maxRangeMs={maxRangeMs}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,IAAM,qBAAiD;CACrD;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,IAAM,gBAAgB,YAAoB;;;;;;AAY1C,SAAgB,wBAAwB,EAAE,YAA0C;CAClF,MAAM,EAAE,mBAAmBA,0EAAAA,gBAAgB;CAC3C,MAAM,kBAAkBC,wEAAAA,yBAAyB;CACjD,MAAM,EAAE,gBAAgB,oBAAoB,mBAAmB,0BAA0BC,wEAAAA,mBAAmB;CAE5G,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,WAAD;EACE,QAAQ;EACR,WAAWC,sBAAAA;EACX,GAAK,iBACD;GAAE,OAAO;GAAgB,eAAe;EAAkB,IAC1D;GAAE,OAAO;GAAoB,eAAe;EAAsB;EACxD;EACd,UAAU;EACV,cAAW;EACX,WAAU;EAET,UAAA,YACC,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,2BAAD,CAA4B,CAAA,GAC5B,iBAAA,GAAA,kBAAA,IAAA,CAACF,kBAAAA,UAAU,OAAX,EAAiB,aAAY,iBAAkB,CAAA,CAC/C,EAAA,CAAA;CAEK,CAAA;AAEf;;AAUA,SAAgB,0BAA0B,EAAE,WAAW,cAA8C;CACnG,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,UAAU,OAAX,EACE,aAAY,SACV,KAAK,YAAA,cACF,aAAa,iBAAA,GAAA,kBAAA,IAAA,CAAC,6BAAD,CAA8B,CAAA,IAC1C,aACF,WAAW,IAAI,IAEf,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,UAAU,MAAX,EAAsB,KAAO,CAAA,EAGlC,CAAA;AAEL;;AAOA,SAAgB,4BAA4B,EAC1C,UAAU,oBACV,SACA,cACmC;CACnC,MAAM,EAAE,SAAS,UAAU,QAAQ,eAAe,SAAS,iBAAiBG,0EAAAA,iBAAiB;CAC7F,MAAM,EAAE,cAAcC,0EAAAA,cAAc;CAEpC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,wDAAAA,oBAAD;EACE,QAAQ,QAAQ;EAChB,gBAAgB;EACN;EACF;EACR,cAAc;EACd,mBAAmB;EACnB,UAAU;EACD;EACT,eAAeC,0EAAAA,uBAAuB;EAC7B;EACG;CACb,CAAA;AAEL"}
+{"version":3,"file":"traces-explorer-filter-bar.cjs.js","names":["useTracesConfig","useTracesFilterBarFields","useTracesFilterBar","FilterBar","TRACE_FILTER_BAR_OPERATORS","_Fragment","useTracesFilters","useTracesList","TraceTimeRangeChip","DEFAULT_TRACES_FILTERS"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-filter-bar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { TRACE_FILTER_BAR_OPERATORS } from '../../trace-filters';\nimport type { TraceDatePreset } from '../../types';\nimport { TRACE_TIME_RANGE_FIELD_ID, TraceTimeRangeChip } from '../trace-time-range-chip';\nimport type { TraceTimeRangeChipProps } from '../trace-time-range-chip';\nimport { DEFAULT_TRACES_FILTERS } from './traces-explorer-actions';\nimport { useTracesConfig, useTracesFilters, useTracesList } from './traces-explorer-context';\nimport { useTracesFilterBar, useTracesFilterBarFields } from './use-traces-filter-bar';\nimport { FilterBar } from '@/ds/components/FilterBar';\nimport type { FilterBarItem } from '@/ds/components/FilterBar';\n\nconst TIME_RANGE_PRESETS: readonly TraceDatePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\n// Items are rebuilt from tokens with `id: fieldId` (traceTokensToFilterBarItems); give the\n// draft that id so the chip survives the round trip without remounting.\nconst createItemId = (fieldId: string) => fieldId;\n\nexport type TracesExplorerFilterBarProps = {\n  /** Replaces the default chips and input, e.g. to pass a configured `TracesExplorer.TimeRangeChip`. */\n  children?: ReactNode;\n};\n\n/**\n * The trace filters bar, wired to the explorer's fields and filters. Hosts that need extra\n * fields or items (e.g. their own scope pickers) can render the design-system `FilterBar`\n * themselves from `useTracesFilterBarFields()` / `useTracesFilterBar()` and reuse `FilterChips`.\n */\nexport function TracesExplorerFilterBar({ children }: TracesExplorerFilterBarProps) {\n  const { withQueryTrace } = useTracesConfig();\n  const filterBarFields = useTracesFilterBarFields();\n  const { filterBarValue, flatFilterBarValue, onFilterBarChange, onFlatFilterBarChange } = useTracesFilterBar();\n\n  return (\n    <FilterBar\n      fields={filterBarFields}\n      operators={TRACE_FILTER_BAR_OPERATORS}\n      {...(withQueryTrace\n        ? { value: filterBarValue, onValueChange: onFilterBarChange }\n        : { value: flatFilterBarValue, onValueChange: onFlatFilterBarChange })}\n      createItemId={createItemId}\n      maxDepth={3}\n      aria-label=\"Trace filters\"\n      className=\"min-w-64 flex-1\"\n    >\n      {children ?? (\n        <>\n          <TracesExplorerFilterChips />\n          <FilterBar.Input placeholder=\"Filter traces…\" />\n        </>\n      )}\n    </FilterBar>\n  );\n}\n\nexport type TracesExplorerFilterChipsProps = {\n  /** Rendered for the time range item. Defaults to `<TracesExplorer.TimeRangeChip />`. */\n  timeRange?: ReactNode;\n  /** Renders every other item. Defaults to the design-system chip. */\n  renderChip?: (item: FilterBarItem) => ReactNode;\n};\n\n/** The bar's chips: the time range chip in its slot, then one chip per filter. */\nexport function TracesExplorerFilterChips({ timeRange, renderChip }: TracesExplorerFilterChipsProps) {\n  return (\n    <FilterBar.Chips\n      renderChip={item =>\n        item.fieldId === TRACE_TIME_RANGE_FIELD_ID ? (\n          (timeRange ?? <TracesExplorerTimeRangeChip />)\n        ) : renderChip ? (\n          renderChip(item)\n        ) : (\n          <FilterBar.Chip item={item} />\n        )\n      }\n    />\n  );\n}\n\nexport type TracesExplorerTimeRangeChipProps = Partial<\n  Pick<TraceTimeRangeChipProps, 'presets' | 'minDate' | 'maxRangeMs'>\n>;\n\n/** Its own component so a list loading flip only re-renders the chip, not the whole bar. */\nexport function TracesExplorerTimeRangeChip({\n  presets = TIME_RANGE_PRESETS,\n  minDate,\n  maxRangeMs,\n}: TracesExplorerTimeRangeChipProps) {\n  const { filters, dateFrom, dateTo, setDatePreset, setDate, setDateRange, resetDateRange } = useTracesFilters();\n  const { isLoading } = useTracesList();\n\n  return (\n    <TraceTimeRangeChip\n      preset={filters.datePreset}\n      onPresetChange={setDatePreset}\n      dateFrom={dateFrom}\n      dateTo={dateTo}\n      onDateChange={setDate}\n      onDateRangeChange={setDateRange}\n      disabled={isLoading}\n      presets={presets}\n      defaultPreset={DEFAULT_TRACES_FILTERS.datePreset}\n      onReset={() => resetDateRange(DEFAULT_TRACES_FILTERS.datePreset)}\n      minDate={minDate}\n      maxRangeMs={maxRangeMs}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,IAAM,qBAAiD;CACrD;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,IAAM,gBAAgB,YAAoB;;;;;;AAY1C,SAAgB,wBAAwB,EAAE,YAA0C;CAClF,MAAM,EAAE,mBAAmBA,0EAAAA,gBAAgB;CAC3C,MAAM,kBAAkBC,wEAAAA,yBAAyB;CACjD,MAAM,EAAE,gBAAgB,oBAAoB,mBAAmB,0BAA0BC,wEAAAA,mBAAmB;CAE5G,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,WAAD;EACE,QAAQ;EACR,WAAWC,sBAAAA;EACX,GAAK,iBACD;GAAE,OAAO;GAAgB,eAAe;EAAkB,IAC1D;GAAE,OAAO;GAAoB,eAAe;EAAsB;EACxD;EACd,UAAU;EACV,cAAW;EACX,WAAU;EAET,UAAA,YACC,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,2BAAD,CAA4B,CAAA,GAC5B,iBAAA,GAAA,kBAAA,IAAA,CAACF,kBAAAA,UAAU,OAAX,EAAiB,aAAY,iBAAkB,CAAA,CAC/C,EAAA,CAAA;CAEK,CAAA;AAEf;;AAUA,SAAgB,0BAA0B,EAAE,WAAW,cAA8C;CACnG,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,UAAU,OAAX,EACE,aAAY,SACV,KAAK,YAAA,cACF,aAAa,iBAAA,GAAA,kBAAA,IAAA,CAAC,6BAAD,CAA8B,CAAA,IAC1C,aACF,WAAW,IAAI,IAEf,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,UAAU,MAAX,EAAsB,KAAO,CAAA,EAGlC,CAAA;AAEL;;AAOA,SAAgB,4BAA4B,EAC1C,UAAU,oBACV,SACA,cACmC;CACnC,MAAM,EAAE,SAAS,UAAU,QAAQ,eAAe,SAAS,cAAc,mBAAmBG,0EAAAA,iBAAiB;CAC7G,MAAM,EAAE,cAAcC,0EAAAA,cAAc;CAEpC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,wDAAAA,oBAAD;EACE,QAAQ,QAAQ;EAChB,gBAAgB;EACN;EACF;EACR,cAAc;EACd,mBAAmB;EACnB,UAAU;EACD;EACT,eAAeC,0EAAAA,uBAAuB;EACtC,eAAe,eAAeA,0EAAAA,uBAAuB,UAAU;EACtD;EACG;CACb,CAAA;AAEL"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-filter-bar.es.js

@@ -1,7 +1,7 @@
-import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../../trace-filters-C27yWcan.js";
-import { TraceTimeRangeChip } from "../trace-time-range-chip.es.js";
+import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../../trace-filters-BJaebsxJ.js";
 import { DEFAULT_TRACES_FILTERS } from "./traces-explorer-actions.es.js";
-import { n as FilterBar } from "../../../../FilterBar-Dk3QEuT6.js";
+import { TraceTimeRangeChip } from "../trace-time-range-chip.es.js";
+import { n as FilterBar } from "../../../../FilterBar--4oguuVe.js";
 import { useTracesConfig, useTracesFilters, useTracesList } from "./traces-explorer-context.es.js";
 import { useTracesFilterBar, useTracesFilterBarFields } from "./use-traces-filter-bar.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -47,7 +47,7 @@ function TracesExplorerFilterChips({ timeRange, renderChip }) {
 }
 /** Its own component so a list loading flip only re-renders the chip, not the whole bar. */
 function TracesExplorerTimeRangeChip({ presets = TIME_RANGE_PRESETS, minDate, maxRangeMs }) {
-	const { filters, dateFrom, dateTo, setDatePreset, setDate, setDateRange } = useTracesFilters();
+	const { filters, dateFrom, dateTo, setDatePreset, setDate, setDateRange, resetDateRange } = useTracesFilters();
 	const { isLoading } = useTracesList();
 	return /* @__PURE__ */ jsx(TraceTimeRangeChip, {
 		preset: filters.datePreset,
@@ -59,6 +59,7 @@ function TracesExplorerTimeRangeChip({ presets = TIME_RANGE_PRESETS, minDate, ma
 		disabled: isLoading,
 		presets,
 		defaultPreset: DEFAULT_TRACES_FILTERS.datePreset,
+		onReset: () => resetDateRange(DEFAULT_TRACES_FILTERS.datePreset),
 		minDate,
 		maxRangeMs
 	});

package/dist/domains/traces/components/traces-explorer/traces-explorer-filter-bar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-filter-bar.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-filter-bar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { TRACE_FILTER_BAR_OPERATORS } from '../../trace-filters';\nimport type { TraceDatePreset } from '../../types';\nimport { TRACE_TIME_RANGE_FIELD_ID, TraceTimeRangeChip } from '../trace-time-range-chip';\nimport type { TraceTimeRangeChipProps } from '../trace-time-range-chip';\nimport { DEFAULT_TRACES_FILTERS } from './traces-explorer-actions';\nimport { useTracesConfig, useTracesFilters, useTracesList } from './traces-explorer-context';\nimport { useTracesFilterBar, useTracesFilterBarFields } from './use-traces-filter-bar';\nimport { FilterBar } from '@/ds/components/FilterBar';\nimport type { FilterBarItem } from '@/ds/components/FilterBar';\n\nconst TIME_RANGE_PRESETS: readonly TraceDatePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\n// Items are rebuilt from tokens with `id: fieldId` (traceTokensToFilterBarItems); give the\n// draft that id so the chip survives the round trip without remounting.\nconst createItemId = (fieldId: string) => fieldId;\n\nexport type TracesExplorerFilterBarProps = {\n  /** Replaces the default chips and input, e.g. to pass a configured `TracesExplorer.TimeRangeChip`. */\n  children?: ReactNode;\n};\n\n/**\n * The trace filters bar, wired to the explorer's fields and filters. Hosts that need extra\n * fields or items (e.g. their own scope pickers) can render the design-system `FilterBar`\n * themselves from `useTracesFilterBarFields()` / `useTracesFilterBar()` and reuse `FilterChips`.\n */\nexport function TracesExplorerFilterBar({ children }: TracesExplorerFilterBarProps) {\n  const { withQueryTrace } = useTracesConfig();\n  const filterBarFields = useTracesFilterBarFields();\n  const { filterBarValue, flatFilterBarValue, onFilterBarChange, onFlatFilterBarChange } = useTracesFilterBar();\n\n  return (\n    <FilterBar\n      fields={filterBarFields}\n      operators={TRACE_FILTER_BAR_OPERATORS}\n      {...(withQueryTrace\n        ? { value: filterBarValue, onValueChange: onFilterBarChange }\n        : { value: flatFilterBarValue, onValueChange: onFlatFilterBarChange })}\n      createItemId={createItemId}\n      maxDepth={3}\n      aria-label=\"Trace filters\"\n      className=\"min-w-64 flex-1\"\n    >\n      {children ?? (\n        <>\n          <TracesExplorerFilterChips />\n          <FilterBar.Input placeholder=\"Filter traces…\" />\n        </>\n      )}\n    </FilterBar>\n  );\n}\n\nexport type TracesExplorerFilterChipsProps = {\n  /** Rendered for the time range item. Defaults to `<TracesExplorer.TimeRangeChip />`. */\n  timeRange?: ReactNode;\n  /** Renders every other item. Defaults to the design-system chip. */\n  renderChip?: (item: FilterBarItem) => ReactNode;\n};\n\n/** The bar's chips: the time range chip in its slot, then one chip per filter. */\nexport function TracesExplorerFilterChips({ timeRange, renderChip }: TracesExplorerFilterChipsProps) {\n  return (\n    <FilterBar.Chips\n      renderChip={item =>\n        item.fieldId === TRACE_TIME_RANGE_FIELD_ID ? (\n          (timeRange ?? <TracesExplorerTimeRangeChip />)\n        ) : renderChip ? (\n          renderChip(item)\n        ) : (\n          <FilterBar.Chip item={item} />\n        )\n      }\n    />\n  );\n}\n\nexport type TracesExplorerTimeRangeChipProps = Partial<\n  Pick<TraceTimeRangeChipProps, 'presets' | 'minDate' | 'maxRangeMs'>\n>;\n\n/** Its own component so a list loading flip only re-renders the chip, not the whole bar. */\nexport function TracesExplorerTimeRangeChip({\n  presets = TIME_RANGE_PRESETS,\n  minDate,\n  maxRangeMs,\n}: TracesExplorerTimeRangeChipProps) {\n  const { filters, dateFrom, dateTo, setDatePreset, setDate, setDateRange } = useTracesFilters();\n  const { isLoading } = useTracesList();\n\n  return (\n    <TraceTimeRangeChip\n      preset={filters.datePreset}\n      onPresetChange={setDatePreset}\n      dateFrom={dateFrom}\n      dateTo={dateTo}\n      onDateChange={setDate}\n      onDateRangeChange={setDateRange}\n      disabled={isLoading}\n      presets={presets}\n      defaultPreset={DEFAULT_TRACES_FILTERS.datePreset}\n      minDate={minDate}\n      maxRangeMs={maxRangeMs}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAWA,IAAM,qBAAiD;CACrD;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,IAAM,gBAAgB,YAAoB;;;;;;AAY1C,SAAgB,wBAAwB,EAAE,YAA0C;CAClF,MAAM,EAAE,mBAAmB,gBAAgB;CAC3C,MAAM,kBAAkB,yBAAyB;CACjD,MAAM,EAAE,gBAAgB,oBAAoB,mBAAmB,0BAA0B,mBAAmB;CAE5G,OACE,oBAAC,WAAD;EACE,QAAQ;EACR,WAAW;EACX,GAAK,iBACD;GAAE,OAAO;GAAgB,eAAe;EAAkB,IAC1D;GAAE,OAAO;GAAoB,eAAe;EAAsB;EACxD;EACd,UAAU;EACV,cAAW;EACX,WAAU;EAET,UAAA,YACC,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,2BAAD,CAA4B,CAAA,GAC5B,oBAAC,UAAU,OAAX,EAAiB,aAAY,iBAAkB,CAAA,CAC/C,EAAA,CAAA;CAEK,CAAA;AAEf;;AAUA,SAAgB,0BAA0B,EAAE,WAAW,cAA8C;CACnG,OACE,oBAAC,UAAU,OAAX,EACE,aAAY,SACV,KAAK,YAAA,cACF,aAAa,oBAAC,6BAAD,CAA8B,CAAA,IAC1C,aACF,WAAW,IAAI,IAEf,oBAAC,UAAU,MAAX,EAAsB,KAAO,CAAA,EAGlC,CAAA;AAEL;;AAOA,SAAgB,4BAA4B,EAC1C,UAAU,oBACV,SACA,cACmC;CACnC,MAAM,EAAE,SAAS,UAAU,QAAQ,eAAe,SAAS,iBAAiB,iBAAiB;CAC7F,MAAM,EAAE,cAAc,cAAc;CAEpC,OACE,oBAAC,oBAAD;EACE,QAAQ,QAAQ;EAChB,gBAAgB;EACN;EACF;EACR,cAAc;EACd,mBAAmB;EACnB,UAAU;EACD;EACT,eAAe,uBAAuB;EAC7B;EACG;CACb,CAAA;AAEL"}
+{"version":3,"file":"traces-explorer-filter-bar.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-filter-bar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { TRACE_FILTER_BAR_OPERATORS } from '../../trace-filters';\nimport type { TraceDatePreset } from '../../types';\nimport { TRACE_TIME_RANGE_FIELD_ID, TraceTimeRangeChip } from '../trace-time-range-chip';\nimport type { TraceTimeRangeChipProps } from '../trace-time-range-chip';\nimport { DEFAULT_TRACES_FILTERS } from './traces-explorer-actions';\nimport { useTracesConfig, useTracesFilters, useTracesList } from './traces-explorer-context';\nimport { useTracesFilterBar, useTracesFilterBarFields } from './use-traces-filter-bar';\nimport { FilterBar } from '@/ds/components/FilterBar';\nimport type { FilterBarItem } from '@/ds/components/FilterBar';\n\nconst TIME_RANGE_PRESETS: readonly TraceDatePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\n// Items are rebuilt from tokens with `id: fieldId` (traceTokensToFilterBarItems); give the\n// draft that id so the chip survives the round trip without remounting.\nconst createItemId = (fieldId: string) => fieldId;\n\nexport type TracesExplorerFilterBarProps = {\n  /** Replaces the default chips and input, e.g. to pass a configured `TracesExplorer.TimeRangeChip`. */\n  children?: ReactNode;\n};\n\n/**\n * The trace filters bar, wired to the explorer's fields and filters. Hosts that need extra\n * fields or items (e.g. their own scope pickers) can render the design-system `FilterBar`\n * themselves from `useTracesFilterBarFields()` / `useTracesFilterBar()` and reuse `FilterChips`.\n */\nexport function TracesExplorerFilterBar({ children }: TracesExplorerFilterBarProps) {\n  const { withQueryTrace } = useTracesConfig();\n  const filterBarFields = useTracesFilterBarFields();\n  const { filterBarValue, flatFilterBarValue, onFilterBarChange, onFlatFilterBarChange } = useTracesFilterBar();\n\n  return (\n    <FilterBar\n      fields={filterBarFields}\n      operators={TRACE_FILTER_BAR_OPERATORS}\n      {...(withQueryTrace\n        ? { value: filterBarValue, onValueChange: onFilterBarChange }\n        : { value: flatFilterBarValue, onValueChange: onFlatFilterBarChange })}\n      createItemId={createItemId}\n      maxDepth={3}\n      aria-label=\"Trace filters\"\n      className=\"min-w-64 flex-1\"\n    >\n      {children ?? (\n        <>\n          <TracesExplorerFilterChips />\n          <FilterBar.Input placeholder=\"Filter traces…\" />\n        </>\n      )}\n    </FilterBar>\n  );\n}\n\nexport type TracesExplorerFilterChipsProps = {\n  /** Rendered for the time range item. Defaults to `<TracesExplorer.TimeRangeChip />`. */\n  timeRange?: ReactNode;\n  /** Renders every other item. Defaults to the design-system chip. */\n  renderChip?: (item: FilterBarItem) => ReactNode;\n};\n\n/** The bar's chips: the time range chip in its slot, then one chip per filter. */\nexport function TracesExplorerFilterChips({ timeRange, renderChip }: TracesExplorerFilterChipsProps) {\n  return (\n    <FilterBar.Chips\n      renderChip={item =>\n        item.fieldId === TRACE_TIME_RANGE_FIELD_ID ? (\n          (timeRange ?? <TracesExplorerTimeRangeChip />)\n        ) : renderChip ? (\n          renderChip(item)\n        ) : (\n          <FilterBar.Chip item={item} />\n        )\n      }\n    />\n  );\n}\n\nexport type TracesExplorerTimeRangeChipProps = Partial<\n  Pick<TraceTimeRangeChipProps, 'presets' | 'minDate' | 'maxRangeMs'>\n>;\n\n/** Its own component so a list loading flip only re-renders the chip, not the whole bar. */\nexport function TracesExplorerTimeRangeChip({\n  presets = TIME_RANGE_PRESETS,\n  minDate,\n  maxRangeMs,\n}: TracesExplorerTimeRangeChipProps) {\n  const { filters, dateFrom, dateTo, setDatePreset, setDate, setDateRange, resetDateRange } = useTracesFilters();\n  const { isLoading } = useTracesList();\n\n  return (\n    <TraceTimeRangeChip\n      preset={filters.datePreset}\n      onPresetChange={setDatePreset}\n      dateFrom={dateFrom}\n      dateTo={dateTo}\n      onDateChange={setDate}\n      onDateRangeChange={setDateRange}\n      disabled={isLoading}\n      presets={presets}\n      defaultPreset={DEFAULT_TRACES_FILTERS.datePreset}\n      onReset={() => resetDateRange(DEFAULT_TRACES_FILTERS.datePreset)}\n      minDate={minDate}\n      maxRangeMs={maxRangeMs}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAWA,IAAM,qBAAiD;CACrD;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,IAAM,gBAAgB,YAAoB;;;;;;AAY1C,SAAgB,wBAAwB,EAAE,YAA0C;CAClF,MAAM,EAAE,mBAAmB,gBAAgB;CAC3C,MAAM,kBAAkB,yBAAyB;CACjD,MAAM,EAAE,gBAAgB,oBAAoB,mBAAmB,0BAA0B,mBAAmB;CAE5G,OACE,oBAAC,WAAD;EACE,QAAQ;EACR,WAAW;EACX,GAAK,iBACD;GAAE,OAAO;GAAgB,eAAe;EAAkB,IAC1D;GAAE,OAAO;GAAoB,eAAe;EAAsB;EACxD;EACd,UAAU;EACV,cAAW;EACX,WAAU;EAET,UAAA,YACC,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,2BAAD,CAA4B,CAAA,GAC5B,oBAAC,UAAU,OAAX,EAAiB,aAAY,iBAAkB,CAAA,CAC/C,EAAA,CAAA;CAEK,CAAA;AAEf;;AAUA,SAAgB,0BAA0B,EAAE,WAAW,cAA8C;CACnG,OACE,oBAAC,UAAU,OAAX,EACE,aAAY,SACV,KAAK,YAAA,cACF,aAAa,oBAAC,6BAAD,CAA8B,CAAA,IAC1C,aACF,WAAW,IAAI,IAEf,oBAAC,UAAU,MAAX,EAAsB,KAAO,CAAA,EAGlC,CAAA;AAEL;;AAOA,SAAgB,4BAA4B,EAC1C,UAAU,oBACV,SACA,cACmC;CACnC,MAAM,EAAE,SAAS,UAAU,QAAQ,eAAe,SAAS,cAAc,mBAAmB,iBAAiB;CAC7G,MAAM,EAAE,cAAc,cAAc;CAEpC,OACE,oBAAC,oBAAD;EACE,QAAQ,QAAQ;EAChB,gBAAgB;EACN;EACF;EACR,cAAc;EACd,mBAAmB;EACnB,UAAU;EACD;EACT,eAAe,uBAAuB;EACtC,eAAe,eAAe,uBAAuB,UAAU;EACtD;EACG;CACb,CAAA;AAEL"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-histogram.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_observability_components_observability_histogram = require("../../../observability/components/observability-histogram.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("./traces-explorer-actions.cjs.js");
+const require_domains_observability_components_observability_histogram = require("../../../observability/components/observability-histogram.cjs.js");
 const require_domains_observability_lib_histogram_buckets = require("../../../observability/lib/histogram-buckets.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
 let react = require("react");
@@ -18,14 +18,17 @@ var SELECTION_CLOCK = /* @__PURE__ */ new Date(0);
 * Dragging across bars narrows the list to their time span as a custom range.
 */
 function TracesExplorerHistogram() {
-	const { withQueryTrace, withRootDuration } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesConfig();
-	const { filters, dateFrom, dateTo, runningSelected, setDatePreset, setDateRange } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesFilters();
+	const { withQueryTrace, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withOutcomeFields } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesConfig();
+	const { filters, dateFrom, dateTo, runningSelected, zoomDateRange } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesFilters();
 	const aggregateAvailable = (0, _mastra_react_hooks_capabilities.useTraceAggregateAvailable)();
 	const selectionKey = JSON.stringify(require_domains_traces_components_traces_explorer_traces_explorer_actions.buildTracesQueryRequest({
 		filters,
 		dateFrom,
 		dateTo,
 		withRootDuration,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields,
 		now: SELECTION_CLOCK
 	}));
 	const now = (0, react.useMemo)(() => /* @__PURE__ */ new Date(), [selectionKey]);
@@ -35,6 +38,9 @@ function TracesExplorerHistogram() {
 			dateFrom,
 			dateTo,
 			withRootDuration,
+			withTimeToFirstChunk,
+			withTimeToFirstToken,
+			withOutcomeFields,
 			now
 		});
 		return {
@@ -49,6 +55,9 @@ function TracesExplorerHistogram() {
 		dateFrom,
 		dateTo,
 		withRootDuration,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields,
 		now
 	]);
 	const hidden = !withQueryTrace || !aggregateAvailable.enabled || runningSelected || require_domains_observability_lib_histogram_buckets.exceedsAggregateWindow(request.timeRange);
@@ -68,8 +77,7 @@ function TracesExplorerHistogram() {
 		isUpdating: isPlaceholderData,
 		onZoom: (range) => {
 			const { from, to } = require_domains_observability_lib_histogram_buckets.zoomWindow(buckets, range, request.timeRange);
-			setDatePreset("custom");
-			setDateRange(from, to);
+			zoomDateRange(from, to);
 		}
 	});
 }

package/dist/domains/traces/components/traces-explorer/traces-explorer-histogram.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-histogram.cjs.js","names":["useTracesConfig","useTracesFilters","useTraceAggregateAvailable","buildTracesQueryRequest","useMemo","histogramPlan","HISTOGRAM_MEASURES","exceedsAggregateWindow","useTraceAggregate","keepPreviousData","bucketCountRows","ObservabilityHistogram","zoomWindow"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-histogram.tsx"],"sourcesContent":["import type { AggregateTracesArgs } from '@mastra/client-js';\nimport { useTraceAggregateAvailable } from '@mastra/react/hooks/capabilities';\nimport { useTraceAggregate } from '@mastra/react/hooks/traces';\nimport { keepPreviousData } from '@tanstack/react-query';\nimport { useMemo } from 'react';\nimport { buildTracesQueryRequest } from './traces-explorer-actions';\nimport { useTracesConfig, useTracesFilters } from './traces-explorer-context';\nimport { ObservabilityHistogram } from '@/domains/observability/components/observability-histogram';\nimport {\n  bucketCountRows,\n  exceedsAggregateWindow,\n  HISTOGRAM_MEASURES,\n  histogramPlan,\n  zoomWindow,\n} from '@/domains/observability/lib/histogram-buckets';\n\n/** Compares selections, not instants: only filter or date changes move the chart's `now`. */\nconst SELECTION_CLOCK = new Date(0);\n\n/**\n * Trace and error counts over the list's time range, built from the same filters as the list query.\n * Renders nothing when the server can't aggregate traces, the window is wider than it aggregates,\n * or the filters ask for `running` traces (the query drops that status, so the counts wouldn't match).\n * Dragging across bars narrows the list to their time span as a custom range.\n */\nexport function TracesExplorerHistogram() {\n  const { withQueryTrace, withRootDuration } = useTracesConfig();\n  const { filters, dateFrom, dateTo, runningSelected, setDatePreset, setDateRange } = useTracesFilters();\n  const aggregateAvailable = useTraceAggregateAvailable();\n\n  const selectionKey = JSON.stringify(\n    buildTracesQueryRequest({ filters, dateFrom, dateTo, withRootDuration, now: SELECTION_CLOCK }),\n  );\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- `selectionKey` is the trigger, not an input.\n  const now = useMemo(() => new Date(), [selectionKey]);\n\n  const request = useMemo<AggregateTracesArgs>(() => {\n    const { timeRange, where } = buildTracesQueryRequest({ filters, dateFrom, dateTo, withRootDuration, now });\n    return {\n      timeRange,\n      ...(where ? { where } : {}),\n      interval: histogramPlan(timeRange).interval,\n      measures: [...HISTOGRAM_MEASURES],\n      // No groupBy means a single group; the default limit would multiply past the server's row cap.\n      limit: 1,\n    };\n  }, [filters, dateFrom, dateTo, withRootDuration, now]);\n\n  const hidden =\n    !withQueryTrace || !aggregateAvailable.enabled || runningSelected || exceedsAggregateWindow(request.timeRange);\n\n  const { data, isLoading, isError, isPlaceholderData } = useTraceAggregate({\n    request,\n    enabled: !hidden,\n    queryOptions: { placeholderData: keepPreviousData },\n  });\n\n  const buckets = useMemo(() => bucketCountRows(data?.rows ?? [], request.timeRange), [data, request.timeRange]);\n\n  if (hidden) return null;\n\n  return (\n    <ObservabilityHistogram\n      label=\"Traces over time\"\n      resourceLabel=\"Traces\"\n      buckets={buckets}\n      isLoading={isLoading}\n      isError={isError}\n      isUpdating={isPlaceholderData}\n      onZoom={range => {\n        const { from, to } = zoomWindow(buckets, range, request.timeRange);\n        setDatePreset('custom');\n        setDateRange(from, to);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,IAAM,kCAAkB,IAAI,KAAK,CAAC;;;;;;;AAQlC,SAAgB,0BAA0B;CACxC,MAAM,EAAE,gBAAgB,qBAAqBA,0EAAAA,gBAAgB;CAC7D,MAAM,EAAE,SAAS,UAAU,QAAQ,iBAAiB,eAAe,iBAAiBC,0EAAAA,iBAAiB;CACrG,MAAM,sBAAA,GAAqBC,iCAAAA,2BAAAA,CAA2B;CAEtD,MAAM,eAAe,KAAK,UACxBC,0EAAAA,wBAAwB;EAAE;EAAS;EAAU;EAAQ;EAAkB,KAAK;CAAgB,CAAC,CAC/F;CAEA,MAAM,OAAA,GAAMC,MAAAA,QAAAA,uBAAc,IAAI,KAAK,GAAG,CAAC,YAAY,CAAC;CAEpD,MAAM,WAAA,GAAUA,MAAAA,QAAAA,OAAmC;EACjD,MAAM,EAAE,WAAW,UAAUD,0EAAAA,wBAAwB;GAAE;GAAS;GAAU;GAAQ;GAAkB;EAAI,CAAC;EACzG,OAAO;GACL;GACA,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;GACzB,UAAUE,oDAAAA,cAAc,SAAS,CAAC,CAAC;GACnC,UAAU,CAAC,GAAGC,oDAAAA,kBAAkB;GAEhC,OAAO;EACT;CACF,GAAG;EAAC;EAAS;EAAU;EAAQ;EAAkB;CAAG,CAAC;CAErD,MAAM,SACJ,CAAC,kBAAkB,CAAC,mBAAmB,WAAW,mBAAmBC,oDAAAA,uBAAuB,QAAQ,SAAS;CAE/G,MAAM,EAAE,MAAM,WAAW,SAAS,uBAAA,GAAsBC,2BAAAA,kBAAAA,CAAkB;EACxE;EACA,SAAS,CAAC;EACV,cAAc,EAAE,iBAAiBC,sBAAAA,iBAAiB;CACpD,CAAC;CAED,MAAM,WAAA,GAAUL,MAAAA,QAAAA,OAAcM,oDAAAA,gBAAgB,MAAM,QAAQ,CAAC,GAAG,QAAQ,SAAS,GAAG,CAAC,MAAM,QAAQ,SAAS,CAAC;CAE7G,IAAI,QAAQ,OAAO;CAEnB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iEAAAA,wBAAD;EACE,OAAM;EACN,eAAc;EACL;EACE;EACF;EACT,YAAY;EACZ,SAAQ,UAAS;GACf,MAAM,EAAE,MAAM,OAAOC,oDAAAA,WAAW,SAAS,OAAO,QAAQ,SAAS;GACjE,cAAc,QAAQ;GACtB,aAAa,MAAM,EAAE;EACvB;CACD,CAAA;AAEL"}
+{"version":3,"file":"traces-explorer-histogram.cjs.js","names":["useTracesConfig","useTracesFilters","useTraceAggregateAvailable","buildTracesQueryRequest","useMemo","histogramPlan","HISTOGRAM_MEASURES","exceedsAggregateWindow","useTraceAggregate","keepPreviousData","bucketCountRows","ObservabilityHistogram","zoomWindow"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-histogram.tsx"],"sourcesContent":["import type { AggregateTracesArgs } from '@mastra/client-js';\nimport { useTraceAggregateAvailable } from '@mastra/react/hooks/capabilities';\nimport { useTraceAggregate } from '@mastra/react/hooks/traces';\nimport { keepPreviousData } from '@tanstack/react-query';\nimport { useMemo } from 'react';\nimport { buildTracesQueryRequest } from './traces-explorer-actions';\nimport { useTracesConfig, useTracesFilters } from './traces-explorer-context';\nimport { ObservabilityHistogram } from '@/domains/observability/components/observability-histogram';\nimport {\n  bucketCountRows,\n  exceedsAggregateWindow,\n  HISTOGRAM_MEASURES,\n  histogramPlan,\n  zoomWindow,\n} from '@/domains/observability/lib/histogram-buckets';\n\n/** Compares selections, not instants: only filter or date changes move the chart's `now`. */\nconst SELECTION_CLOCK = new Date(0);\n\n/**\n * Trace and error counts over the list's time range, built from the same filters as the list query.\n * Renders nothing when the server can't aggregate traces, the window is wider than it aggregates,\n * or the filters ask for `running` traces (the query drops that status, so the counts wouldn't match).\n * Dragging across bars narrows the list to their time span as a custom range.\n */\nexport function TracesExplorerHistogram() {\n  const { withQueryTrace, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withOutcomeFields } =\n    useTracesConfig();\n  const { filters, dateFrom, dateTo, runningSelected, zoomDateRange } = useTracesFilters();\n  const aggregateAvailable = useTraceAggregateAvailable();\n\n  const selectionKey = JSON.stringify(\n    buildTracesQueryRequest({\n      filters,\n      dateFrom,\n      dateTo,\n      withRootDuration,\n      withTimeToFirstChunk,\n      withTimeToFirstToken,\n      withOutcomeFields,\n      now: SELECTION_CLOCK,\n    }),\n  );\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- `selectionKey` is the trigger, not an input.\n  const now = useMemo(() => new Date(), [selectionKey]);\n\n  const request = useMemo<AggregateTracesArgs>(() => {\n    const { timeRange, where } = buildTracesQueryRequest({\n      filters,\n      dateFrom,\n      dateTo,\n      withRootDuration,\n      withTimeToFirstChunk,\n      withTimeToFirstToken,\n      withOutcomeFields,\n      now,\n    });\n    return {\n      timeRange,\n      ...(where ? { where } : {}),\n      interval: histogramPlan(timeRange).interval,\n      measures: [...HISTOGRAM_MEASURES],\n      // No groupBy means a single group; the default limit would multiply past the server's row cap.\n      limit: 1,\n    };\n  }, [filters, dateFrom, dateTo, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withOutcomeFields, now]);\n\n  const hidden =\n    !withQueryTrace || !aggregateAvailable.enabled || runningSelected || exceedsAggregateWindow(request.timeRange);\n\n  const { data, isLoading, isError, isPlaceholderData } = useTraceAggregate({\n    request,\n    enabled: !hidden,\n    queryOptions: { placeholderData: keepPreviousData },\n  });\n\n  const buckets = useMemo(() => bucketCountRows(data?.rows ?? [], request.timeRange), [data, request.timeRange]);\n\n  if (hidden) return null;\n\n  return (\n    <ObservabilityHistogram\n      label=\"Traces over time\"\n      resourceLabel=\"Traces\"\n      buckets={buckets}\n      isLoading={isLoading}\n      isError={isError}\n      isUpdating={isPlaceholderData}\n      onZoom={range => {\n        const { from, to } = zoomWindow(buckets, range, request.timeRange);\n        zoomDateRange(from, to);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,IAAM,kCAAkB,IAAI,KAAK,CAAC;;;;;;;AAQlC,SAAgB,0BAA0B;CACxC,MAAM,EAAE,gBAAgB,kBAAkB,sBAAsB,sBAAsB,sBACpFA,0EAAAA,gBAAgB;CAClB,MAAM,EAAE,SAAS,UAAU,QAAQ,iBAAiB,kBAAkBC,0EAAAA,iBAAiB;CACvF,MAAM,sBAAA,GAAqBC,iCAAAA,2BAAAA,CAA2B;CAEtD,MAAM,eAAe,KAAK,UACxBC,0EAAAA,wBAAwB;EACtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA,KAAK;CACP,CAAC,CACH;CAEA,MAAM,OAAA,GAAMC,MAAAA,QAAAA,uBAAc,IAAI,KAAK,GAAG,CAAC,YAAY,CAAC;CAEpD,MAAM,WAAA,GAAUA,MAAAA,QAAAA,OAAmC;EACjD,MAAM,EAAE,WAAW,UAAUD,0EAAAA,wBAAwB;GACnD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EACD,OAAO;GACL;GACA,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;GACzB,UAAUE,oDAAAA,cAAc,SAAS,CAAC,CAAC;GACnC,UAAU,CAAC,GAAGC,oDAAAA,kBAAkB;GAEhC,OAAO;EACT;CACF,GAAG;EAAC;EAAS;EAAU;EAAQ;EAAkB;EAAsB;EAAsB;EAAmB;CAAG,CAAC;CAEpH,MAAM,SACJ,CAAC,kBAAkB,CAAC,mBAAmB,WAAW,mBAAmBC,oDAAAA,uBAAuB,QAAQ,SAAS;CAE/G,MAAM,EAAE,MAAM,WAAW,SAAS,uBAAA,GAAsBC,2BAAAA,kBAAAA,CAAkB;EACxE;EACA,SAAS,CAAC;EACV,cAAc,EAAE,iBAAiBC,sBAAAA,iBAAiB;CACpD,CAAC;CAED,MAAM,WAAA,GAAUL,MAAAA,QAAAA,OAAcM,oDAAAA,gBAAgB,MAAM,QAAQ,CAAC,GAAG,QAAQ,SAAS,GAAG,CAAC,MAAM,QAAQ,SAAS,CAAC;CAE7G,IAAI,QAAQ,OAAO;CAEnB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iEAAAA,wBAAD;EACE,OAAM;EACN,eAAc;EACL;EACE;EACF;EACT,YAAY;EACZ,SAAQ,UAAS;GACf,MAAM,EAAE,MAAM,OAAOC,oDAAAA,WAAW,SAAS,OAAO,QAAQ,SAAS;GACjE,cAAc,MAAM,EAAE;EACxB;CACD,CAAA;AAEL"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-histogram.es.js

@@ -1,5 +1,5 @@
-import { ObservabilityHistogram } from "../../../observability/components/observability-histogram.es.js";
 import { buildTracesQueryRequest } from "./traces-explorer-actions.es.js";
+import { ObservabilityHistogram } from "../../../observability/components/observability-histogram.es.js";
 import { HISTOGRAM_MEASURES, bucketCountRows, exceedsAggregateWindow, histogramPlan, zoomWindow } from "../../../observability/lib/histogram-buckets.es.js";
 import { useTracesConfig, useTracesFilters } from "./traces-explorer-context.es.js";
 import { useMemo } from "react";
@@ -17,14 +17,17 @@ var SELECTION_CLOCK = /* @__PURE__ */ new Date(0);
 * Dragging across bars narrows the list to their time span as a custom range.
 */
 function TracesExplorerHistogram() {
-	const { withQueryTrace, withRootDuration } = useTracesConfig();
-	const { filters, dateFrom, dateTo, runningSelected, setDatePreset, setDateRange } = useTracesFilters();
+	const { withQueryTrace, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withOutcomeFields } = useTracesConfig();
+	const { filters, dateFrom, dateTo, runningSelected, zoomDateRange } = useTracesFilters();
 	const aggregateAvailable = useTraceAggregateAvailable();
 	const selectionKey = JSON.stringify(buildTracesQueryRequest({
 		filters,
 		dateFrom,
 		dateTo,
 		withRootDuration,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields,
 		now: SELECTION_CLOCK
 	}));
 	const now = useMemo(() => /* @__PURE__ */ new Date(), [selectionKey]);
@@ -34,6 +37,9 @@ function TracesExplorerHistogram() {
 			dateFrom,
 			dateTo,
 			withRootDuration,
+			withTimeToFirstChunk,
+			withTimeToFirstToken,
+			withOutcomeFields,
 			now
 		});
 		return {
@@ -48,6 +54,9 @@ function TracesExplorerHistogram() {
 		dateFrom,
 		dateTo,
 		withRootDuration,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields,
 		now
 	]);
 	const hidden = !withQueryTrace || !aggregateAvailable.enabled || runningSelected || exceedsAggregateWindow(request.timeRange);
@@ -67,8 +76,7 @@ function TracesExplorerHistogram() {
 		isUpdating: isPlaceholderData,
 		onZoom: (range) => {
 			const { from, to } = zoomWindow(buckets, range, request.timeRange);
-			setDatePreset("custom");
-			setDateRange(from, to);
+			zoomDateRange(from, to);
 		}
 	});
 }

package/dist/domains/traces/components/traces-explorer/traces-explorer-histogram.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-histogram.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-histogram.tsx"],"sourcesContent":["import type { AggregateTracesArgs } from '@mastra/client-js';\nimport { useTraceAggregateAvailable } from '@mastra/react/hooks/capabilities';\nimport { useTraceAggregate } from '@mastra/react/hooks/traces';\nimport { keepPreviousData } from '@tanstack/react-query';\nimport { useMemo } from 'react';\nimport { buildTracesQueryRequest } from './traces-explorer-actions';\nimport { useTracesConfig, useTracesFilters } from './traces-explorer-context';\nimport { ObservabilityHistogram } from '@/domains/observability/components/observability-histogram';\nimport {\n  bucketCountRows,\n  exceedsAggregateWindow,\n  HISTOGRAM_MEASURES,\n  histogramPlan,\n  zoomWindow,\n} from '@/domains/observability/lib/histogram-buckets';\n\n/** Compares selections, not instants: only filter or date changes move the chart's `now`. */\nconst SELECTION_CLOCK = new Date(0);\n\n/**\n * Trace and error counts over the list's time range, built from the same filters as the list query.\n * Renders nothing when the server can't aggregate traces, the window is wider than it aggregates,\n * or the filters ask for `running` traces (the query drops that status, so the counts wouldn't match).\n * Dragging across bars narrows the list to their time span as a custom range.\n */\nexport function TracesExplorerHistogram() {\n  const { withQueryTrace, withRootDuration } = useTracesConfig();\n  const { filters, dateFrom, dateTo, runningSelected, setDatePreset, setDateRange } = useTracesFilters();\n  const aggregateAvailable = useTraceAggregateAvailable();\n\n  const selectionKey = JSON.stringify(\n    buildTracesQueryRequest({ filters, dateFrom, dateTo, withRootDuration, now: SELECTION_CLOCK }),\n  );\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- `selectionKey` is the trigger, not an input.\n  const now = useMemo(() => new Date(), [selectionKey]);\n\n  const request = useMemo<AggregateTracesArgs>(() => {\n    const { timeRange, where } = buildTracesQueryRequest({ filters, dateFrom, dateTo, withRootDuration, now });\n    return {\n      timeRange,\n      ...(where ? { where } : {}),\n      interval: histogramPlan(timeRange).interval,\n      measures: [...HISTOGRAM_MEASURES],\n      // No groupBy means a single group; the default limit would multiply past the server's row cap.\n      limit: 1,\n    };\n  }, [filters, dateFrom, dateTo, withRootDuration, now]);\n\n  const hidden =\n    !withQueryTrace || !aggregateAvailable.enabled || runningSelected || exceedsAggregateWindow(request.timeRange);\n\n  const { data, isLoading, isError, isPlaceholderData } = useTraceAggregate({\n    request,\n    enabled: !hidden,\n    queryOptions: { placeholderData: keepPreviousData },\n  });\n\n  const buckets = useMemo(() => bucketCountRows(data?.rows ?? [], request.timeRange), [data, request.timeRange]);\n\n  if (hidden) return null;\n\n  return (\n    <ObservabilityHistogram\n      label=\"Traces over time\"\n      resourceLabel=\"Traces\"\n      buckets={buckets}\n      isLoading={isLoading}\n      isError={isError}\n      isUpdating={isPlaceholderData}\n      onZoom={range => {\n        const { from, to } = zoomWindow(buckets, range, request.timeRange);\n        setDatePreset('custom');\n        setDateRange(from, to);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AAiBA,IAAM,kCAAkB,IAAI,KAAK,CAAC;;;;;;;AAQlC,SAAgB,0BAA0B;CACxC,MAAM,EAAE,gBAAgB,qBAAqB,gBAAgB;CAC7D,MAAM,EAAE,SAAS,UAAU,QAAQ,iBAAiB,eAAe,iBAAiB,iBAAiB;CACrG,MAAM,qBAAqB,2BAA2B;CAEtD,MAAM,eAAe,KAAK,UACxB,wBAAwB;EAAE;EAAS;EAAU;EAAQ;EAAkB,KAAK;CAAgB,CAAC,CAC/F;CAEA,MAAM,MAAM,8BAAc,IAAI,KAAK,GAAG,CAAC,YAAY,CAAC;CAEpD,MAAM,UAAU,cAAmC;EACjD,MAAM,EAAE,WAAW,UAAU,wBAAwB;GAAE;GAAS;GAAU;GAAQ;GAAkB;EAAI,CAAC;EACzG,OAAO;GACL;GACA,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;GACzB,UAAU,cAAc,SAAS,CAAC,CAAC;GACnC,UAAU,CAAC,GAAG,kBAAkB;GAEhC,OAAO;EACT;CACF,GAAG;EAAC;EAAS;EAAU;EAAQ;EAAkB;CAAG,CAAC;CAErD,MAAM,SACJ,CAAC,kBAAkB,CAAC,mBAAmB,WAAW,mBAAmB,uBAAuB,QAAQ,SAAS;CAE/G,MAAM,EAAE,MAAM,WAAW,SAAS,sBAAsB,kBAAkB;EACxE;EACA,SAAS,CAAC;EACV,cAAc,EAAE,iBAAiB,iBAAiB;CACpD,CAAC;CAED,MAAM,UAAU,cAAc,gBAAgB,MAAM,QAAQ,CAAC,GAAG,QAAQ,SAAS,GAAG,CAAC,MAAM,QAAQ,SAAS,CAAC;CAE7G,IAAI,QAAQ,OAAO;CAEnB,OACE,oBAAC,wBAAD;EACE,OAAM;EACN,eAAc;EACL;EACE;EACF;EACT,YAAY;EACZ,SAAQ,UAAS;GACf,MAAM,EAAE,MAAM,OAAO,WAAW,SAAS,OAAO,QAAQ,SAAS;GACjE,cAAc,QAAQ;GACtB,aAAa,MAAM,EAAE;EACvB;CACD,CAAA;AAEL"}
+{"version":3,"file":"traces-explorer-histogram.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-histogram.tsx"],"sourcesContent":["import type { AggregateTracesArgs } from '@mastra/client-js';\nimport { useTraceAggregateAvailable } from '@mastra/react/hooks/capabilities';\nimport { useTraceAggregate } from '@mastra/react/hooks/traces';\nimport { keepPreviousData } from '@tanstack/react-query';\nimport { useMemo } from 'react';\nimport { buildTracesQueryRequest } from './traces-explorer-actions';\nimport { useTracesConfig, useTracesFilters } from './traces-explorer-context';\nimport { ObservabilityHistogram } from '@/domains/observability/components/observability-histogram';\nimport {\n  bucketCountRows,\n  exceedsAggregateWindow,\n  HISTOGRAM_MEASURES,\n  histogramPlan,\n  zoomWindow,\n} from '@/domains/observability/lib/histogram-buckets';\n\n/** Compares selections, not instants: only filter or date changes move the chart's `now`. */\nconst SELECTION_CLOCK = new Date(0);\n\n/**\n * Trace and error counts over the list's time range, built from the same filters as the list query.\n * Renders nothing when the server can't aggregate traces, the window is wider than it aggregates,\n * or the filters ask for `running` traces (the query drops that status, so the counts wouldn't match).\n * Dragging across bars narrows the list to their time span as a custom range.\n */\nexport function TracesExplorerHistogram() {\n  const { withQueryTrace, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withOutcomeFields } =\n    useTracesConfig();\n  const { filters, dateFrom, dateTo, runningSelected, zoomDateRange } = useTracesFilters();\n  const aggregateAvailable = useTraceAggregateAvailable();\n\n  const selectionKey = JSON.stringify(\n    buildTracesQueryRequest({\n      filters,\n      dateFrom,\n      dateTo,\n      withRootDuration,\n      withTimeToFirstChunk,\n      withTimeToFirstToken,\n      withOutcomeFields,\n      now: SELECTION_CLOCK,\n    }),\n  );\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- `selectionKey` is the trigger, not an input.\n  const now = useMemo(() => new Date(), [selectionKey]);\n\n  const request = useMemo<AggregateTracesArgs>(() => {\n    const { timeRange, where } = buildTracesQueryRequest({\n      filters,\n      dateFrom,\n      dateTo,\n      withRootDuration,\n      withTimeToFirstChunk,\n      withTimeToFirstToken,\n      withOutcomeFields,\n      now,\n    });\n    return {\n      timeRange,\n      ...(where ? { where } : {}),\n      interval: histogramPlan(timeRange).interval,\n      measures: [...HISTOGRAM_MEASURES],\n      // No groupBy means a single group; the default limit would multiply past the server's row cap.\n      limit: 1,\n    };\n  }, [filters, dateFrom, dateTo, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withOutcomeFields, now]);\n\n  const hidden =\n    !withQueryTrace || !aggregateAvailable.enabled || runningSelected || exceedsAggregateWindow(request.timeRange);\n\n  const { data, isLoading, isError, isPlaceholderData } = useTraceAggregate({\n    request,\n    enabled: !hidden,\n    queryOptions: { placeholderData: keepPreviousData },\n  });\n\n  const buckets = useMemo(() => bucketCountRows(data?.rows ?? [], request.timeRange), [data, request.timeRange]);\n\n  if (hidden) return null;\n\n  return (\n    <ObservabilityHistogram\n      label=\"Traces over time\"\n      resourceLabel=\"Traces\"\n      buckets={buckets}\n      isLoading={isLoading}\n      isError={isError}\n      isUpdating={isPlaceholderData}\n      onZoom={range => {\n        const { from, to } = zoomWindow(buckets, range, request.timeRange);\n        zoomDateRange(from, to);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AAiBA,IAAM,kCAAkB,IAAI,KAAK,CAAC;;;;;;;AAQlC,SAAgB,0BAA0B;CACxC,MAAM,EAAE,gBAAgB,kBAAkB,sBAAsB,sBAAsB,sBACpF,gBAAgB;CAClB,MAAM,EAAE,SAAS,UAAU,QAAQ,iBAAiB,kBAAkB,iBAAiB;CACvF,MAAM,qBAAqB,2BAA2B;CAEtD,MAAM,eAAe,KAAK,UACxB,wBAAwB;EACtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA,KAAK;CACP,CAAC,CACH;CAEA,MAAM,MAAM,8BAAc,IAAI,KAAK,GAAG,CAAC,YAAY,CAAC;CAEpD,MAAM,UAAU,cAAmC;EACjD,MAAM,EAAE,WAAW,UAAU,wBAAwB;GACnD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EACD,OAAO;GACL;GACA,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;GACzB,UAAU,cAAc,SAAS,CAAC,CAAC;GACnC,UAAU,CAAC,GAAG,kBAAkB;GAEhC,OAAO;EACT;CACF,GAAG;EAAC;EAAS;EAAU;EAAQ;EAAkB;EAAsB;EAAsB;EAAmB;CAAG,CAAC;CAEpH,MAAM,SACJ,CAAC,kBAAkB,CAAC,mBAAmB,WAAW,mBAAmB,uBAAuB,QAAQ,SAAS;CAE/G,MAAM,EAAE,MAAM,WAAW,SAAS,sBAAsB,kBAAkB;EACxE;EACA,SAAS,CAAC;EACV,cAAc,EAAE,iBAAiB,iBAAiB;CACpD,CAAC;CAED,MAAM,UAAU,cAAc,gBAAgB,MAAM,QAAQ,CAAC,GAAG,QAAQ,SAAS,GAAG,CAAC,MAAM,QAAQ,SAAS,CAAC;CAE7G,IAAI,QAAQ,OAAO;CAEnB,OACE,oBAAC,wBAAD;EACE,OAAM;EACN,eAAc;EACL;EACE;EACF;EACT,YAAY;EACZ,SAAQ,UAAS;GACf,MAAM,EAAE,MAAM,OAAO,WAAW,SAAS,OAAO,QAAQ,SAAS;GACjE,cAAc,MAAM,EAAE;EACxB;CACD,CAAA;AAEL"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-list-provider.cjs.js

@@ -11,10 +11,10 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * only list consumers, and a selection change doesn't re-run the list query hooks.
 */
 var TracesListProvider = (0, react.memo)(function TracesListProvider({ sort: hostSort, onSortChange, children }) {
-	const { withQueryTrace, withRootDuration, withTimeToFirstChunkSort, withDeltaPolling, isCapabilitiesLoading } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesConfig();
+	const { withQueryTrace, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withTimeToFirstChunkSort, withTimeToFirstTokenSort, withOutcomeFields, withDeltaPolling, isCapabilitiesLoading } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesConfig();
 	const { filters, dateFrom, dateTo } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesFilters();
 	const { displayedPreferences } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTraceUsageColumns();
-	const sort = hostSort.field !== "timeToFirstChunkMs" || withTimeToFirstChunkSort && require_domains_traces_trace_list_columns.hasTraceColumn(displayedPreferences, "timeToFirstChunk") ? hostSort : require_domains_traces_components_traces_explorer_traces_explorer_actions.DEFAULT_TRACES_SORT;
+	const sort = hostSort.field === "startedAt" || hostSort.field === "timeToFirstChunkMs" && withTimeToFirstChunkSort && require_domains_traces_trace_list_columns.hasTraceColumn(displayedPreferences, "timeToFirstChunk") || hostSort.field === "timeToFirstTokenMs" && withTimeToFirstTokenSort && require_domains_traces_trace_list_columns.hasTraceColumn(displayedPreferences, "timeToFirstToken") ? hostSort : require_domains_traces_components_traces_explorer_traces_explorer_actions.DEFAULT_TRACES_SORT;
 	const { rows, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, error, refetch, isFetching, autoRefetch } = require_domains_traces_hooks_use_traces_list_source.useTracesListSource({
 		rolling: !dateTo,
 		query: (now) => require_domains_traces_components_traces_explorer_traces_explorer_actions.buildTracesQueryRequest({
@@ -22,6 +22,9 @@ var TracesListProvider = (0, react.memo)(function TracesListProvider({ sort: hos
 			dateFrom,
 			dateTo,
 			withRootDuration,
+			withTimeToFirstChunk,
+			withTimeToFirstToken,
+			withOutcomeFields,
 			now
 		}),
 		orderBy: [sort],

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

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-list-provider.cjs.js","names":["memo","useTracesConfig","useTracesFilters","useTraceUsageColumns","hasTraceColumn","DEFAULT_TRACES_SORT","useTracesListSource","buildTracesQueryRequest","buildTracesLegacyFilters","useMemo","TracesListContext","TracesListFetchingContext"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-list-provider.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport type { ReactNode } from 'react';\nimport { useTracesListSource } from '../../hooks/use-traces-list-source';\nimport { hasTraceColumn } from '../../trace-list-columns';\nimport { buildTracesLegacyFilters, buildTracesQueryRequest, DEFAULT_TRACES_SORT } from './traces-explorer-actions';\nimport type { TracesSort } from './traces-explorer-actions';\nimport {\n  TracesListContext,\n  TracesListFetchingContext,\n  useTraceUsageColumns,\n  useTracesConfig,\n  useTracesFilters,\n} from './traces-explorer-context';\nimport type { TracesListContextValue } from './traces-explorer-context';\n\ntype TracesListProviderProps = {\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n  children: ReactNode;\n};\n\n/**\n * Owns the list query and its poll clock. Its own memoized component so a poll tick re-renders\n * only list consumers, and a selection change doesn't re-run the list query hooks.\n */\nexport const TracesListProvider = memo(function TracesListProvider({\n  sort: hostSort,\n  onSortChange,\n  children,\n}: TracesListProviderProps) {\n  const { withQueryTrace, withRootDuration, withTimeToFirstChunkSort, withDeltaPolling, isCapabilitiesLoading } =\n    useTracesConfig();\n  const { filters, dateFrom, dateTo } = useTracesFilters();\n  const { displayedPreferences } = useTraceUsageColumns();\n  // A TTFC sort the store can't run, or on a column that isn't shown, lists newest first instead.\n  // The host keeps its raw value, like filters the server can't query.\n  const sortable =\n    hostSort.field !== 'timeToFirstChunkMs' ||\n    (withTimeToFirstChunkSort && hasTraceColumn(displayedPreferences, 'timeToFirstChunk'));\n  const sort = sortable ? hostSort : DEFAULT_TRACES_SORT;\n  const list = useTracesListSource({\n    rolling: !dateTo,\n    query: now => buildTracesQueryRequest({ filters, dateFrom, dateTo, withRootDuration, now }),\n    orderBy: [sort],\n    withQueryTrace,\n    withDeltaPolling,\n    enabled: !isCapabilitiesLoading,\n    legacyFilters: buildTracesLegacyFilters({ filters, dateFrom, dateTo }),\n  });\n\n  const {\n    rows,\n    isLoading,\n    isFetchingNextPage,\n    hasNextPage,\n    setEndOfListElement,\n    error,\n    refetch,\n    isFetching,\n    autoRefetch,\n  } = list;\n  const value = useMemo<TracesListContextValue>(\n    () => ({\n      rows,\n      isLoading,\n      isFetchingNextPage,\n      hasNextPage,\n      setEndOfListElement,\n      error,\n      refetch,\n      autoRefetch,\n      sort,\n      onSortChange,\n    }),\n    [\n      rows,\n      isLoading,\n      isFetchingNextPage,\n      hasNextPage,\n      setEndOfListElement,\n      error,\n      refetch,\n      autoRefetch,\n      sort,\n      onSortChange,\n    ],\n  );\n\n  return (\n    <TracesListContext.Provider value={value}>\n      <TracesListFetchingContext.Provider value={isFetching}>{children}</TracesListFetchingContext.Provider>\n    </TracesListContext.Provider>\n  );\n});\n"],"mappings":";;;;;;;;;;;;AAyBA,IAAa,sBAAA,GAAqBA,MAAAA,KAAAA,CAAK,SAAS,mBAAmB,EACjE,MAAM,UACN,cACA,YAC0B;CAC1B,MAAM,EAAE,gBAAgB,kBAAkB,0BAA0B,kBAAkB,0BACpFC,0EAAAA,gBAAgB;CAClB,MAAM,EAAE,SAAS,UAAU,WAAWC,0EAAAA,iBAAiB;CACvD,MAAM,EAAE,yBAAyBC,0EAAAA,qBAAqB;CAMtD,MAAM,OAFJ,SAAS,UAAU,wBAClB,4BAA4BC,0CAAAA,eAAe,sBAAsB,kBAAkB,IAC9D,WAAWC,0EAAAA;CAWnC,MAAM,EACJ,MACA,WACA,oBACA,aACA,qBACA,OACA,SACA,YACA,gBAnBWC,oDAAAA,oBAAoB;EAC/B,SAAS,CAAC;EACV,QAAO,QAAOC,0EAAAA,wBAAwB;GAAE;GAAS;GAAU;GAAQ;GAAkB;EAAI,CAAC;EAC1F,SAAS,CAAC,IAAI;EACd;EACA;EACA,SAAS,CAAC;EACV,eAAeC,0EAAAA,yBAAyB;GAAE;GAAS;GAAU;EAAO,CAAC;CACvE,CAYI;CACJ,MAAM,SAAA,GAAQC,MAAAA,QAAAA,QACL;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,0EAAAA,kBAAkB,UAAnB;EAAmC;EACjC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,0EAAAA,0BAA0B,UAA3B;GAAoC,OAAO;GAAa;EAA6C,CAAA;CAC3E,CAAA;AAEhC,CAAC"}
+{"version":3,"file":"traces-explorer-list-provider.cjs.js","names":["memo","useTracesConfig","useTracesFilters","useTraceUsageColumns","hasTraceColumn","DEFAULT_TRACES_SORT","useTracesListSource","buildTracesQueryRequest","buildTracesLegacyFilters","useMemo","TracesListContext","TracesListFetchingContext"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-list-provider.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport type { ReactNode } from 'react';\nimport { useTracesListSource } from '../../hooks/use-traces-list-source';\nimport { hasTraceColumn } from '../../trace-list-columns';\nimport { buildTracesLegacyFilters, buildTracesQueryRequest, DEFAULT_TRACES_SORT } from './traces-explorer-actions';\nimport type { TracesSort } from './traces-explorer-actions';\nimport {\n  TracesListContext,\n  TracesListFetchingContext,\n  useTraceUsageColumns,\n  useTracesConfig,\n  useTracesFilters,\n} from './traces-explorer-context';\nimport type { TracesListContextValue } from './traces-explorer-context';\n\ntype TracesListProviderProps = {\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n  children: ReactNode;\n};\n\n/**\n * Owns the list query and its poll clock. Its own memoized component so a poll tick re-renders\n * only list consumers, and a selection change doesn't re-run the list query hooks.\n */\nexport const TracesListProvider = memo(function TracesListProvider({\n  sort: hostSort,\n  onSortChange,\n  children,\n}: TracesListProviderProps) {\n  const {\n    withQueryTrace,\n    withRootDuration,\n    withTimeToFirstChunk,\n    withTimeToFirstToken,\n    withTimeToFirstChunkSort,\n    withTimeToFirstTokenSort,\n    withOutcomeFields,\n    withDeltaPolling,\n    isCapabilitiesLoading,\n  } = useTracesConfig();\n  const { filters, dateFrom, dateTo } = useTracesFilters();\n  const { displayedPreferences } = useTraceUsageColumns();\n  // A TTFC/TTFT sort the store can't run, or on a column that isn't shown, lists newest first instead.\n  // The host keeps its raw value, like filters the server can't query.\n  const sortable =\n    hostSort.field === 'startedAt' ||\n    (hostSort.field === 'timeToFirstChunkMs' &&\n      withTimeToFirstChunkSort &&\n      hasTraceColumn(displayedPreferences, 'timeToFirstChunk')) ||\n    (hostSort.field === 'timeToFirstTokenMs' &&\n      withTimeToFirstTokenSort &&\n      hasTraceColumn(displayedPreferences, 'timeToFirstToken'));\n  const sort = sortable ? hostSort : DEFAULT_TRACES_SORT;\n  const list = useTracesListSource({\n    rolling: !dateTo,\n    query: now =>\n      buildTracesQueryRequest({\n        filters,\n        dateFrom,\n        dateTo,\n        withRootDuration,\n        withTimeToFirstChunk,\n        withTimeToFirstToken,\n        withOutcomeFields,\n        now,\n      }),\n    orderBy: [sort],\n    withQueryTrace,\n    withDeltaPolling,\n    enabled: !isCapabilitiesLoading,\n    legacyFilters: buildTracesLegacyFilters({ filters, dateFrom, dateTo }),\n  });\n\n  const {\n    rows,\n    isLoading,\n    isFetchingNextPage,\n    hasNextPage,\n    setEndOfListElement,\n    error,\n    refetch,\n    isFetching,\n    autoRefetch,\n  } = list;\n  const value = useMemo<TracesListContextValue>(\n    () => ({\n      rows,\n      isLoading,\n      isFetchingNextPage,\n      hasNextPage,\n      setEndOfListElement,\n      error,\n      refetch,\n      autoRefetch,\n      sort,\n      onSortChange,\n    }),\n    [\n      rows,\n      isLoading,\n      isFetchingNextPage,\n      hasNextPage,\n      setEndOfListElement,\n      error,\n      refetch,\n      autoRefetch,\n      sort,\n      onSortChange,\n    ],\n  );\n\n  return (\n    <TracesListContext.Provider value={value}>\n      <TracesListFetchingContext.Provider value={isFetching}>{children}</TracesListFetchingContext.Provider>\n    </TracesListContext.Provider>\n  );\n});\n"],"mappings":";;;;;;;;;;;;AAyBA,IAAa,sBAAA,GAAqBA,MAAAA,KAAAA,CAAK,SAAS,mBAAmB,EACjE,MAAM,UACN,cACA,YAC0B;CAC1B,MAAM,EACJ,gBACA,kBACA,sBACA,sBACA,0BACA,0BACA,mBACA,kBACA,0BACEC,0EAAAA,gBAAgB;CACpB,MAAM,EAAE,SAAS,UAAU,WAAWC,0EAAAA,iBAAiB;CACvD,MAAM,EAAE,yBAAyBC,0EAAAA,qBAAqB;CAWtD,MAAM,OAPJ,SAAS,UAAU,eAClB,SAAS,UAAU,wBAClB,4BACAC,0CAAAA,eAAe,sBAAsB,kBAAkB,KACxD,SAAS,UAAU,wBAClB,4BACAA,0CAAAA,eAAe,sBAAsB,kBAAkB,IACnC,WAAWC,0EAAAA;CAqBnC,MAAM,EACJ,MACA,WACA,oBACA,aACA,qBACA,OACA,SACA,YACA,gBA7BWC,oDAAAA,oBAAoB;EAC/B,SAAS,CAAC;EACV,QAAO,QACLC,0EAAAA,wBAAwB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;EACH,SAAS,CAAC,IAAI;EACd;EACA;EACA,SAAS,CAAC;EACV,eAAeC,0EAAAA,yBAAyB;GAAE;GAAS;GAAU;EAAO,CAAC;CACvE,CAYI;CACJ,MAAM,SAAA,GAAQC,MAAAA,QAAAA,QACL;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,0EAAAA,kBAAkB,UAAnB;EAAmC;EACjC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,0EAAAA,0BAA0B,UAA3B;GAAoC,OAAO;GAAa;EAA6C,CAAA;CAC3E,CAAA;AAEhC,CAAC"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-list-provider.es.js

@@ -10,10 +10,10 @@ import { jsx } from "react/jsx-runtime";
 * only list consumers, and a selection change doesn't re-run the list query hooks.
 */
 var TracesListProvider = memo(function TracesListProvider({ sort: hostSort, onSortChange, children }) {
-	const { withQueryTrace, withRootDuration, withTimeToFirstChunkSort, withDeltaPolling, isCapabilitiesLoading } = useTracesConfig();
+	const { withQueryTrace, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withTimeToFirstChunkSort, withTimeToFirstTokenSort, withOutcomeFields, withDeltaPolling, isCapabilitiesLoading } = useTracesConfig();
 	const { filters, dateFrom, dateTo } = useTracesFilters();
 	const { displayedPreferences } = useTraceUsageColumns();
-	const sort = hostSort.field !== "timeToFirstChunkMs" || withTimeToFirstChunkSort && hasTraceColumn(displayedPreferences, "timeToFirstChunk") ? hostSort : DEFAULT_TRACES_SORT;
+	const sort = hostSort.field === "startedAt" || hostSort.field === "timeToFirstChunkMs" && withTimeToFirstChunkSort && hasTraceColumn(displayedPreferences, "timeToFirstChunk") || hostSort.field === "timeToFirstTokenMs" && withTimeToFirstTokenSort && hasTraceColumn(displayedPreferences, "timeToFirstToken") ? hostSort : DEFAULT_TRACES_SORT;
 	const { rows, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, error, refetch, isFetching, autoRefetch } = useTracesListSource({
 		rolling: !dateTo,
 		query: (now) => buildTracesQueryRequest({
@@ -21,6 +21,9 @@ var TracesListProvider = memo(function TracesListProvider({ sort: hostSort, onSo
 			dateFrom,
 			dateTo,
 			withRootDuration,
+			withTimeToFirstChunk,
+			withTimeToFirstToken,
+			withOutcomeFields,
 			now
 		}),
 		orderBy: [sort],