@mastra/playground-ui 66.0.0 → 66.1.0-alpha.1

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

@@ -4,6 +4,7 @@ const require_domains_observability_hooks_use_observability_list_filters = requi
 const require_domains_spans_hooks_use_spans_list_source = require("../hooks/use-spans-list-source.cjs.js");
 const require_domains_spans_span_filters = require("../span-filters.cjs.js");
 const require_domains_spans_span_list_row = require("../span-list-row.cjs.js");
+const require_domains_spans_components_spans_explorer_histogram = require("./spans-explorer-histogram.cjs.js");
 const require_domains_spans_components_spans_filter_bar = require("./spans-filter-bar.cjs.js");
 const require_domains_traces_components_columns_menu_columns_menu = require("../../traces/components/columns-menu/columns-menu.cjs.js");
 const require_domains_traces_components_no_traces_info = require("../../traces/components/no-traces-info.cjs.js");
@@ -22,23 +23,23 @@ function SpansExplorerBody({ selection, onSelectionChange, renderPanel }) {
 	const columns = require_domains_traces_hooks_use_trace_column_preferences.useTraceColumnPreferences({ scope: "spans" });
 	const { data: capabilities } = (0, _mastra_react_hooks_capabilities.useObservabilityCapabilities)();
 	const withContextFields = capabilities?.capabilities.spanQueryContextFields ?? false;
-	const query = (0, react.useMemo)(() => {
-		const where = require_domains_spans_span_filters.buildSpanQueryWhere(tokens, groups, { withContextFields });
-		return {
-			timeRange,
-			orderBy: [{
-				field: "startedAt",
-				direction: sort
-			}],
-			...where ? { where } : {}
-		};
-	}, [
-		timeRange,
-		sort,
+	const where = (0, react.useMemo)(() => require_domains_spans_span_filters.buildSpanQueryWhere(tokens, groups, { withContextFields }), [
 		tokens,
 		groups,
 		withContextFields
 	]);
+	const query = (0, react.useMemo)(() => ({
+		timeRange,
+		orderBy: [{
+			field: "startedAt",
+			direction: sort
+		}],
+		...where ? { where } : {}
+	}), [
+		timeRange,
+		sort,
+		where
+	]);
 	const { spans, hasNextPage, isFetchingNextPage, setEndOfListElement, isLoading, isError, error } = require_domains_spans_hooks_use_spans_list_source.useSpansListSource({
 		query,
 		rolling: filters.rolling
@@ -62,7 +63,11 @@ function SpansExplorerBody({ selection, onSelectionChange, renderPanel }) {
 			children: "Spans"
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_observability_components_observability_list_body.ObservabilityListBody, {
-			toolbar: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ActionRow.ActionRow, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ActionRow.ActionRow.Start, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_spans_components_spans_filter_bar.SpansFilterBar, {
+			toolbar: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ActionRow.ActionRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ActionRow.ActionRow.Start, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_columns_menu_columns_menu.ColumnsMenu, {
+				scope: "spans",
+				value: columns.preferences,
+				onChange: columns.setPreferences
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_spans_components_spans_filter_bar.SpansFilterBar, {
 				datePreset: filters.datePreset,
 				dateFrom: filters.dateFrom,
 				dateTo: filters.dateTo,
@@ -74,11 +79,15 @@ function SpansExplorerBody({ selection, onSelectionChange, renderPanel }) {
 				onDateRangeChange: filters.onDateRangeChange,
 				onFiltersChange: filters.onFiltersChange,
 				disabled: isLoading
-			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ActionRow.ActionRow.End, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_columns_menu_columns_menu.ColumnsMenu, {
-				scope: "spans",
-				value: columns.preferences,
-				onChange: columns.setPreferences
-			}) })] }),
+			})] }) }),
+			chart: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_spans_components_spans_explorer_histogram.SpansExplorerHistogram, {
+				timeRange,
+				where,
+				onZoom: ({ from, to }) => {
+					filters.onDatePresetChange("custom");
+					filters.onDateRangeChange(from, to);
+				}
+			}),
 			error: isError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_traces_error_content.TracesErrorContent, {
 				error,
 				resource: "spans",

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

@@ -1 +1 @@
-{"version":3,"file":"spans-explorer-body.cjs.js","names":["useObservabilityListFilters","useTraceColumnPreferences","useObservabilityCapabilities","useMemo","buildSpanQueryWhere","useSpansListSource","spanToListRow","_Fragment","ObservabilityListBody","ActionRow","SpansFilterBar","ColumnsMenu","TracesErrorContent","NoTracesInfo","TracesListView"],"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 { 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 query = useMemo<SpanQueryArgs>(() => {\n    const where = buildSpanQueryWhere(tokens, groups, { withContextFields });\n    return { timeRange, orderBy: [{ field: 'startedAt', direction: sort }], ...(where ? { where } : {}) };\n  }, [timeRange, sort, tokens, groups, withContextFields]);\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              <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.End>\n              <ColumnsMenu scope=\"spans\" value={columns.preferences} onChange={columns.setPreferences} />\n            </ActionRow.End>\n          </ActionRow>\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.cjs.js","names":["useObservabilityListFilters","useTraceColumnPreferences","useObservabilityCapabilities","useMemo","buildSpanQueryWhere","useSpansListSource","spanToListRow","_Fragment","ObservabilityListBody","ActionRow","ColumnsMenu","SpansFilterBar","SpansExplorerHistogram","TracesErrorContent","NoTracesInfo","TracesListView"],"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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"}

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

@@ -4,6 +4,7 @@ import { useObservabilityListFilters } from "../../observability/hooks/use-obser
 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";
 import { ColumnsMenu } from "../../traces/components/columns-menu/columns-menu.es.js";
 import { NoTracesInfo } from "../../traces/components/no-traces-info.es.js";
@@ -21,23 +22,23 @@ function SpansExplorerBody({ selection, onSelectionChange, renderPanel }) {
 	const columns = useTraceColumnPreferences({ scope: "spans" });
 	const { data: capabilities } = useObservabilityCapabilities();
 	const withContextFields = capabilities?.capabilities.spanQueryContextFields ?? false;
-	const query = useMemo(() => {
-		const where = buildSpanQueryWhere(tokens, groups, { withContextFields });
-		return {
-			timeRange,
-			orderBy: [{
-				field: "startedAt",
-				direction: sort
-			}],
-			...where ? { where } : {}
-		};
-	}, [
-		timeRange,
-		sort,
+	const where = useMemo(() => buildSpanQueryWhere(tokens, groups, { withContextFields }), [
 		tokens,
 		groups,
 		withContextFields
 	]);
+	const query = useMemo(() => ({
+		timeRange,
+		orderBy: [{
+			field: "startedAt",
+			direction: sort
+		}],
+		...where ? { where } : {}
+	}), [
+		timeRange,
+		sort,
+		where
+	]);
 	const { spans, hasNextPage, isFetchingNextPage, setEndOfListElement, isLoading, isError, error } = useSpansListSource({
 		query,
 		rolling: filters.rolling
@@ -61,7 +62,11 @@ function SpansExplorerBody({ selection, onSelectionChange, renderPanel }) {
 			children: "Spans"
 		}),
 		/* @__PURE__ */ jsx(ObservabilityListBody, {
-			toolbar: /* @__PURE__ */ jsxs(ActionRow, { children: [/* @__PURE__ */ jsx(ActionRow.Start, { children: /* @__PURE__ */ jsx(SpansFilterBar, {
+			toolbar: /* @__PURE__ */ jsx(ActionRow, { children: /* @__PURE__ */ jsxs(ActionRow.Start, { children: [/* @__PURE__ */ jsx(ColumnsMenu, {
+				scope: "spans",
+				value: columns.preferences,
+				onChange: columns.setPreferences
+			}), /* @__PURE__ */ jsx(SpansFilterBar, {
 				datePreset: filters.datePreset,
 				dateFrom: filters.dateFrom,
 				dateTo: filters.dateTo,
@@ -73,11 +78,15 @@ function SpansExplorerBody({ selection, onSelectionChange, renderPanel }) {
 				onDateRangeChange: filters.onDateRangeChange,
 				onFiltersChange: filters.onFiltersChange,
 				disabled: isLoading
-			}) }), /* @__PURE__ */ jsx(ActionRow.End, { children: /* @__PURE__ */ jsx(ColumnsMenu, {
-				scope: "spans",
-				value: columns.preferences,
-				onChange: columns.setPreferences
-			}) })] }),
+			})] }) }),
+			chart: /* @__PURE__ */ jsx(SpansExplorerHistogram, {
+				timeRange,
+				where,
+				onZoom: ({ from, to }) => {
+					filters.onDatePresetChange("custom");
+					filters.onDateRangeChange(from, to);
+				}
+			}),
 			error: isError ? /* @__PURE__ */ jsx(TracesErrorContent, {
 				error,
 				resource: "spans",

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 { 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 query = useMemo<SpanQueryArgs>(() => {\n    const where = buildSpanQueryWhere(tokens, groups, { withContextFields });\n    return { timeRange, orderBy: [{ field: 'startedAt', direction: sort }], ...(where ? { where } : {}) };\n  }, [timeRange, sort, tokens, groups, withContextFields]);\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              <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.End>\n              <ColumnsMenu scope=\"spans\" value={columns.preferences} onChange={columns.setPreferences} />\n            </ActionRow.End>\n          </ActionRow>\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":";;;;;;;;;;;;;;;;;AAoCA,SAAgB,kBAAkB,EAAE,WAAW,mBAAmB,eAAuC;CACvG,MAAM,UAAU,4BAA4B;CAC5C,MAAM,EAAE,WAAW,QAAQ,QAAQ,SAAS;CAC5C,MAAM,UAAU,0BAA0B,EAAE,OAAO,QAAQ,CAAC;CAE5D,MAAM,EAAE,MAAM,iBAAiB,6BAA6B;CAC5D,MAAM,oBAAoB,cAAc,aAAa,0BAA0B;CAE/E,MAAM,QAAQ,cAA6B;EACzC,MAAM,QAAQ,oBAAoB,QAAQ,QAAQ,EAAE,kBAAkB,CAAC;EACvE,OAAO;GAAE;GAAW,SAAS,CAAC;IAAE,OAAO;IAAa,WAAW;GAAK,CAAC;GAAG,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;EAAG;CACtG,GAAG;EAAC;EAAW;EAAM;EAAQ;EAAQ;CAAiB,CAAC;CAEvD,MAAM,EAAE,OAAO,aAAa,oBAAoB,qBAAqB,WAAW,SAAS,UAAU,mBACjG;EACE;EACA,SAAS,QAAQ;CACnB,CACF;CAEA,MAAM,OAAO,eAAe,SAAS,CAAC,EAAA,CAAG,IAAI,aAAa,GAAG,CAAC,KAAK,CAAC;CACpE,MAAM,aAAa,cACX,KAAK,SAAQ,QAAQ,IAAI,SAAS,CAAC;EAAE,SAAS,IAAI;EAAS,QAAQ,IAAI;CAAO,CAAC,IAAI,CAAC,CAAE,GAC5F,CAAC,IAAI,CACP;CAGA,MAAM,mBAAmB,QAA6B;EACpD,IAAI,CAAC,IAAI,QAAQ;EAEjB,kBADe,WAAW,YAAY,IAAI,WAAW,UAAU,WAAW,IAAI,SACnD,KAAA,IAAY;GAAE,SAAS,IAAI;GAAS,QAAQ,IAAI;EAAO,CAAC;CACrF;CAGA,MAAM,iBAAiB,CAAC,aAAa,CAAC,WAAW,KAAK,WAAW,KAAK,CAAC,QAAQ,yBAAyB,CAAC;CAEzG,OACE,qBAAAA,YAAA,EAAA,UAAA;EACE,oBAAC,MAAD;GAAI,WAAU;GAAU,UAAA;EAAS,CAAA;EACjC,oBAAC,uBAAD;GACE,SACE,qBAAC,WAAD,EAAA,UAAA,CACE,oBAAC,UAAU,OAAX,EAAA,UACE,oBAAC,gBAAD;IACE,YAAY,QAAQ;IACpB,UAAU,QAAQ;IAClB,QAAQ,QAAQ;IACL;IACH;IACA;IACR,oBAAoB,QAAQ;IAC5B,cAAc,QAAQ;IACtB,mBAAmB,QAAQ;IAC3B,iBAAiB,QAAQ;IACzB,UAAU;GACX,CAAA,EACc,CAAA,GACjB,oBAAC,UAAU,KAAX,EAAA,UACE,oBAAC,aAAD;IAAa,OAAM;IAAQ,OAAO,QAAQ;IAAa,UAAU,QAAQ;GAAiB,CAAA,EAC7E,CAAA,CACN,EAAA,CAAA;GAEb,OACE,UAAU,oBAAC,oBAAD;IAA2B;IAAO,UAAS;IAAQ,YAAW;GAAwB,CAAA,IAAI,KAAA;GAEtG,OACE,iBACE,oBAAC,cAAD;IACE,UAAS;IACT,YAAY,QAAQ;IACpB,UAAU,QAAQ;IAClB,QAAQ,QAAQ;GACjB,CAAA,IACC,KAAA;GAGN,UAAA,oBAAC,gBAAD;IACE,QAAO;IACP,QAAQ;IACR,mBAAmB,QAAQ;IAChB;IACS;IACP;IACQ;IACrB,gBAAgB,QAAQ;IACxB,UAAS;IACT,gBAAA;IACA,aAAa;IACb,cAAc,QAAQ;IACtB,iBAAiB,WAAW;IAC5B,gBAAgB,WAAW;IAC3B,cAAc;GACf,CAAA;EACoB,CAAA;EACtB,YAAY;GACX;GACA,OAAO;GACP,UAAU;GACV,eAAe,kBAAkB,KAAA,CAAS;EAC5C,CAAC;CACD,EAAA,CAAA;AAEN"}
+{"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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"}

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

@@ -0,0 +1,43 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_observability_components_observability_histogram = require("../../observability/components/observability-histogram.cjs.js");
+const require_domains_observability_lib_histogram_buckets = require("../../observability/lib/histogram-buckets.cjs.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _mastra_react_hooks_capabilities = require("@mastra/react/hooks/capabilities");
+let _tanstack_react_query = require("@tanstack/react-query");
+let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
+// src/domains/spans/components/spans-explorer-histogram.tsx
+/**
+* Span and error counts over the span list's time range and filters.
+* Renders nothing when the server can't aggregate spans or the window is wider than it aggregates.
+*/
+function SpansExplorerHistogram({ timeRange, where, onZoom }) {
+	const aggregateAvailable = (0, _mastra_react_hooks_capabilities.useSpanAggregateAvailable)();
+	const request = (0, react.useMemo)(() => ({
+		timeRange,
+		...where ? { where } : {},
+		interval: require_domains_observability_lib_histogram_buckets.histogramPlan(timeRange).interval,
+		measures: [...require_domains_observability_lib_histogram_buckets.HISTOGRAM_MEASURES],
+		limit: 1
+	}), [timeRange, where]);
+	const hidden = !aggregateAvailable.enabled || require_domains_observability_lib_histogram_buckets.exceedsAggregateWindow(timeRange);
+	const { data, isLoading, isError, isPlaceholderData } = (0, _mastra_react_hooks_traces.useSpanAggregate)({
+		request,
+		enabled: !hidden,
+		queryOptions: { placeholderData: _tanstack_react_query.keepPreviousData }
+	});
+	const buckets = (0, react.useMemo)(() => require_domains_observability_lib_histogram_buckets.bucketCountRows(data?.rows ?? [], timeRange), [data, timeRange]);
+	if (hidden) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_observability_components_observability_histogram.ObservabilityHistogram, {
+		label: "Spans over time",
+		resourceLabel: "Spans",
+		buckets,
+		isLoading,
+		isError,
+		isUpdating: isPlaceholderData,
+		onZoom: onZoom && ((range) => onZoom(require_domains_observability_lib_histogram_buckets.zoomWindow(buckets, range, timeRange)))
+	});
+}
+exports.SpansExplorerHistogram = SpansExplorerHistogram;
+
+//# sourceMappingURL=spans-explorer-histogram.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spans-explorer-histogram.cjs.js","names":["useSpanAggregateAvailable","useMemo","histogramPlan","HISTOGRAM_MEASURES","exceedsAggregateWindow","useSpanAggregate","keepPreviousData","bucketCountRows","ObservabilityHistogram","zoomWindow"],"sources":["../../../../src/domains/spans/components/spans-explorer-histogram.tsx"],"sourcesContent":["import type { AggregateSpansArgs } from '@mastra/client-js';\nimport type { TraceQueryScalarPredicate } from '@mastra/core/storage';\nimport { useSpanAggregateAvailable } from '@mastra/react/hooks/capabilities';\nimport { useSpanAggregate } from '@mastra/react/hooks/traces';\nimport type { SpanQueryArgs } from '@mastra/react/hooks/traces';\nimport { keepPreviousData } from '@tanstack/react-query';\nimport { useMemo } from 'react';\nimport { ObservabilityHistogram } from '@/domains/observability/components/observability-histogram';\nimport {\n  bucketCountRows,\n  exceedsAggregateWindow,\n  HISTOGRAM_MEASURES,\n  histogramPlan,\n  zoomWindow,\n} from '@/domains/observability/lib/histogram-buckets';\n\nexport type SpansExplorerHistogramProps = {\n  /** The span list's resolved time range. */\n  timeRange: SpanQueryArgs['timeRange'];\n  /** The span list's filter predicate, from `buildSpanQueryWhere`. */\n  where?: TraceQueryScalarPredicate;\n  /** Called with the time span of the bars the user drags across. */\n  onZoom?: (window: { from: Date; to: Date }) => void;\n};\n\n/**\n * Span and error counts over the span list's time range and filters.\n * Renders nothing when the server can't aggregate spans or the window is wider than it aggregates.\n */\nexport function SpansExplorerHistogram({ timeRange, where, onZoom }: SpansExplorerHistogramProps) {\n  const aggregateAvailable = useSpanAggregateAvailable();\n\n  const request = useMemo<AggregateSpansArgs>(\n    () => ({\n      timeRange,\n      ...(where ? { where } : {}),\n      interval: histogramPlan(timeRange).interval,\n      measures: [...HISTOGRAM_MEASURES],\n      // No groupBy means a single group; the default limit would multiply past the server's row cap.\n      limit: 1,\n    }),\n    [timeRange, where],\n  );\n\n  const hidden = !aggregateAvailable.enabled || exceedsAggregateWindow(timeRange);\n\n  const { data, isLoading, isError, isPlaceholderData } = useSpanAggregate({\n    request,\n    enabled: !hidden,\n    queryOptions: { placeholderData: keepPreviousData },\n  });\n\n  const buckets = useMemo(() => bucketCountRows(data?.rows ?? [], timeRange), [data, timeRange]);\n\n  if (hidden) return null;\n\n  return (\n    <ObservabilityHistogram\n      label=\"Spans over time\"\n      resourceLabel=\"Spans\"\n      buckets={buckets}\n      isLoading={isLoading}\n      isError={isError}\n      isUpdating={isPlaceholderData}\n      onZoom={onZoom && (range => onZoom(zoomWindow(buckets, range, timeRange)))}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA6BA,SAAgB,uBAAuB,EAAE,WAAW,OAAO,UAAuC;CAChG,MAAM,sBAAA,GAAqBA,iCAAAA,0BAAAA,CAA0B;CAErD,MAAM,WAAA,GAAUC,MAAAA,QAAAA,QACP;EACL;EACA,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;EACzB,UAAUC,oDAAAA,cAAc,SAAS,CAAC,CAAC;EACnC,UAAU,CAAC,GAAGC,oDAAAA,kBAAkB;EAEhC,OAAO;CACT,IACA,CAAC,WAAW,KAAK,CACnB;CAEA,MAAM,SAAS,CAAC,mBAAmB,WAAWC,oDAAAA,uBAAuB,SAAS;CAE9E,MAAM,EAAE,MAAM,WAAW,SAAS,uBAAA,GAAsBC,2BAAAA,iBAAAA,CAAiB;EACvE;EACA,SAAS,CAAC;EACV,cAAc,EAAE,iBAAiBC,sBAAAA,iBAAiB;CACpD,CAAC;CAED,MAAM,WAAA,GAAUL,MAAAA,QAAAA,OAAcM,oDAAAA,gBAAgB,MAAM,QAAQ,CAAC,GAAG,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC;CAE7F,IAAI,QAAQ,OAAO;CAEnB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iEAAAA,wBAAD;EACE,OAAM;EACN,eAAc;EACL;EACE;EACF;EACT,YAAY;EACZ,QAAQ,YAAW,UAAS,OAAOC,oDAAAA,WAAW,SAAS,OAAO,SAAS,CAAC;CACzE,CAAA;AAEL"}

package/dist/domains/spans/components/spans-explorer-histogram.d.ts

@@ -0,0 +1 @@
+export * from '../../../src/domains/spans/components/spans-explorer-histogram';

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

@@ -0,0 +1,42 @@
+import { ObservabilityHistogram } from "../../observability/components/observability-histogram.es.js";
+import { HISTOGRAM_MEASURES, bucketCountRows, exceedsAggregateWindow, histogramPlan, zoomWindow } from "../../observability/lib/histogram-buckets.es.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useSpanAggregateAvailable } from "@mastra/react/hooks/capabilities";
+import { keepPreviousData } from "@tanstack/react-query";
+import { useSpanAggregate } from "@mastra/react/hooks/traces";
+// src/domains/spans/components/spans-explorer-histogram.tsx
+/**
+* Span and error counts over the span list's time range and filters.
+* Renders nothing when the server can't aggregate spans or the window is wider than it aggregates.
+*/
+function SpansExplorerHistogram({ timeRange, where, onZoom }) {
+	const aggregateAvailable = useSpanAggregateAvailable();
+	const request = useMemo(() => ({
+		timeRange,
+		...where ? { where } : {},
+		interval: histogramPlan(timeRange).interval,
+		measures: [...HISTOGRAM_MEASURES],
+		limit: 1
+	}), [timeRange, where]);
+	const hidden = !aggregateAvailable.enabled || exceedsAggregateWindow(timeRange);
+	const { data, isLoading, isError, isPlaceholderData } = useSpanAggregate({
+		request,
+		enabled: !hidden,
+		queryOptions: { placeholderData: keepPreviousData }
+	});
+	const buckets = useMemo(() => bucketCountRows(data?.rows ?? [], timeRange), [data, timeRange]);
+	if (hidden) return null;
+	return /* @__PURE__ */ jsx(ObservabilityHistogram, {
+		label: "Spans over time",
+		resourceLabel: "Spans",
+		buckets,
+		isLoading,
+		isError,
+		isUpdating: isPlaceholderData,
+		onZoom: onZoom && ((range) => onZoom(zoomWindow(buckets, range, timeRange)))
+	});
+}
+export { SpansExplorerHistogram };
+
+//# sourceMappingURL=spans-explorer-histogram.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spans-explorer-histogram.es.js","names":[],"sources":["../../../../src/domains/spans/components/spans-explorer-histogram.tsx"],"sourcesContent":["import type { AggregateSpansArgs } from '@mastra/client-js';\nimport type { TraceQueryScalarPredicate } from '@mastra/core/storage';\nimport { useSpanAggregateAvailable } from '@mastra/react/hooks/capabilities';\nimport { useSpanAggregate } from '@mastra/react/hooks/traces';\nimport type { SpanQueryArgs } from '@mastra/react/hooks/traces';\nimport { keepPreviousData } from '@tanstack/react-query';\nimport { useMemo } from 'react';\nimport { ObservabilityHistogram } from '@/domains/observability/components/observability-histogram';\nimport {\n  bucketCountRows,\n  exceedsAggregateWindow,\n  HISTOGRAM_MEASURES,\n  histogramPlan,\n  zoomWindow,\n} from '@/domains/observability/lib/histogram-buckets';\n\nexport type SpansExplorerHistogramProps = {\n  /** The span list's resolved time range. */\n  timeRange: SpanQueryArgs['timeRange'];\n  /** The span list's filter predicate, from `buildSpanQueryWhere`. */\n  where?: TraceQueryScalarPredicate;\n  /** Called with the time span of the bars the user drags across. */\n  onZoom?: (window: { from: Date; to: Date }) => void;\n};\n\n/**\n * Span and error counts over the span list's time range and filters.\n * Renders nothing when the server can't aggregate spans or the window is wider than it aggregates.\n */\nexport function SpansExplorerHistogram({ timeRange, where, onZoom }: SpansExplorerHistogramProps) {\n  const aggregateAvailable = useSpanAggregateAvailable();\n\n  const request = useMemo<AggregateSpansArgs>(\n    () => ({\n      timeRange,\n      ...(where ? { where } : {}),\n      interval: histogramPlan(timeRange).interval,\n      measures: [...HISTOGRAM_MEASURES],\n      // No groupBy means a single group; the default limit would multiply past the server's row cap.\n      limit: 1,\n    }),\n    [timeRange, where],\n  );\n\n  const hidden = !aggregateAvailable.enabled || exceedsAggregateWindow(timeRange);\n\n  const { data, isLoading, isError, isPlaceholderData } = useSpanAggregate({\n    request,\n    enabled: !hidden,\n    queryOptions: { placeholderData: keepPreviousData },\n  });\n\n  const buckets = useMemo(() => bucketCountRows(data?.rows ?? [], timeRange), [data, timeRange]);\n\n  if (hidden) return null;\n\n  return (\n    <ObservabilityHistogram\n      label=\"Spans over time\"\n      resourceLabel=\"Spans\"\n      buckets={buckets}\n      isLoading={isLoading}\n      isError={isError}\n      isUpdating={isPlaceholderData}\n      onZoom={onZoom && (range => onZoom(zoomWindow(buckets, range, timeRange)))}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA6BA,SAAgB,uBAAuB,EAAE,WAAW,OAAO,UAAuC;CAChG,MAAM,qBAAqB,0BAA0B;CAErD,MAAM,UAAU,eACP;EACL;EACA,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;EACzB,UAAU,cAAc,SAAS,CAAC,CAAC;EACnC,UAAU,CAAC,GAAG,kBAAkB;EAEhC,OAAO;CACT,IACA,CAAC,WAAW,KAAK,CACnB;CAEA,MAAM,SAAS,CAAC,mBAAmB,WAAW,uBAAuB,SAAS;CAE9E,MAAM,EAAE,MAAM,WAAW,SAAS,sBAAsB,iBAAiB;EACvE;EACA,SAAS,CAAC;EACV,cAAc,EAAE,iBAAiB,iBAAiB;CACpD,CAAC;CAED,MAAM,UAAU,cAAc,gBAAgB,MAAM,QAAQ,CAAC,GAAG,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC;CAE7F,IAAI,QAAQ,OAAO;CAEnB,OACE,oBAAC,wBAAD;EACE,OAAM;EACN,eAAc;EACL;EACE;EACF;EACT,YAAY;EACZ,QAAQ,YAAW,UAAS,OAAO,WAAW,SAAS,OAAO,SAAS,CAAC;CACzE,CAAA;AAEL"}

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

@@ -1,7 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_trace_filters = require("../../../trace-filters-BpeBUjCb.cjs");
 const require_domains_traces_components_trace_time_range_chip = require("../../traces/components/trace-time-range-chip.cjs.js");
-const require_FilterBar = require("../../../FilterBar-DGAF8V_g.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_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
@@ -33,7 +34,8 @@ function SpansFilterBar({ datePreset, dateFrom, dateTo, minDate, timeRange, toke
 			onDateChange,
 			onDateRangeChange,
 			disabled,
-			presets: require_domains_spans_hooks_use_spans_filter_bar.SPAN_TIME_RANGE_PRESETS
+			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
 		}) : /* @__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"],"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 { 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            />\n          ) : (\n            <FilterBar.Chip item={item} />\n          )\n        }\n      />\n      <FilterBar.Input placeholder=\"Filter spans…\" />\n    </FilterBar>\n  );\n}\n"],"mappings":";;;;;;;AAUA,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;EACV,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAACH,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  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"}

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

@@ -1,6 +1,7 @@
 import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../trace-filters-C27yWcan.js";
 import { TraceTimeRangeChip } from "../../traces/components/trace-time-range-chip.es.js";
-import { n as FilterBar } from "../../../FilterBar-DELb-BMY.js";
+import { DEFAULT_TRACES_FILTERS } from "../../traces/components/traces-explorer/traces-explorer-actions.es.js";
+import { n as FilterBar } from "../../../FilterBar-Dk3QEuT6.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
@@ -32,7 +33,8 @@ function SpansFilterBar({ datePreset, dateFrom, dateTo, minDate, timeRange, toke
 			onDateChange,
 			onDateRangeChange,
 			disabled,
-			presets: SPAN_TIME_RANGE_PRESETS
+			presets: SPAN_TIME_RANGE_PRESETS,
+			defaultPreset: 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 { 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            />\n          ) : (\n            <FilterBar.Chip item={item} />\n          )\n        }\n      />\n      <FilterBar.Input placeholder=\"Filter spans…\" />\n    </FilterBar>\n  );\n}\n"],"mappings":";;;;;;AAUA,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;EACV,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  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"}

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

@@ -1,7 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_trace_filters = require("../../../trace-filters-BpeBUjCb.cjs");
 const require_domains_traces_components_trace_time_range_chip = require("../../traces/components/trace-time-range-chip.cjs.js");
-const require_FilterBar = require("../../../FilterBar-DGAF8V_g.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_threads_hooks_use_threads_filter_bar = require("../hooks/use-threads-filter-bar.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/threads/components/threads-filter-bar.tsx
@@ -32,7 +33,8 @@ function ThreadsFilterBar({ datePreset, dateFrom, dateTo, minDate, tokens, group
 			onDateChange,
 			onDateRangeChange,
 			disabled,
-			presets: require_domains_threads_hooks_use_threads_filter_bar.THREAD_TIME_RANGE_PRESETS
+			presets: require_domains_threads_hooks_use_threads_filter_bar.THREAD_TIME_RANGE_PRESETS,
+			defaultPreset: 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 threads…" })]
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"threads-filter-bar.cjs.js","names":["useThreadsFilterBarFields","useThreadsFilterBar","FilterBar","TRACE_FILTER_BAR_OPERATORS","TraceTimeRangeChip","THREAD_TIME_RANGE_PRESETS"],"sources":["../../../../src/domains/threads/components/threads-filter-bar.tsx"],"sourcesContent":["import { TraceTimeRangeChip, TRACE_TIME_RANGE_FIELD_ID } from '../../traces/components/trace-time-range-chip';\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 {\n  THREAD_TIME_RANGE_PRESETS,\n  useThreadsFilterBar,\n  useThreadsFilterBarFields,\n} from '../hooks/use-threads-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 ThreadsFilterBarProps = {\n  datePreset: TraceDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n  /** Earliest date the custom range picker allows. */\n  minDate?: Date;\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  disabled?: boolean;\n};\n\n/** The threads filter bar: a time range chip plus the fields `queryTraceThreads()` accepts. */\nexport function ThreadsFilterBar({\n  datePreset,\n  dateFrom,\n  dateTo,\n  minDate,\n  tokens,\n  groups,\n  onDatePresetChange,\n  onDateChange,\n  onDateRangeChange,\n  onFiltersChange,\n  disabled,\n}: ThreadsFilterBarProps) {\n  const fields = useThreadsFilterBarFields();\n  const { filterBarValue, onFilterBarChange } = useThreadsFilterBar({ 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      maxDepth={3}\n      aria-label=\"Thread 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={THREAD_TIME_RANGE_PRESETS}\n            />\n          ) : (\n            <FilterBar.Chip item={item} />\n          )\n        }\n      />\n      <FilterBar.Input placeholder=\"Filter threads…\" />\n    </FilterBar>\n  );\n}\n"],"mappings":";;;;;;;AAaA,IAAM,gBAAgB,YAAoB;;AAkB1C,SAAgB,iBAAiB,EAC/B,YACA,UACA,QACA,SACA,QACA,QACA,oBACA,cACA,mBACA,iBACA,YACwB;CACxB,MAAM,SAASA,qDAAAA,0BAA0B;CACzC,MAAM,EAAE,gBAAgB,sBAAsBC,qDAAAA,oBAAoB;EAAE;EAAQ;EAAQ;CAAgB,CAAC;CAErG,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,kBAAAA,WAAD;EACU;EACR,WAAWC,sBAAAA;EACX,OAAO;EACP,eAAe;EACD;EACd,UAAU;EACV,cAAW;EACX,WAAU;EARZ,UAAA,CAUE,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,qDAAAA;EACV,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAACH,kBAAAA,UAAU,MAAX,EAAsB,KAAO,CAAA,EAGlC,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,UAAU,OAAX,EAAiB,aAAY,kBAAmB,CAAA,CACvC;;AAEf"}
+{"version":3,"file":"threads-filter-bar.cjs.js","names":["useThreadsFilterBarFields","useThreadsFilterBar","FilterBar","TRACE_FILTER_BAR_OPERATORS","TraceTimeRangeChip","THREAD_TIME_RANGE_PRESETS","DEFAULT_TRACES_FILTERS"],"sources":["../../../../src/domains/threads/components/threads-filter-bar.tsx"],"sourcesContent":["import { 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 {\n  THREAD_TIME_RANGE_PRESETS,\n  useThreadsFilterBar,\n  useThreadsFilterBarFields,\n} from '../hooks/use-threads-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 ThreadsFilterBarProps = {\n  datePreset: TraceDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n  /** Earliest date the custom range picker allows. */\n  minDate?: Date;\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  disabled?: boolean;\n};\n\n/** The threads filter bar: a time range chip plus the fields `queryTraceThreads()` accepts. */\nexport function ThreadsFilterBar({\n  datePreset,\n  dateFrom,\n  dateTo,\n  minDate,\n  tokens,\n  groups,\n  onDatePresetChange,\n  onDateChange,\n  onDateRangeChange,\n  onFiltersChange,\n  disabled,\n}: ThreadsFilterBarProps) {\n  const fields = useThreadsFilterBarFields();\n  const { filterBarValue, onFilterBarChange } = useThreadsFilterBar({ 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      maxDepth={3}\n      aria-label=\"Thread 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={THREAD_TIME_RANGE_PRESETS}\n              defaultPreset={DEFAULT_TRACES_FILTERS.datePreset}\n            />\n          ) : (\n            <FilterBar.Chip item={item} />\n          )\n        }\n      />\n      <FilterBar.Input placeholder=\"Filter threads…\" />\n    </FilterBar>\n  );\n}\n"],"mappings":";;;;;;;;AAcA,IAAM,gBAAgB,YAAoB;;AAkB1C,SAAgB,iBAAiB,EAC/B,YACA,UACA,QACA,SACA,QACA,QACA,oBACA,cACA,mBACA,iBACA,YACwB;CACxB,MAAM,SAASA,qDAAAA,0BAA0B;CACzC,MAAM,EAAE,gBAAgB,sBAAsBC,qDAAAA,oBAAoB;EAAE;EAAQ;EAAQ;CAAgB,CAAC;CAErG,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,kBAAAA,WAAD;EACU;EACR,WAAWC,sBAAAA;EACX,OAAO;EACP,eAAe;EACD;EACd,UAAU;EACV,cAAW;EACX,WAAU;EARZ,UAAA,CAUE,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,qDAAAA;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,kBAAmB,CAAA,CACvC;;AAEf"}

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

@@ -1,6 +1,7 @@
 import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../trace-filters-C27yWcan.js";
 import { TraceTimeRangeChip } from "../../traces/components/trace-time-range-chip.es.js";
-import { n as FilterBar } from "../../../FilterBar-DELb-BMY.js";
+import { DEFAULT_TRACES_FILTERS } from "../../traces/components/traces-explorer/traces-explorer-actions.es.js";
+import { n as FilterBar } from "../../../FilterBar-Dk3QEuT6.js";
 import { THREAD_TIME_RANGE_PRESETS, useThreadsFilterBar, useThreadsFilterBarFields } from "../hooks/use-threads-filter-bar.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/threads/components/threads-filter-bar.tsx
@@ -31,7 +32,8 @@ function ThreadsFilterBar({ datePreset, dateFrom, dateTo, minDate, tokens, group
 			onDateChange,
 			onDateRangeChange,
 			disabled,
-			presets: THREAD_TIME_RANGE_PRESETS
+			presets: THREAD_TIME_RANGE_PRESETS,
+			defaultPreset: DEFAULT_TRACES_FILTERS.datePreset
 		}) : /* @__PURE__ */ jsx(FilterBar.Chip, { item }) }), /* @__PURE__ */ jsx(FilterBar.Input, { placeholder: "Filter threads…" })]
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"threads-filter-bar.es.js","names":[],"sources":["../../../../src/domains/threads/components/threads-filter-bar.tsx"],"sourcesContent":["import { TraceTimeRangeChip, TRACE_TIME_RANGE_FIELD_ID } from '../../traces/components/trace-time-range-chip';\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 {\n  THREAD_TIME_RANGE_PRESETS,\n  useThreadsFilterBar,\n  useThreadsFilterBarFields,\n} from '../hooks/use-threads-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 ThreadsFilterBarProps = {\n  datePreset: TraceDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n  /** Earliest date the custom range picker allows. */\n  minDate?: Date;\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  disabled?: boolean;\n};\n\n/** The threads filter bar: a time range chip plus the fields `queryTraceThreads()` accepts. */\nexport function ThreadsFilterBar({\n  datePreset,\n  dateFrom,\n  dateTo,\n  minDate,\n  tokens,\n  groups,\n  onDatePresetChange,\n  onDateChange,\n  onDateRangeChange,\n  onFiltersChange,\n  disabled,\n}: ThreadsFilterBarProps) {\n  const fields = useThreadsFilterBarFields();\n  const { filterBarValue, onFilterBarChange } = useThreadsFilterBar({ 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      maxDepth={3}\n      aria-label=\"Thread 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={THREAD_TIME_RANGE_PRESETS}\n            />\n          ) : (\n            <FilterBar.Chip item={item} />\n          )\n        }\n      />\n      <FilterBar.Input placeholder=\"Filter threads…\" />\n    </FilterBar>\n  );\n}\n"],"mappings":";;;;;;AAaA,IAAM,gBAAgB,YAAoB;;AAkB1C,SAAgB,iBAAiB,EAC/B,YACA,UACA,QACA,SACA,QACA,QACA,oBACA,cACA,mBACA,iBACA,YACwB;CACxB,MAAM,SAAS,0BAA0B;CACzC,MAAM,EAAE,gBAAgB,sBAAsB,oBAAoB;EAAE;EAAQ;EAAQ;CAAgB,CAAC;CAErG,OACE,qBAAC,WAAD;EACU;EACR,WAAW;EACX,OAAO;EACP,eAAe;EACD;EACd,UAAU;EACV,cAAW;EACX,WAAU;EARZ,UAAA,CAUE,oBAAC,UAAU,OAAX,EACE,aAAY,SACV,KAAK,YAAA,cACH,oBAAC,oBAAD;GACE,QAAQ;GACR,gBAAgB;GACN;GACF;GACC;GACK;GACK;GACT;GACV,SAAS;EACV,CAAA,IAED,oBAAC,UAAU,MAAX,EAAsB,KAAO,CAAA,EAGlC,CAAA,GACD,oBAAC,UAAU,OAAX,EAAiB,aAAY,kBAAmB,CAAA,CACvC;;AAEf"}
+{"version":3,"file":"threads-filter-bar.es.js","names":[],"sources":["../../../../src/domains/threads/components/threads-filter-bar.tsx"],"sourcesContent":["import { 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 {\n  THREAD_TIME_RANGE_PRESETS,\n  useThreadsFilterBar,\n  useThreadsFilterBarFields,\n} from '../hooks/use-threads-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 ThreadsFilterBarProps = {\n  datePreset: TraceDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n  /** Earliest date the custom range picker allows. */\n  minDate?: Date;\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  disabled?: boolean;\n};\n\n/** The threads filter bar: a time range chip plus the fields `queryTraceThreads()` accepts. */\nexport function ThreadsFilterBar({\n  datePreset,\n  dateFrom,\n  dateTo,\n  minDate,\n  tokens,\n  groups,\n  onDatePresetChange,\n  onDateChange,\n  onDateRangeChange,\n  onFiltersChange,\n  disabled,\n}: ThreadsFilterBarProps) {\n  const fields = useThreadsFilterBarFields();\n  const { filterBarValue, onFilterBarChange } = useThreadsFilterBar({ 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      maxDepth={3}\n      aria-label=\"Thread 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={THREAD_TIME_RANGE_PRESETS}\n              defaultPreset={DEFAULT_TRACES_FILTERS.datePreset}\n            />\n          ) : (\n            <FilterBar.Chip item={item} />\n          )\n        }\n      />\n      <FilterBar.Input placeholder=\"Filter threads…\" />\n    </FilterBar>\n  );\n}\n"],"mappings":";;;;;;;AAcA,IAAM,gBAAgB,YAAoB;;AAkB1C,SAAgB,iBAAiB,EAC/B,YACA,UACA,QACA,SACA,QACA,QACA,oBACA,cACA,mBACA,iBACA,YACwB;CACxB,MAAM,SAAS,0BAA0B;CACzC,MAAM,EAAE,gBAAgB,sBAAsB,oBAAoB;EAAE;EAAQ;EAAQ;CAAgB,CAAC;CAErG,OACE,qBAAC,WAAD;EACU;EACR,WAAW;EACX,OAAO;EACP,eAAe;EACD;EACd,UAAU;EACV,cAAW;EACX,WAAU;EARZ,UAAA,CAUE,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,kBAAmB,CAAA,CACvC;;AAEf"}

package/dist/domains/traces/components/feedback-thread.cjs.js

@@ -3,7 +3,7 @@ const require_utils_date_format = require("../../../utils/date-format.cjs.js");
 const require_icons_Icon = require("../../../icons/Icon.cjs.js");
 const require_Button = require("../../../Button-YQRflC47.cjs");
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_dropdown_menu = require("../../../dropdown-menu-C-3jXKWx.cjs");
+const require_dropdown_menu = require("../../../dropdown-menu-BETTTPBB.cjs");
 const require_input_group = require("../../../input-group-uDpFNnSW.cjs");
 const require_components_AlertDialog = require("../../../components/AlertDialog.cjs.js");
 const require_domains_review_components_review_status_badge = require("../../review/components/review-status-badge.cjs.js");

package/dist/domains/traces/components/feedback-thread.es.js

@@ -2,7 +2,7 @@ import { formatDate } from "../../../utils/date-format.es.js";
 import { Icon } from "../../../icons/Icon.es.js";
 import { t as Button } from "../../../Button-Bw1e3ONi.js";
 import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { t as DropdownMenu } from "../../../dropdown-menu-Caic-zHy.js";
+import { t as DropdownMenu } from "../../../dropdown-menu-B4jY3J9e.js";
 import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "../../../input-group-g85FYfze.js";
 import { AlertDialog } from "../../../components/AlertDialog.es.js";
 import { ReviewStatusBadge } from "../../review/components/review-status-badge.es.js";