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

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

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer-root.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-root.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { useMemo, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { resolveTraceQueryTimeRange } from '../../trace-query-filters';\nimport {\n  applyDate,\n  applyDatePreset,\n  applyDateRange,\n  applyFilterTokens,\n  clearSelection,\n  DEFAULT_TRACES_FILTERS,\n  highlightSpans,\n  isSelectionEmpty,\n  resolveTracesDateWindow,\n  sanitizeTracesFilters,\n  selectsRunningStatus,\n  selectScore,\n  selectSpan,\n  selectTrace,\n  setSpanTab,\n  setSpanView,\n} from './traces-explorer-actions';\nimport type { TracesExplorerState, TracesFilters, TracesSelection, TracesSort } from './traces-explorer-actions';\nimport { TracesColumnsProvider } from './traces-explorer-columns-provider';\nimport { TracesConfigContext, TracesFiltersContext, TracesSelectionContext } from './traces-explorer-context';\nimport type {\n  TracesConfigContextValue,\n  TracesExplorerFeatures,\n  TracesExplorerScope,\n  TracesFiltersActions,\n  TracesFiltersContextValue,\n  TracesMetricsSupport,\n  TracesSelectionActions,\n  TracesSelectionContextValue,\n} from './traces-explorer-context';\nimport { TracesListProvider } from './traces-explorer-list-provider';\nimport {\n  useFeedbackAvailable,\n  useObservabilityCapabilities,\n  useSpanQueryAvailable,\n  useThreadQueryAvailable,\n  useTraceQueryAvailable,\n  useTraceQueryDeltaPollingAvailable,\n  useTraceQueryDiscoveryAvailable,\n  useTraceQueryRootDurationAvailable,\n} from '@/domains/capabilities';\n\nexport type TracesExplorerRootProps = {\n  selection: TracesSelection;\n  filters: TracesFilters;\n  /** Receives the full next state once per user action, so a filter edit and the selection it clears land together. */\n  onChange: (next: TracesExplorerState) => void;\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n  /** Pins the explorer to one entity: its fields stay in the filters but never surface as chips. */\n  scope?: TracesExplorerScope;\n  /** Resolved by the host, which may know better than the storage capabilities (e.g. hosted deployments). */\n  metricsSupport: TracesMetricsSupport;\n  /** Host switches combined with the server capabilities; a feature runs only when both allow it. */\n  features?: TracesExplorerFeatures;\n  /** The host's default filters. Filters matching them don't count as applied (e.g. in empty states). */\n  initialFilters?: TracesFilters;\n  children: ReactNode;\n};\n\nconst SCOPED_FIELD_IDS: ReadonlySet<string> = new Set(['rootEntityType', 'entityId']);\nconst HIDDEN_SCOPED_FIELD_IDS: readonly string[] = ['rootEntityType', 'entityId', 'entityName'];\nconst NO_FIELD_IDS: ReadonlySet<string> = new Set();\nconst NO_HIDDEN_FIELD_IDS: readonly string[] = [];\n\nconst listIdForScope = (scope?: TracesExplorerScope) =>\n  scope?.entityType === EntityType.AGENT\n    ? 'agent-traces'\n    : scope?.entityType === EntityType.WORKFLOW_RUN\n      ? 'workflows-traces'\n      : 'all-traces';\n\ntype Latest = Pick<TracesExplorerRootProps, 'selection' | 'filters' | 'onChange' | 'onSortChange'> & {\n  scopedFieldIds: ReadonlySet<string>;\n};\n\nexport function TracesExplorerRoot({\n  selection,\n  filters: rawFilters,\n  onChange,\n  sort,\n  onSortChange: onHostSortChange,\n  scope,\n  metricsSupport,\n  features,\n  initialFilters = DEFAULT_TRACES_FILTERS,\n  children,\n}: TracesExplorerRootProps) {\n  // Servers without the trace-query API list through `listTracesLight` and don't expose feedback.\n  const traceQuery = useTraceQueryAvailable();\n  const withQueryTrace = traceQuery.enabled && features?.traceQuery !== false;\n  const withFeedback = useFeedbackAvailable().enabled && features?.feedback !== false;\n  // Opt-in: span queries need both the server capability and the host turning them on.\n  const withSpanQuery = useSpanQueryAvailable().enabled && features?.spanQuery === true;\n  // Opt-in like span queries: thread rows need the server capability and the host turning them on.\n  const withThreadQuery = useThreadQueryAvailable().enabled && features?.threadQuery === true;\n  const { enabled: withRootDuration } = useTraceQueryRootDurationAvailable();\n  const { enabled: withDeltaPolling } = useTraceQueryDeltaPollingAvailable();\n  const withDiscovery = useTraceQueryDiscoveryAvailable().enabled && withQueryTrace;\n  // `listTracesLight` rows never carry it, so it needs the trace query API as well.\n  const { data: capabilities } = useObservabilityCapabilities();\n  const withTimeToFirstChunk = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false);\n  const withTimeToFirstChunkSort =\n    withTimeToFirstChunk && (capabilities?.capabilities.traceQueryTimeToFirstChunkSort ?? false);\n\n  // Entries the server can't query are ignored, never written back: the host keeps its raw value.\n  const filters = useMemo(() => sanitizeTracesFilters(rawFilters, withRootDuration), [rawFilters, withRootDuration]);\n\n  const isScoped = !!scope;\n  const scopedFieldIds = isScoped ? SCOPED_FIELD_IDS : NO_FIELD_IDS;\n  const hiddenFieldIds = isScoped ? HIDDEN_SCOPED_FIELD_IDS : NO_HIDDEN_FIELD_IDS;\n\n  // Rolling presets pin their start when the preset (or custom bound) changes, not on every render.\n  const fromMs = rawFilters.dateFrom?.getTime();\n  const toMs = rawFilters.dateTo?.getTime();\n  const { dateFrom, dateTo } = useMemo(\n    () =>\n      resolveTracesDateWindow(\n        rawFilters.datePreset,\n        fromMs === undefined ? undefined : new Date(fromMs),\n        toMs === undefined ? undefined : new Date(toMs),\n      ),\n    [rawFilters.datePreset, fromMs, toMs],\n  );\n\n  // Actions read the latest props when they run, so the host doesn't need stable callbacks.\n  // `latest` is written as soon as a change is emitted, so a second action in the same tick\n  // (the date picker fires a preset then its dates) builds on the first instead of the stale props.\n  const current: Latest = { selection, filters: rawFilters, onChange, onSortChange: onHostSortChange, scopedFieldIds };\n  const latest = useRef(current);\n  latest.current = current;\n\n  const actions = useMemo(() => {\n    const emit = (next: TracesExplorerState) => {\n      latest.current.selection = next.selection;\n      latest.current.filters = next.filters;\n      latest.current.onChange(next);\n    };\n    const updateSelection = (next: TracesSelection) => {\n      if (next === latest.current.selection) return;\n      emit({ selection: next, filters: latest.current.filters });\n    };\n    // A filter change invalidates whatever is selected: the selected row may no longer be listed.\n    const updateFilters = (next: TracesFilters) => {\n      const { selection: currentSelection, filters: currentFilters } = latest.current;\n      if (next === currentFilters) return;\n      emit({\n        filters: next,\n        selection: isSelectionEmpty(currentSelection) ? currentSelection : clearSelection(currentSelection),\n      });\n    };\n\n    const selectionActions: TracesSelectionActions = {\n      selectTrace: traceId => updateSelection(selectTrace(latest.current.selection, traceId)),\n      closeTrace: () => updateSelection(selectTrace(latest.current.selection, null)),\n      selectSpan: spanId => updateSelection(selectSpan(latest.current.selection, spanId)),\n      setSpanTab: tab => updateSelection(setSpanTab(latest.current.selection, tab)),\n      setSpanView: view => updateSelection(setSpanView(latest.current.selection, view)),\n      selectScore: scoreId => updateSelection(selectScore(latest.current.selection, scoreId)),\n      highlightSpans: spanIds => updateSelection(highlightSpans(latest.current.selection, spanIds)),\n    };\n    const filtersActions: TracesFiltersActions = {\n      // Re-inject the scope tokens so \"Clear filters\" (which drops every removable item) and any\n      // other edit can never drop the scope.\n      setFilterTokens: (tokens, groups) => {\n        const { filters: base, scopedFieldIds: scoped } = latest.current;\n        const scopeTokens = base.tokens.filter(token => scoped.has(token.fieldId));\n        updateFilters(applyFilterTokens(base, [...scopeTokens, ...tokens], groups));\n      },\n      setDatePreset: preset => updateFilters(applyDatePreset(latest.current.filters, preset)),\n      setDate: (value, end) => updateFilters(applyDate(latest.current.filters, value, end)),\n      setDateRange: (from, to) => updateFilters(applyDateRange(latest.current.filters, from, to)),\n    };\n    const onSortChange = (next: TracesSort) => latest.current.onSortChange(next);\n    return { selectionActions, filtersActions, onSortChange };\n  }, []);\n  const { selectionActions, filtersActions, onSortChange } = actions;\n\n  // Discovery is keyed off the date window with a mount-time `now`, not the list's rolling one,\n  // so its query key (and the skeleton) doesn't churn on every auto-refresh tick.\n  const [discoveryNow] = useState(() => new Date());\n  const discoveryTimeRange = useMemo(\n    () => resolveTraceQueryTimeRange(dateFrom, dateTo, discoveryNow),\n    [dateFrom, dateTo, discoveryNow],\n  );\n\n  const listId = listIdForScope(scope);\n  const configValue = useMemo<TracesConfigContextValue>(\n    () => ({\n      listId,\n      scopedFieldIds,\n      hiddenFieldIds,\n      withQueryTrace,\n      withFeedback,\n      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withDeltaPolling,\n      withDiscovery,\n      isCapabilitiesLoading: traceQuery.isLoading,\n      metricsSupport,\n      discoveryTimeRange,\n    }),\n    [\n      listId,\n      scopedFieldIds,\n      hiddenFieldIds,\n      withQueryTrace,\n      withFeedback,\n      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withDeltaPolling,\n      withDiscovery,\n      traceQuery.isLoading,\n      metricsSupport,\n      discoveryTimeRange,\n    ],\n  );\n\n  const contentFiltersApplied = filters.tokens.length > 0 || filters.groups.length > 0;\n  const filtersApplied = contentFiltersApplied || filters.datePreset !== initialFilters.datePreset || !!dateTo;\n  const runningSelected = useMemo(() => selectsRunningStatus(rawFilters), [rawFilters]);\n  const filtersValue = useMemo<TracesFiltersContextValue>(\n    () => ({\n      ...filtersActions,\n      filters,\n      dateFrom,\n      dateTo,\n      filtersApplied,\n      contentFiltersApplied,\n      runningSelected,\n    }),\n    [filtersActions, filters, dateFrom, dateTo, filtersApplied, contentFiltersApplied, runningSelected],\n  );\n\n  // Not memoized: the selection consumers (Layout, List, Panel) also re-render on filter and list\n  // changes, which are what re-render Root while the selection stays the same.\n  const selectionValue: TracesSelectionContextValue = {\n    ...selectionActions,\n    selection,\n    selectedTraceId: selection.traceId,\n  };\n\n  return (\n    <TracesConfigContext.Provider value={configValue}>\n      <TracesFiltersContext.Provider value={filtersValue}>\n        <TracesSelectionContext.Provider value={selectionValue}>\n          <TracesColumnsProvider>\n            <TracesListProvider sort={sort} onSortChange={onSortChange}>\n              {children}\n            </TracesListProvider>\n          </TracesColumnsProvider>\n        </TracesSelectionContext.Provider>\n      </TracesFiltersContext.Provider>\n    </TracesConfigContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"traces-explorer-root.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-root.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { useMemo, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { resolveTraceQueryTimeRange } from '../../trace-query-filters';\nimport {\n  applyDate,\n  applyDatePreset,\n  applyDateRange,\n  applyFilterTokens,\n  clearSelection,\n  DEFAULT_TRACES_FILTERS,\n  highlightSpans,\n  isSelectionEmpty,\n  resolveTracesDateWindow,\n  sanitizeTracesFilters,\n  selectsRunningStatus,\n  selectScore,\n  selectSpan,\n  selectTrace,\n  setSpanTab,\n  setSpanView,\n} from './traces-explorer-actions';\nimport type { TracesExplorerState, TracesFilters, TracesSelection, TracesSort } from './traces-explorer-actions';\nimport { TracesColumnsProvider } from './traces-explorer-columns-provider';\nimport { TracesConfigContext, TracesFiltersContext, TracesSelectionContext } from './traces-explorer-context';\nimport type {\n  TracesConfigContextValue,\n  TracesExplorerFeatures,\n  TracesExplorerScope,\n  TracesFiltersActions,\n  TracesFiltersContextValue,\n  TracesMetricsSupport,\n  TracesSelectionActions,\n  TracesSelectionContextValue,\n} from './traces-explorer-context';\nimport { TracesListProvider } from './traces-explorer-list-provider';\nimport {\n  useFeedbackAvailable,\n  useObservabilityCapabilities,\n  useSpanQueryAvailable,\n  useThreadQueryAvailable,\n  useTraceQueryAvailable,\n  useTraceQueryDeltaPollingAvailable,\n  useTraceQueryDiscoveryAvailable,\n  useTraceQueryRootDurationAvailable,\n} from '@/domains/capabilities';\nimport { rangeBeforeZoom, rememberZoom } from '@/domains/observability/lib/zoom-memory';\nimport type { ZoomMemory } from '@/domains/observability/lib/zoom-memory';\n\nexport type TracesExplorerRootProps = {\n  selection: TracesSelection;\n  filters: TracesFilters;\n  /** Receives the full next state once per user action, so a filter edit and the selection it clears land together. */\n  onChange: (next: TracesExplorerState) => void;\n  sort: TracesSort;\n  onSortChange: (next: TracesSort) => void;\n  /** Pins the explorer to one entity: its fields stay in the filters but never surface as chips. */\n  scope?: TracesExplorerScope;\n  /** Resolved by the host, which may know better than the storage capabilities (e.g. hosted deployments). */\n  metricsSupport: TracesMetricsSupport;\n  /** Host switches combined with the server capabilities; a feature runs only when both allow it. */\n  features?: TracesExplorerFeatures;\n  /** The host's default filters. Filters matching them don't count as applied (e.g. in empty states). */\n  initialFilters?: TracesFilters;\n  children: ReactNode;\n};\n\nconst SCOPED_FIELD_IDS: ReadonlySet<string> = new Set(['rootEntityType', 'entityId']);\nconst HIDDEN_SCOPED_FIELD_IDS: readonly string[] = ['rootEntityType', 'entityId', 'entityName'];\nconst NO_FIELD_IDS: ReadonlySet<string> = new Set();\nconst NO_HIDDEN_FIELD_IDS: readonly string[] = [];\n\nconst listIdForScope = (scope?: TracesExplorerScope) =>\n  scope?.entityType === EntityType.AGENT\n    ? 'agent-traces'\n    : scope?.entityType === EntityType.WORKFLOW_RUN\n      ? 'workflows-traces'\n      : 'all-traces';\n\ntype Latest = Pick<TracesExplorerRootProps, 'selection' | 'filters' | 'onChange' | 'onSortChange'> & {\n  scopedFieldIds: ReadonlySet<string>;\n};\n\nexport function TracesExplorerRoot({\n  selection,\n  filters: rawFilters,\n  onChange,\n  sort,\n  onSortChange: onHostSortChange,\n  scope,\n  metricsSupport,\n  features,\n  initialFilters = DEFAULT_TRACES_FILTERS,\n  children,\n}: TracesExplorerRootProps) {\n  // Servers without the trace-query API list through `listTracesLight` and don't expose feedback.\n  const traceQuery = useTraceQueryAvailable();\n  const withQueryTrace = traceQuery.enabled && features?.traceQuery !== false;\n  const withFeedback = useFeedbackAvailable().enabled && features?.feedback !== false;\n  // Opt-in: span queries need both the server capability and the host turning them on.\n  const withSpanQuery = useSpanQueryAvailable().enabled && features?.spanQuery === true;\n  // Opt-in like span queries: thread rows need the server capability and the host turning them on.\n  const withThreadQuery = useThreadQueryAvailable().enabled && features?.threadQuery === true;\n  const { enabled: withRootDuration } = useTraceQueryRootDurationAvailable();\n  const { enabled: withDeltaPolling } = useTraceQueryDeltaPollingAvailable();\n  const withDiscovery = useTraceQueryDiscoveryAvailable().enabled && withQueryTrace;\n  // `listTracesLight` rows never carry it, so it needs the trace query API as well.\n  const { data: capabilities } = useObservabilityCapabilities();\n  const withTimeToFirstChunk = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false);\n  const withTimeToFirstChunkSort =\n    withTimeToFirstChunk && (capabilities?.capabilities.traceQueryTimeToFirstChunkSort ?? false);\n  const withTimeToFirstToken = withQueryTrace && (capabilities?.capabilities.traceQueryTimeToFirstToken ?? false);\n  const withTimeToFirstTokenSort =\n    withTimeToFirstToken && (capabilities?.capabilities.traceQueryTimeToFirstTokenSort ?? false);\n  const withOutcomeFields = withQueryTrace && (capabilities?.capabilities.traceQueryOutcomeFields ?? false);\n\n  // Entries the server can't query are ignored, never written back: the host keeps its raw value.\n  const filters = useMemo(\n    () =>\n      sanitizeTracesFilters(rawFilters, {\n        withRootDuration,\n        withTimeToFirstChunk,\n        withTimeToFirstToken,\n        withOutcomeFields,\n      }),\n    [rawFilters, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withOutcomeFields],\n  );\n\n  const isScoped = !!scope;\n  const scopedFieldIds = isScoped ? SCOPED_FIELD_IDS : NO_FIELD_IDS;\n  const hiddenFieldIds = isScoped ? HIDDEN_SCOPED_FIELD_IDS : NO_HIDDEN_FIELD_IDS;\n\n  // Rolling presets pin their start when the preset (or custom bound) changes, not on every render.\n  const fromMs = rawFilters.dateFrom?.getTime();\n  const toMs = rawFilters.dateTo?.getTime();\n  const { dateFrom, dateTo } = useMemo(\n    () =>\n      resolveTracesDateWindow(\n        rawFilters.datePreset,\n        fromMs === undefined ? undefined : new Date(fromMs),\n        toMs === undefined ? undefined : new Date(toMs),\n      ),\n    [rawFilters.datePreset, fromMs, toMs],\n  );\n\n  // Actions read the latest props when they run, so the host doesn't need stable callbacks.\n  // `latest` is written as soon as a change is emitted, so a second action in the same tick\n  // (the date picker fires a preset then its dates) builds on the first instead of the stale props.\n  const current: Latest = { selection, filters: rawFilters, onChange, onSortChange: onHostSortChange, scopedFieldIds };\n  const latest = useRef(current);\n  latest.current = current;\n  // Not part of the host's filters: a shared or reloaded link has no zoom to undo.\n  const zoomMemory = useRef<ZoomMemory | undefined>(undefined);\n\n  const actions = useMemo(() => {\n    const emit = (next: TracesExplorerState) => {\n      latest.current.selection = next.selection;\n      latest.current.filters = next.filters;\n      latest.current.onChange(next);\n    };\n    const updateSelection = (next: TracesSelection) => {\n      if (next === latest.current.selection) return;\n      emit({ selection: next, filters: latest.current.filters });\n    };\n    // A filter change invalidates whatever is selected: the selected row may no longer be listed.\n    const updateFilters = (next: TracesFilters) => {\n      const { selection: currentSelection, filters: currentFilters } = latest.current;\n      if (next === currentFilters) return;\n      emit({\n        filters: next,\n        selection: isSelectionEmpty(currentSelection) ? currentSelection : clearSelection(currentSelection),\n      });\n    };\n\n    const selectionActions: TracesSelectionActions = {\n      selectTrace: traceId => updateSelection(selectTrace(latest.current.selection, traceId)),\n      closeTrace: () => updateSelection(selectTrace(latest.current.selection, null)),\n      selectSpan: spanId => updateSelection(selectSpan(latest.current.selection, spanId)),\n      setSpanTab: tab => updateSelection(setSpanTab(latest.current.selection, tab)),\n      setSpanView: view => updateSelection(setSpanView(latest.current.selection, view)),\n      selectScore: scoreId => updateSelection(selectScore(latest.current.selection, scoreId)),\n      highlightSpans: spanIds => updateSelection(highlightSpans(latest.current.selection, spanIds)),\n    };\n    // A range picked by hand drops the zoom memory, even one that matches the zoomed bounds.\n    const pickRange = (next: TracesFilters) => {\n      zoomMemory.current = undefined;\n      updateFilters(next);\n    };\n    const filtersActions: TracesFiltersActions = {\n      // Re-inject the scope tokens so \"Clear filters\" (which drops every removable item) and any\n      // other edit can never drop the scope.\n      setFilterTokens: (tokens, groups) => {\n        const { filters: base, scopedFieldIds: scoped } = latest.current;\n        const scopeTokens = base.tokens.filter(token => scoped.has(token.fieldId));\n        updateFilters(applyFilterTokens(base, [...scopeTokens, ...tokens], groups));\n      },\n      setDatePreset: preset => pickRange(applyDatePreset(latest.current.filters, preset)),\n      setDate: (value, end) => pickRange(applyDate(latest.current.filters, value, end)),\n      setDateRange: (from, to) => pickRange(applyDateRange(latest.current.filters, from, to)),\n      zoomDateRange: (from, to) => {\n        const base = latest.current.filters;\n        zoomMemory.current = rememberZoom(zoomMemory.current, base, from, to);\n        updateFilters({ ...base, datePreset: 'custom', dateFrom: from, dateTo: to });\n      },\n      resetDateRange: defaultPreset => {\n        const base = latest.current.filters;\n        const before = rangeBeforeZoom(zoomMemory.current, base);\n        zoomMemory.current = undefined;\n        updateFilters({ tokens: base.tokens, groups: base.groups, ...(before ?? { datePreset: defaultPreset }) });\n      },\n    };\n    const onSortChange = (next: TracesSort) => latest.current.onSortChange(next);\n    return { selectionActions, filtersActions, onSortChange };\n  }, []);\n  const { selectionActions, filtersActions, onSortChange } = actions;\n\n  // Discovery is keyed off the date window with a mount-time `now`, not the list's rolling one,\n  // so its query key (and the skeleton) doesn't churn on every auto-refresh tick.\n  const [discoveryNow] = useState(() => new Date());\n  const discoveryTimeRange = useMemo(\n    () => resolveTraceQueryTimeRange(dateFrom, dateTo, discoveryNow),\n    [dateFrom, dateTo, discoveryNow],\n  );\n\n  const listId = listIdForScope(scope);\n  const configValue = useMemo<TracesConfigContextValue>(\n    () => ({\n      listId,\n      scopedFieldIds,\n      hiddenFieldIds,\n      withQueryTrace,\n      withFeedback,\n      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withOutcomeFields,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withTimeToFirstToken,\n      withTimeToFirstTokenSort,\n      withDeltaPolling,\n      withDiscovery,\n      isCapabilitiesLoading: traceQuery.isLoading,\n      metricsSupport,\n      discoveryTimeRange,\n    }),\n    [\n      listId,\n      scopedFieldIds,\n      hiddenFieldIds,\n      withQueryTrace,\n      withFeedback,\n      withSpanQuery,\n      withThreadQuery,\n      withRootDuration,\n      withOutcomeFields,\n      withTimeToFirstChunk,\n      withTimeToFirstChunkSort,\n      withTimeToFirstToken,\n      withTimeToFirstTokenSort,\n      withDeltaPolling,\n      withDiscovery,\n      traceQuery.isLoading,\n      metricsSupport,\n      discoveryTimeRange,\n    ],\n  );\n\n  const contentFiltersApplied = filters.tokens.length > 0 || filters.groups.length > 0;\n  const filtersApplied = contentFiltersApplied || filters.datePreset !== initialFilters.datePreset || !!dateTo;\n  const runningSelected = useMemo(() => selectsRunningStatus(rawFilters), [rawFilters]);\n  const filtersValue = useMemo<TracesFiltersContextValue>(\n    () => ({\n      ...filtersActions,\n      filters,\n      dateFrom,\n      dateTo,\n      filtersApplied,\n      contentFiltersApplied,\n      runningSelected,\n    }),\n    [filtersActions, filters, dateFrom, dateTo, filtersApplied, contentFiltersApplied, runningSelected],\n  );\n\n  // Not memoized: the selection consumers (Layout, List, Panel) also re-render on filter and list\n  // changes, which are what re-render Root while the selection stays the same.\n  const selectionValue: TracesSelectionContextValue = {\n    ...selectionActions,\n    selection,\n    selectedTraceId: selection.traceId,\n  };\n\n  return (\n    <TracesConfigContext.Provider value={configValue}>\n      <TracesFiltersContext.Provider value={filtersValue}>\n        <TracesSelectionContext.Provider value={selectionValue}>\n          <TracesColumnsProvider>\n            <TracesListProvider sort={sort} onSortChange={onSortChange}>\n              {children}\n            </TracesListProvider>\n          </TracesColumnsProvider>\n        </TracesSelectionContext.Provider>\n      </TracesFiltersContext.Provider>\n    </TracesConfigContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-saved-views.cjs.js

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_observability_saved_views = require("../../../../observability-saved-views-CwCii7hh.cjs");
+const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/domains/traces/components/traces-explorer/traces-explorer-saved-views.tsx
+/**
+* Saved views of the traces page, with the explorer's columns. Takes the host's search params, which
+* the host also maps to the explorer's filters. Renders nothing without a `SavedViewsProvider`.
+*/
+function TracesExplorerSavedViews(props) {
+	const columns = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesColumns();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_observability_saved_views.ObservabilitySavedViews, {
+		page: "traces",
+		columns,
+		...props
+	});
+}
+exports.TracesExplorerSavedViews = TracesExplorerSavedViews;
+
+//# sourceMappingURL=traces-explorer-saved-views.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-explorer-saved-views.cjs.js","names":["useTracesColumns","ObservabilitySavedViews"],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-saved-views.tsx"],"sourcesContent":["import { useTracesColumns } from './traces-explorer-context';\nimport { ObservabilitySavedViews } from '@/domains/observability/saved-views';\nimport type { ObservabilitySavedViewsProps } from '@/domains/observability/saved-views';\n\nexport type TracesExplorerSavedViewsProps = Pick<\n  ObservabilitySavedViewsProps,\n  'searchParams' | 'setSearchParams' | 'className'\n>;\n\n/**\n * Saved views of the traces page, with the explorer's columns. Takes the host's search params, which\n * the host also maps to the explorer's filters. Renders nothing without a `SavedViewsProvider`.\n */\nexport function TracesExplorerSavedViews(props: TracesExplorerSavedViewsProps) {\n  const columns = useTracesColumns();\n  return <ObservabilitySavedViews page=\"traces\" columns={columns} {...props} />;\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,yBAAyB,OAAsC;CAC7E,MAAM,UAAUA,0EAAAA,iBAAiB;CACjC,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,kCAAAA,yBAAD;EAAyB,MAAK;EAAkB;EAAS,GAAI;CAAQ,CAAA;AAC9E"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-saved-views.d.ts

@@ -0,0 +1 @@
+export * from '../../../../src/domains/traces/components/traces-explorer/traces-explorer-saved-views';

package/dist/domains/traces/components/traces-explorer/traces-explorer-saved-views.es.js

@@ -0,0 +1,19 @@
+import { t as ObservabilitySavedViews } from "../../../../observability-saved-views-Bo5kLN20.js";
+import { useTracesColumns } from "./traces-explorer-context.es.js";
+import { jsx } from "react/jsx-runtime";
+// src/domains/traces/components/traces-explorer/traces-explorer-saved-views.tsx
+/**
+* Saved views of the traces page, with the explorer's columns. Takes the host's search params, which
+* the host also maps to the explorer's filters. Renders nothing without a `SavedViewsProvider`.
+*/
+function TracesExplorerSavedViews(props) {
+	const columns = useTracesColumns();
+	return /* @__PURE__ */ jsx(ObservabilitySavedViews, {
+		page: "traces",
+		columns,
+		...props
+	});
+}
+export { TracesExplorerSavedViews };
+
+//# sourceMappingURL=traces-explorer-saved-views.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-explorer-saved-views.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-saved-views.tsx"],"sourcesContent":["import { useTracesColumns } from './traces-explorer-context';\nimport { ObservabilitySavedViews } from '@/domains/observability/saved-views';\nimport type { ObservabilitySavedViewsProps } from '@/domains/observability/saved-views';\n\nexport type TracesExplorerSavedViewsProps = Pick<\n  ObservabilitySavedViewsProps,\n  'searchParams' | 'setSearchParams' | 'className'\n>;\n\n/**\n * Saved views of the traces page, with the explorer's columns. Takes the host's search params, which\n * the host also maps to the explorer's filters. Renders nothing without a `SavedViewsProvider`.\n */\nexport function TracesExplorerSavedViews(props: TracesExplorerSavedViewsProps) {\n  const columns = useTracesColumns();\n  return <ObservabilitySavedViews page=\"traces\" columns={columns} {...props} />;\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,yBAAyB,OAAsC;CAC7E,MAAM,UAAU,iBAAiB;CACjC,OAAO,oBAAC,yBAAD;EAAyB,MAAK;EAAkB;EAAS,GAAI;CAAQ,CAAA;AAC9E"}

package/dist/domains/traces/components/traces-explorer/use-traces-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_trace_filters = require("../../../../trace-filters-BNEZ31HX.cjs");
 const require_types = require("../../../../types-CP7wbYua.cjs");
-const require_domains_traces_components_trace_time_range_chip = require("../trace-time-range-chip.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("./traces-explorer-actions.cjs.js");
+const require_domains_traces_components_trace_time_range_chip = require("../trace-time-range-chip.cjs.js");
 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_discovery = require("./use-traces-discovery.cjs.js");
 let react = require("react");
@@ -12,7 +12,7 @@ let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
 var NO_SUGGESTIONS = [];
 /** The fields the trace filter bar offers: time range, trace fields, and discovered metadata. */
 function useTracesFilterBarFields() {
-	const { hiddenFieldIds, withQueryTrace, withRootDuration, discoveryTimeRange } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesConfig();
+	const { hiddenFieldIds, withQueryTrace, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withOutcomeFields, discoveryTimeRange } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesConfig();
 	const { filters } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesFilters();
 	const selectedEntityType = require_domains_traces_components_traces_explorer_traces_explorer_actions.getSelectedEntityOption(filters.tokens)?.entityType;
 	const { data: rootEntityNames = NO_SUGGESTIONS } = (0, _mastra_react_hooks_traces.useEntityNames)({
@@ -30,7 +30,10 @@ function useTracesFilterBarFields() {
 		canonicalTraceFields: canonicalFields,
 		valueSuggestions: withQueryTrace ? (relatedScope, path) => (0, _mastra_react_hooks_traces.createTraceQueryValuesResolver)(client, discoveryTimeRange, relatedScope, path) : void 0,
 		withQueryTrace,
-		withRootDuration
+		withRootDuration,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields
 	})], [
 		rootEntityNames,
 		environments,
@@ -39,6 +42,9 @@ function useTracesFilterBarFields() {
 		canonicalFields,
 		withQueryTrace,
 		withRootDuration,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields,
 		client,
 		discoveryTimeRange
 	]);

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

@@ -1 +1 @@
-{"version":3,"file":"use-traces-filter-bar.cjs.js","names":["useTracesConfig","useTracesFilters","getSelectedEntityOption","useEntityNames","useEnvironments","useTracesDiscovery","useMastraClient","useMemo","TRACE_TIME_RANGE_FIELD","createTraceFilterBarFields","createTraceQueryValuesResolver","traceTokensToFilterBarItems","traceFiltersToFilterBarExpression","TRACE_TIME_RANGE_ITEM","filterBarExpressionToTraceFilters","isFilterBarGroup"],"sources":["../../../../../src/domains/traces/components/traces-explorer/use-traces-filter-bar.ts"],"sourcesContent":["import type { EntityType } from '@mastra/core/observability';\nimport { useMastraClient } from '@mastra/react';\nimport { createTraceQueryValuesResolver, useEntityNames, useEnvironments } from '@mastra/react/hooks/traces';\nimport { useMemo } from 'react';\nimport {\n  createTraceFilterBarFields,\n  filterBarExpressionToTraceFilters,\n  traceFiltersToFilterBarExpression,\n  traceTokensToFilterBarItems,\n} from '../../trace-filters';\nimport type { TraceQueryRelatedScope } from '../../trace-query-filters';\nimport { TRACE_TIME_RANGE_FIELD, TRACE_TIME_RANGE_FIELD_ID, TRACE_TIME_RANGE_ITEM } from '../trace-time-range-chip';\nimport { getSelectedEntityOption } from './traces-explorer-actions';\nimport { useTracesConfig, useTracesFilters } from './traces-explorer-context';\nimport { useTracesDiscovery } from './use-traces-discovery';\nimport { isFilterBarGroup } from '@/ds/components/FilterBar';\nimport type { FilterBarExpression, FilterBarField, FilterBarItem } from '@/ds/components/FilterBar';\n\nconst NO_SUGGESTIONS: string[] = [];\n\n/** The fields the trace filter bar offers: time range, trace fields, and discovered metadata. */\nexport function useTracesFilterBarFields(): FilterBarField[] {\n  const { hiddenFieldIds, withQueryTrace, withRootDuration, discoveryTimeRange } = useTracesConfig();\n  const { filters } = useTracesFilters();\n  const selectedEntityType = getSelectedEntityOption(filters.tokens)?.entityType as EntityType | undefined;\n\n  const { data: rootEntityNames = NO_SUGGESTIONS } = useEntityNames({ entityType: selectedEntityType, rootOnly: true });\n  const { data: environments = NO_SUGGESTIONS } = useEnvironments();\n  const { fields: metadataFields, canonicalFields } = useTracesDiscovery();\n  const client = useMastraClient();\n\n  // Memoized for correctness: static suggestion lists live on the fields and become the value\n  // editor's Combobox `items`, which loops if handed a new array on every render.\n  return useMemo(\n    () => [\n      TRACE_TIME_RANGE_FIELD,\n      ...createTraceFilterBarFields({\n        availableRootEntityNames: rootEntityNames,\n        availableEnvironments: environments,\n        hiddenFieldIds,\n        metadataFields,\n        canonicalTraceFields: canonicalFields,\n        valueSuggestions: withQueryTrace\n          ? (relatedScope: TraceQueryRelatedScope | 'trace', path: string) =>\n              createTraceQueryValuesResolver(client, discoveryTimeRange, relatedScope, path)\n          : undefined,\n        withQueryTrace,\n        withRootDuration,\n      }),\n    ],\n    [\n      rootEntityNames,\n      environments,\n      hiddenFieldIds,\n      metadataFields,\n      canonicalFields,\n      withQueryTrace,\n      withRootDuration,\n      client,\n      discoveryTimeRange,\n    ],\n  );\n}\n\n/**\n * The explorer's filters as filter bar values, and the handlers that write bar edits back.\n * Scope items never show up in the bar; the explorer keeps them on every edit.\n */\nexport function useTracesFilterBar() {\n  const { scopedFieldIds } = useTracesConfig();\n  const { filters, setFilterTokens } = useTracesFilters();\n\n  const items = traceTokensToFilterBarItems(filters.tokens).filter(item => !scopedFieldIds.has(item.fieldId));\n  // The time-range chip is a synthetic, always-present item so it takes part in keyboard\n  // navigation; it never round-trips to filter tokens. Expression mode so root-level AND/OR\n  // groups render as \"Advanced filter\" chips.\n  const groupsExpression = traceFiltersToFilterBarExpression([], filters.groups);\n  const filterBarValue: FilterBarExpression = {\n    ...groupsExpression,\n    nodes: [TRACE_TIME_RANGE_ITEM, ...items, ...groupsExpression.nodes],\n  };\n  // Legacy mode: the list endpoint can't express AND/OR groups, so the bar runs flat.\n  const flatFilterBarValue = [TRACE_TIME_RANGE_ITEM, ...items];\n\n  const onFilterBarChange = (expression: FilterBarExpression) => {\n    const { tokens, groups } = filterBarExpressionToTraceFilters({\n      ...expression,\n      nodes: expression.nodes.filter(node => isFilterBarGroup(node) || node.fieldId !== TRACE_TIME_RANGE_FIELD_ID),\n    });\n    setFilterTokens(tokens, groups);\n  };\n\n  return {\n    filterBarValue,\n    flatFilterBarValue,\n    onFilterBarChange,\n    onFlatFilterBarChange: (nodes: FilterBarItem[]) =>\n      onFilterBarChange({ ...traceFiltersToFilterBarExpression([], []), nodes }),\n    /** Replaces any filter on `fieldId` with `is value`, e.g. from a list cell. */\n    onFilterByField: (fieldId: string, value: string) => {\n      const withoutField = items.filter(item => item.fieldId !== fieldId);\n      const item: FilterBarItem = { id: `${fieldId}:${value}`, fieldId, operatorId: 'is', value };\n      const groups = filterBarValue.nodes.filter(isFilterBarGroup);\n      onFilterBarChange({ ...filterBarValue, nodes: [...withoutField, item, ...groups] });\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;AAkBA,IAAM,iBAA2B,CAAC;;AAGlC,SAAgB,2BAA6C;CAC3D,MAAM,EAAE,gBAAgB,gBAAgB,kBAAkB,uBAAuBA,0EAAAA,gBAAgB;CACjG,MAAM,EAAE,YAAYC,0EAAAA,iBAAiB;CACrC,MAAM,qBAAqBC,0EAAAA,wBAAwB,QAAQ,MAAM,CAAC,EAAE;CAEpE,MAAM,EAAE,MAAM,kBAAkB,oBAAA,GAAmBC,2BAAAA,eAAAA,CAAe;EAAE,YAAY;EAAoB,UAAU;CAAK,CAAC;CACpH,MAAM,EAAE,MAAM,eAAe,oBAAA,GAAmBC,2BAAAA,gBAAAA,CAAgB;CAChE,MAAM,EAAE,QAAQ,gBAAgB,oBAAoBC,uEAAAA,mBAAmB;CACvE,MAAM,UAAA,GAASC,cAAAA,gBAAAA,CAAgB;CAI/B,QAAA,GAAOC,MAAAA,QAAAA,OACC,CACJC,wDAAAA,wBACA,GAAGC,sBAAAA,2BAA2B;EAC5B,0BAA0B;EAC1B,uBAAuB;EACvB;EACA;EACA,sBAAsB;EACtB,kBAAkB,kBACb,cAAgD,UAAA,GAC/CC,2BAAAA,+BAAAA,CAA+B,QAAQ,oBAAoB,cAAc,IAAI,IAC/E,KAAA;EACJ;EACA;CACF,CAAC,CACH,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;AACF;;;;;AAMA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,mBAAmBV,0EAAAA,gBAAgB;CAC3C,MAAM,EAAE,SAAS,oBAAoBC,0EAAAA,iBAAiB;CAEtD,MAAM,QAAQU,sBAAAA,4BAA4B,QAAQ,MAAM,CAAC,CAAC,QAAO,SAAQ,CAAC,eAAe,IAAI,KAAK,OAAO,CAAC;CAI1G,MAAM,mBAAmBC,sBAAAA,kCAAkC,CAAC,GAAG,QAAQ,MAAM;CAC7E,MAAM,iBAAsC;EAC1C,GAAG;EACH,OAAO;GAACC,wDAAAA;GAAuB,GAAG;GAAO,GAAG,iBAAiB;EAAK;CACpE;CAEA,MAAM,qBAAqB,CAACA,wDAAAA,uBAAuB,GAAG,KAAK;CAE3D,MAAM,qBAAqB,eAAoC;EAC7D,MAAM,EAAE,QAAQ,WAAWC,sBAAAA,kCAAkC;GAC3D,GAAG;GACH,OAAO,WAAW,MAAM,QAAO,SAAQC,cAAAA,iBAAiB,IAAI,KAAK,KAAK,YAAA,WAAqC;EAC7G,CAAC;EACD,gBAAgB,QAAQ,MAAM;CAChC;CAEA,OAAO;EACL;EACA;EACA;EACA,wBAAwB,UACtB,kBAAkB;GAAE,GAAGH,sBAAAA,kCAAkC,CAAC,GAAG,CAAC,CAAC;GAAG;EAAM,CAAC;;EAE3E,kBAAkB,SAAiB,UAAkB;GACnD,MAAM,eAAe,MAAM,QAAO,SAAQ,KAAK,YAAY,OAAO;GAClE,MAAM,OAAsB;IAAE,IAAI,GAAG,QAAQ,GAAG;IAAS;IAAS,YAAY;IAAM;GAAM;GAC1F,MAAM,SAAS,eAAe,MAAM,OAAOG,cAAAA,gBAAgB;GAC3D,kBAAkB;IAAE,GAAG;IAAgB,OAAO;KAAC,GAAG;KAAc;KAAM,GAAG;IAAM;GAAE,CAAC;EACpF;CACF;AACF"}
+{"version":3,"file":"use-traces-filter-bar.cjs.js","names":["useTracesConfig","useTracesFilters","getSelectedEntityOption","useEntityNames","useEnvironments","useTracesDiscovery","useMastraClient","useMemo","TRACE_TIME_RANGE_FIELD","createTraceFilterBarFields","createTraceQueryValuesResolver","traceTokensToFilterBarItems","traceFiltersToFilterBarExpression","TRACE_TIME_RANGE_ITEM","filterBarExpressionToTraceFilters","isFilterBarGroup"],"sources":["../../../../../src/domains/traces/components/traces-explorer/use-traces-filter-bar.ts"],"sourcesContent":["import type { EntityType } from '@mastra/core/observability';\nimport { useMastraClient } from '@mastra/react';\nimport { createTraceQueryValuesResolver, useEntityNames, useEnvironments } from '@mastra/react/hooks/traces';\nimport { useMemo } from 'react';\nimport {\n  createTraceFilterBarFields,\n  filterBarExpressionToTraceFilters,\n  traceFiltersToFilterBarExpression,\n  traceTokensToFilterBarItems,\n} from '../../trace-filters';\nimport type { TraceQueryRelatedScope } from '../../trace-query-filters';\nimport { TRACE_TIME_RANGE_FIELD, TRACE_TIME_RANGE_FIELD_ID, TRACE_TIME_RANGE_ITEM } from '../trace-time-range-chip';\nimport { getSelectedEntityOption } from './traces-explorer-actions';\nimport { useTracesConfig, useTracesFilters } from './traces-explorer-context';\nimport { useTracesDiscovery } from './use-traces-discovery';\nimport { isFilterBarGroup } from '@/ds/components/FilterBar';\nimport type { FilterBarExpression, FilterBarField, FilterBarItem } from '@/ds/components/FilterBar';\n\nconst NO_SUGGESTIONS: string[] = [];\n\n/** The fields the trace filter bar offers: time range, trace fields, and discovered metadata. */\nexport function useTracesFilterBarFields(): FilterBarField[] {\n  const {\n    hiddenFieldIds,\n    withQueryTrace,\n    withRootDuration,\n    withTimeToFirstChunk,\n    withTimeToFirstToken,\n    withOutcomeFields,\n    discoveryTimeRange,\n  } = useTracesConfig();\n  const { filters } = useTracesFilters();\n  const selectedEntityType = getSelectedEntityOption(filters.tokens)?.entityType as EntityType | undefined;\n\n  const { data: rootEntityNames = NO_SUGGESTIONS } = useEntityNames({ entityType: selectedEntityType, rootOnly: true });\n  const { data: environments = NO_SUGGESTIONS } = useEnvironments();\n  const { fields: metadataFields, canonicalFields } = useTracesDiscovery();\n  const client = useMastraClient();\n\n  // Memoized for correctness: static suggestion lists live on the fields and become the value\n  // editor's Combobox `items`, which loops if handed a new array on every render.\n  return useMemo(\n    () => [\n      TRACE_TIME_RANGE_FIELD,\n      ...createTraceFilterBarFields({\n        availableRootEntityNames: rootEntityNames,\n        availableEnvironments: environments,\n        hiddenFieldIds,\n        metadataFields,\n        canonicalTraceFields: canonicalFields,\n        valueSuggestions: withQueryTrace\n          ? (relatedScope: TraceQueryRelatedScope | 'trace', path: string) =>\n              createTraceQueryValuesResolver(client, discoveryTimeRange, relatedScope, path)\n          : undefined,\n        withQueryTrace,\n        withRootDuration,\n        withTimeToFirstChunk,\n        withTimeToFirstToken,\n        withOutcomeFields,\n      }),\n    ],\n    [\n      rootEntityNames,\n      environments,\n      hiddenFieldIds,\n      metadataFields,\n      canonicalFields,\n      withQueryTrace,\n      withRootDuration,\n      withTimeToFirstChunk,\n      withTimeToFirstToken,\n      withOutcomeFields,\n      client,\n      discoveryTimeRange,\n    ],\n  );\n}\n\n/**\n * The explorer's filters as filter bar values, and the handlers that write bar edits back.\n * Scope items never show up in the bar; the explorer keeps them on every edit.\n */\nexport function useTracesFilterBar() {\n  const { scopedFieldIds } = useTracesConfig();\n  const { filters, setFilterTokens } = useTracesFilters();\n\n  const items = traceTokensToFilterBarItems(filters.tokens).filter(item => !scopedFieldIds.has(item.fieldId));\n  // The time-range chip is a synthetic, always-present item so it takes part in keyboard\n  // navigation; it never round-trips to filter tokens. Expression mode so root-level AND/OR\n  // groups render as \"Advanced filter\" chips.\n  const groupsExpression = traceFiltersToFilterBarExpression([], filters.groups);\n  const filterBarValue: FilterBarExpression = {\n    ...groupsExpression,\n    nodes: [TRACE_TIME_RANGE_ITEM, ...items, ...groupsExpression.nodes],\n  };\n  // Legacy mode: the list endpoint can't express AND/OR groups, so the bar runs flat.\n  const flatFilterBarValue = [TRACE_TIME_RANGE_ITEM, ...items];\n\n  const onFilterBarChange = (expression: FilterBarExpression) => {\n    const { tokens, groups } = filterBarExpressionToTraceFilters({\n      ...expression,\n      nodes: expression.nodes.filter(node => isFilterBarGroup(node) || node.fieldId !== TRACE_TIME_RANGE_FIELD_ID),\n    });\n    setFilterTokens(tokens, groups);\n  };\n\n  return {\n    filterBarValue,\n    flatFilterBarValue,\n    onFilterBarChange,\n    onFlatFilterBarChange: (nodes: FilterBarItem[]) =>\n      onFilterBarChange({ ...traceFiltersToFilterBarExpression([], []), nodes }),\n    /** Replaces any filter on `fieldId` with `is value`, e.g. from a list cell. */\n    onFilterByField: (fieldId: string, value: string) => {\n      const withoutField = items.filter(item => item.fieldId !== fieldId);\n      const item: FilterBarItem = { id: `${fieldId}:${value}`, fieldId, operatorId: 'is', value };\n      const groups = filterBarValue.nodes.filter(isFilterBarGroup);\n      onFilterBarChange({ ...filterBarValue, nodes: [...withoutField, item, ...groups] });\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;AAkBA,IAAM,iBAA2B,CAAC;;AAGlC,SAAgB,2BAA6C;CAC3D,MAAM,EACJ,gBACA,gBACA,kBACA,sBACA,sBACA,mBACA,uBACEA,0EAAAA,gBAAgB;CACpB,MAAM,EAAE,YAAYC,0EAAAA,iBAAiB;CACrC,MAAM,qBAAqBC,0EAAAA,wBAAwB,QAAQ,MAAM,CAAC,EAAE;CAEpE,MAAM,EAAE,MAAM,kBAAkB,oBAAA,GAAmBC,2BAAAA,eAAAA,CAAe;EAAE,YAAY;EAAoB,UAAU;CAAK,CAAC;CACpH,MAAM,EAAE,MAAM,eAAe,oBAAA,GAAmBC,2BAAAA,gBAAAA,CAAgB;CAChE,MAAM,EAAE,QAAQ,gBAAgB,oBAAoBC,uEAAAA,mBAAmB;CACvE,MAAM,UAAA,GAASC,cAAAA,gBAAAA,CAAgB;CAI/B,QAAA,GAAOC,MAAAA,QAAAA,OACC,CACJC,wDAAAA,wBACA,GAAGC,sBAAAA,2BAA2B;EAC5B,0BAA0B;EAC1B,uBAAuB;EACvB;EACA;EACA,sBAAsB;EACtB,kBAAkB,kBACb,cAAgD,UAAA,GAC/CC,2BAAAA,+BAAAA,CAA+B,QAAQ,oBAAoB,cAAc,IAAI,IAC/E,KAAA;EACJ;EACA;EACA;EACA;EACA;CACF,CAAC,CACH,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;AACF;;;;;AAMA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,mBAAmBV,0EAAAA,gBAAgB;CAC3C,MAAM,EAAE,SAAS,oBAAoBC,0EAAAA,iBAAiB;CAEtD,MAAM,QAAQU,sBAAAA,4BAA4B,QAAQ,MAAM,CAAC,CAAC,QAAO,SAAQ,CAAC,eAAe,IAAI,KAAK,OAAO,CAAC;CAI1G,MAAM,mBAAmBC,sBAAAA,kCAAkC,CAAC,GAAG,QAAQ,MAAM;CAC7E,MAAM,iBAAsC;EAC1C,GAAG;EACH,OAAO;GAACC,wDAAAA;GAAuB,GAAG;GAAO,GAAG,iBAAiB;EAAK;CACpE;CAEA,MAAM,qBAAqB,CAACA,wDAAAA,uBAAuB,GAAG,KAAK;CAE3D,MAAM,qBAAqB,eAAoC;EAC7D,MAAM,EAAE,QAAQ,WAAWC,sBAAAA,kCAAkC;GAC3D,GAAG;GACH,OAAO,WAAW,MAAM,QAAO,SAAQC,cAAAA,iBAAiB,IAAI,KAAK,KAAK,YAAA,WAAqC;EAC7G,CAAC;EACD,gBAAgB,QAAQ,MAAM;CAChC;CAEA,OAAO;EACL;EACA;EACA;EACA,wBAAwB,UACtB,kBAAkB;GAAE,GAAGH,sBAAAA,kCAAkC,CAAC,GAAG,CAAC,CAAC;GAAG;EAAM,CAAC;;EAE3E,kBAAkB,SAAiB,UAAkB;GACnD,MAAM,eAAe,MAAM,QAAO,SAAQ,KAAK,YAAY,OAAO;GAClE,MAAM,OAAsB;IAAE,IAAI,GAAG,QAAQ,GAAG;IAAS;IAAS,YAAY;IAAM;GAAM;GAC1F,MAAM,SAAS,eAAe,MAAM,OAAOG,cAAAA,gBAAgB;GAC3D,kBAAkB;IAAE,GAAG;IAAgB,OAAO;KAAC,GAAG;KAAc;KAAM,GAAG;IAAM;GAAE,CAAC;EACpF;CACF;AACF"}

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

@@ -1,7 +1,7 @@
-import { $ as traceFiltersToFilterBarExpression, F as filterBarExpressionToTraceFilters, P as createTraceFilterBarFields, et as traceTokensToFilterBarItems } from "../../../../trace-filters-C27yWcan.js";
+import { I as createTraceFilterBarFields, L as filterBarExpressionToTraceFilters, rt as traceTokensToFilterBarItems, tt as traceFiltersToFilterBarExpression } from "../../../../trace-filters-BJaebsxJ.js";
 import { t as isFilterBarGroup } from "../../../../types-DiiL5mTO.js";
-import { TRACE_TIME_RANGE_FIELD, TRACE_TIME_RANGE_ITEM } from "../trace-time-range-chip.es.js";
 import { getSelectedEntityOption } from "./traces-explorer-actions.es.js";
+import { TRACE_TIME_RANGE_FIELD, TRACE_TIME_RANGE_ITEM } from "../trace-time-range-chip.es.js";
 import { useTracesConfig, useTracesFilters } from "./traces-explorer-context.es.js";
 import { useTracesDiscovery } from "./use-traces-discovery.es.js";
 import { useMemo } from "react";
@@ -11,7 +11,7 @@ import { createTraceQueryValuesResolver, useEntityNames, useEnvironments } from
 var NO_SUGGESTIONS = [];
 /** The fields the trace filter bar offers: time range, trace fields, and discovered metadata. */
 function useTracesFilterBarFields() {
-	const { hiddenFieldIds, withQueryTrace, withRootDuration, discoveryTimeRange } = useTracesConfig();
+	const { hiddenFieldIds, withQueryTrace, withRootDuration, withTimeToFirstChunk, withTimeToFirstToken, withOutcomeFields, discoveryTimeRange } = useTracesConfig();
 	const { filters } = useTracesFilters();
 	const selectedEntityType = getSelectedEntityOption(filters.tokens)?.entityType;
 	const { data: rootEntityNames = NO_SUGGESTIONS } = useEntityNames({
@@ -29,7 +29,10 @@ function useTracesFilterBarFields() {
 		canonicalTraceFields: canonicalFields,
 		valueSuggestions: withQueryTrace ? (relatedScope, path) => createTraceQueryValuesResolver(client, discoveryTimeRange, relatedScope, path) : void 0,
 		withQueryTrace,
-		withRootDuration
+		withRootDuration,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields
 	})], [
 		rootEntityNames,
 		environments,
@@ -38,6 +41,9 @@ function useTracesFilterBarFields() {
 		canonicalFields,
 		withQueryTrace,
 		withRootDuration,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields,
 		client,
 		discoveryTimeRange
 	]);

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

@@ -1 +1 @@
-{"version":3,"file":"use-traces-filter-bar.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/use-traces-filter-bar.ts"],"sourcesContent":["import type { EntityType } from '@mastra/core/observability';\nimport { useMastraClient } from '@mastra/react';\nimport { createTraceQueryValuesResolver, useEntityNames, useEnvironments } from '@mastra/react/hooks/traces';\nimport { useMemo } from 'react';\nimport {\n  createTraceFilterBarFields,\n  filterBarExpressionToTraceFilters,\n  traceFiltersToFilterBarExpression,\n  traceTokensToFilterBarItems,\n} from '../../trace-filters';\nimport type { TraceQueryRelatedScope } from '../../trace-query-filters';\nimport { TRACE_TIME_RANGE_FIELD, TRACE_TIME_RANGE_FIELD_ID, TRACE_TIME_RANGE_ITEM } from '../trace-time-range-chip';\nimport { getSelectedEntityOption } from './traces-explorer-actions';\nimport { useTracesConfig, useTracesFilters } from './traces-explorer-context';\nimport { useTracesDiscovery } from './use-traces-discovery';\nimport { isFilterBarGroup } from '@/ds/components/FilterBar';\nimport type { FilterBarExpression, FilterBarField, FilterBarItem } from '@/ds/components/FilterBar';\n\nconst NO_SUGGESTIONS: string[] = [];\n\n/** The fields the trace filter bar offers: time range, trace fields, and discovered metadata. */\nexport function useTracesFilterBarFields(): FilterBarField[] {\n  const { hiddenFieldIds, withQueryTrace, withRootDuration, discoveryTimeRange } = useTracesConfig();\n  const { filters } = useTracesFilters();\n  const selectedEntityType = getSelectedEntityOption(filters.tokens)?.entityType as EntityType | undefined;\n\n  const { data: rootEntityNames = NO_SUGGESTIONS } = useEntityNames({ entityType: selectedEntityType, rootOnly: true });\n  const { data: environments = NO_SUGGESTIONS } = useEnvironments();\n  const { fields: metadataFields, canonicalFields } = useTracesDiscovery();\n  const client = useMastraClient();\n\n  // Memoized for correctness: static suggestion lists live on the fields and become the value\n  // editor's Combobox `items`, which loops if handed a new array on every render.\n  return useMemo(\n    () => [\n      TRACE_TIME_RANGE_FIELD,\n      ...createTraceFilterBarFields({\n        availableRootEntityNames: rootEntityNames,\n        availableEnvironments: environments,\n        hiddenFieldIds,\n        metadataFields,\n        canonicalTraceFields: canonicalFields,\n        valueSuggestions: withQueryTrace\n          ? (relatedScope: TraceQueryRelatedScope | 'trace', path: string) =>\n              createTraceQueryValuesResolver(client, discoveryTimeRange, relatedScope, path)\n          : undefined,\n        withQueryTrace,\n        withRootDuration,\n      }),\n    ],\n    [\n      rootEntityNames,\n      environments,\n      hiddenFieldIds,\n      metadataFields,\n      canonicalFields,\n      withQueryTrace,\n      withRootDuration,\n      client,\n      discoveryTimeRange,\n    ],\n  );\n}\n\n/**\n * The explorer's filters as filter bar values, and the handlers that write bar edits back.\n * Scope items never show up in the bar; the explorer keeps them on every edit.\n */\nexport function useTracesFilterBar() {\n  const { scopedFieldIds } = useTracesConfig();\n  const { filters, setFilterTokens } = useTracesFilters();\n\n  const items = traceTokensToFilterBarItems(filters.tokens).filter(item => !scopedFieldIds.has(item.fieldId));\n  // The time-range chip is a synthetic, always-present item so it takes part in keyboard\n  // navigation; it never round-trips to filter tokens. Expression mode so root-level AND/OR\n  // groups render as \"Advanced filter\" chips.\n  const groupsExpression = traceFiltersToFilterBarExpression([], filters.groups);\n  const filterBarValue: FilterBarExpression = {\n    ...groupsExpression,\n    nodes: [TRACE_TIME_RANGE_ITEM, ...items, ...groupsExpression.nodes],\n  };\n  // Legacy mode: the list endpoint can't express AND/OR groups, so the bar runs flat.\n  const flatFilterBarValue = [TRACE_TIME_RANGE_ITEM, ...items];\n\n  const onFilterBarChange = (expression: FilterBarExpression) => {\n    const { tokens, groups } = filterBarExpressionToTraceFilters({\n      ...expression,\n      nodes: expression.nodes.filter(node => isFilterBarGroup(node) || node.fieldId !== TRACE_TIME_RANGE_FIELD_ID),\n    });\n    setFilterTokens(tokens, groups);\n  };\n\n  return {\n    filterBarValue,\n    flatFilterBarValue,\n    onFilterBarChange,\n    onFlatFilterBarChange: (nodes: FilterBarItem[]) =>\n      onFilterBarChange({ ...traceFiltersToFilterBarExpression([], []), nodes }),\n    /** Replaces any filter on `fieldId` with `is value`, e.g. from a list cell. */\n    onFilterByField: (fieldId: string, value: string) => {\n      const withoutField = items.filter(item => item.fieldId !== fieldId);\n      const item: FilterBarItem = { id: `${fieldId}:${value}`, fieldId, operatorId: 'is', value };\n      const groups = filterBarValue.nodes.filter(isFilterBarGroup);\n      onFilterBarChange({ ...filterBarValue, nodes: [...withoutField, item, ...groups] });\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;AAkBA,IAAM,iBAA2B,CAAC;;AAGlC,SAAgB,2BAA6C;CAC3D,MAAM,EAAE,gBAAgB,gBAAgB,kBAAkB,uBAAuB,gBAAgB;CACjG,MAAM,EAAE,YAAY,iBAAiB;CACrC,MAAM,qBAAqB,wBAAwB,QAAQ,MAAM,CAAC,EAAE;CAEpE,MAAM,EAAE,MAAM,kBAAkB,mBAAmB,eAAe;EAAE,YAAY;EAAoB,UAAU;CAAK,CAAC;CACpH,MAAM,EAAE,MAAM,eAAe,mBAAmB,gBAAgB;CAChE,MAAM,EAAE,QAAQ,gBAAgB,oBAAoB,mBAAmB;CACvE,MAAM,SAAS,gBAAgB;CAI/B,OAAO,cACC,CACJ,wBACA,GAAG,2BAA2B;EAC5B,0BAA0B;EAC1B,uBAAuB;EACvB;EACA;EACA,sBAAsB;EACtB,kBAAkB,kBACb,cAAgD,SAC/C,+BAA+B,QAAQ,oBAAoB,cAAc,IAAI,IAC/E,KAAA;EACJ;EACA;CACF,CAAC,CACH,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;AACF;;;;;AAMA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,mBAAmB,gBAAgB;CAC3C,MAAM,EAAE,SAAS,oBAAoB,iBAAiB;CAEtD,MAAM,QAAQ,4BAA4B,QAAQ,MAAM,CAAC,CAAC,QAAO,SAAQ,CAAC,eAAe,IAAI,KAAK,OAAO,CAAC;CAI1G,MAAM,mBAAmB,kCAAkC,CAAC,GAAG,QAAQ,MAAM;CAC7E,MAAM,iBAAsC;EAC1C,GAAG;EACH,OAAO;GAAC;GAAuB,GAAG;GAAO,GAAG,iBAAiB;EAAK;CACpE;CAEA,MAAM,qBAAqB,CAAC,uBAAuB,GAAG,KAAK;CAE3D,MAAM,qBAAqB,eAAoC;EAC7D,MAAM,EAAE,QAAQ,WAAW,kCAAkC;GAC3D,GAAG;GACH,OAAO,WAAW,MAAM,QAAO,SAAQ,iBAAiB,IAAI,KAAK,KAAK,YAAA,WAAqC;EAC7G,CAAC;EACD,gBAAgB,QAAQ,MAAM;CAChC;CAEA,OAAO;EACL;EACA;EACA;EACA,wBAAwB,UACtB,kBAAkB;GAAE,GAAG,kCAAkC,CAAC,GAAG,CAAC,CAAC;GAAG;EAAM,CAAC;;EAE3E,kBAAkB,SAAiB,UAAkB;GACnD,MAAM,eAAe,MAAM,QAAO,SAAQ,KAAK,YAAY,OAAO;GAClE,MAAM,OAAsB;IAAE,IAAI,GAAG,QAAQ,GAAG;IAAS;IAAS,YAAY;IAAM;GAAM;GAC1F,MAAM,SAAS,eAAe,MAAM,OAAO,gBAAgB;GAC3D,kBAAkB;IAAE,GAAG;IAAgB,OAAO;KAAC,GAAG;KAAc;KAAM,GAAG;IAAM;GAAE,CAAC;EACpF;CACF;AACF"}
+{"version":3,"file":"use-traces-filter-bar.es.js","names":[],"sources":["../../../../../src/domains/traces/components/traces-explorer/use-traces-filter-bar.ts"],"sourcesContent":["import type { EntityType } from '@mastra/core/observability';\nimport { useMastraClient } from '@mastra/react';\nimport { createTraceQueryValuesResolver, useEntityNames, useEnvironments } from '@mastra/react/hooks/traces';\nimport { useMemo } from 'react';\nimport {\n  createTraceFilterBarFields,\n  filterBarExpressionToTraceFilters,\n  traceFiltersToFilterBarExpression,\n  traceTokensToFilterBarItems,\n} from '../../trace-filters';\nimport type { TraceQueryRelatedScope } from '../../trace-query-filters';\nimport { TRACE_TIME_RANGE_FIELD, TRACE_TIME_RANGE_FIELD_ID, TRACE_TIME_RANGE_ITEM } from '../trace-time-range-chip';\nimport { getSelectedEntityOption } from './traces-explorer-actions';\nimport { useTracesConfig, useTracesFilters } from './traces-explorer-context';\nimport { useTracesDiscovery } from './use-traces-discovery';\nimport { isFilterBarGroup } from '@/ds/components/FilterBar';\nimport type { FilterBarExpression, FilterBarField, FilterBarItem } from '@/ds/components/FilterBar';\n\nconst NO_SUGGESTIONS: string[] = [];\n\n/** The fields the trace filter bar offers: time range, trace fields, and discovered metadata. */\nexport function useTracesFilterBarFields(): FilterBarField[] {\n  const {\n    hiddenFieldIds,\n    withQueryTrace,\n    withRootDuration,\n    withTimeToFirstChunk,\n    withTimeToFirstToken,\n    withOutcomeFields,\n    discoveryTimeRange,\n  } = useTracesConfig();\n  const { filters } = useTracesFilters();\n  const selectedEntityType = getSelectedEntityOption(filters.tokens)?.entityType as EntityType | undefined;\n\n  const { data: rootEntityNames = NO_SUGGESTIONS } = useEntityNames({ entityType: selectedEntityType, rootOnly: true });\n  const { data: environments = NO_SUGGESTIONS } = useEnvironments();\n  const { fields: metadataFields, canonicalFields } = useTracesDiscovery();\n  const client = useMastraClient();\n\n  // Memoized for correctness: static suggestion lists live on the fields and become the value\n  // editor's Combobox `items`, which loops if handed a new array on every render.\n  return useMemo(\n    () => [\n      TRACE_TIME_RANGE_FIELD,\n      ...createTraceFilterBarFields({\n        availableRootEntityNames: rootEntityNames,\n        availableEnvironments: environments,\n        hiddenFieldIds,\n        metadataFields,\n        canonicalTraceFields: canonicalFields,\n        valueSuggestions: withQueryTrace\n          ? (relatedScope: TraceQueryRelatedScope | 'trace', path: string) =>\n              createTraceQueryValuesResolver(client, discoveryTimeRange, relatedScope, path)\n          : undefined,\n        withQueryTrace,\n        withRootDuration,\n        withTimeToFirstChunk,\n        withTimeToFirstToken,\n        withOutcomeFields,\n      }),\n    ],\n    [\n      rootEntityNames,\n      environments,\n      hiddenFieldIds,\n      metadataFields,\n      canonicalFields,\n      withQueryTrace,\n      withRootDuration,\n      withTimeToFirstChunk,\n      withTimeToFirstToken,\n      withOutcomeFields,\n      client,\n      discoveryTimeRange,\n    ],\n  );\n}\n\n/**\n * The explorer's filters as filter bar values, and the handlers that write bar edits back.\n * Scope items never show up in the bar; the explorer keeps them on every edit.\n */\nexport function useTracesFilterBar() {\n  const { scopedFieldIds } = useTracesConfig();\n  const { filters, setFilterTokens } = useTracesFilters();\n\n  const items = traceTokensToFilterBarItems(filters.tokens).filter(item => !scopedFieldIds.has(item.fieldId));\n  // The time-range chip is a synthetic, always-present item so it takes part in keyboard\n  // navigation; it never round-trips to filter tokens. Expression mode so root-level AND/OR\n  // groups render as \"Advanced filter\" chips.\n  const groupsExpression = traceFiltersToFilterBarExpression([], filters.groups);\n  const filterBarValue: FilterBarExpression = {\n    ...groupsExpression,\n    nodes: [TRACE_TIME_RANGE_ITEM, ...items, ...groupsExpression.nodes],\n  };\n  // Legacy mode: the list endpoint can't express AND/OR groups, so the bar runs flat.\n  const flatFilterBarValue = [TRACE_TIME_RANGE_ITEM, ...items];\n\n  const onFilterBarChange = (expression: FilterBarExpression) => {\n    const { tokens, groups } = filterBarExpressionToTraceFilters({\n      ...expression,\n      nodes: expression.nodes.filter(node => isFilterBarGroup(node) || node.fieldId !== TRACE_TIME_RANGE_FIELD_ID),\n    });\n    setFilterTokens(tokens, groups);\n  };\n\n  return {\n    filterBarValue,\n    flatFilterBarValue,\n    onFilterBarChange,\n    onFlatFilterBarChange: (nodes: FilterBarItem[]) =>\n      onFilterBarChange({ ...traceFiltersToFilterBarExpression([], []), nodes }),\n    /** Replaces any filter on `fieldId` with `is value`, e.g. from a list cell. */\n    onFilterByField: (fieldId: string, value: string) => {\n      const withoutField = items.filter(item => item.fieldId !== fieldId);\n      const item: FilterBarItem = { id: `${fieldId}:${value}`, fieldId, operatorId: 'is', value };\n      const groups = filterBarValue.nodes.filter(isFilterBarGroup);\n      onFilterBarChange({ ...filterBarValue, nodes: [...withoutField, item, ...groups] });\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;AAkBA,IAAM,iBAA2B,CAAC;;AAGlC,SAAgB,2BAA6C;CAC3D,MAAM,EACJ,gBACA,gBACA,kBACA,sBACA,sBACA,mBACA,uBACE,gBAAgB;CACpB,MAAM,EAAE,YAAY,iBAAiB;CACrC,MAAM,qBAAqB,wBAAwB,QAAQ,MAAM,CAAC,EAAE;CAEpE,MAAM,EAAE,MAAM,kBAAkB,mBAAmB,eAAe;EAAE,YAAY;EAAoB,UAAU;CAAK,CAAC;CACpH,MAAM,EAAE,MAAM,eAAe,mBAAmB,gBAAgB;CAChE,MAAM,EAAE,QAAQ,gBAAgB,oBAAoB,mBAAmB;CACvE,MAAM,SAAS,gBAAgB;CAI/B,OAAO,cACC,CACJ,wBACA,GAAG,2BAA2B;EAC5B,0BAA0B;EAC1B,uBAAuB;EACvB;EACA;EACA,sBAAsB;EACtB,kBAAkB,kBACb,cAAgD,SAC/C,+BAA+B,QAAQ,oBAAoB,cAAc,IAAI,IAC/E,KAAA;EACJ;EACA;EACA;EACA;EACA;CACF,CAAC,CACH,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;AACF;;;;;AAMA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,mBAAmB,gBAAgB;CAC3C,MAAM,EAAE,SAAS,oBAAoB,iBAAiB;CAEtD,MAAM,QAAQ,4BAA4B,QAAQ,MAAM,CAAC,CAAC,QAAO,SAAQ,CAAC,eAAe,IAAI,KAAK,OAAO,CAAC;CAI1G,MAAM,mBAAmB,kCAAkC,CAAC,GAAG,QAAQ,MAAM;CAC7E,MAAM,iBAAsC;EAC1C,GAAG;EACH,OAAO;GAAC;GAAuB,GAAG;GAAO,GAAG,iBAAiB;EAAK;CACpE;CAEA,MAAM,qBAAqB,CAAC,uBAAuB,GAAG,KAAK;CAE3D,MAAM,qBAAqB,eAAoC;EAC7D,MAAM,EAAE,QAAQ,WAAW,kCAAkC;GAC3D,GAAG;GACH,OAAO,WAAW,MAAM,QAAO,SAAQ,iBAAiB,IAAI,KAAK,KAAK,YAAA,WAAqC;EAC7G,CAAC;EACD,gBAAgB,QAAQ,MAAM;CAChC;CAEA,OAAO;EACL;EACA;EACA;EACA,wBAAwB,UACtB,kBAAkB;GAAE,GAAG,kCAAkC,CAAC,GAAG,CAAC,CAAC;GAAG;EAAM,CAAC;;EAE3E,kBAAkB,SAAiB,UAAkB;GACnD,MAAM,eAAe,MAAM,QAAO,SAAQ,KAAK,YAAY,OAAO;GAClE,MAAM,OAAsB;IAAE,IAAI,GAAG,QAAQ,GAAG;IAAS;IAAS,YAAY;IAAM;GAAM;GAC1F,MAAM,SAAS,eAAe,MAAM,OAAO,gBAAgB;GAC3D,kBAAkB;IAAE,GAAG;IAAgB,OAAO;KAAC,GAAG;KAAc;KAAM,GAAG;IAAM;GAAE,CAAC;EACpF;CACF;AACF"}

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

@@ -11,6 +11,7 @@ const require_domains_traces_components_traces_explorer_traces_explorer_layout =
 const require_domains_traces_components_traces_explorer_traces_explorer_list = require("./traces-explorer/traces-explorer-list.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_panel = require("./traces-explorer/traces-explorer-panel.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_root = require("./traces-explorer/traces-explorer-root.cjs.js");
+const require_domains_traces_components_traces_explorer_traces_explorer_saved_views = require("./traces-explorer/traces-explorer-saved-views.cjs.js");
 // src/domains/traces/components/traces-explorer/index.ts
 var TracesExplorer = Object.assign(require_domains_traces_components_traces_explorer_traces_explorer_root.TracesExplorerRoot, {
 	Layout: require_domains_traces_components_traces_explorer_traces_explorer_layout.TracesExplorerLayout,
@@ -21,11 +22,13 @@ var TracesExplorer = Object.assign(require_domains_traces_components_traces_expl
 	ColumnsMenu: require_domains_traces_components_traces_explorer_traces_explorer_columns_menu.TracesExplorerColumnsMenu,
 	Histogram: require_domains_traces_components_traces_explorer_traces_explorer_histogram.TracesExplorerHistogram,
 	List: require_domains_traces_components_traces_explorer_traces_explorer_list.TracesExplorerList,
-	Panel: require_domains_traces_components_traces_explorer_traces_explorer_panel.TracesExplorerPanel
+	Panel: require_domains_traces_components_traces_explorer_traces_explorer_panel.TracesExplorerPanel,
+	SavedViews: require_domains_traces_components_traces_explorer_traces_explorer_saved_views.TracesExplorerSavedViews
 });
 exports.DEFAULT_TRACES_FILTERS = require_domains_traces_components_traces_explorer_traces_explorer_actions.DEFAULT_TRACES_FILTERS;
 exports.DEFAULT_TRACES_SORT = require_domains_traces_components_traces_explorer_traces_explorer_actions.DEFAULT_TRACES_SORT;
 exports.EMPTY_TRACES_SELECTION = require_domains_traces_components_traces_explorer_traces_explorer_actions.EMPTY_TRACES_SELECTION;
+exports.TRACES_SORT_FIELDS = require_domains_traces_components_traces_explorer_traces_explorer_actions.TRACES_SORT_FIELDS;
 exports.TracesExplorer = TracesExplorer;
 exports.resolveTracesDateWindow = require_domains_traces_components_traces_explorer_traces_explorer_actions.resolveTracesDateWindow;
 exports.useTraceUsageColumns = require_domains_traces_components_traces_explorer_traces_explorer_context.useTraceUsageColumns;

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

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer.cjs.js","names":["TracesExplorerRoot","TracesExplorerLayout","TracesExplorerBody","TracesExplorerFilterBar","TracesExplorerFilterChips","TracesExplorerTimeRangeChip","TracesExplorerColumnsMenu","TracesExplorerHistogram","TracesExplorerList","TracesExplorerPanel"],"sources":["../../../../src/domains/traces/components/traces-explorer/index.ts"],"sourcesContent":["import { TracesExplorerBody } from './traces-explorer-body';\nimport { TracesExplorerColumnsMenu } from './traces-explorer-columns-menu';\nimport {\n  TracesExplorerFilterBar,\n  TracesExplorerFilterChips,\n  TracesExplorerTimeRangeChip,\n} from './traces-explorer-filter-bar';\nimport { TracesExplorerHistogram } from './traces-explorer-histogram';\nimport { TracesExplorerLayout } from './traces-explorer-layout';\nimport { TracesExplorerList } from './traces-explorer-list';\nimport { TracesExplorerPanel } from './traces-explorer-panel';\nimport { TracesExplorerRoot } from './traces-explorer-root';\n\nexport const TracesExplorer = Object.assign(TracesExplorerRoot, {\n  Layout: TracesExplorerLayout,\n  Body: TracesExplorerBody,\n  FilterBar: TracesExplorerFilterBar,\n  FilterChips: TracesExplorerFilterChips,\n  TimeRangeChip: TracesExplorerTimeRangeChip,\n  ColumnsMenu: TracesExplorerColumnsMenu,\n  Histogram: TracesExplorerHistogram,\n  List: TracesExplorerList,\n  Panel: TracesExplorerPanel,\n});\n\nexport type { TracesExplorerRootProps } from './traces-explorer-root';\nexport type { TracesExplorerErrorRenderArgs, TracesExplorerLayoutProps } from './traces-explorer-layout';\nexport type { TracesExplorerBodyProps } from './traces-explorer-body';\nexport type {\n  TracesExplorerFilterBarProps,\n  TracesExplorerFilterChipsProps,\n  TracesExplorerTimeRangeChipProps,\n} from './traces-explorer-filter-bar';\nexport type { TracesExplorerPanelProps } from './traces-explorer-panel';\nexport {\n  DEFAULT_TRACES_FILTERS,\n  DEFAULT_TRACES_SORT,\n  EMPTY_TRACES_SELECTION,\n  resolveTracesDateWindow,\n} from './traces-explorer-actions';\nexport type {\n  TracesExplorerState,\n  TracesFilters,\n  TracesSelection,\n  TracesSort,\n  TracesSortDirection,\n  TracesSortField,\n} from './traces-explorer-actions';\nexport {\n  useTraceUsageColumns,\n  useTracesColumns,\n  useTracesConfig,\n  useTracesFilters,\n  useTracesList,\n  useTracesListFetching,\n  useTracesSelection,\n} from './traces-explorer-context';\nexport type { TracesExplorerFeatures, TracesExplorerScope, TracesMetricsSupport } from './traces-explorer-context';\nexport { useTracesFilterBar, useTracesFilterBarFields } from './use-traces-filter-bar';\nexport { useTracesDiscovery } from './use-traces-discovery';\n"],"mappings":";;;;;;;;;;;;;;AAaA,IAAa,iBAAiB,OAAO,OAAOA,uEAAAA,oBAAoB;CAC9D,QAAQC,yEAAAA;CACR,MAAMC,uEAAAA;CACN,WAAWC,6EAAAA;CACX,aAAaC,6EAAAA;CACb,eAAeC,6EAAAA;CACf,aAAaC,+EAAAA;CACb,WAAWC,4EAAAA;CACX,MAAMC,uEAAAA;CACN,OAAOC,wEAAAA;AACT,CAAC"}
+{"version":3,"file":"traces-explorer.cjs.js","names":["TracesExplorerRoot","TracesExplorerLayout","TracesExplorerBody","TracesExplorerFilterBar","TracesExplorerFilterChips","TracesExplorerTimeRangeChip","TracesExplorerColumnsMenu","TracesExplorerHistogram","TracesExplorerList","TracesExplorerPanel","TracesExplorerSavedViews"],"sources":["../../../../src/domains/traces/components/traces-explorer/index.ts"],"sourcesContent":["import { TracesExplorerBody } from './traces-explorer-body';\nimport { TracesExplorerColumnsMenu } from './traces-explorer-columns-menu';\nimport {\n  TracesExplorerFilterBar,\n  TracesExplorerFilterChips,\n  TracesExplorerTimeRangeChip,\n} from './traces-explorer-filter-bar';\nimport { TracesExplorerHistogram } from './traces-explorer-histogram';\nimport { TracesExplorerLayout } from './traces-explorer-layout';\nimport { TracesExplorerList } from './traces-explorer-list';\nimport { TracesExplorerPanel } from './traces-explorer-panel';\nimport { TracesExplorerRoot } from './traces-explorer-root';\nimport { TracesExplorerSavedViews } from './traces-explorer-saved-views';\n\nexport const TracesExplorer = Object.assign(TracesExplorerRoot, {\n  Layout: TracesExplorerLayout,\n  Body: TracesExplorerBody,\n  FilterBar: TracesExplorerFilterBar,\n  FilterChips: TracesExplorerFilterChips,\n  TimeRangeChip: TracesExplorerTimeRangeChip,\n  ColumnsMenu: TracesExplorerColumnsMenu,\n  Histogram: TracesExplorerHistogram,\n  List: TracesExplorerList,\n  Panel: TracesExplorerPanel,\n  SavedViews: TracesExplorerSavedViews,\n});\n\nexport type { TracesExplorerRootProps } from './traces-explorer-root';\nexport type { TracesExplorerErrorRenderArgs, TracesExplorerLayoutProps } from './traces-explorer-layout';\nexport type { TracesExplorerBodyProps } from './traces-explorer-body';\nexport type {\n  TracesExplorerFilterBarProps,\n  TracesExplorerFilterChipsProps,\n  TracesExplorerTimeRangeChipProps,\n} from './traces-explorer-filter-bar';\nexport type { TracesExplorerPanelProps } from './traces-explorer-panel';\nexport type { TracesExplorerSavedViewsProps } from './traces-explorer-saved-views';\nexport {\n  DEFAULT_TRACES_FILTERS,\n  DEFAULT_TRACES_SORT,\n  EMPTY_TRACES_SELECTION,\n  TRACES_SORT_FIELDS,\n  resolveTracesDateWindow,\n} from './traces-explorer-actions';\nexport type {\n  TracesExplorerState,\n  TracesFilters,\n  TracesSelection,\n  TracesSort,\n  TracesSortDirection,\n  TracesSortField,\n} from './traces-explorer-actions';\nexport {\n  useTraceUsageColumns,\n  useTracesColumns,\n  useTracesConfig,\n  useTracesFilters,\n  useTracesList,\n  useTracesListFetching,\n  useTracesSelection,\n} from './traces-explorer-context';\nexport type { TracesExplorerFeatures, TracesExplorerScope, TracesMetricsSupport } from './traces-explorer-context';\nexport { useTracesFilterBar, useTracesFilterBarFields } from './use-traces-filter-bar';\nexport { useTracesDiscovery } from './use-traces-discovery';\n"],"mappings":";;;;;;;;;;;;;;;AAcA,IAAa,iBAAiB,OAAO,OAAOA,uEAAAA,oBAAoB;CAC9D,QAAQC,yEAAAA;CACR,MAAMC,uEAAAA;CACN,WAAWC,6EAAAA;CACX,aAAaC,6EAAAA;CACb,eAAeC,6EAAAA;CACf,aAAaC,+EAAAA;CACb,WAAWC,4EAAAA;CACX,MAAMC,uEAAAA;CACN,OAAOC,wEAAAA;CACP,YAAYC,8EAAAA;AACd,CAAC"}

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

@@ -1,4 +1,4 @@
-import { DEFAULT_TRACES_FILTERS, DEFAULT_TRACES_SORT, EMPTY_TRACES_SELECTION, resolveTracesDateWindow } from "./traces-explorer/traces-explorer-actions.es.js";
+import { DEFAULT_TRACES_FILTERS, DEFAULT_TRACES_SORT, EMPTY_TRACES_SELECTION, TRACES_SORT_FIELDS, resolveTracesDateWindow } from "./traces-explorer/traces-explorer-actions.es.js";
 import { useTraceUsageColumns, useTracesColumns, useTracesConfig, useTracesFilters, useTracesList, useTracesListFetching, useTracesSelection } from "./traces-explorer/traces-explorer-context.es.js";
 import { useTracesDiscovery } from "./traces-explorer/use-traces-discovery.es.js";
 import { TracesExplorerBody } from "./traces-explorer/traces-explorer-body.es.js";
@@ -10,6 +10,7 @@ import { TracesExplorerLayout } from "./traces-explorer/traces-explorer-layout.e
 import { TracesExplorerList } from "./traces-explorer/traces-explorer-list.es.js";
 import { TracesExplorerPanel } from "./traces-explorer/traces-explorer-panel.es.js";
 import { TracesExplorerRoot } from "./traces-explorer/traces-explorer-root.es.js";
+import { TracesExplorerSavedViews } from "./traces-explorer/traces-explorer-saved-views.es.js";
 // src/domains/traces/components/traces-explorer/index.ts
 var TracesExplorer = Object.assign(TracesExplorerRoot, {
 	Layout: TracesExplorerLayout,
@@ -20,8 +21,9 @@ var TracesExplorer = Object.assign(TracesExplorerRoot, {
 	ColumnsMenu: TracesExplorerColumnsMenu,
 	Histogram: TracesExplorerHistogram,
 	List: TracesExplorerList,
-	Panel: TracesExplorerPanel
+	Panel: TracesExplorerPanel,
+	SavedViews: TracesExplorerSavedViews
 });
-export { DEFAULT_TRACES_FILTERS, DEFAULT_TRACES_SORT, EMPTY_TRACES_SELECTION, TracesExplorer, resolveTracesDateWindow, useTraceUsageColumns, useTracesColumns, useTracesConfig, useTracesDiscovery, useTracesFilterBar, useTracesFilterBarFields, useTracesFilters, useTracesList, useTracesListFetching, useTracesSelection };
+export { DEFAULT_TRACES_FILTERS, DEFAULT_TRACES_SORT, EMPTY_TRACES_SELECTION, TRACES_SORT_FIELDS, TracesExplorer, resolveTracesDateWindow, useTraceUsageColumns, useTracesColumns, useTracesConfig, useTracesDiscovery, useTracesFilterBar, useTracesFilterBarFields, useTracesFilters, useTracesList, useTracesListFetching, useTracesSelection };
 
 //# sourceMappingURL=traces-explorer.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"traces-explorer.es.js","names":[],"sources":["../../../../src/domains/traces/components/traces-explorer/index.ts"],"sourcesContent":["import { TracesExplorerBody } from './traces-explorer-body';\nimport { TracesExplorerColumnsMenu } from './traces-explorer-columns-menu';\nimport {\n  TracesExplorerFilterBar,\n  TracesExplorerFilterChips,\n  TracesExplorerTimeRangeChip,\n} from './traces-explorer-filter-bar';\nimport { TracesExplorerHistogram } from './traces-explorer-histogram';\nimport { TracesExplorerLayout } from './traces-explorer-layout';\nimport { TracesExplorerList } from './traces-explorer-list';\nimport { TracesExplorerPanel } from './traces-explorer-panel';\nimport { TracesExplorerRoot } from './traces-explorer-root';\n\nexport const TracesExplorer = Object.assign(TracesExplorerRoot, {\n  Layout: TracesExplorerLayout,\n  Body: TracesExplorerBody,\n  FilterBar: TracesExplorerFilterBar,\n  FilterChips: TracesExplorerFilterChips,\n  TimeRangeChip: TracesExplorerTimeRangeChip,\n  ColumnsMenu: TracesExplorerColumnsMenu,\n  Histogram: TracesExplorerHistogram,\n  List: TracesExplorerList,\n  Panel: TracesExplorerPanel,\n});\n\nexport type { TracesExplorerRootProps } from './traces-explorer-root';\nexport type { TracesExplorerErrorRenderArgs, TracesExplorerLayoutProps } from './traces-explorer-layout';\nexport type { TracesExplorerBodyProps } from './traces-explorer-body';\nexport type {\n  TracesExplorerFilterBarProps,\n  TracesExplorerFilterChipsProps,\n  TracesExplorerTimeRangeChipProps,\n} from './traces-explorer-filter-bar';\nexport type { TracesExplorerPanelProps } from './traces-explorer-panel';\nexport {\n  DEFAULT_TRACES_FILTERS,\n  DEFAULT_TRACES_SORT,\n  EMPTY_TRACES_SELECTION,\n  resolveTracesDateWindow,\n} from './traces-explorer-actions';\nexport type {\n  TracesExplorerState,\n  TracesFilters,\n  TracesSelection,\n  TracesSort,\n  TracesSortDirection,\n  TracesSortField,\n} from './traces-explorer-actions';\nexport {\n  useTraceUsageColumns,\n  useTracesColumns,\n  useTracesConfig,\n  useTracesFilters,\n  useTracesList,\n  useTracesListFetching,\n  useTracesSelection,\n} from './traces-explorer-context';\nexport type { TracesExplorerFeatures, TracesExplorerScope, TracesMetricsSupport } from './traces-explorer-context';\nexport { useTracesFilterBar, useTracesFilterBarFields } from './use-traces-filter-bar';\nexport { useTracesDiscovery } from './use-traces-discovery';\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAa,iBAAiB,OAAO,OAAO,oBAAoB;CAC9D,QAAQ;CACR,MAAM;CACN,WAAW;CACX,aAAa;CACb,eAAe;CACf,aAAa;CACb,WAAW;CACX,MAAM;CACN,OAAO;AACT,CAAC"}
+{"version":3,"file":"traces-explorer.es.js","names":[],"sources":["../../../../src/domains/traces/components/traces-explorer/index.ts"],"sourcesContent":["import { TracesExplorerBody } from './traces-explorer-body';\nimport { TracesExplorerColumnsMenu } from './traces-explorer-columns-menu';\nimport {\n  TracesExplorerFilterBar,\n  TracesExplorerFilterChips,\n  TracesExplorerTimeRangeChip,\n} from './traces-explorer-filter-bar';\nimport { TracesExplorerHistogram } from './traces-explorer-histogram';\nimport { TracesExplorerLayout } from './traces-explorer-layout';\nimport { TracesExplorerList } from './traces-explorer-list';\nimport { TracesExplorerPanel } from './traces-explorer-panel';\nimport { TracesExplorerRoot } from './traces-explorer-root';\nimport { TracesExplorerSavedViews } from './traces-explorer-saved-views';\n\nexport const TracesExplorer = Object.assign(TracesExplorerRoot, {\n  Layout: TracesExplorerLayout,\n  Body: TracesExplorerBody,\n  FilterBar: TracesExplorerFilterBar,\n  FilterChips: TracesExplorerFilterChips,\n  TimeRangeChip: TracesExplorerTimeRangeChip,\n  ColumnsMenu: TracesExplorerColumnsMenu,\n  Histogram: TracesExplorerHistogram,\n  List: TracesExplorerList,\n  Panel: TracesExplorerPanel,\n  SavedViews: TracesExplorerSavedViews,\n});\n\nexport type { TracesExplorerRootProps } from './traces-explorer-root';\nexport type { TracesExplorerErrorRenderArgs, TracesExplorerLayoutProps } from './traces-explorer-layout';\nexport type { TracesExplorerBodyProps } from './traces-explorer-body';\nexport type {\n  TracesExplorerFilterBarProps,\n  TracesExplorerFilterChipsProps,\n  TracesExplorerTimeRangeChipProps,\n} from './traces-explorer-filter-bar';\nexport type { TracesExplorerPanelProps } from './traces-explorer-panel';\nexport type { TracesExplorerSavedViewsProps } from './traces-explorer-saved-views';\nexport {\n  DEFAULT_TRACES_FILTERS,\n  DEFAULT_TRACES_SORT,\n  EMPTY_TRACES_SELECTION,\n  TRACES_SORT_FIELDS,\n  resolveTracesDateWindow,\n} from './traces-explorer-actions';\nexport type {\n  TracesExplorerState,\n  TracesFilters,\n  TracesSelection,\n  TracesSort,\n  TracesSortDirection,\n  TracesSortField,\n} from './traces-explorer-actions';\nexport {\n  useTraceUsageColumns,\n  useTracesColumns,\n  useTracesConfig,\n  useTracesFilters,\n  useTracesList,\n  useTracesListFetching,\n  useTracesSelection,\n} from './traces-explorer-context';\nexport type { TracesExplorerFeatures, TracesExplorerScope, TracesMetricsSupport } from './traces-explorer-context';\nexport { useTracesFilterBar, useTracesFilterBarFields } from './use-traces-filter-bar';\nexport { useTracesDiscovery } from './use-traces-discovery';\n"],"mappings":";;;;;;;;;;;;;;AAcA,IAAa,iBAAiB,OAAO,OAAO,oBAAoB;CAC9D,QAAQ;CACR,MAAM;CACN,WAAW;CACX,aAAa;CACb,eAAe;CACf,aAAa;CACb,WAAW;CACX,MAAM;CACN,OAAO;CACP,YAAY;AACd,CAAC"}

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

@@ -19,9 +19,13 @@ function toTracesListViewTraces(traces) {
 		resourceId: trace.resourceId,
 		environment: trace.environment,
 		status: trace.status,
+		outcome: trace.outcome,
+		stopReason: trace.stopReason,
+		stopReasonContext: trace.stopReasonContext,
 		startedAt: trace.startedAt,
 		endedAt: trace.endedAt,
-		timeToFirstChunkMs: trace.timeToFirstChunkMs
+		timeToFirstChunkMs: trace.timeToFirstChunkMs,
+		timeToFirstTokenMs: trace.timeToFirstTokenMs
 	}));
 }
 exports.toTracesListViewTraces = toTracesListViewTraces;

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

@@ -1 +1 @@
-{"version":3,"file":"traces-list-view-adapter.cjs.js","names":["displayTraceName"],"sources":["../../../../src/domains/traces/components/traces-list-view-adapter.ts"],"sourcesContent":["import type { TraceQueryTrace } from '@mastra/core/storage';\nimport { displayTraceName } from '../trace-list-columns';\nimport type { TracesListViewTrace } from './traces-list-view';\n\nexport function toTracesListViewTraces(traces: TraceQueryTrace[]): TracesListViewTrace[] {\n  return traces.map(trace => ({\n    traceId: trace.traceId,\n    spanId: trace.rootSpanId,\n    parentSpanId: trace.parentSpanId,\n    name: displayTraceName(trace.name),\n    createdAt: trace.createdAt,\n    inputPreview: trace.inputPreview,\n    outputPreview: trace.outputPreview ?? undefined,\n    errorPreview: trace.errorPreview ?? undefined,\n    metadata: trace.metadata,\n    entityId: trace.entityId,\n    entityName: trace.entityName,\n    entityType: trace.entityType,\n    threadId: trace.threadId,\n    resourceId: trace.resourceId,\n    environment: trace.environment,\n    status: trace.status,\n    startedAt: trace.startedAt,\n    endedAt: trace.endedAt,\n    timeToFirstChunkMs: trace.timeToFirstChunkMs,\n  }));\n}\n"],"mappings":";;;AAIA,SAAgB,uBAAuB,QAAkD;CACvF,OAAO,OAAO,KAAI,WAAU;EAC1B,SAAS,MAAM;EACf,QAAQ,MAAM;EACd,cAAc,MAAM;EACpB,MAAMA,0CAAAA,iBAAiB,MAAM,IAAI;EACjC,WAAW,MAAM;EACjB,cAAc,MAAM;EACpB,eAAe,MAAM,iBAAiB,KAAA;EACtC,cAAc,MAAM,gBAAgB,KAAA;EACpC,UAAU,MAAM;EAChB,UAAU,MAAM;EAChB,YAAY,MAAM;EAClB,YAAY,MAAM;EAClB,UAAU,MAAM;EAChB,YAAY,MAAM;EAClB,aAAa,MAAM;EACnB,QAAQ,MAAM;EACd,WAAW,MAAM;EACjB,SAAS,MAAM;EACf,oBAAoB,MAAM;CAC5B,EAAE;AACJ"}
+{"version":3,"file":"traces-list-view-adapter.cjs.js","names":["displayTraceName"],"sources":["../../../../src/domains/traces/components/traces-list-view-adapter.ts"],"sourcesContent":["import type { TraceQueryTrace } from '@mastra/core/storage';\nimport { displayTraceName } from '../trace-list-columns';\nimport type { TracesListViewTrace } from './traces-list-view';\n\nexport function toTracesListViewTraces(traces: TraceQueryTrace[]): TracesListViewTrace[] {\n  return traces.map(trace => ({\n    traceId: trace.traceId,\n    spanId: trace.rootSpanId,\n    parentSpanId: trace.parentSpanId,\n    name: displayTraceName(trace.name),\n    createdAt: trace.createdAt,\n    inputPreview: trace.inputPreview,\n    outputPreview: trace.outputPreview ?? undefined,\n    errorPreview: trace.errorPreview ?? undefined,\n    metadata: trace.metadata,\n    entityId: trace.entityId,\n    entityName: trace.entityName,\n    entityType: trace.entityType,\n    threadId: trace.threadId,\n    resourceId: trace.resourceId,\n    environment: trace.environment,\n    status: trace.status,\n    outcome: trace.outcome,\n    stopReason: trace.stopReason,\n    stopReasonContext: trace.stopReasonContext,\n    startedAt: trace.startedAt,\n    endedAt: trace.endedAt,\n    timeToFirstChunkMs: trace.timeToFirstChunkMs,\n    timeToFirstTokenMs: trace.timeToFirstTokenMs,\n  }));\n}\n"],"mappings":";;;AAIA,SAAgB,uBAAuB,QAAkD;CACvF,OAAO,OAAO,KAAI,WAAU;EAC1B,SAAS,MAAM;EACf,QAAQ,MAAM;EACd,cAAc,MAAM;EACpB,MAAMA,0CAAAA,iBAAiB,MAAM,IAAI;EACjC,WAAW,MAAM;EACjB,cAAc,MAAM;EACpB,eAAe,MAAM,iBAAiB,KAAA;EACtC,cAAc,MAAM,gBAAgB,KAAA;EACpC,UAAU,MAAM;EAChB,UAAU,MAAM;EAChB,YAAY,MAAM;EAClB,YAAY,MAAM;EAClB,UAAU,MAAM;EAChB,YAAY,MAAM;EAClB,aAAa,MAAM;EACnB,QAAQ,MAAM;EACd,SAAS,MAAM;EACf,YAAY,MAAM;EAClB,mBAAmB,MAAM;EACzB,WAAW,MAAM;EACjB,SAAS,MAAM;EACf,oBAAoB,MAAM;EAC1B,oBAAoB,MAAM;CAC5B,EAAE;AACJ"}

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

@@ -18,9 +18,13 @@ function toTracesListViewTraces(traces) {
 		resourceId: trace.resourceId,
 		environment: trace.environment,
 		status: trace.status,
+		outcome: trace.outcome,
+		stopReason: trace.stopReason,
+		stopReasonContext: trace.stopReasonContext,
 		startedAt: trace.startedAt,
 		endedAt: trace.endedAt,
-		timeToFirstChunkMs: trace.timeToFirstChunkMs
+		timeToFirstChunkMs: trace.timeToFirstChunkMs,
+		timeToFirstTokenMs: trace.timeToFirstTokenMs
 	}));
 }
 export { toTracesListViewTraces };

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

@@ -1 +1 @@
-{"version":3,"file":"traces-list-view-adapter.es.js","names":[],"sources":["../../../../src/domains/traces/components/traces-list-view-adapter.ts"],"sourcesContent":["import type { TraceQueryTrace } from '@mastra/core/storage';\nimport { displayTraceName } from '../trace-list-columns';\nimport type { TracesListViewTrace } from './traces-list-view';\n\nexport function toTracesListViewTraces(traces: TraceQueryTrace[]): TracesListViewTrace[] {\n  return traces.map(trace => ({\n    traceId: trace.traceId,\n    spanId: trace.rootSpanId,\n    parentSpanId: trace.parentSpanId,\n    name: displayTraceName(trace.name),\n    createdAt: trace.createdAt,\n    inputPreview: trace.inputPreview,\n    outputPreview: trace.outputPreview ?? undefined,\n    errorPreview: trace.errorPreview ?? undefined,\n    metadata: trace.metadata,\n    entityId: trace.entityId,\n    entityName: trace.entityName,\n    entityType: trace.entityType,\n    threadId: trace.threadId,\n    resourceId: trace.resourceId,\n    environment: trace.environment,\n    status: trace.status,\n    startedAt: trace.startedAt,\n    endedAt: trace.endedAt,\n    timeToFirstChunkMs: trace.timeToFirstChunkMs,\n  }));\n}\n"],"mappings":";;AAIA,SAAgB,uBAAuB,QAAkD;CACvF,OAAO,OAAO,KAAI,WAAU;EAC1B,SAAS,MAAM;EACf,QAAQ,MAAM;EACd,cAAc,MAAM;EACpB,MAAM,iBAAiB,MAAM,IAAI;EACjC,WAAW,MAAM;EACjB,cAAc,MAAM;EACpB,eAAe,MAAM,iBAAiB,KAAA;EACtC,cAAc,MAAM,gBAAgB,KAAA;EACpC,UAAU,MAAM;EAChB,UAAU,MAAM;EAChB,YAAY,MAAM;EAClB,YAAY,MAAM;EAClB,UAAU,MAAM;EAChB,YAAY,MAAM;EAClB,aAAa,MAAM;EACnB,QAAQ,MAAM;EACd,WAAW,MAAM;EACjB,SAAS,MAAM;EACf,oBAAoB,MAAM;CAC5B,EAAE;AACJ"}
+{"version":3,"file":"traces-list-view-adapter.es.js","names":[],"sources":["../../../../src/domains/traces/components/traces-list-view-adapter.ts"],"sourcesContent":["import type { TraceQueryTrace } from '@mastra/core/storage';\nimport { displayTraceName } from '../trace-list-columns';\nimport type { TracesListViewTrace } from './traces-list-view';\n\nexport function toTracesListViewTraces(traces: TraceQueryTrace[]): TracesListViewTrace[] {\n  return traces.map(trace => ({\n    traceId: trace.traceId,\n    spanId: trace.rootSpanId,\n    parentSpanId: trace.parentSpanId,\n    name: displayTraceName(trace.name),\n    createdAt: trace.createdAt,\n    inputPreview: trace.inputPreview,\n    outputPreview: trace.outputPreview ?? undefined,\n    errorPreview: trace.errorPreview ?? undefined,\n    metadata: trace.metadata,\n    entityId: trace.entityId,\n    entityName: trace.entityName,\n    entityType: trace.entityType,\n    threadId: trace.threadId,\n    resourceId: trace.resourceId,\n    environment: trace.environment,\n    status: trace.status,\n    outcome: trace.outcome,\n    stopReason: trace.stopReason,\n    stopReasonContext: trace.stopReasonContext,\n    startedAt: trace.startedAt,\n    endedAt: trace.endedAt,\n    timeToFirstChunkMs: trace.timeToFirstChunkMs,\n    timeToFirstTokenMs: trace.timeToFirstTokenMs,\n  }));\n}\n"],"mappings":";;AAIA,SAAgB,uBAAuB,QAAkD;CACvF,OAAO,OAAO,KAAI,WAAU;EAC1B,SAAS,MAAM;EACf,QAAQ,MAAM;EACd,cAAc,MAAM;EACpB,MAAM,iBAAiB,MAAM,IAAI;EACjC,WAAW,MAAM;EACjB,cAAc,MAAM;EACpB,eAAe,MAAM,iBAAiB,KAAA;EACtC,cAAc,MAAM,gBAAgB,KAAA;EACpC,UAAU,MAAM;EAChB,UAAU,MAAM;EAChB,YAAY,MAAM;EAClB,YAAY,MAAM;EAClB,UAAU,MAAM;EAChB,YAAY,MAAM;EAClB,aAAa,MAAM;EACnB,QAAQ,MAAM;EACd,SAAS,MAAM;EACf,YAAY,MAAM;EAClB,mBAAmB,MAAM;EACzB,WAAW,MAAM;EACjB,SAAS,MAAM;EACf,oBAAoB,MAAM;EAC1B,oBAAoB,MAAM;CAC5B,EAAE;AACJ"}

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

@@ -7,10 +7,10 @@ const require_primitives_transitions = require("../../../primitives/transitions.
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_dropdown_menu = require("../../../dropdown-menu-BETTTPBB.cjs");
 const require_data_list = require("../../../data-list-BkimqE_P.cjs");
-const require_DataList = require("../../../DataList-Cmk08jUV.cjs");
+const require_DataList = require("../../../DataList-Czwmwyvp.cjs");
 const require_use_data_list_keyboard = require("../../../use-data-list-keyboard-BCLBdaWR.cjs");
-const require_domains_traces_utils_span_utils = require("../utils/span-utils.cjs.js");
 const require_domains_traces_trace_list_columns = require("../trace-list-columns.cjs.js");
+const require_domains_traces_utils_span_utils = require("../utils/span-utils.cjs.js");
 const require_domains_traces_components_trace_error_cell = require("./trace-error-cell.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -41,21 +41,28 @@ function sumTokens(usage) {
 function isFailedTrace(trace) {
 	return trace.status === "error" && !!trace.errorPreview && !!trace.spanId;
 }
-/** The TTFC abbreviation, spelled out on hover; the sort button already names the column for screen readers. */
-function TimeToFirstChunkLabel() {
+/** An abbreviated header, spelled out on hover; the sort button already names the column for screen readers. */
+function AbbreviatedLabel({ abbreviation, title }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tooltip.Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipTrigger, {
 		render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}),
-		children: "TTFC"
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipContent, { children: "Time to first chunk" })] });
+		children: abbreviation
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipContent, { children: title })] });
 }
+var DEFAULT_SORTABLE_FIELDS = ["startedAt"];
 /**
 * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and
 * uses DataList primitives for layout (CSS Grid with subgrid rows).
 */
-function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, filtersApplied, resource = "traces", featuredTraceId, featuredSpanId, isBranchesMode, recentlyAddedKeys, columnPreferences = require_domains_traces_trace_list_columns.DEFAULT_TRACE_COLUMN_PREFERENCES, usageByTraceId, onTraceClick, createdSort, onSortChange, timeToFirstChunkSort, onTimeToFirstChunkSortChange, onFilterByField, listId = "all-traces" }) {
+function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, filtersApplied, resource = "traces", featuredTraceId, featuredSpanId, isBranchesMode, recentlyAddedKeys, columnPreferences = require_domains_traces_trace_list_columns.DEFAULT_TRACE_COLUMN_PREFERENCES, usageByTraceId, onTraceClick, sort, sortableFields = DEFAULT_SORTABLE_FIELDS, onSortChange, onFilterByField, listId = "all-traces", outcomeColumn = true }) {
 	const scrollRef = (0, react.useRef)(null);
-	const columns = require_domains_traces_trace_list_columns.buildTraceListColumns(columnPreferences);
-	const columnKeys = require_domains_traces_trace_list_columns.buildTraceListColumnKeys(columnPreferences);
+	const columns = require_domains_traces_trace_list_columns.buildTraceListColumns(columnPreferences, { outcomeColumn });
+	const columnKeys = require_domains_traces_trace_list_columns.buildTraceListColumnKeys(columnPreferences, { outcomeColumn });
+	const isSortable = (field) => !!onSortChange && sortableFields.includes(field);
+	const sortFor = (field) => sort?.field === field ? sort.direction : void 0;
+	const handleSortChange = (direction, field) => onSortChange?.({
+		field,
+		direction
+	});
 	const virtualizer = (0, _tanstack_react_virtual.useVirtualizer)({
 		count: traces.length,
 		getScrollElement: () => scrollRef.current,
@@ -81,17 +88,17 @@ function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, se
 		scrollRef,
 		className: "min-w-0",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_DataList.TracesDataList.Top, { children: [
-			onSortChange ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.SortableTopCell, {
+			isSortable("startedAt") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.SortableTopCell, {
 				sortKey: "startedAt",
-				sort: createdSort,
-				onSortChange,
+				sort: sortFor("startedAt"),
+				onSortChange: handleSortChange,
 				children: "Start"
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.TopCell, { children: "Start" }),
 			require_domains_traces_trace_list_columns.hasTraceColumn(columnPreferences, "type") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.TopCell, { children: "Primitive type" }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.TopCell, { children: "Primitive name" }),
 			require_domains_traces_trace_list_columns.hasTraceColumn(columnPreferences, "input") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.TopCell, { children: "Input" }),
 			require_domains_traces_trace_list_columns.hasTraceColumn(columnPreferences, "output") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.TopCell, { children: "Output" }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.TopCell, { children: "Status" }),
+			outcomeColumn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.TopCell, { children: "Outcome" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.TopCell, { children: "Stop reason" })] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.TopCell, { children: "Status" }),
 			require_domains_traces_trace_list_columns.hasTraceColumn(columnPreferences, "duration") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.TopCell, {
 				className: "justify-end text-right",
 				children: "Duration"
@@ -101,18 +108,36 @@ function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, se
 				className: "justify-end text-right",
 				children: "Messages"
 			}),
-			require_domains_traces_trace_list_columns.hasTraceColumn(columnPreferences, "timeToFirstChunk") && (onTimeToFirstChunkSortChange ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.SortableTopCell, {
+			require_domains_traces_trace_list_columns.hasTraceColumn(columnPreferences, "timeToFirstChunk") && (isSortable("timeToFirstChunkMs") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.SortableTopCell, {
 				sortKey: "timeToFirstChunkMs",
-				sort: timeToFirstChunkSort,
-				onSortChange: onTimeToFirstChunkSortChange,
+				sort: sortFor("timeToFirstChunkMs"),
+				onSortChange: handleSortChange,
 				label: "Time to first chunk",
 				align: "end",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimeToFirstChunkLabel, {})
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AbbreviatedLabel, {
+					abbreviation: "TTFC",
+					title: "Time to first chunk"
+				})
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.TopCellWithTooltip, {
 				tooltip: "Time to first chunk",
 				className: "justify-end text-right",
 				children: "TTFC"
 			})),
+			require_domains_traces_trace_list_columns.hasTraceColumn(columnPreferences, "timeToFirstToken") && (isSortable("timeToFirstTokenMs") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.SortableTopCell, {
+				sortKey: "timeToFirstTokenMs",
+				sort: sortFor("timeToFirstTokenMs"),
+				onSortChange: handleSortChange,
+				label: "Time to first token",
+				align: "end",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AbbreviatedLabel, {
+					abbreviation: "TTFT",
+					title: "Time to first token"
+				})
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.TopCellWithTooltip, {
+				tooltip: "Time to first token",
+				className: "justify-end text-right",
+				children: "TTFT"
+			})),
 			require_domains_traces_trace_list_columns.hasTraceColumn(columnPreferences, "endTime") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.TopCell, { children: "End" }),
 			require_domains_traces_trace_list_columns.hasTraceColumn(columnPreferences, "environment") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.TopCell, { children: "Environment" }),
 			require_domains_traces_trace_list_columns.hasTraceColumn(columnPreferences, "model") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.TopCell, { children: "Model" }),
@@ -206,7 +231,13 @@ function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, se
 							error: trace.errorPreview,
 							status: trace.status
 						})),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.StatusCell, { status: trace.status }),
+						outcomeColumn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.OutcomeCell, {
+							outcome: trace.outcome,
+							status: trace.status
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.StopReasonCell, {
+							stopReason: trace.stopReason,
+							stopReasonContext: trace.stopReasonContext
+						})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.StatusCell, { status: trace.status }),
 						require_domains_traces_trace_list_columns.hasTraceColumn(columnPreferences, "duration") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_data_list.DataList.NumberCell, {
 							font: "mono",
 							children: require_utils_duration.formatDuration(require_domains_traces_utils_span_utils.getSpanDurationMs(trace.startedAt, trace.endedAt))
@@ -216,6 +247,10 @@ function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, se
 							font: "mono",
 							children: require_utils_duration.formatDuration(trace.timeToFirstChunkMs)
 						}),
+						require_domains_traces_trace_list_columns.hasTraceColumn(columnPreferences, "timeToFirstToken") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_data_list.DataList.NumberCell, {
+							font: "mono",
+							children: require_utils_duration.formatDuration(trace.timeToFirstTokenMs)
+						}),
 						require_domains_traces_trace_list_columns.hasTraceColumn(columnPreferences, "endTime") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataList.TracesDataList.CreatedCell, {
 							timestamp: trace.endedAt ?? "",
 							preset: "day-time-seconds"