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

package/dist/domains/spans/components/spans-explorer-body.es.js

@@ -1,8 +1,11 @@
 import { useObservabilityCapabilities } from "../../capabilities.es.js";
+import { SPAN_LIST_SORT_FIELDS } from "../../observability/observability-list-url-state.es.js";
+import { buildSpanQueryWhere } from "../span-filters.es.js";
+import { hasTraceColumn, withoutUnrecordedStreamingColumns } from "../../traces/trace-list-columns.es.js";
+import { t as ObservabilitySavedViews } from "../../../observability-saved-views-Bo5kLN20.js";
 import { ObservabilityListBody } from "../../observability/components/observability-list-body.es.js";
 import { useObservabilityListFilters } from "../../observability/hooks/use-observability-list-filters.es.js";
 import { useSpansListSource } from "../hooks/use-spans-list-source.es.js";
-import { buildSpanQueryWhere } from "../span-filters.es.js";
 import { spanToListRow } from "../span-list-row.es.js";
 import { SpansExplorerHistogram } from "./spans-explorer-histogram.es.js";
 import { SpansFilterBar } from "./spans-filter-bar.es.js";
@@ -16,27 +19,67 @@ import { useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/spans/components/spans-explorer-body.tsx
 /** The spans page body: filter bar, span list and the host's span panel. Router-agnostic. */
-function SpansExplorerBody({ selection, onSelectionChange, renderPanel }) {
-	const filters = useObservabilityListFilters();
-	const { timeRange, tokens, groups, sort } = filters;
+function SpansExplorerBody({ selection, onSelectionChange, renderPanel, urlState }) {
+	const filters = useObservabilityListFilters(urlState, { sortFields: SPAN_LIST_SORT_FIELDS });
+	const { timeRange, tokens, groups } = filters;
 	const columns = useTraceColumnPreferences({ scope: "spans" });
-	const { data: capabilities } = useObservabilityCapabilities();
+	const { data: capabilities, isLoading: isCapabilitiesLoading } = useObservabilityCapabilities();
 	const withContextFields = capabilities?.capabilities.spanQueryContextFields ?? false;
-	const where = useMemo(() => buildSpanQueryWhere(tokens, groups, { withContextFields }), [
+	const withTimeToFirstChunk = capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false;
+	const withTimeToFirstToken = capabilities?.capabilities.traceQueryTimeToFirstToken ?? false;
+	const withOutcomeFields = capabilities?.capabilities.spanQueryOutcomeFields ?? false;
+	const withModelFields = capabilities?.capabilities.spanQueryModelFields ?? false;
+	const displayedColumns = useMemo(() => isCapabilitiesLoading ? columns.preferences : withoutUnrecordedStreamingColumns(columns.preferences, {
+		withTimeToFirstChunk,
+		withTimeToFirstToken
+	}), [
+		columns.preferences,
+		isCapabilitiesLoading,
+		withTimeToFirstChunk,
+		withTimeToFirstToken
+	]);
+	const sortableFields = useMemo(() => {
+		const fields = ["startedAt"];
+		if (withTimeToFirstChunk && capabilities?.capabilities.traceQueryTimeToFirstChunkSort && hasTraceColumn(displayedColumns, "timeToFirstChunk")) fields.push("timeToFirstChunkMs");
+		if (withTimeToFirstToken && capabilities?.capabilities.traceQueryTimeToFirstTokenSort && hasTraceColumn(displayedColumns, "timeToFirstToken")) fields.push("timeToFirstTokenMs");
+		return fields;
+	}, [
+		capabilities,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		displayedColumns
+	]);
+	const sort = sortableFields.includes(filters.sort.field) ? filters.sort : {
+		field: "startedAt",
+		direction: "desc"
+	};
+	const { field: sortField, direction: sortDirection } = sort;
+	const where = useMemo(() => buildSpanQueryWhere(tokens, groups, {
+		withContextFields,
+		withOutcomeFields,
+		withModelFields,
+		withTimeToFirstChunk,
+		withTimeToFirstToken
+	}), [
 		tokens,
 		groups,
-		withContextFields
+		withContextFields,
+		withOutcomeFields,
+		withModelFields,
+		withTimeToFirstChunk,
+		withTimeToFirstToken
 	]);
 	const query = useMemo(() => ({
 		timeRange,
 		orderBy: [{
-			field: "startedAt",
-			direction: sort
+			field: sortField,
+			direction: sortDirection
 		}],
 		...where ? { where } : {}
 	}), [
 		timeRange,
-		sort,
+		sortField,
+		sortDirection,
 		where
 	]);
 	const { spans, hasNextPage, isFetchingNextPage, setEndOfListElement, isLoading, isError, error } = useSpansListSource({
@@ -62,7 +105,11 @@ function SpansExplorerBody({ selection, onSelectionChange, renderPanel }) {
 			children: "Spans"
 		}),
 		/* @__PURE__ */ jsx(ObservabilityListBody, {
-			toolbar: /* @__PURE__ */ jsx(ActionRow, { children: /* @__PURE__ */ jsxs(ActionRow.Start, { children: [/* @__PURE__ */ jsx(ColumnsMenu, {
+			toolbar: /* @__PURE__ */ jsxs(Fragment$1, { children: [urlState && /* @__PURE__ */ jsx(ObservabilitySavedViews, {
+				page: "spans",
+				...urlState,
+				columns
+			}), /* @__PURE__ */ jsx(ActionRow, { children: /* @__PURE__ */ jsxs(ActionRow.Start, { children: [/* @__PURE__ */ jsx(ColumnsMenu, {
 				scope: "spans",
 				value: columns.preferences,
 				onChange: columns.setPreferences
@@ -76,16 +123,14 @@ function SpansExplorerBody({ selection, onSelectionChange, renderPanel }) {
 				onDatePresetChange: filters.onDatePresetChange,
 				onDateChange: filters.onDateChange,
 				onDateRangeChange: filters.onDateRangeChange,
+				onDateReset: filters.onDateReset,
 				onFiltersChange: filters.onFiltersChange,
 				disabled: isLoading
-			})] }) }),
+			})] }) })] }),
 			chart: /* @__PURE__ */ jsx(SpansExplorerHistogram, {
 				timeRange,
 				where,
-				onZoom: ({ from, to }) => {
-					filters.onDatePresetChange("custom");
-					filters.onDateRangeChange(from, to);
-				}
+				onZoom: ({ from, to }) => filters.onZoom(from, to)
 			}),
 			error: isError ? /* @__PURE__ */ jsx(TracesErrorContent, {
 				error,
@@ -101,7 +146,7 @@ function SpansExplorerBody({ selection, onSelectionChange, renderPanel }) {
 			children: /* @__PURE__ */ jsx(TracesListView, {
 				listId: "all-spans",
 				traces: rows,
-				columnPreferences: columns.preferences,
+				columnPreferences: displayedColumns,
 				isLoading,
 				isFetchingNextPage,
 				hasNextPage,
@@ -109,7 +154,8 @@ function SpansExplorerBody({ selection, onSelectionChange, renderPanel }) {
 				filtersApplied: filters.filtersApplied,
 				resource: "spans",
 				isBranchesMode: true,
-				createdSort: sort,
+				sort,
+				sortableFields,
 				onSortChange: filters.setSort,
 				featuredTraceId: selection?.traceId,
 				featuredSpanId: selection?.spanId,

package/dist/domains/spans/components/spans-explorer-body.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"spans-explorer-body.es.js","names":["_Fragment"],"sources":["../../../../src/domains/spans/components/spans-explorer-body.tsx"],"sourcesContent":["import type { SpanQueryArgs } from '@mastra/react/hooks/traces';\nimport { useMemo } from 'react';\nimport type { ReactNode } from 'react';\nimport { useSpansListSource } from '../hooks/use-spans-list-source';\nimport { buildSpanQueryWhere } from '../span-filters';\nimport { spanToListRow } from '../span-list-row';\nimport type { SpanSelection } from './span-detail-panel';\nimport { SpansExplorerHistogram } from './spans-explorer-histogram';\nimport { SpansFilterBar } from './spans-filter-bar';\nimport { useObservabilityCapabilities } from '@/domains/capabilities';\nimport { ObservabilityListBody } from '@/domains/observability/components/observability-list-body';\nimport { useObservabilityListFilters } from '@/domains/observability/hooks/use-observability-list-filters';\nimport { ColumnsMenu } from '@/domains/traces/components/columns-menu';\nimport { NoTracesInfo } from '@/domains/traces/components/no-traces-info';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { TracesListView } from '@/domains/traces/components/traces-list-view';\nimport type { TracesListViewTrace } from '@/domains/traces/components/traces-list-view';\nimport { useTraceColumnPreferences } from '@/domains/traces/hooks/use-trace-column-preferences';\nimport { ActionRow } from '@/ds/components/ActionRow';\n\nexport type SpansExplorerPanelArgs = {\n  selection: SpanSelection | undefined;\n  /** Loaded spans, in list order, for the panel's previous/next buttons. */\n  spans: SpanSelection[];\n  onSelect: (selection: SpanSelection) => void;\n  onClose: () => void;\n};\n\nexport type SpansExplorerBodyProps = {\n  /** The open span. The host keeps it (e.g. in the URL) so it survives a reload. */\n  selection: SpanSelection | undefined;\n  onSelectionChange: (selection: SpanSelection | undefined) => void;\n  /** Renders the open span's panel in the host's own side panel or drawer. */\n  renderPanel: (args: SpansExplorerPanelArgs) => ReactNode;\n};\n\n/** The spans page body: filter bar, span list and the host's span panel. Router-agnostic. */\nexport function SpansExplorerBody({ selection, onSelectionChange, renderPanel }: SpansExplorerBodyProps) {\n  const filters = useObservabilityListFilters();\n  const { timeRange, tokens, groups, sort } = filters;\n  const columns = useTraceColumnPreferences({ scope: 'spans' });\n\n  const { data: capabilities } = useObservabilityCapabilities();\n  const withContextFields = capabilities?.capabilities.spanQueryContextFields ?? false;\n\n  const where = useMemo(\n    () => buildSpanQueryWhere(tokens, groups, { withContextFields }),\n    [tokens, groups, withContextFields],\n  );\n  const query = useMemo<SpanQueryArgs>(\n    () => ({ timeRange, orderBy: [{ field: 'startedAt', direction: sort }], ...(where ? { where } : {}) }),\n    [timeRange, sort, where],\n  );\n\n  const { spans, hasNextPage, isFetchingNextPage, setEndOfListElement, isLoading, isError, error } = useSpansListSource(\n    {\n      query,\n      rolling: filters.rolling,\n    },\n  );\n\n  const rows = useMemo(() => (spans ?? []).map(spanToListRow), [spans]);\n  const panelSpans = useMemo(\n    () => rows.flatMap(row => (row.spanId ? [{ traceId: row.traceId, spanId: row.spanId }] : [])),\n    [rows],\n  );\n\n  // Clicking the open row again closes the panel.\n  const handleSpanClick = (row: TracesListViewTrace) => {\n    if (!row.spanId) return;\n    const isOpen = selection?.traceId === row.traceId && selection.spanId === row.spanId;\n    onSelectionChange(isOpen ? undefined : { traceId: row.traceId, spanId: row.spanId });\n  };\n\n  // Same rule as /traces: an empty window without filters gets the full-page empty state.\n  const showEmptyState = !isLoading && !isError && rows.length === 0 && !filters.contentFiltersApplied && !selection;\n\n  return (\n    <>\n      <h1 className=\"sr-only\">Spans</h1>\n      <ObservabilityListBody\n        toolbar={\n          <ActionRow>\n            <ActionRow.Start>\n              <ColumnsMenu scope=\"spans\" value={columns.preferences} onChange={columns.setPreferences} />\n              <SpansFilterBar\n                datePreset={filters.datePreset}\n                dateFrom={filters.dateFrom}\n                dateTo={filters.dateTo}\n                timeRange={timeRange}\n                tokens={tokens}\n                groups={groups}\n                onDatePresetChange={filters.onDatePresetChange}\n                onDateChange={filters.onDateChange}\n                onDateRangeChange={filters.onDateRangeChange}\n                onFiltersChange={filters.onFiltersChange}\n                disabled={isLoading}\n              />\n            </ActionRow.Start>\n          </ActionRow>\n        }\n        chart={\n          <SpansExplorerHistogram\n            timeRange={timeRange}\n            where={where}\n            onZoom={({ from, to }) => {\n              filters.onDatePresetChange('custom');\n              filters.onDateRangeChange(from, to);\n            }}\n          />\n        }\n        error={\n          isError ? <TracesErrorContent error={error} resource=\"spans\" errorTitle=\"Failed to load spans\" /> : undefined\n        }\n        empty={\n          showEmptyState ? (\n            <NoTracesInfo\n              resource=\"spans\"\n              datePreset={filters.datePreset}\n              dateFrom={filters.dateFrom}\n              dateTo={filters.dateTo}\n            />\n          ) : undefined\n        }\n      >\n        <TracesListView\n          listId=\"all-spans\"\n          traces={rows}\n          columnPreferences={columns.preferences}\n          isLoading={isLoading}\n          isFetchingNextPage={isFetchingNextPage}\n          hasNextPage={hasNextPage}\n          setEndOfListElement={setEndOfListElement}\n          filtersApplied={filters.filtersApplied}\n          resource=\"spans\"\n          isBranchesMode\n          createdSort={sort}\n          onSortChange={filters.setSort}\n          featuredTraceId={selection?.traceId}\n          featuredSpanId={selection?.spanId}\n          onTraceClick={handleSpanClick}\n        />\n      </ObservabilityListBody>\n      {renderPanel({\n        selection,\n        spans: panelSpans,\n        onSelect: onSelectionChange,\n        onClose: () => onSelectionChange(undefined),\n      })}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"spans-explorer-body.es.js","names":["_Fragment"],"sources":["../../../../src/domains/spans/components/spans-explorer-body.tsx"],"sourcesContent":["import type { SpanQueryArgs } from '@mastra/react/hooks/traces';\nimport { useMemo } from 'react';\nimport type { ReactNode } from 'react';\nimport { useSpansListSource } from '../hooks/use-spans-list-source';\nimport { buildSpanQueryWhere } from '../span-filters';\nimport { spanToListRow } from '../span-list-row';\nimport type { SpanSelection } from './span-detail-panel';\nimport { SpansExplorerHistogram } from './spans-explorer-histogram';\nimport { SpansFilterBar } from './spans-filter-bar';\nimport { useObservabilityCapabilities } from '@/domains/capabilities';\nimport { ObservabilityListBody } from '@/domains/observability/components/observability-list-body';\nimport { useObservabilityListFilters } from '@/domains/observability/hooks/use-observability-list-filters';\nimport type { ObservabilityListUrlState } from '@/domains/observability/hooks/use-observability-list-filters';\nimport { SPAN_LIST_SORT_FIELDS } from '@/domains/observability/observability-list-url-state';\nimport { ObservabilitySavedViews } from '@/domains/observability/saved-views';\nimport { ColumnsMenu } from '@/domains/traces/components/columns-menu';\nimport { NoTracesInfo } from '@/domains/traces/components/no-traces-info';\nimport { TracesErrorContent } from '@/domains/traces/components/traces-error-content';\nimport { TracesListView } from '@/domains/traces/components/traces-list-view';\nimport type { TracesListSortField, TracesListViewTrace } from '@/domains/traces/components/traces-list-view';\nimport { useTraceColumnPreferences } from '@/domains/traces/hooks/use-trace-column-preferences';\nimport { hasTraceColumn, withoutUnrecordedStreamingColumns } from '@/domains/traces/trace-list-columns';\nimport { ActionRow } from '@/ds/components/ActionRow';\n\nexport type SpansExplorerPanelArgs = {\n  selection: SpanSelection | undefined;\n  /** Loaded spans, in list order, for the panel's previous/next buttons. */\n  spans: SpanSelection[];\n  onSelect: (selection: SpanSelection) => void;\n  onClose: () => void;\n};\n\nexport type SpansExplorerBodyProps = {\n  /** The open span. The host keeps it (e.g. in the URL) so it survives a reload. */\n  selection: SpanSelection | undefined;\n  onSelectionChange: (selection: SpanSelection | undefined) => void;\n  /** Renders the open span's panel in the host's own side panel or drawer. */\n  renderPanel: (args: SpansExplorerPanelArgs) => ReactNode;\n  /** The host's search params, so the time range, filters and sort survive a reload. Omitted: kept in memory. */\n  urlState?: ObservabilityListUrlState;\n};\n\n/** The spans page body: filter bar, span list and the host's span panel. Router-agnostic. */\nexport function SpansExplorerBody({ selection, onSelectionChange, renderPanel, urlState }: SpansExplorerBodyProps) {\n  const filters = useObservabilityListFilters(urlState, { sortFields: SPAN_LIST_SORT_FIELDS });\n  const { timeRange, tokens, groups } = filters;\n  const columns = useTraceColumnPreferences({ scope: 'spans' });\n\n  const { data: capabilities, isLoading: isCapabilitiesLoading } = useObservabilityCapabilities();\n  const withContextFields = capabilities?.capabilities.spanQueryContextFields ?? false;\n  const withTimeToFirstChunk = capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false;\n  const withTimeToFirstToken = capabilities?.capabilities.traceQueryTimeToFirstToken ?? false;\n  const withOutcomeFields = capabilities?.capabilities.spanQueryOutcomeFields ?? false;\n  const withModelFields = capabilities?.capabilities.spanQueryModelFields ?? false;\n\n  // Stored columns the store can't fill stay saved but aren't drawn, so they come back on a store that can.\n  const displayedColumns = useMemo(\n    () =>\n      isCapabilitiesLoading\n        ? columns.preferences\n        : withoutUnrecordedStreamingColumns(columns.preferences, { withTimeToFirstChunk, withTimeToFirstToken }),\n    [columns.preferences, isCapabilitiesLoading, withTimeToFirstChunk, withTimeToFirstToken],\n  );\n\n  const sortableFields = useMemo(() => {\n    const fields: TracesListSortField[] = ['startedAt'];\n    if (\n      withTimeToFirstChunk &&\n      capabilities?.capabilities.traceQueryTimeToFirstChunkSort &&\n      hasTraceColumn(displayedColumns, 'timeToFirstChunk')\n    ) {\n      fields.push('timeToFirstChunkMs');\n    }\n    if (\n      withTimeToFirstToken &&\n      capabilities?.capabilities.traceQueryTimeToFirstTokenSort &&\n      hasTraceColumn(displayedColumns, 'timeToFirstToken')\n    ) {\n      fields.push('timeToFirstTokenMs');\n    }\n    return fields;\n  }, [capabilities, withTimeToFirstChunk, withTimeToFirstToken, displayedColumns]);\n\n  // A URL sort the store can't run, or on a hidden column, lists newest first without rewriting the URL.\n  const sort = sortableFields.includes(filters.sort.field)\n    ? filters.sort\n    : ({ field: 'startedAt', direction: 'desc' } as const);\n  const { field: sortField, direction: sortDirection } = sort;\n\n  const where = useMemo(\n    () =>\n      buildSpanQueryWhere(tokens, groups, {\n        withContextFields,\n        withOutcomeFields,\n        withModelFields,\n        withTimeToFirstChunk,\n        withTimeToFirstToken,\n      }),\n    [tokens, groups, withContextFields, withOutcomeFields, withModelFields, withTimeToFirstChunk, withTimeToFirstToken],\n  );\n  const query = useMemo<SpanQueryArgs>(\n    () => ({ timeRange, orderBy: [{ field: sortField, direction: sortDirection }], ...(where ? { where } : {}) }),\n    [timeRange, sortField, sortDirection, where],\n  );\n\n  const { spans, hasNextPage, isFetchingNextPage, setEndOfListElement, isLoading, isError, error } = useSpansListSource(\n    {\n      query,\n      rolling: filters.rolling,\n    },\n  );\n\n  const rows = useMemo(() => (spans ?? []).map(spanToListRow), [spans]);\n  const panelSpans = useMemo(\n    () => rows.flatMap(row => (row.spanId ? [{ traceId: row.traceId, spanId: row.spanId }] : [])),\n    [rows],\n  );\n\n  // Clicking the open row again closes the panel.\n  const handleSpanClick = (row: TracesListViewTrace) => {\n    if (!row.spanId) return;\n    const isOpen = selection?.traceId === row.traceId && selection.spanId === row.spanId;\n    onSelectionChange(isOpen ? undefined : { traceId: row.traceId, spanId: row.spanId });\n  };\n\n  // Same rule as /traces: an empty window without filters gets the full-page empty state.\n  const showEmptyState = !isLoading && !isError && rows.length === 0 && !filters.contentFiltersApplied && !selection;\n\n  return (\n    <>\n      <h1 className=\"sr-only\">Spans</h1>\n      <ObservabilityListBody\n        toolbar={\n          <>\n            {urlState && <ObservabilitySavedViews page=\"spans\" {...urlState} columns={columns} />}\n            <ActionRow>\n              <ActionRow.Start>\n                <ColumnsMenu scope=\"spans\" value={columns.preferences} onChange={columns.setPreferences} />\n                <SpansFilterBar\n                  datePreset={filters.datePreset}\n                  dateFrom={filters.dateFrom}\n                  dateTo={filters.dateTo}\n                  timeRange={timeRange}\n                  tokens={tokens}\n                  groups={groups}\n                  onDatePresetChange={filters.onDatePresetChange}\n                  onDateChange={filters.onDateChange}\n                  onDateRangeChange={filters.onDateRangeChange}\n                  onDateReset={filters.onDateReset}\n                  onFiltersChange={filters.onFiltersChange}\n                  disabled={isLoading}\n                />\n              </ActionRow.Start>\n            </ActionRow>\n          </>\n        }\n        chart={\n          <SpansExplorerHistogram\n            timeRange={timeRange}\n            where={where}\n            onZoom={({ from, to }) => filters.onZoom(from, to)}\n          />\n        }\n        error={\n          isError ? <TracesErrorContent error={error} resource=\"spans\" errorTitle=\"Failed to load spans\" /> : undefined\n        }\n        empty={\n          showEmptyState ? (\n            <NoTracesInfo\n              resource=\"spans\"\n              datePreset={filters.datePreset}\n              dateFrom={filters.dateFrom}\n              dateTo={filters.dateTo}\n            />\n          ) : undefined\n        }\n      >\n        <TracesListView\n          listId=\"all-spans\"\n          traces={rows}\n          columnPreferences={displayedColumns}\n          isLoading={isLoading}\n          isFetchingNextPage={isFetchingNextPage}\n          hasNextPage={hasNextPage}\n          setEndOfListElement={setEndOfListElement}\n          filtersApplied={filters.filtersApplied}\n          resource=\"spans\"\n          isBranchesMode\n          sort={sort}\n          sortableFields={sortableFields}\n          onSortChange={filters.setSort}\n          featuredTraceId={selection?.traceId}\n          featuredSpanId={selection?.spanId}\n          onTraceClick={handleSpanClick}\n        />\n      </ObservabilityListBody>\n      {renderPanel({\n        selection,\n        spans: panelSpans,\n        onSelect: onSelectionChange,\n        onClose: () => onSelectionChange(undefined),\n      })}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/spans/components/spans-filter-bar.cjs.js

@@ -1,14 +1,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../../trace-filters-BpeBUjCb.cjs");
-const require_domains_traces_components_trace_time_range_chip = require("../../traces/components/trace-time-range-chip.cjs.js");
+const require_trace_filters = require("../../../trace-filters-BNEZ31HX.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("../../traces/components/traces-explorer/traces-explorer-actions.cjs.js");
-const require_FilterBar = require("../../../FilterBar-gEvoWDXA.cjs");
+const require_domains_traces_components_trace_time_range_chip = require("../../traces/components/trace-time-range-chip.cjs.js");
+const require_FilterBar = require("../../../FilterBar-BUd4f7oi.cjs");
 const require_domains_spans_hooks_use_spans_filter_bar = require("../hooks/use-spans-filter-bar.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/spans/components/spans-filter-bar.tsx
 var createItemId = (fieldId) => fieldId;
 /** The spans filter bar: a time range chip plus the fields `querySpans()` accepts. */
-function SpansFilterBar({ datePreset, dateFrom, dateTo, minDate, timeRange, tokens, groups, onDatePresetChange, onDateChange, onDateRangeChange, onFiltersChange, describeSuggestionsError, disabled }) {
+function SpansFilterBar({ datePreset, dateFrom, dateTo, minDate, timeRange, tokens, groups, onDatePresetChange, onDateChange, onDateRangeChange, onDateReset, onFiltersChange, describeSuggestionsError, disabled }) {
 	const fields = require_domains_spans_hooks_use_spans_filter_bar.useSpansFilterBarFields({ timeRange });
 	const { filterBarValue, onFilterBarChange } = require_domains_spans_hooks_use_spans_filter_bar.useSpansFilterBar({
 		tokens,
@@ -35,7 +35,8 @@ function SpansFilterBar({ datePreset, dateFrom, dateTo, minDate, timeRange, toke
 			onDateRangeChange,
 			disabled,
 			presets: require_domains_spans_hooks_use_spans_filter_bar.SPAN_TIME_RANGE_PRESETS,
-			defaultPreset: require_domains_traces_components_traces_explorer_traces_explorer_actions.DEFAULT_TRACES_FILTERS.datePreset
+			defaultPreset: require_domains_traces_components_traces_explorer_traces_explorer_actions.DEFAULT_TRACES_FILTERS.datePreset,
+			onReset: onDateReset && (() => onDateReset(require_domains_traces_components_traces_explorer_traces_explorer_actions.DEFAULT_TRACES_FILTERS.datePreset))
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FilterBar.FilterBar.Chip, { item }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FilterBar.FilterBar.Input, { placeholder: "Filter spans…" })]
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"spans-filter-bar.cjs.js","names":["useSpansFilterBarFields","useSpansFilterBar","FilterBar","TRACE_FILTER_BAR_OPERATORS","TraceTimeRangeChip","SPAN_TIME_RANGE_PRESETS","DEFAULT_TRACES_FILTERS"],"sources":["../../../../src/domains/spans/components/spans-filter-bar.tsx"],"sourcesContent":["import type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { TraceTimeRangeChip, TRACE_TIME_RANGE_FIELD_ID } from '../../traces/components/trace-time-range-chip';\nimport { DEFAULT_TRACES_FILTERS } from '../../traces/components/traces-explorer/traces-explorer-actions';\nimport { TRACE_FILTER_BAR_OPERATORS } from '../../traces/trace-filters';\nimport type { TraceFilterGroup, TraceFilterToken } from '../../traces/trace-query-filters';\nimport type { TraceDatePreset } from '../../traces/types';\nimport { SPAN_TIME_RANGE_PRESETS, useSpansFilterBar, useSpansFilterBarFields } from '../hooks/use-spans-filter-bar';\nimport { FilterBar } from '@/ds/components/FilterBar';\n\n// Items are rebuilt from tokens with `id: fieldId` (traceTokensToFilterBarItems); give the\n// draft that id so the chip survives the round trip without remounting.\nconst createItemId = (fieldId: string) => fieldId;\n\nexport type SpansFilterBarProps = {\n  datePreset: TraceDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n  /** Earliest date the custom range picker allows. */\n  minDate?: Date;\n  /** Window the value suggestions are looked up in. */\n  timeRange: TraceQueryDiscoveryTimeRange;\n  tokens: TraceFilterToken[];\n  groups: TraceFilterGroup[];\n  onDatePresetChange: (preset: TraceDatePreset) => void;\n  onDateChange: (value: Date | undefined, type: 'from' | 'to') => void;\n  onDateRangeChange: (from: Date | undefined, to: Date | undefined) => void;\n  onFiltersChange: (tokens: TraceFilterToken[], groups: TraceFilterGroup[]) => void;\n  /** Turns a failed value suggestions lookup into the message shown in the option list. */\n  describeSuggestionsError?: (error: unknown) => string | undefined;\n  disabled?: boolean;\n};\n\n/** The spans filter bar: a time range chip plus the fields `querySpans()` accepts. */\nexport function SpansFilterBar({\n  datePreset,\n  dateFrom,\n  dateTo,\n  minDate,\n  timeRange,\n  tokens,\n  groups,\n  onDatePresetChange,\n  onDateChange,\n  onDateRangeChange,\n  onFiltersChange,\n  describeSuggestionsError,\n  disabled,\n}: SpansFilterBarProps) {\n  const fields = useSpansFilterBarFields({ timeRange });\n  const { filterBarValue, onFilterBarChange } = useSpansFilterBar({ tokens, groups, onFiltersChange });\n\n  return (\n    <FilterBar\n      fields={fields}\n      operators={TRACE_FILTER_BAR_OPERATORS}\n      value={filterBarValue}\n      onValueChange={onFilterBarChange}\n      createItemId={createItemId}\n      describeSuggestionsError={describeSuggestionsError}\n      maxDepth={3}\n      aria-label=\"Span filters\"\n      className=\"min-w-64 flex-1\"\n    >\n      <FilterBar.Chips\n        renderChip={item =>\n          item.fieldId === TRACE_TIME_RANGE_FIELD_ID ? (\n            <TraceTimeRangeChip\n              preset={datePreset}\n              onPresetChange={onDatePresetChange}\n              dateFrom={dateFrom}\n              dateTo={dateTo}\n              minDate={minDate}\n              onDateChange={onDateChange}\n              onDateRangeChange={onDateRangeChange}\n              disabled={disabled}\n              presets={SPAN_TIME_RANGE_PRESETS}\n              defaultPreset={DEFAULT_TRACES_FILTERS.datePreset}\n            />\n          ) : (\n            <FilterBar.Chip item={item} />\n          )\n        }\n      />\n      <FilterBar.Input placeholder=\"Filter spans…\" />\n    </FilterBar>\n  );\n}\n"],"mappings":";;;;;;;;AAWA,IAAM,gBAAgB,YAAoB;;AAsB1C,SAAgB,eAAe,EAC7B,YACA,UACA,QACA,SACA,WACA,QACA,QACA,oBACA,cACA,mBACA,iBACA,0BACA,YACsB;CACtB,MAAM,SAASA,iDAAAA,wBAAwB,EAAE,UAAU,CAAC;CACpD,MAAM,EAAE,gBAAgB,sBAAsBC,iDAAAA,kBAAkB;EAAE;EAAQ;EAAQ;CAAgB,CAAC;CAEnG,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,kBAAAA,WAAD;EACU;EACR,WAAWC,sBAAAA;EACX,OAAO;EACP,eAAe;EACD;EACY;EAC1B,UAAU;EACV,cAAW;EACX,WAAU;EATZ,UAAA,CAWE,iBAAA,GAAA,kBAAA,IAAA,CAACD,kBAAAA,UAAU,OAAX,EACE,aAAY,SACV,KAAK,YAAA,cACH,iBAAA,GAAA,kBAAA,IAAA,CAACE,wDAAAA,oBAAD;GACE,QAAQ;GACR,gBAAgB;GACN;GACF;GACC;GACK;GACK;GACT;GACV,SAASC,iDAAAA;GACT,eAAeC,0EAAAA,uBAAuB;EACvC,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAACJ,kBAAAA,UAAU,MAAX,EAAsB,KAAO,CAAA,EAGlC,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,UAAU,OAAX,EAAiB,aAAY,gBAAiB,CAAA,CACrC;;AAEf"}
+{"version":3,"file":"spans-filter-bar.cjs.js","names":["useSpansFilterBarFields","useSpansFilterBar","FilterBar","TRACE_FILTER_BAR_OPERATORS","TraceTimeRangeChip","SPAN_TIME_RANGE_PRESETS","DEFAULT_TRACES_FILTERS"],"sources":["../../../../src/domains/spans/components/spans-filter-bar.tsx"],"sourcesContent":["import type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { TraceTimeRangeChip, TRACE_TIME_RANGE_FIELD_ID } from '../../traces/components/trace-time-range-chip';\nimport { DEFAULT_TRACES_FILTERS } from '../../traces/components/traces-explorer/traces-explorer-actions';\nimport { TRACE_FILTER_BAR_OPERATORS } from '../../traces/trace-filters';\nimport type { TraceFilterGroup, TraceFilterToken } from '../../traces/trace-query-filters';\nimport type { TraceDatePreset } from '../../traces/types';\nimport { SPAN_TIME_RANGE_PRESETS, useSpansFilterBar, useSpansFilterBarFields } from '../hooks/use-spans-filter-bar';\nimport { FilterBar } from '@/ds/components/FilterBar';\n\n// Items are rebuilt from tokens with `id: fieldId` (traceTokensToFilterBarItems); give the\n// draft that id so the chip survives the round trip without remounting.\nconst createItemId = (fieldId: string) => fieldId;\n\nexport type SpansFilterBarProps = {\n  datePreset: TraceDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n  /** Earliest date the custom range picker allows. */\n  minDate?: Date;\n  /** Window the value suggestions are looked up in. */\n  timeRange: TraceQueryDiscoveryTimeRange;\n  tokens: TraceFilterToken[];\n  groups: TraceFilterGroup[];\n  onDatePresetChange: (preset: TraceDatePreset) => void;\n  onDateChange: (value: Date | undefined, type: 'from' | 'to') => void;\n  onDateRangeChange: (from: Date | undefined, to: Date | undefined) => void;\n  /** Called by the time range chip's × with the default preset, e.g. to undo a histogram zoom first. */\n  onDateReset?: (defaultPreset: TraceDatePreset) => void;\n  onFiltersChange: (tokens: TraceFilterToken[], groups: TraceFilterGroup[]) => void;\n  /** Turns a failed value suggestions lookup into the message shown in the option list. */\n  describeSuggestionsError?: (error: unknown) => string | undefined;\n  disabled?: boolean;\n};\n\n/** The spans filter bar: a time range chip plus the fields `querySpans()` accepts. */\nexport function SpansFilterBar({\n  datePreset,\n  dateFrom,\n  dateTo,\n  minDate,\n  timeRange,\n  tokens,\n  groups,\n  onDatePresetChange,\n  onDateChange,\n  onDateRangeChange,\n  onDateReset,\n  onFiltersChange,\n  describeSuggestionsError,\n  disabled,\n}: SpansFilterBarProps) {\n  const fields = useSpansFilterBarFields({ timeRange });\n  const { filterBarValue, onFilterBarChange } = useSpansFilterBar({ tokens, groups, onFiltersChange });\n\n  return (\n    <FilterBar\n      fields={fields}\n      operators={TRACE_FILTER_BAR_OPERATORS}\n      value={filterBarValue}\n      onValueChange={onFilterBarChange}\n      createItemId={createItemId}\n      describeSuggestionsError={describeSuggestionsError}\n      maxDepth={3}\n      aria-label=\"Span filters\"\n      className=\"min-w-64 flex-1\"\n    >\n      <FilterBar.Chips\n        renderChip={item =>\n          item.fieldId === TRACE_TIME_RANGE_FIELD_ID ? (\n            <TraceTimeRangeChip\n              preset={datePreset}\n              onPresetChange={onDatePresetChange}\n              dateFrom={dateFrom}\n              dateTo={dateTo}\n              minDate={minDate}\n              onDateChange={onDateChange}\n              onDateRangeChange={onDateRangeChange}\n              disabled={disabled}\n              presets={SPAN_TIME_RANGE_PRESETS}\n              defaultPreset={DEFAULT_TRACES_FILTERS.datePreset}\n              onReset={onDateReset && (() => onDateReset(DEFAULT_TRACES_FILTERS.datePreset))}\n            />\n          ) : (\n            <FilterBar.Chip item={item} />\n          )\n        }\n      />\n      <FilterBar.Input placeholder=\"Filter spans…\" />\n    </FilterBar>\n  );\n}\n"],"mappings":";;;;;;;;AAWA,IAAM,gBAAgB,YAAoB;;AAwB1C,SAAgB,eAAe,EAC7B,YACA,UACA,QACA,SACA,WACA,QACA,QACA,oBACA,cACA,mBACA,aACA,iBACA,0BACA,YACsB;CACtB,MAAM,SAASA,iDAAAA,wBAAwB,EAAE,UAAU,CAAC;CACpD,MAAM,EAAE,gBAAgB,sBAAsBC,iDAAAA,kBAAkB;EAAE;EAAQ;EAAQ;CAAgB,CAAC;CAEnG,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,kBAAAA,WAAD;EACU;EACR,WAAWC,sBAAAA;EACX,OAAO;EACP,eAAe;EACD;EACY;EAC1B,UAAU;EACV,cAAW;EACX,WAAU;EATZ,UAAA,CAWE,iBAAA,GAAA,kBAAA,IAAA,CAACD,kBAAAA,UAAU,OAAX,EACE,aAAY,SACV,KAAK,YAAA,cACH,iBAAA,GAAA,kBAAA,IAAA,CAACE,wDAAAA,oBAAD;GACE,QAAQ;GACR,gBAAgB;GACN;GACF;GACC;GACK;GACK;GACT;GACV,SAASC,iDAAAA;GACT,eAAeC,0EAAAA,uBAAuB;GACtC,SAAS,sBAAsB,YAAYA,0EAAAA,uBAAuB,UAAU;EAC7E,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAACJ,kBAAAA,UAAU,MAAX,EAAsB,KAAO,CAAA,EAGlC,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,UAAU,OAAX,EAAiB,aAAY,gBAAiB,CAAA,CACrC;;AAEf"}

package/dist/domains/spans/components/spans-filter-bar.es.js

@@ -1,13 +1,13 @@
-import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../trace-filters-C27yWcan.js";
-import { TraceTimeRangeChip } from "../../traces/components/trace-time-range-chip.es.js";
+import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../trace-filters-BJaebsxJ.js";
 import { DEFAULT_TRACES_FILTERS } from "../../traces/components/traces-explorer/traces-explorer-actions.es.js";
-import { n as FilterBar } from "../../../FilterBar-Dk3QEuT6.js";
+import { TraceTimeRangeChip } from "../../traces/components/trace-time-range-chip.es.js";
+import { n as FilterBar } from "../../../FilterBar--4oguuVe.js";
 import { SPAN_TIME_RANGE_PRESETS, useSpansFilterBar, useSpansFilterBarFields } from "../hooks/use-spans-filter-bar.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/spans/components/spans-filter-bar.tsx
 var createItemId = (fieldId) => fieldId;
 /** The spans filter bar: a time range chip plus the fields `querySpans()` accepts. */
-function SpansFilterBar({ datePreset, dateFrom, dateTo, minDate, timeRange, tokens, groups, onDatePresetChange, onDateChange, onDateRangeChange, onFiltersChange, describeSuggestionsError, disabled }) {
+function SpansFilterBar({ datePreset, dateFrom, dateTo, minDate, timeRange, tokens, groups, onDatePresetChange, onDateChange, onDateRangeChange, onDateReset, onFiltersChange, describeSuggestionsError, disabled }) {
 	const fields = useSpansFilterBarFields({ timeRange });
 	const { filterBarValue, onFilterBarChange } = useSpansFilterBar({
 		tokens,
@@ -34,7 +34,8 @@ function SpansFilterBar({ datePreset, dateFrom, dateTo, minDate, timeRange, toke
 			onDateRangeChange,
 			disabled,
 			presets: SPAN_TIME_RANGE_PRESETS,
-			defaultPreset: DEFAULT_TRACES_FILTERS.datePreset
+			defaultPreset: DEFAULT_TRACES_FILTERS.datePreset,
+			onReset: onDateReset && (() => onDateReset(DEFAULT_TRACES_FILTERS.datePreset))
 		}) : /* @__PURE__ */ jsx(FilterBar.Chip, { item }) }), /* @__PURE__ */ jsx(FilterBar.Input, { placeholder: "Filter spans…" })]
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"spans-filter-bar.es.js","names":[],"sources":["../../../../src/domains/spans/components/spans-filter-bar.tsx"],"sourcesContent":["import type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { TraceTimeRangeChip, TRACE_TIME_RANGE_FIELD_ID } from '../../traces/components/trace-time-range-chip';\nimport { DEFAULT_TRACES_FILTERS } from '../../traces/components/traces-explorer/traces-explorer-actions';\nimport { TRACE_FILTER_BAR_OPERATORS } from '../../traces/trace-filters';\nimport type { TraceFilterGroup, TraceFilterToken } from '../../traces/trace-query-filters';\nimport type { TraceDatePreset } from '../../traces/types';\nimport { SPAN_TIME_RANGE_PRESETS, useSpansFilterBar, useSpansFilterBarFields } from '../hooks/use-spans-filter-bar';\nimport { FilterBar } from '@/ds/components/FilterBar';\n\n// Items are rebuilt from tokens with `id: fieldId` (traceTokensToFilterBarItems); give the\n// draft that id so the chip survives the round trip without remounting.\nconst createItemId = (fieldId: string) => fieldId;\n\nexport type SpansFilterBarProps = {\n  datePreset: TraceDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n  /** Earliest date the custom range picker allows. */\n  minDate?: Date;\n  /** Window the value suggestions are looked up in. */\n  timeRange: TraceQueryDiscoveryTimeRange;\n  tokens: TraceFilterToken[];\n  groups: TraceFilterGroup[];\n  onDatePresetChange: (preset: TraceDatePreset) => void;\n  onDateChange: (value: Date | undefined, type: 'from' | 'to') => void;\n  onDateRangeChange: (from: Date | undefined, to: Date | undefined) => void;\n  onFiltersChange: (tokens: TraceFilterToken[], groups: TraceFilterGroup[]) => void;\n  /** Turns a failed value suggestions lookup into the message shown in the option list. */\n  describeSuggestionsError?: (error: unknown) => string | undefined;\n  disabled?: boolean;\n};\n\n/** The spans filter bar: a time range chip plus the fields `querySpans()` accepts. */\nexport function SpansFilterBar({\n  datePreset,\n  dateFrom,\n  dateTo,\n  minDate,\n  timeRange,\n  tokens,\n  groups,\n  onDatePresetChange,\n  onDateChange,\n  onDateRangeChange,\n  onFiltersChange,\n  describeSuggestionsError,\n  disabled,\n}: SpansFilterBarProps) {\n  const fields = useSpansFilterBarFields({ timeRange });\n  const { filterBarValue, onFilterBarChange } = useSpansFilterBar({ tokens, groups, onFiltersChange });\n\n  return (\n    <FilterBar\n      fields={fields}\n      operators={TRACE_FILTER_BAR_OPERATORS}\n      value={filterBarValue}\n      onValueChange={onFilterBarChange}\n      createItemId={createItemId}\n      describeSuggestionsError={describeSuggestionsError}\n      maxDepth={3}\n      aria-label=\"Span filters\"\n      className=\"min-w-64 flex-1\"\n    >\n      <FilterBar.Chips\n        renderChip={item =>\n          item.fieldId === TRACE_TIME_RANGE_FIELD_ID ? (\n            <TraceTimeRangeChip\n              preset={datePreset}\n              onPresetChange={onDatePresetChange}\n              dateFrom={dateFrom}\n              dateTo={dateTo}\n              minDate={minDate}\n              onDateChange={onDateChange}\n              onDateRangeChange={onDateRangeChange}\n              disabled={disabled}\n              presets={SPAN_TIME_RANGE_PRESETS}\n              defaultPreset={DEFAULT_TRACES_FILTERS.datePreset}\n            />\n          ) : (\n            <FilterBar.Chip item={item} />\n          )\n        }\n      />\n      <FilterBar.Input placeholder=\"Filter spans…\" />\n    </FilterBar>\n  );\n}\n"],"mappings":";;;;;;;AAWA,IAAM,gBAAgB,YAAoB;;AAsB1C,SAAgB,eAAe,EAC7B,YACA,UACA,QACA,SACA,WACA,QACA,QACA,oBACA,cACA,mBACA,iBACA,0BACA,YACsB;CACtB,MAAM,SAAS,wBAAwB,EAAE,UAAU,CAAC;CACpD,MAAM,EAAE,gBAAgB,sBAAsB,kBAAkB;EAAE;EAAQ;EAAQ;CAAgB,CAAC;CAEnG,OACE,qBAAC,WAAD;EACU;EACR,WAAW;EACX,OAAO;EACP,eAAe;EACD;EACY;EAC1B,UAAU;EACV,cAAW;EACX,WAAU;EATZ,UAAA,CAWE,oBAAC,UAAU,OAAX,EACE,aAAY,SACV,KAAK,YAAA,cACH,oBAAC,oBAAD;GACE,QAAQ;GACR,gBAAgB;GACN;GACF;GACC;GACK;GACK;GACT;GACV,SAAS;GACT,eAAe,uBAAuB;EACvC,CAAA,IAED,oBAAC,UAAU,MAAX,EAAsB,KAAO,CAAA,EAGlC,CAAA,GACD,oBAAC,UAAU,OAAX,EAAiB,aAAY,gBAAiB,CAAA,CACrC;;AAEf"}
+{"version":3,"file":"spans-filter-bar.es.js","names":[],"sources":["../../../../src/domains/spans/components/spans-filter-bar.tsx"],"sourcesContent":["import type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { TraceTimeRangeChip, TRACE_TIME_RANGE_FIELD_ID } from '../../traces/components/trace-time-range-chip';\nimport { DEFAULT_TRACES_FILTERS } from '../../traces/components/traces-explorer/traces-explorer-actions';\nimport { TRACE_FILTER_BAR_OPERATORS } from '../../traces/trace-filters';\nimport type { TraceFilterGroup, TraceFilterToken } from '../../traces/trace-query-filters';\nimport type { TraceDatePreset } from '../../traces/types';\nimport { SPAN_TIME_RANGE_PRESETS, useSpansFilterBar, useSpansFilterBarFields } from '../hooks/use-spans-filter-bar';\nimport { FilterBar } from '@/ds/components/FilterBar';\n\n// Items are rebuilt from tokens with `id: fieldId` (traceTokensToFilterBarItems); give the\n// draft that id so the chip survives the round trip without remounting.\nconst createItemId = (fieldId: string) => fieldId;\n\nexport type SpansFilterBarProps = {\n  datePreset: TraceDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n  /** Earliest date the custom range picker allows. */\n  minDate?: Date;\n  /** Window the value suggestions are looked up in. */\n  timeRange: TraceQueryDiscoveryTimeRange;\n  tokens: TraceFilterToken[];\n  groups: TraceFilterGroup[];\n  onDatePresetChange: (preset: TraceDatePreset) => void;\n  onDateChange: (value: Date | undefined, type: 'from' | 'to') => void;\n  onDateRangeChange: (from: Date | undefined, to: Date | undefined) => void;\n  /** Called by the time range chip's × with the default preset, e.g. to undo a histogram zoom first. */\n  onDateReset?: (defaultPreset: TraceDatePreset) => void;\n  onFiltersChange: (tokens: TraceFilterToken[], groups: TraceFilterGroup[]) => void;\n  /** Turns a failed value suggestions lookup into the message shown in the option list. */\n  describeSuggestionsError?: (error: unknown) => string | undefined;\n  disabled?: boolean;\n};\n\n/** The spans filter bar: a time range chip plus the fields `querySpans()` accepts. */\nexport function SpansFilterBar({\n  datePreset,\n  dateFrom,\n  dateTo,\n  minDate,\n  timeRange,\n  tokens,\n  groups,\n  onDatePresetChange,\n  onDateChange,\n  onDateRangeChange,\n  onDateReset,\n  onFiltersChange,\n  describeSuggestionsError,\n  disabled,\n}: SpansFilterBarProps) {\n  const fields = useSpansFilterBarFields({ timeRange });\n  const { filterBarValue, onFilterBarChange } = useSpansFilterBar({ tokens, groups, onFiltersChange });\n\n  return (\n    <FilterBar\n      fields={fields}\n      operators={TRACE_FILTER_BAR_OPERATORS}\n      value={filterBarValue}\n      onValueChange={onFilterBarChange}\n      createItemId={createItemId}\n      describeSuggestionsError={describeSuggestionsError}\n      maxDepth={3}\n      aria-label=\"Span filters\"\n      className=\"min-w-64 flex-1\"\n    >\n      <FilterBar.Chips\n        renderChip={item =>\n          item.fieldId === TRACE_TIME_RANGE_FIELD_ID ? (\n            <TraceTimeRangeChip\n              preset={datePreset}\n              onPresetChange={onDatePresetChange}\n              dateFrom={dateFrom}\n              dateTo={dateTo}\n              minDate={minDate}\n              onDateChange={onDateChange}\n              onDateRangeChange={onDateRangeChange}\n              disabled={disabled}\n              presets={SPAN_TIME_RANGE_PRESETS}\n              defaultPreset={DEFAULT_TRACES_FILTERS.datePreset}\n              onReset={onDateReset && (() => onDateReset(DEFAULT_TRACES_FILTERS.datePreset))}\n            />\n          ) : (\n            <FilterBar.Chip item={item} />\n          )\n        }\n      />\n      <FilterBar.Input placeholder=\"Filter spans…\" />\n    </FilterBar>\n  );\n}\n"],"mappings":";;;;;;;AAWA,IAAM,gBAAgB,YAAoB;;AAwB1C,SAAgB,eAAe,EAC7B,YACA,UACA,QACA,SACA,WACA,QACA,QACA,oBACA,cACA,mBACA,aACA,iBACA,0BACA,YACsB;CACtB,MAAM,SAAS,wBAAwB,EAAE,UAAU,CAAC;CACpD,MAAM,EAAE,gBAAgB,sBAAsB,kBAAkB;EAAE;EAAQ;EAAQ;CAAgB,CAAC;CAEnG,OACE,qBAAC,WAAD;EACU;EACR,WAAW;EACX,OAAO;EACP,eAAe;EACD;EACY;EAC1B,UAAU;EACV,cAAW;EACX,WAAU;EATZ,UAAA,CAWE,oBAAC,UAAU,OAAX,EACE,aAAY,SACV,KAAK,YAAA,cACH,oBAAC,oBAAD;GACE,QAAQ;GACR,gBAAgB;GACN;GACF;GACC;GACK;GACK;GACT;GACV,SAAS;GACT,eAAe,uBAAuB;GACtC,SAAS,sBAAsB,YAAY,uBAAuB,UAAU;EAC7E,CAAA,IAED,oBAAC,UAAU,MAAX,EAAsB,KAAO,CAAA,EAGlC,CAAA,GACD,oBAAC,UAAU,OAAX,EAAiB,aAAY,gBAAiB,CAAA,CACrC;;AAEf"}

package/dist/domains/spans/hooks/use-spans-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("../../traces/components/trace-time-range-chip.cjs.js");
 const require_domains_spans_span_filters = require("../span-filters.cjs.js");
+const require_domains_traces_components_trace_time_range_chip = require("../../traces/components/trace-time-range-chip.cjs.js");
 let react = require("react");
 let _mastra_react = require("@mastra/react");
 let _mastra_react_hooks_capabilities = require("@mastra/react/hooks/capabilities");
@@ -20,21 +20,33 @@ var SPAN_TIME_RANGE_PRESETS = [
 var NO_SUGGESTIONS = [];
 /**
 * The fields the spans filter bar offers: the time range plus the fields `querySpans()` accepts.
-* Context fields are only included when the store declares `spanQueryContextFields`.
+* Context, model and outcome fields and streaming timings are only included when the store declares them.
 */
 function useSpansFilterBarFields({ timeRange }) {
 	const client = (0, _mastra_react.useMastraClient)();
 	const { data: capabilities } = (0, _mastra_react_hooks_capabilities.useObservabilityCapabilities)();
 	const withContextFields = capabilities?.capabilities.spanQueryContextFields ?? false;
+	const withTimeToFirstChunk = capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false;
+	const withTimeToFirstToken = capabilities?.capabilities.traceQueryTimeToFirstToken ?? false;
+	const withOutcomeFields = capabilities?.capabilities.spanQueryOutcomeFields ?? false;
+	const withModelFields = capabilities?.capabilities.spanQueryModelFields ?? false;
 	const { data: entityNames = NO_SUGGESTIONS } = (0, _mastra_react_hooks_traces.useEntityNames)();
 	const { data: environments = NO_SUGGESTIONS } = (0, _mastra_react_hooks_traces.useEnvironments)();
 	return (0, react.useMemo)(() => [require_domains_traces_components_trace_time_range_chip.TRACE_TIME_RANGE_FIELD, ...require_domains_spans_span_filters.createSpanFilterBarFields({
 		withContextFields,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields,
+		withModelFields,
 		entityNames,
 		environments,
 		valueSuggestions: (path) => (0, _mastra_react_hooks_traces.createTraceQueryValuesResolver)(client, timeRange, "spans", path)
 	})], [
 		withContextFields,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields,
+		withModelFields,
 		entityNames,
 		environments,
 		client,

package/dist/domains/spans/hooks/use-spans-filter-bar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-spans-filter-bar.cjs.js","names":["useMastraClient","useObservabilityCapabilities","useEntityNames","useEnvironments","useMemo","TRACE_TIME_RANGE_FIELD","createSpanFilterBarFields","createTraceQueryValuesResolver","traceTokensToFilterBarItems","traceFiltersToFilterBarExpression","TRACE_TIME_RANGE_ITEM","useCallback","filterBarExpressionToTraceFilters","isFilterBarGroup"],"sources":["../../../../src/domains/spans/hooks/use-spans-filter-bar.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useObservabilityCapabilities } from '@mastra/react/hooks/capabilities';\nimport { createTraceQueryValuesResolver, useEntityNames, useEnvironments } from '@mastra/react/hooks/traces';\nimport type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { useCallback, useMemo } from 'react';\nimport {\n  TRACE_TIME_RANGE_FIELD,\n  TRACE_TIME_RANGE_FIELD_ID,\n  TRACE_TIME_RANGE_ITEM,\n} from '../../traces/components/trace-time-range-chip';\nimport {\n  filterBarExpressionToTraceFilters,\n  traceFiltersToFilterBarExpression,\n  traceTokensToFilterBarItems,\n} from '../../traces/trace-filters';\nimport type { TraceFilterGroup, TraceFilterToken } from '../../traces/trace-query-filters';\nimport type { TraceDatePreset } from '../../traces/types';\nimport { createSpanFilterBarFields } from '../span-filters';\nimport { isFilterBarGroup } from '@/ds/components/FilterBar';\nimport type { FilterBarExpression, FilterBarField, FilterBarItem } from '@/ds/components/FilterBar';\n\n/** The time range presets the spans filter bar offers. */\nexport const SPAN_TIME_RANGE_PRESETS: readonly TraceDatePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\nconst NO_SUGGESTIONS: string[] = [];\n\nexport type UseSpansFilterBarFieldsOptions = {\n  /** Window the value suggestions are looked up in. */\n  timeRange: TraceQueryDiscoveryTimeRange;\n};\n\n/**\n * The fields the spans filter bar offers: the time range plus the fields `querySpans()` accepts.\n * Context fields are only included when the store declares `spanQueryContextFields`.\n */\nexport function useSpansFilterBarFields({ timeRange }: UseSpansFilterBarFieldsOptions): FilterBarField[] {\n  const client = useMastraClient();\n  const { data: capabilities } = useObservabilityCapabilities();\n  const withContextFields = capabilities?.capabilities.spanQueryContextFields ?? false;\n  const { data: entityNames = NO_SUGGESTIONS } = useEntityNames();\n  const { data: environments = NO_SUGGESTIONS } = useEnvironments();\n\n  // Memoized for correctness: static suggestion lists become the value editor's Combobox\n  // `items`, which loops if handed a new array on every render.\n  return useMemo(\n    () => [\n      TRACE_TIME_RANGE_FIELD,\n      ...createSpanFilterBarFields({\n        withContextFields,\n        entityNames,\n        environments,\n        valueSuggestions: path => createTraceQueryValuesResolver(client, timeRange, 'spans', path),\n      }),\n    ],\n    [withContextFields, entityNames, environments, client, timeRange],\n  );\n}\n\nexport type UseSpansFilterBarOptions = {\n  tokens: TraceFilterToken[];\n  groups: TraceFilterGroup[];\n  onFiltersChange: (tokens: TraceFilterToken[], groups: TraceFilterGroup[]) => void;\n};\n\n/**\n * The span filters as a filter bar value, and the handlers that write bar edits back.\n * The time-range chip is a synthetic, always-present item; it never round-trips to tokens.\n */\nexport function useSpansFilterBar({ tokens, groups, onFiltersChange }: UseSpansFilterBarOptions): {\n  filterBarValue: FilterBarExpression;\n  onFilterBarChange: (expression: FilterBarExpression) => void;\n  /** Replaces any filter on `fieldId` with `is value`, e.g. from a list cell. */\n  onFilterByField: (fieldId: string, value: string) => void;\n} {\n  const items = useMemo(() => traceTokensToFilterBarItems(tokens), [tokens]);\n\n  const filterBarValue = useMemo<FilterBarExpression>(() => {\n    const groupsExpression = traceFiltersToFilterBarExpression([], groups);\n    return { ...groupsExpression, nodes: [TRACE_TIME_RANGE_ITEM, ...items, ...groupsExpression.nodes] };\n  }, [items, groups]);\n\n  const onFilterBarChange = useCallback(\n    (expression: FilterBarExpression) => {\n      const next = filterBarExpressionToTraceFilters({\n        ...expression,\n        nodes: expression.nodes.filter(node => isFilterBarGroup(node) || node.fieldId !== TRACE_TIME_RANGE_FIELD_ID),\n      });\n      onFiltersChange(next.tokens, next.groups);\n    },\n    [onFiltersChange],\n  );\n\n  const onFilterByField = useCallback(\n    (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 groupNodes = filterBarValue.nodes.filter(isFilterBarGroup);\n      onFilterBarChange({ ...filterBarValue, nodes: [...withoutField, item, ...groupNodes] });\n    },\n    [items, filterBarValue, onFilterBarChange],\n  );\n\n  return { filterBarValue, onFilterBarChange, onFilterByField };\n}\n"],"mappings":";;;;;;;;;;;AAsBA,IAAa,0BAAsD;CACjE;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,IAAM,iBAA2B,CAAC;;;;;AAWlC,SAAgB,wBAAwB,EAAE,aAA+D;CACvG,MAAM,UAAA,GAASA,cAAAA,gBAAAA,CAAgB;CAC/B,MAAM,EAAE,MAAM,kBAAA,GAAiBC,iCAAAA,6BAAAA,CAA6B;CAC5D,MAAM,oBAAoB,cAAc,aAAa,0BAA0B;CAC/E,MAAM,EAAE,MAAM,cAAc,oBAAA,GAAmBC,2BAAAA,eAAAA,CAAe;CAC9D,MAAM,EAAE,MAAM,eAAe,oBAAA,GAAmBC,2BAAAA,gBAAAA,CAAgB;CAIhE,QAAA,GAAOC,MAAAA,QAAAA,OACC,CACJC,wDAAAA,wBACA,GAAGC,mCAAAA,0BAA0B;EAC3B;EACA;EACA;EACA,mBAAkB,UAAA,GAAQC,2BAAAA,+BAAAA,CAA+B,QAAQ,WAAW,SAAS,IAAI;CAC3F,CAAC,CACH,GACA;EAAC;EAAmB;EAAa;EAAc;EAAQ;CAAS,CAClE;AACF;;;;;AAYA,SAAgB,kBAAkB,EAAE,QAAQ,QAAQ,mBAKlD;CACA,MAAM,SAAA,GAAQH,MAAAA,QAAAA,OAAcI,sBAAAA,4BAA4B,MAAM,GAAG,CAAC,MAAM,CAAC;CAEzE,MAAM,kBAAA,GAAiBJ,MAAAA,QAAAA,OAAmC;EACxD,MAAM,mBAAmBK,sBAAAA,kCAAkC,CAAC,GAAG,MAAM;EACrE,OAAO;GAAE,GAAG;GAAkB,OAAO;IAACC,wDAAAA;IAAuB,GAAG;IAAO,GAAG,iBAAiB;GAAK;EAAE;CACpG,GAAG,CAAC,OAAO,MAAM,CAAC;CAElB,MAAM,qBAAA,GAAoBC,MAAAA,YAAAA,EACvB,eAAoC;EACnC,MAAM,OAAOC,sBAAAA,kCAAkC;GAC7C,GAAG;GACH,OAAO,WAAW,MAAM,QAAO,SAAQC,cAAAA,iBAAiB,IAAI,KAAK,KAAK,YAAA,WAAqC;EAC7G,CAAC;EACD,gBAAgB,KAAK,QAAQ,KAAK,MAAM;CAC1C,GACA,CAAC,eAAe,CAClB;CAYA,OAAO;EAAE;EAAgB;EAAmB,kBAAA,GAVpBF,MAAAA,YAAAA,EACrB,SAAiB,UAAkB;GAClC,MAAM,eAAe,MAAM,QAAO,SAAQ,KAAK,YAAY,OAAO;GAClE,MAAM,OAAsB;IAAE,IAAI,GAAG,QAAQ,GAAG;IAAS;IAAS,YAAY;IAAM;GAAM;GAC1F,MAAM,aAAa,eAAe,MAAM,OAAOE,cAAAA,gBAAgB;GAC/D,kBAAkB;IAAE,GAAG;IAAgB,OAAO;KAAC,GAAG;KAAc;KAAM,GAAG;IAAU;GAAE,CAAC;EACxF,GACA;GAAC;GAAO;GAAgB;EAAiB,CAGC;CAAgB;AAC9D"}
+{"version":3,"file":"use-spans-filter-bar.cjs.js","names":["useMastraClient","useObservabilityCapabilities","useEntityNames","useEnvironments","useMemo","TRACE_TIME_RANGE_FIELD","createSpanFilterBarFields","createTraceQueryValuesResolver","traceTokensToFilterBarItems","traceFiltersToFilterBarExpression","TRACE_TIME_RANGE_ITEM","useCallback","filterBarExpressionToTraceFilters","isFilterBarGroup"],"sources":["../../../../src/domains/spans/hooks/use-spans-filter-bar.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useObservabilityCapabilities } from '@mastra/react/hooks/capabilities';\nimport { createTraceQueryValuesResolver, useEntityNames, useEnvironments } from '@mastra/react/hooks/traces';\nimport type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { useCallback, useMemo } from 'react';\nimport {\n  TRACE_TIME_RANGE_FIELD,\n  TRACE_TIME_RANGE_FIELD_ID,\n  TRACE_TIME_RANGE_ITEM,\n} from '../../traces/components/trace-time-range-chip';\nimport {\n  filterBarExpressionToTraceFilters,\n  traceFiltersToFilterBarExpression,\n  traceTokensToFilterBarItems,\n} from '../../traces/trace-filters';\nimport type { TraceFilterGroup, TraceFilterToken } from '../../traces/trace-query-filters';\nimport type { TraceDatePreset } from '../../traces/types';\nimport { createSpanFilterBarFields } from '../span-filters';\nimport { isFilterBarGroup } from '@/ds/components/FilterBar';\nimport type { FilterBarExpression, FilterBarField, FilterBarItem } from '@/ds/components/FilterBar';\n\n/** The time range presets the spans filter bar offers. */\nexport const SPAN_TIME_RANGE_PRESETS: readonly TraceDatePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\nconst NO_SUGGESTIONS: string[] = [];\n\nexport type UseSpansFilterBarFieldsOptions = {\n  /** Window the value suggestions are looked up in. */\n  timeRange: TraceQueryDiscoveryTimeRange;\n};\n\n/**\n * The fields the spans filter bar offers: the time range plus the fields `querySpans()` accepts.\n * Context, model and outcome fields and streaming timings are only included when the store declares them.\n */\nexport function useSpansFilterBarFields({ timeRange }: UseSpansFilterBarFieldsOptions): FilterBarField[] {\n  const client = useMastraClient();\n  const { data: capabilities } = useObservabilityCapabilities();\n  const withContextFields = capabilities?.capabilities.spanQueryContextFields ?? false;\n  const withTimeToFirstChunk = capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false;\n  const withTimeToFirstToken = capabilities?.capabilities.traceQueryTimeToFirstToken ?? false;\n  const withOutcomeFields = capabilities?.capabilities.spanQueryOutcomeFields ?? false;\n  const withModelFields = capabilities?.capabilities.spanQueryModelFields ?? false;\n  const { data: entityNames = NO_SUGGESTIONS } = useEntityNames();\n  const { data: environments = NO_SUGGESTIONS } = useEnvironments();\n\n  // Memoized for correctness: static suggestion lists become the value editor's Combobox\n  // `items`, which loops if handed a new array on every render.\n  return useMemo(\n    () => [\n      TRACE_TIME_RANGE_FIELD,\n      ...createSpanFilterBarFields({\n        withContextFields,\n        withTimeToFirstChunk,\n        withTimeToFirstToken,\n        withOutcomeFields,\n        withModelFields,\n        entityNames,\n        environments,\n        valueSuggestions: path => createTraceQueryValuesResolver(client, timeRange, 'spans', path),\n      }),\n    ],\n    [\n      withContextFields,\n      withTimeToFirstChunk,\n      withTimeToFirstToken,\n      withOutcomeFields,\n      withModelFields,\n      entityNames,\n      environments,\n      client,\n      timeRange,\n    ],\n  );\n}\n\nexport type UseSpansFilterBarOptions = {\n  tokens: TraceFilterToken[];\n  groups: TraceFilterGroup[];\n  onFiltersChange: (tokens: TraceFilterToken[], groups: TraceFilterGroup[]) => void;\n};\n\n/**\n * The span filters as a filter bar value, and the handlers that write bar edits back.\n * The time-range chip is a synthetic, always-present item; it never round-trips to tokens.\n */\nexport function useSpansFilterBar({ tokens, groups, onFiltersChange }: UseSpansFilterBarOptions): {\n  filterBarValue: FilterBarExpression;\n  onFilterBarChange: (expression: FilterBarExpression) => void;\n  /** Replaces any filter on `fieldId` with `is value`, e.g. from a list cell. */\n  onFilterByField: (fieldId: string, value: string) => void;\n} {\n  const items = useMemo(() => traceTokensToFilterBarItems(tokens), [tokens]);\n\n  const filterBarValue = useMemo<FilterBarExpression>(() => {\n    const groupsExpression = traceFiltersToFilterBarExpression([], groups);\n    return { ...groupsExpression, nodes: [TRACE_TIME_RANGE_ITEM, ...items, ...groupsExpression.nodes] };\n  }, [items, groups]);\n\n  const onFilterBarChange = useCallback(\n    (expression: FilterBarExpression) => {\n      const next = filterBarExpressionToTraceFilters({\n        ...expression,\n        nodes: expression.nodes.filter(node => isFilterBarGroup(node) || node.fieldId !== TRACE_TIME_RANGE_FIELD_ID),\n      });\n      onFiltersChange(next.tokens, next.groups);\n    },\n    [onFiltersChange],\n  );\n\n  const onFilterByField = useCallback(\n    (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 groupNodes = filterBarValue.nodes.filter(isFilterBarGroup);\n      onFilterBarChange({ ...filterBarValue, nodes: [...withoutField, item, ...groupNodes] });\n    },\n    [items, filterBarValue, onFilterBarChange],\n  );\n\n  return { filterBarValue, onFilterBarChange, onFilterByField };\n}\n"],"mappings":";;;;;;;;;;;AAsBA,IAAa,0BAAsD;CACjE;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,IAAM,iBAA2B,CAAC;;;;;AAWlC,SAAgB,wBAAwB,EAAE,aAA+D;CACvG,MAAM,UAAA,GAASA,cAAAA,gBAAAA,CAAgB;CAC/B,MAAM,EAAE,MAAM,kBAAA,GAAiBC,iCAAAA,6BAAAA,CAA6B;CAC5D,MAAM,oBAAoB,cAAc,aAAa,0BAA0B;CAC/E,MAAM,uBAAuB,cAAc,aAAa,8BAA8B;CACtF,MAAM,uBAAuB,cAAc,aAAa,8BAA8B;CACtF,MAAM,oBAAoB,cAAc,aAAa,0BAA0B;CAC/E,MAAM,kBAAkB,cAAc,aAAa,wBAAwB;CAC3E,MAAM,EAAE,MAAM,cAAc,oBAAA,GAAmBC,2BAAAA,eAAAA,CAAe;CAC9D,MAAM,EAAE,MAAM,eAAe,oBAAA,GAAmBC,2BAAAA,gBAAAA,CAAgB;CAIhE,QAAA,GAAOC,MAAAA,QAAAA,OACC,CACJC,wDAAAA,wBACA,GAAGC,mCAAAA,0BAA0B;EAC3B;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mBAAkB,UAAA,GAAQC,2BAAAA,+BAAAA,CAA+B,QAAQ,WAAW,SAAS,IAAI;CAC3F,CAAC,CACH,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;AACF;;;;;AAYA,SAAgB,kBAAkB,EAAE,QAAQ,QAAQ,mBAKlD;CACA,MAAM,SAAA,GAAQH,MAAAA,QAAAA,OAAcI,sBAAAA,4BAA4B,MAAM,GAAG,CAAC,MAAM,CAAC;CAEzE,MAAM,kBAAA,GAAiBJ,MAAAA,QAAAA,OAAmC;EACxD,MAAM,mBAAmBK,sBAAAA,kCAAkC,CAAC,GAAG,MAAM;EACrE,OAAO;GAAE,GAAG;GAAkB,OAAO;IAACC,wDAAAA;IAAuB,GAAG;IAAO,GAAG,iBAAiB;GAAK;EAAE;CACpG,GAAG,CAAC,OAAO,MAAM,CAAC;CAElB,MAAM,qBAAA,GAAoBC,MAAAA,YAAAA,EACvB,eAAoC;EACnC,MAAM,OAAOC,sBAAAA,kCAAkC;GAC7C,GAAG;GACH,OAAO,WAAW,MAAM,QAAO,SAAQC,cAAAA,iBAAiB,IAAI,KAAK,KAAK,YAAA,WAAqC;EAC7G,CAAC;EACD,gBAAgB,KAAK,QAAQ,KAAK,MAAM;CAC1C,GACA,CAAC,eAAe,CAClB;CAYA,OAAO;EAAE;EAAgB;EAAmB,kBAAA,GAVpBF,MAAAA,YAAAA,EACrB,SAAiB,UAAkB;GAClC,MAAM,eAAe,MAAM,QAAO,SAAQ,KAAK,YAAY,OAAO;GAClE,MAAM,OAAsB;IAAE,IAAI,GAAG,QAAQ,GAAG;IAAS;IAAS,YAAY;IAAM;GAAM;GAC1F,MAAM,aAAa,eAAe,MAAM,OAAOE,cAAAA,gBAAgB;GAC/D,kBAAkB;IAAE,GAAG;IAAgB,OAAO;KAAC,GAAG;KAAc;KAAM,GAAG;IAAU;GAAE,CAAC;EACxF,GACA;GAAC;GAAO;GAAgB;EAAiB,CAGC;CAAgB;AAC9D"}

package/dist/domains/spans/hooks/use-spans-filter-bar.es.js

@@ -1,7 +1,7 @@
-import { $ as traceFiltersToFilterBarExpression, F as filterBarExpressionToTraceFilters, et as traceTokensToFilterBarItems } from "../../../trace-filters-C27yWcan.js";
+import { 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 "../../traces/components/trace-time-range-chip.es.js";
 import { createSpanFilterBarFields } from "../span-filters.es.js";
+import { TRACE_TIME_RANGE_FIELD, TRACE_TIME_RANGE_ITEM } from "../../traces/components/trace-time-range-chip.es.js";
 import { useCallback, useMemo } from "react";
 import { useMastraClient } from "@mastra/react";
 import { useObservabilityCapabilities } from "@mastra/react/hooks/capabilities";
@@ -19,21 +19,33 @@ var SPAN_TIME_RANGE_PRESETS = [
 var NO_SUGGESTIONS = [];
 /**
 * The fields the spans filter bar offers: the time range plus the fields `querySpans()` accepts.
-* Context fields are only included when the store declares `spanQueryContextFields`.
+* Context, model and outcome fields and streaming timings are only included when the store declares them.
 */
 function useSpansFilterBarFields({ timeRange }) {
 	const client = useMastraClient();
 	const { data: capabilities } = useObservabilityCapabilities();
 	const withContextFields = capabilities?.capabilities.spanQueryContextFields ?? false;
+	const withTimeToFirstChunk = capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false;
+	const withTimeToFirstToken = capabilities?.capabilities.traceQueryTimeToFirstToken ?? false;
+	const withOutcomeFields = capabilities?.capabilities.spanQueryOutcomeFields ?? false;
+	const withModelFields = capabilities?.capabilities.spanQueryModelFields ?? false;
 	const { data: entityNames = NO_SUGGESTIONS } = useEntityNames();
 	const { data: environments = NO_SUGGESTIONS } = useEnvironments();
 	return useMemo(() => [TRACE_TIME_RANGE_FIELD, ...createSpanFilterBarFields({
 		withContextFields,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields,
+		withModelFields,
 		entityNames,
 		environments,
 		valueSuggestions: (path) => createTraceQueryValuesResolver(client, timeRange, "spans", path)
 	})], [
 		withContextFields,
+		withTimeToFirstChunk,
+		withTimeToFirstToken,
+		withOutcomeFields,
+		withModelFields,
 		entityNames,
 		environments,
 		client,

package/dist/domains/spans/hooks/use-spans-filter-bar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-spans-filter-bar.es.js","names":[],"sources":["../../../../src/domains/spans/hooks/use-spans-filter-bar.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useObservabilityCapabilities } from '@mastra/react/hooks/capabilities';\nimport { createTraceQueryValuesResolver, useEntityNames, useEnvironments } from '@mastra/react/hooks/traces';\nimport type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { useCallback, useMemo } from 'react';\nimport {\n  TRACE_TIME_RANGE_FIELD,\n  TRACE_TIME_RANGE_FIELD_ID,\n  TRACE_TIME_RANGE_ITEM,\n} from '../../traces/components/trace-time-range-chip';\nimport {\n  filterBarExpressionToTraceFilters,\n  traceFiltersToFilterBarExpression,\n  traceTokensToFilterBarItems,\n} from '../../traces/trace-filters';\nimport type { TraceFilterGroup, TraceFilterToken } from '../../traces/trace-query-filters';\nimport type { TraceDatePreset } from '../../traces/types';\nimport { createSpanFilterBarFields } from '../span-filters';\nimport { isFilterBarGroup } from '@/ds/components/FilterBar';\nimport type { FilterBarExpression, FilterBarField, FilterBarItem } from '@/ds/components/FilterBar';\n\n/** The time range presets the spans filter bar offers. */\nexport const SPAN_TIME_RANGE_PRESETS: readonly TraceDatePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\nconst NO_SUGGESTIONS: string[] = [];\n\nexport type UseSpansFilterBarFieldsOptions = {\n  /** Window the value suggestions are looked up in. */\n  timeRange: TraceQueryDiscoveryTimeRange;\n};\n\n/**\n * The fields the spans filter bar offers: the time range plus the fields `querySpans()` accepts.\n * Context fields are only included when the store declares `spanQueryContextFields`.\n */\nexport function useSpansFilterBarFields({ timeRange }: UseSpansFilterBarFieldsOptions): FilterBarField[] {\n  const client = useMastraClient();\n  const { data: capabilities } = useObservabilityCapabilities();\n  const withContextFields = capabilities?.capabilities.spanQueryContextFields ?? false;\n  const { data: entityNames = NO_SUGGESTIONS } = useEntityNames();\n  const { data: environments = NO_SUGGESTIONS } = useEnvironments();\n\n  // Memoized for correctness: static suggestion lists become the value editor's Combobox\n  // `items`, which loops if handed a new array on every render.\n  return useMemo(\n    () => [\n      TRACE_TIME_RANGE_FIELD,\n      ...createSpanFilterBarFields({\n        withContextFields,\n        entityNames,\n        environments,\n        valueSuggestions: path => createTraceQueryValuesResolver(client, timeRange, 'spans', path),\n      }),\n    ],\n    [withContextFields, entityNames, environments, client, timeRange],\n  );\n}\n\nexport type UseSpansFilterBarOptions = {\n  tokens: TraceFilterToken[];\n  groups: TraceFilterGroup[];\n  onFiltersChange: (tokens: TraceFilterToken[], groups: TraceFilterGroup[]) => void;\n};\n\n/**\n * The span filters as a filter bar value, and the handlers that write bar edits back.\n * The time-range chip is a synthetic, always-present item; it never round-trips to tokens.\n */\nexport function useSpansFilterBar({ tokens, groups, onFiltersChange }: UseSpansFilterBarOptions): {\n  filterBarValue: FilterBarExpression;\n  onFilterBarChange: (expression: FilterBarExpression) => void;\n  /** Replaces any filter on `fieldId` with `is value`, e.g. from a list cell. */\n  onFilterByField: (fieldId: string, value: string) => void;\n} {\n  const items = useMemo(() => traceTokensToFilterBarItems(tokens), [tokens]);\n\n  const filterBarValue = useMemo<FilterBarExpression>(() => {\n    const groupsExpression = traceFiltersToFilterBarExpression([], groups);\n    return { ...groupsExpression, nodes: [TRACE_TIME_RANGE_ITEM, ...items, ...groupsExpression.nodes] };\n  }, [items, groups]);\n\n  const onFilterBarChange = useCallback(\n    (expression: FilterBarExpression) => {\n      const next = filterBarExpressionToTraceFilters({\n        ...expression,\n        nodes: expression.nodes.filter(node => isFilterBarGroup(node) || node.fieldId !== TRACE_TIME_RANGE_FIELD_ID),\n      });\n      onFiltersChange(next.tokens, next.groups);\n    },\n    [onFiltersChange],\n  );\n\n  const onFilterByField = useCallback(\n    (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 groupNodes = filterBarValue.nodes.filter(isFilterBarGroup);\n      onFilterBarChange({ ...filterBarValue, nodes: [...withoutField, item, ...groupNodes] });\n    },\n    [items, filterBarValue, onFilterBarChange],\n  );\n\n  return { filterBarValue, onFilterBarChange, onFilterByField };\n}\n"],"mappings":";;;;;;;;;;AAsBA,IAAa,0BAAsD;CACjE;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,IAAM,iBAA2B,CAAC;;;;;AAWlC,SAAgB,wBAAwB,EAAE,aAA+D;CACvG,MAAM,SAAS,gBAAgB;CAC/B,MAAM,EAAE,MAAM,iBAAiB,6BAA6B;CAC5D,MAAM,oBAAoB,cAAc,aAAa,0BAA0B;CAC/E,MAAM,EAAE,MAAM,cAAc,mBAAmB,eAAe;CAC9D,MAAM,EAAE,MAAM,eAAe,mBAAmB,gBAAgB;CAIhE,OAAO,cACC,CACJ,wBACA,GAAG,0BAA0B;EAC3B;EACA;EACA;EACA,mBAAkB,SAAQ,+BAA+B,QAAQ,WAAW,SAAS,IAAI;CAC3F,CAAC,CACH,GACA;EAAC;EAAmB;EAAa;EAAc;EAAQ;CAAS,CAClE;AACF;;;;;AAYA,SAAgB,kBAAkB,EAAE,QAAQ,QAAQ,mBAKlD;CACA,MAAM,QAAQ,cAAc,4BAA4B,MAAM,GAAG,CAAC,MAAM,CAAC;CAEzE,MAAM,iBAAiB,cAAmC;EACxD,MAAM,mBAAmB,kCAAkC,CAAC,GAAG,MAAM;EACrE,OAAO;GAAE,GAAG;GAAkB,OAAO;IAAC;IAAuB,GAAG;IAAO,GAAG,iBAAiB;GAAK;EAAE;CACpG,GAAG,CAAC,OAAO,MAAM,CAAC;CAElB,MAAM,oBAAoB,aACvB,eAAoC;EACnC,MAAM,OAAO,kCAAkC;GAC7C,GAAG;GACH,OAAO,WAAW,MAAM,QAAO,SAAQ,iBAAiB,IAAI,KAAK,KAAK,YAAA,WAAqC;EAC7G,CAAC;EACD,gBAAgB,KAAK,QAAQ,KAAK,MAAM;CAC1C,GACA,CAAC,eAAe,CAClB;CAYA,OAAO;EAAE;EAAgB;EAAmB,iBAVpB,aACrB,SAAiB,UAAkB;GAClC,MAAM,eAAe,MAAM,QAAO,SAAQ,KAAK,YAAY,OAAO;GAClE,MAAM,OAAsB;IAAE,IAAI,GAAG,QAAQ,GAAG;IAAS;IAAS,YAAY;IAAM;GAAM;GAC1F,MAAM,aAAa,eAAe,MAAM,OAAO,gBAAgB;GAC/D,kBAAkB;IAAE,GAAG;IAAgB,OAAO;KAAC,GAAG;KAAc;KAAM,GAAG;IAAU;GAAE,CAAC;EACxF,GACA;GAAC;GAAO;GAAgB;EAAiB,CAGC;CAAgB;AAC9D"}
+{"version":3,"file":"use-spans-filter-bar.es.js","names":[],"sources":["../../../../src/domains/spans/hooks/use-spans-filter-bar.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useObservabilityCapabilities } from '@mastra/react/hooks/capabilities';\nimport { createTraceQueryValuesResolver, useEntityNames, useEnvironments } from '@mastra/react/hooks/traces';\nimport type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { useCallback, useMemo } from 'react';\nimport {\n  TRACE_TIME_RANGE_FIELD,\n  TRACE_TIME_RANGE_FIELD_ID,\n  TRACE_TIME_RANGE_ITEM,\n} from '../../traces/components/trace-time-range-chip';\nimport {\n  filterBarExpressionToTraceFilters,\n  traceFiltersToFilterBarExpression,\n  traceTokensToFilterBarItems,\n} from '../../traces/trace-filters';\nimport type { TraceFilterGroup, TraceFilterToken } from '../../traces/trace-query-filters';\nimport type { TraceDatePreset } from '../../traces/types';\nimport { createSpanFilterBarFields } from '../span-filters';\nimport { isFilterBarGroup } from '@/ds/components/FilterBar';\nimport type { FilterBarExpression, FilterBarField, FilterBarItem } from '@/ds/components/FilterBar';\n\n/** The time range presets the spans filter bar offers. */\nexport const SPAN_TIME_RANGE_PRESETS: readonly TraceDatePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\nconst NO_SUGGESTIONS: string[] = [];\n\nexport type UseSpansFilterBarFieldsOptions = {\n  /** Window the value suggestions are looked up in. */\n  timeRange: TraceQueryDiscoveryTimeRange;\n};\n\n/**\n * The fields the spans filter bar offers: the time range plus the fields `querySpans()` accepts.\n * Context, model and outcome fields and streaming timings are only included when the store declares them.\n */\nexport function useSpansFilterBarFields({ timeRange }: UseSpansFilterBarFieldsOptions): FilterBarField[] {\n  const client = useMastraClient();\n  const { data: capabilities } = useObservabilityCapabilities();\n  const withContextFields = capabilities?.capabilities.spanQueryContextFields ?? false;\n  const withTimeToFirstChunk = capabilities?.capabilities.traceQueryTimeToFirstChunk ?? false;\n  const withTimeToFirstToken = capabilities?.capabilities.traceQueryTimeToFirstToken ?? false;\n  const withOutcomeFields = capabilities?.capabilities.spanQueryOutcomeFields ?? false;\n  const withModelFields = capabilities?.capabilities.spanQueryModelFields ?? false;\n  const { data: entityNames = NO_SUGGESTIONS } = useEntityNames();\n  const { data: environments = NO_SUGGESTIONS } = useEnvironments();\n\n  // Memoized for correctness: static suggestion lists become the value editor's Combobox\n  // `items`, which loops if handed a new array on every render.\n  return useMemo(\n    () => [\n      TRACE_TIME_RANGE_FIELD,\n      ...createSpanFilterBarFields({\n        withContextFields,\n        withTimeToFirstChunk,\n        withTimeToFirstToken,\n        withOutcomeFields,\n        withModelFields,\n        entityNames,\n        environments,\n        valueSuggestions: path => createTraceQueryValuesResolver(client, timeRange, 'spans', path),\n      }),\n    ],\n    [\n      withContextFields,\n      withTimeToFirstChunk,\n      withTimeToFirstToken,\n      withOutcomeFields,\n      withModelFields,\n      entityNames,\n      environments,\n      client,\n      timeRange,\n    ],\n  );\n}\n\nexport type UseSpansFilterBarOptions = {\n  tokens: TraceFilterToken[];\n  groups: TraceFilterGroup[];\n  onFiltersChange: (tokens: TraceFilterToken[], groups: TraceFilterGroup[]) => void;\n};\n\n/**\n * The span filters as a filter bar value, and the handlers that write bar edits back.\n * The time-range chip is a synthetic, always-present item; it never round-trips to tokens.\n */\nexport function useSpansFilterBar({ tokens, groups, onFiltersChange }: UseSpansFilterBarOptions): {\n  filterBarValue: FilterBarExpression;\n  onFilterBarChange: (expression: FilterBarExpression) => void;\n  /** Replaces any filter on `fieldId` with `is value`, e.g. from a list cell. */\n  onFilterByField: (fieldId: string, value: string) => void;\n} {\n  const items = useMemo(() => traceTokensToFilterBarItems(tokens), [tokens]);\n\n  const filterBarValue = useMemo<FilterBarExpression>(() => {\n    const groupsExpression = traceFiltersToFilterBarExpression([], groups);\n    return { ...groupsExpression, nodes: [TRACE_TIME_RANGE_ITEM, ...items, ...groupsExpression.nodes] };\n  }, [items, groups]);\n\n  const onFilterBarChange = useCallback(\n    (expression: FilterBarExpression) => {\n      const next = filterBarExpressionToTraceFilters({\n        ...expression,\n        nodes: expression.nodes.filter(node => isFilterBarGroup(node) || node.fieldId !== TRACE_TIME_RANGE_FIELD_ID),\n      });\n      onFiltersChange(next.tokens, next.groups);\n    },\n    [onFiltersChange],\n  );\n\n  const onFilterByField = useCallback(\n    (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 groupNodes = filterBarValue.nodes.filter(isFilterBarGroup);\n      onFilterBarChange({ ...filterBarValue, nodes: [...withoutField, item, ...groupNodes] });\n    },\n    [items, filterBarValue, onFilterBarChange],\n  );\n\n  return { filterBarValue, onFilterBarChange, onFilterByField };\n}\n"],"mappings":";;;;;;;;;;AAsBA,IAAa,0BAAsD;CACjE;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,IAAM,iBAA2B,CAAC;;;;;AAWlC,SAAgB,wBAAwB,EAAE,aAA+D;CACvG,MAAM,SAAS,gBAAgB;CAC/B,MAAM,EAAE,MAAM,iBAAiB,6BAA6B;CAC5D,MAAM,oBAAoB,cAAc,aAAa,0BAA0B;CAC/E,MAAM,uBAAuB,cAAc,aAAa,8BAA8B;CACtF,MAAM,uBAAuB,cAAc,aAAa,8BAA8B;CACtF,MAAM,oBAAoB,cAAc,aAAa,0BAA0B;CAC/E,MAAM,kBAAkB,cAAc,aAAa,wBAAwB;CAC3E,MAAM,EAAE,MAAM,cAAc,mBAAmB,eAAe;CAC9D,MAAM,EAAE,MAAM,eAAe,mBAAmB,gBAAgB;CAIhE,OAAO,cACC,CACJ,wBACA,GAAG,0BAA0B;EAC3B;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mBAAkB,SAAQ,+BAA+B,QAAQ,WAAW,SAAS,IAAI;CAC3F,CAAC,CACH,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;AACF;;;;;AAYA,SAAgB,kBAAkB,EAAE,QAAQ,QAAQ,mBAKlD;CACA,MAAM,QAAQ,cAAc,4BAA4B,MAAM,GAAG,CAAC,MAAM,CAAC;CAEzE,MAAM,iBAAiB,cAAmC;EACxD,MAAM,mBAAmB,kCAAkC,CAAC,GAAG,MAAM;EACrE,OAAO;GAAE,GAAG;GAAkB,OAAO;IAAC;IAAuB,GAAG;IAAO,GAAG,iBAAiB;GAAK;EAAE;CACpG,GAAG,CAAC,OAAO,MAAM,CAAC;CAElB,MAAM,oBAAoB,aACvB,eAAoC;EACnC,MAAM,OAAO,kCAAkC;GAC7C,GAAG;GACH,OAAO,WAAW,MAAM,QAAO,SAAQ,iBAAiB,IAAI,KAAK,KAAK,YAAA,WAAqC;EAC7G,CAAC;EACD,gBAAgB,KAAK,QAAQ,KAAK,MAAM;CAC1C,GACA,CAAC,eAAe,CAClB;CAYA,OAAO;EAAE;EAAgB;EAAmB,iBAVpB,aACrB,SAAiB,UAAkB;GAClC,MAAM,eAAe,MAAM,QAAO,SAAQ,KAAK,YAAY,OAAO;GAClE,MAAM,OAAsB;IAAE,IAAI,GAAG,QAAQ,GAAG;IAAS;IAAS,YAAY;IAAM;GAAM;GAC1F,MAAM,aAAa,eAAe,MAAM,OAAO,gBAAgB;GAC/D,kBAAkB;IAAE,GAAG;IAAgB,OAAO;KAAC,GAAG;KAAc;KAAM,GAAG;IAAU;GAAE,CAAC;EACxF,GACA;GAAC;GAAO;GAAgB;EAAiB,CAGC;CAAgB;AAC9D"}

package/dist/domains/spans/span-filters.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../trace-filters-BpeBUjCb.cjs");
+const require_trace_filters = require("../../trace-filters-BNEZ31HX.cjs");
 let _mastra_core_observability = require("@mastra/core/observability");
 // src/domains/spans/span-filters.ts
 /** Span query fields every store accepts. `startedAt`/`endedAt` are left to the time-range chip. */
@@ -10,6 +10,7 @@ var SPAN_CORE_FILTER_FIELD_IDS = [
 	"error",
 	"durationMs",
 	"timeToFirstChunkMs",
+	"timeToFirstTokenMs",
 	"entityType",
 	"entityId",
 	"entityName",
@@ -40,9 +41,15 @@ var SPAN_CONTEXT_FILTER_FIELD_IDS = [
 	"rootEntityId",
 	"rootEntityName"
 ];
-var CORE_FIELD_IDS = new Set(SPAN_CORE_FILTER_FIELD_IDS);
-var ALL_FIELD_IDS = /* @__PURE__ */ new Set([...SPAN_CORE_FILTER_FIELD_IDS, ...SPAN_CONTEXT_FILTER_FIELD_IDS]);
-var NUMBER_FIELD_IDS = /* @__PURE__ */ new Set(["durationMs", "timeToFirstChunkMs"]);
+/** Span query fields the server only accepts when the store declares `spanQueryOutcomeFields`. */
+var SPAN_OUTCOME_FILTER_FIELD_IDS = ["outcome", "stopReason"];
+/** Span query fields the server only accepts when the store declares `spanQueryModelFields`. */
+var SPAN_MODEL_FILTER_FIELD_IDS = ["model", "provider"];
+var NUMBER_FIELD_IDS = /* @__PURE__ */ new Set([
+	"durationMs",
+	"timeToFirstChunkMs",
+	"timeToFirstTokenMs"
+]);
 /** The query can only test `error` for presence; any other operator is rejected. */
 var PRESENCE_ONLY_FIELD_IDS = /* @__PURE__ */ new Set(["error"]);
 /** Fields every span carries. On any other field, "is not X" must also keep spans where it is missing. */
@@ -62,6 +69,7 @@ var SPAN_FILTER_BAR_LABELS = {
 	parentSpanId: "Parent span ID",
 	error: "Error",
 	timeToFirstChunkMs: "Time to first chunk (ms)",
+	timeToFirstTokenMs: "Time to first token (ms)",
 	executionSource: "Execution source",
 	entityType: "Primitive type",
 	entityVersionId: "Primitive version ID",
@@ -72,7 +80,9 @@ var SPAN_FILTER_BAR_LABELS = {
 	rootEntityType: "Root primitive type",
 	rootEntityId: "Root primitive ID",
 	rootEntityName: "Root primitive name",
-	rootEntityVersionId: "Root primitive version ID"
+	rootEntityVersionId: "Root primitive version ID",
+	model: "Model",
+	provider: "Provider"
 };
 /** Span fields without their own trace icon borrow the icon of the closest trace field. */
 var SPAN_ICON_FIELD_ALIASES = {
@@ -80,6 +90,7 @@ var SPAN_ICON_FIELD_ALIASES = {
 	spanType: "spans.spanType",
 	error: "spans.error",
 	timeToFirstChunkMs: "durationMs",
+	timeToFirstTokenMs: "durationMs",
 	spanId: "traceId",
 	parentSpanId: "traceId",
 	executionSource: "runId",
@@ -91,7 +102,9 @@ var SPAN_ICON_FIELD_ALIASES = {
 	rootEntityId: "entityId",
 	rootEntityVersionId: "entityId",
 	parentEntityName: "entityName",
-	rootEntityName: "entityName"
+	rootEntityName: "entityName",
+	model: "spans.model",
+	provider: "spans.provider"
 };
 var spanFieldBase = (id) => ({
 	id,
@@ -118,7 +131,7 @@ var STATUS_OPTIONS = require_trace_filters.TRACE_STATUS_OPTIONS.filter((option)
 	label: option.label
 }));
 /** FilterBar fields for the spans page: only paths and operators `querySpans()` accepts. */
-function createSpanFilterBarFields({ withContextFields, entityNames, environments, valueSuggestions }) {
+function createSpanFilterBarFields({ withContextFields, withTimeToFirstChunk, withTimeToFirstToken, withOutcomeFields = false, withModelFields = false, entityNames, environments, valueSuggestions }) {
 	const pick = (id, suggestions, operators = require_trace_filters.TRACE_STRING_OPERATORS) => ({
 		...spanFieldBase(id),
 		operators,
@@ -152,7 +165,8 @@ function createSpanFilterBarFields({ withContextFields, entityNames, environment
 				operators: require_trace_filters.TRACE_PRESENCE_OPERATORS
 			};
 			case "durationMs":
-			case "timeToFirstChunkMs": return {
+			case "timeToFirstChunkMs":
+			case "timeToFirstTokenMs": return {
 				...spanFieldBase(id),
 				type: "number",
 				operators: require_trace_filters.TRACE_NUMBER_OPERATORS
@@ -162,14 +176,32 @@ function createSpanFilterBarFields({ withContextFields, entityNames, environment
 				...spanFieldBase(id),
 				operators: require_trace_filters.TRACE_REQUIRED_STRING_OPERATORS
 			};
+			case "model":
+			case "provider": {
+				const resolver = valueSuggestions?.(id);
+				return {
+					...spanFieldBase(id),
+					operators: require_trace_filters.TRACE_STRING_OPERATORS,
+					...resolver ? { suggestions: resolver } : {}
+				};
+			}
 			default: return {
 				...spanFieldBase(id),
 				operators: require_trace_filters.TRACE_STRING_OPERATORS
 			};
 		}
 	};
-	const sortFields = (ids) => ids.map(field).sort((a, b) => a.label.localeCompare(b.label));
-	return [...sortFields(SPAN_CORE_FILTER_FIELD_IDS), ...withContextFields ? sortFields(SPAN_CONTEXT_FILTER_FIELD_IDS) : []];
+	const offered = require_trace_filters.withoutUnrecordedStreamingTimings(/* @__PURE__ */ new Set([...SPAN_CORE_FILTER_FIELD_IDS, ...SPAN_CONTEXT_FILTER_FIELD_IDS]), {
+		withTimeToFirstChunk,
+		withTimeToFirstToken
+	});
+	const sortFields = (ids) => ids.filter((id) => offered.has(id)).map(field).sort((a, b) => a.label.localeCompare(b.label));
+	return [
+		...sortFields(SPAN_CORE_FILTER_FIELD_IDS),
+		...withContextFields ? sortFields(SPAN_CONTEXT_FILTER_FIELD_IDS) : [],
+		...withModelFields ? SPAN_MODEL_FILTER_FIELD_IDS.map(field) : [],
+		...withOutcomeFields ? require_trace_filters.createOutcomeFilterBarFields(spanFieldBase, valueSuggestions) : []
+	];
 }
 function tokenToSpanQueryPredicate(token, allowedFieldIds) {
 	const { fieldId } = token;
@@ -209,11 +241,16 @@ function groupToSpanQueryPredicate(group, allowedFieldIds) {
 }
 /**
 * The span query `where` for the filter bar's tokens and groups, or `undefined` when nothing applies.
-* Conditions the span query can't run (unknown fields, context fields without the capability,
-* unusable values) are left out instead of failing the request.
+* Conditions the span query can't run (unknown fields, context, model or outcome fields or streaming timings without
+* the capability, unusable values) are left out instead of failing the request.
 */
-function buildSpanQueryWhere(tokens, groups, { withContextFields }) {
-	const allowedFieldIds = withContextFields ? ALL_FIELD_IDS : CORE_FIELD_IDS;
+function buildSpanQueryWhere(tokens, groups, { withContextFields, withOutcomeFields = false, withModelFields = false, ...support }) {
+	const allowedFieldIds = require_trace_filters.withoutUnrecordedStreamingTimings(/* @__PURE__ */ new Set([
+		...SPAN_CORE_FILTER_FIELD_IDS,
+		...withContextFields ? SPAN_CONTEXT_FILTER_FIELD_IDS : [],
+		...withOutcomeFields ? SPAN_OUTCOME_FILTER_FIELD_IDS : [],
+		...withModelFields ? SPAN_MODEL_FILTER_FIELD_IDS : []
+	]), support);
 	const args = [...tokens.map((token) => tokenToSpanQueryPredicate(token, allowedFieldIds)), ...groups.map((group) => groupToSpanQueryPredicate(group, allowedFieldIds))].filter((predicate) => Boolean(predicate));
 	return args.length ? {
 		op: "and",
@@ -222,6 +259,8 @@ function buildSpanQueryWhere(tokens, groups, { withContextFields }) {
 }
 exports.SPAN_CONTEXT_FILTER_FIELD_IDS = SPAN_CONTEXT_FILTER_FIELD_IDS;
 exports.SPAN_CORE_FILTER_FIELD_IDS = SPAN_CORE_FILTER_FIELD_IDS;
+exports.SPAN_MODEL_FILTER_FIELD_IDS = SPAN_MODEL_FILTER_FIELD_IDS;
+exports.SPAN_OUTCOME_FILTER_FIELD_IDS = SPAN_OUTCOME_FILTER_FIELD_IDS;
 exports.buildSpanQueryWhere = buildSpanQueryWhere;
 exports.createSpanFilterBarFields = createSpanFilterBarFields;