@mastra/playground-ui 67.0.0 → 68.0.0-alpha.1

package/dist/domains/traces/components/trace-span-panel.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_lib_framework = require("../../../lib/framework.cjs.js");
-const require_Button = require("../../../Button-YQRflC47.cjs");
+const require_Button = require("../../../Button-DLcMcuUL.cjs");
 const require_domains_traces_components_span_data_panel_view = require("./span-data-panel-view.cjs.js");
 const require_domains_traces_components_trace_thread_panel = require("./trace-thread-panel.cjs.js");
 const require_domains_traces_components_trace_data_panel = require("./trace-data-panel.cjs.js");

package/dist/domains/traces/components/trace-span-panel.es.js

@@ -1,5 +1,5 @@
 import { useLinkComponent } from "../../../lib/framework.es.js";
-import { t as Button } from "../../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { SpanDataPanelView } from "./span-data-panel-view.es.js";
 import { TraceThreadPanel } from "./trace-thread-panel.es.js";
 import { TraceDataPanel } from "./trace-data-panel.es.js";

package/dist/domains/traces/components/trace-summary-description.cjs.js

@@ -4,7 +4,7 @@ const require_utils_date_format = require("../../../utils/date-format.cjs.js");
 const require_utils_duration = require("../../../utils/duration.cjs.js");
 const require_icons_AgentIcon = require("../../../icons/AgentIcon.cjs.js");
 const require_icons_WorkflowIcon = require("../../../icons/WorkflowIcon.cjs.js");
-const require_DataPanel = require("../../../DataPanel-C0Ll76Ne.cjs");
+const require_DataPanel = require("../../../DataPanel-BwB1Oifd.cjs");
 const require_domains_traces_utils_span_utils = require("../utils/span-utils.cjs.js");
 const require_domains_traces_components_trace_status_value = require("./trace-status-value.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/domains/traces/components/trace-summary-description.es.js

@@ -3,7 +3,7 @@ import { formatDate, formatTimestampPrecise } from "../../../utils/date-format.e
 import { formatDuration, formatDurationPrecise } from "../../../utils/duration.es.js";
 import { AgentIcon } from "../../../icons/AgentIcon.es.js";
 import { WorkflowIcon as WorkflowIcon$1 } from "../../../icons/WorkflowIcon.es.js";
-import { t as DataPanel } from "../../../DataPanel-CY1W5LHJ.js";
+import { t as DataPanel } from "../../../DataPanel-Bv4M17xO.js";
 import { getSpanDurationMs } from "../utils/span-utils.es.js";
 import { TraceStatusValue } from "./trace-status-value.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/domains/traces/components/trace-thread-item-view.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_Button = require("../../../Button-YQRflC47.cjs");
+const require_Button = require("../../../Button-DLcMcuUL.cjs");
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_domains_chat_messages_message_row = require("../../chat/messages/message-row.cjs.js");
 const require_domains_traces_components_format_trace_thread_messages = require("./format-trace-thread-messages.cjs.js");

package/dist/domains/traces/components/trace-thread-item-view.es.js

@@ -1,5 +1,5 @@
 import { t as cn } from "../../../utils-DQx8TpNT.js";
-import { t as Button } from "../../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { MessageRow } from "../../chat/messages/message-row.es.js";
 import { formatTraceThreadMessages } from "./format-trace-thread-messages.es.js";

package/dist/domains/traces/components/trace-thread-panel.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_DataPanel = require("../../../DataPanel-C0Ll76Ne.cjs");
+const require_DataPanel = require("../../../DataPanel-BwB1Oifd.cjs");
 const require_domains_traces_components_thread_view_by_trace = require("./thread-view-by-trace.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/domains/traces/components/trace-thread-panel.es.js

@@ -1,4 +1,4 @@
-import { t as DataPanel } from "../../../DataPanel-CY1W5LHJ.js";
+import { t as DataPanel } from "../../../DataPanel-Bv4M17xO.js";
 import { ThreadViewByTrace } from "./thread-view-by-trace.es.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../../../trace-filters-BNEZ31HX.cjs");
+const require_trace_filters = require("../../../../trace-filters-a0N9bf52.cjs");
 // src/domains/traces/components/traces-explorer/traces-explorer-actions.ts
 /** Fields the traces list can be sorted by, named like the trace query's `orderBy` fields. */
 var TRACES_SORT_FIELDS = [

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

@@ -1,4 +1,4 @@
-import { E as TRACE_STATUS_VALUES, N as buildTraceListFilters, ct as TRACE_QUERY_UNSUPPORTED_FILTER_FIELDS, lt as buildTraceQueryRequest, nt as traceQueryUnqueryableFieldIds, r as ROOT_ENTITY_TYPE_OPTIONS } from "../../../../trace-filters-BJaebsxJ.js";
+import { E as TRACE_STATUS_VALUES, N as buildTraceListFilters, ct as TRACE_QUERY_UNSUPPORTED_FILTER_FIELDS, lt as buildTraceQueryRequest, nt as traceQueryUnqueryableFieldIds, r as ROOT_ENTITY_TYPE_OPTIONS } from "../../../../trace-filters-CaWkw779.js";
 // src/domains/traces/components/traces-explorer/traces-explorer-actions.ts
 /** Fields the traces list can be sorted by, named like the trace query's `orderBy` fields. */
 var TRACES_SORT_FIELDS = [

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

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../../../trace-filters-BNEZ31HX.cjs");
+const require_trace_filters = require("../../../../trace-filters-a0N9bf52.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("./traces-explorer-actions.cjs.js");
-const require_domains_traces_components_trace_time_range_chip = require("../trace-time-range-chip.cjs.js");
-const require_FilterBar = require("../../../../FilterBar-BUd4f7oi.cjs");
+require("../../../../filter-bar-time-range-DvuaFnkI.cjs");
+const require_FilterBar = require("../../../../FilterBar-Buw0tv51.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
 const require_domains_traces_components_traces_explorer_use_traces_filter_bar = require("./use-traces-filter-bar.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -42,7 +42,7 @@ function TracesExplorerFilterBar({ children }) {
 		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TracesExplorerFilterChips, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FilterBar.FilterBar.Input, { placeholder: "Filter traces…" })] })
 	});
 }
-/** The bar's chips: the time range chip in its slot, then one chip per filter. */
+/** The bar's chips: the time range in its slot, then one chip per filter. */
 function TracesExplorerFilterChips({ timeRange, renderChip }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FilterBar.FilterBar.Chips, { renderChip: (item) => item.fieldId === "timeRange" ? timeRange ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TracesExplorerTimeRangeChip, {}) : renderChip ? renderChip(item) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FilterBar.FilterBar.Chip, { item }) });
 }
@@ -50,7 +50,7 @@ function TracesExplorerFilterChips({ timeRange, renderChip }) {
 function TracesExplorerTimeRangeChip({ presets = TIME_RANGE_PRESETS, minDate, maxRangeMs }) {
 	const { filters, dateFrom, dateTo, setDatePreset, setDate, setDateRange, resetDateRange } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesFilters();
 	const { isLoading } = require_domains_traces_components_traces_explorer_traces_explorer_context.useTracesList();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_trace_time_range_chip.TraceTimeRangeChip, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FilterBar.FilterBar.TimeRange, {
 		preset: filters.datePreset,
 		onPresetChange: setDatePreset,
 		dateFrom,

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

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

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

@@ -1,7 +1,7 @@
-import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../../trace-filters-BJaebsxJ.js";
+import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../../trace-filters-CaWkw779.js";
 import { DEFAULT_TRACES_FILTERS } from "./traces-explorer-actions.es.js";
-import { TraceTimeRangeChip } from "../trace-time-range-chip.es.js";
-import { n as FilterBar } from "../../../../FilterBar--4oguuVe.js";
+import "../../../../filter-bar-time-range-CXQMBgpz.js";
+import { n as FilterBar } from "../../../../FilterBar-BO-vvvyq.js";
 import { useTracesConfig, useTracesFilters, useTracesList } from "./traces-explorer-context.es.js";
 import { useTracesFilterBar, useTracesFilterBarFields } from "./use-traces-filter-bar.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -41,7 +41,7 @@ function TracesExplorerFilterBar({ children }) {
 		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TracesExplorerFilterChips, {}), /* @__PURE__ */ jsx(FilterBar.Input, { placeholder: "Filter traces…" })] })
 	});
 }
-/** The bar's chips: the time range chip in its slot, then one chip per filter. */
+/** The bar's chips: the time range in its slot, then one chip per filter. */
 function TracesExplorerFilterChips({ timeRange, renderChip }) {
 	return /* @__PURE__ */ jsx(FilterBar.Chips, { renderChip: (item) => item.fieldId === "timeRange" ? timeRange ?? /* @__PURE__ */ jsx(TracesExplorerTimeRangeChip, {}) : renderChip ? renderChip(item) : /* @__PURE__ */ jsx(FilterBar.Chip, { item }) });
 }
@@ -49,7 +49,7 @@ function TracesExplorerFilterChips({ timeRange, renderChip }) {
 function TracesExplorerTimeRangeChip({ presets = TIME_RANGE_PRESETS, minDate, maxRangeMs }) {
 	const { filters, dateFrom, dateTo, setDatePreset, setDate, setDateRange, resetDateRange } = useTracesFilters();
 	const { isLoading } = useTracesList();
-	return /* @__PURE__ */ jsx(TraceTimeRangeChip, {
+	return /* @__PURE__ */ jsx(FilterBar.TimeRange, {
 		preset: filters.datePreset,
 		onPresetChange: setDatePreset,
 		dateFrom,

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

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

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../../../trace-filters-BNEZ31HX.cjs");
+const require_trace_filters = require("../../../../trace-filters-a0N9bf52.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("./traces-explorer-actions.cjs.js");
 const require_domains_observability_lib_zoom_memory = require("../../../observability/lib/zoom-memory.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");

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

@@ -1,5 +1,5 @@
 import { useFeedbackAvailable, useObservabilityCapabilities, useSpanQueryAvailable, useThreadQueryAvailable, useTraceQueryAvailable, useTraceQueryDeltaPollingAvailable, useTraceQueryDiscoveryAvailable, useTraceQueryRootDurationAvailable } from "../../../capabilities.es.js";
-import { ft as resolveTraceQueryTimeRange } from "../../../../trace-filters-BJaebsxJ.js";
+import { ft as resolveTraceQueryTimeRange } from "../../../../trace-filters-CaWkw779.js";
 import { DEFAULT_TRACES_FILTERS, applyDate, applyDatePreset, applyDateRange, applyFilterTokens, clearSelection, highlightSpans, isSelectionEmpty, resolveTracesDateWindow, sanitizeTracesFilters, selectScore, selectSpan, selectTrace, selectsRunningStatus, setSpanTab, setSpanView } from "./traces-explorer-actions.es.js";
 import { rangeBeforeZoom, rememberZoom } from "../../../observability/lib/zoom-memory.es.js";
 import { TracesConfigContext, TracesFiltersContext, TracesSelectionContext } from "./traces-explorer-context.es.js";

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_observability_saved_views = require("../../../../observability-saved-views-CwCii7hh.cjs");
+const require_observability_saved_views = require("../../../../observability-saved-views-BAzxxoAr.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/traces-explorer/traces-explorer-saved-views.tsx

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

@@ -1,4 +1,4 @@
-import { t as ObservabilitySavedViews } from "../../../../observability-saved-views-Bo5kLN20.js";
+import { t as ObservabilitySavedViews } from "../../../../observability-saved-views-BBam8Fr5.js";
 import { useTracesColumns } from "./traces-explorer-context.es.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/traces/components/traces-explorer/traces-explorer-saved-views.tsx

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

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../../../trace-filters-BNEZ31HX.cjs");
+const require_trace_filters = require("../../../../trace-filters-a0N9bf52.cjs");
 const require_types = require("../../../../types-CP7wbYua.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("./traces-explorer-actions.cjs.js");
-const require_domains_traces_components_trace_time_range_chip = require("../trace-time-range-chip.cjs.js");
+const require_filter_bar_time_range = require("../../../../filter-bar-time-range-DvuaFnkI.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
 const require_domains_traces_components_traces_explorer_use_traces_discovery = require("./use-traces-discovery.cjs.js");
 let react = require("react");
@@ -22,7 +22,7 @@ function useTracesFilterBarFields() {
 	const { data: environments = NO_SUGGESTIONS } = (0, _mastra_react_hooks_traces.useEnvironments)();
 	const { fields: metadataFields, canonicalFields } = require_domains_traces_components_traces_explorer_use_traces_discovery.useTracesDiscovery();
 	const client = (0, _mastra_react.useMastraClient)();
-	return (0, react.useMemo)(() => [require_domains_traces_components_trace_time_range_chip.TRACE_TIME_RANGE_FIELD, ...require_trace_filters.createTraceFilterBarFields({
+	return (0, react.useMemo)(() => [require_filter_bar_time_range.FILTER_BAR_TIME_RANGE_FIELD, ...require_trace_filters.createTraceFilterBarFields({
 		availableRootEntityNames: rootEntityNames,
 		availableEnvironments: environments,
 		hiddenFieldIds,
@@ -61,12 +61,12 @@ function useTracesFilterBar() {
 	const filterBarValue = {
 		...groupsExpression,
 		nodes: [
-			require_domains_traces_components_trace_time_range_chip.TRACE_TIME_RANGE_ITEM,
+			require_filter_bar_time_range.FILTER_BAR_TIME_RANGE_ITEM,
 			...items,
 			...groupsExpression.nodes
 		]
 	};
-	const flatFilterBarValue = [require_domains_traces_components_trace_time_range_chip.TRACE_TIME_RANGE_ITEM, ...items];
+	const flatFilterBarValue = [require_filter_bar_time_range.FILTER_BAR_TIME_RANGE_ITEM, ...items];
 	const onFilterBarChange = (expression) => {
 		const { tokens, groups } = require_trace_filters.filterBarExpressionToTraceFilters({
 			...expression,

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

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

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

@@ -1,7 +1,7 @@
-import { I as createTraceFilterBarFields, L as filterBarExpressionToTraceFilters, rt as traceTokensToFilterBarItems, tt as traceFiltersToFilterBarExpression } from "../../../../trace-filters-BJaebsxJ.js";
+import { I as createTraceFilterBarFields, L as filterBarExpressionToTraceFilters, rt as traceTokensToFilterBarItems, tt as traceFiltersToFilterBarExpression } from "../../../../trace-filters-CaWkw779.js";
 import { t as isFilterBarGroup } from "../../../../types-DiiL5mTO.js";
 import { getSelectedEntityOption } from "./traces-explorer-actions.es.js";
-import { TRACE_TIME_RANGE_FIELD, TRACE_TIME_RANGE_ITEM } from "../trace-time-range-chip.es.js";
+import { r as FILTER_BAR_TIME_RANGE_ITEM, t as FILTER_BAR_TIME_RANGE_FIELD } from "../../../../filter-bar-time-range-CXQMBgpz.js";
 import { useTracesConfig, useTracesFilters } from "./traces-explorer-context.es.js";
 import { useTracesDiscovery } from "./use-traces-discovery.es.js";
 import { useMemo } from "react";
@@ -21,7 +21,7 @@ function useTracesFilterBarFields() {
 	const { data: environments = NO_SUGGESTIONS } = useEnvironments();
 	const { fields: metadataFields, canonicalFields } = useTracesDiscovery();
 	const client = useMastraClient();
-	return useMemo(() => [TRACE_TIME_RANGE_FIELD, ...createTraceFilterBarFields({
+	return useMemo(() => [FILTER_BAR_TIME_RANGE_FIELD, ...createTraceFilterBarFields({
 		availableRootEntityNames: rootEntityNames,
 		availableEnvironments: environments,
 		hiddenFieldIds,
@@ -60,12 +60,12 @@ function useTracesFilterBar() {
 	const filterBarValue = {
 		...groupsExpression,
 		nodes: [
-			TRACE_TIME_RANGE_ITEM,
+			FILTER_BAR_TIME_RANGE_ITEM,
 			...items,
 			...groupsExpression.nodes
 		]
 	};
-	const flatFilterBarValue = [TRACE_TIME_RANGE_ITEM, ...items];
+	const flatFilterBarValue = [FILTER_BAR_TIME_RANGE_ITEM, ...items];
 	const onFilterBarChange = (expression) => {
 		const { tokens, groups } = filterBarExpressionToTraceFilters({
 			...expression,

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

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

package/dist/domains/traces/components/traces-list-mode-toggle.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../../Button-YQRflC47.cjs");
+const require_Button = require("../../../Button-DLcMcuUL.cjs");
 const require_dropdown_menu = require("../../../dropdown-menu-BETTTPBB.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

package/dist/domains/traces/components/traces-list-mode-toggle.es.js

@@ -1,4 +1,4 @@
-import { t as Button } from "../../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { t as DropdownMenu } from "../../../dropdown-menu-B4jY3J9e.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDownIcon } from "lucide-react";

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

@@ -6,8 +6,8 @@ const require_tooltip = require("../../../tooltip-BiRLT3Th.cjs");
 const require_primitives_transitions = require("../../../primitives/transitions.cjs.js");
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_dropdown_menu = require("../../../dropdown-menu-BETTTPBB.cjs");
-const require_data_list = require("../../../data-list-BkimqE_P.cjs");
-const require_DataList = require("../../../DataList-Czwmwyvp.cjs");
+const require_data_list = require("../../../data-list-C4Vmq5HA.cjs");
+const require_DataList = require("../../../DataList-Cj0mfk19.cjs");
 const require_use_data_list_keyboard = require("../../../use-data-list-keyboard-BCLBdaWR.cjs");
 const require_domains_traces_trace_list_columns = require("../trace-list-columns.cjs.js");
 const require_domains_traces_utils_span_utils = require("../utils/span-utils.cjs.js");

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

@@ -5,8 +5,8 @@ import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "../../..
 import { focusRing } from "../../../primitives/transitions.es.js";
 import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { t as DropdownMenu } from "../../../dropdown-menu-B4jY3J9e.js";
-import { C as splitColumns, t as DataList } from "../../../data-list-evmf5xWI.js";
-import { i as DataListSkeletonRows, t as TracesDataList } from "../../../DataList-2tIlQsLc.js";
+import { C as splitColumns, t as DataList } from "../../../data-list-DHCOoLmj.js";
+import { i as DataListSkeletonRows, t as TracesDataList } from "../../../DataList-CUhRQAv6.js";
 import { t as useDataListKeyboard } from "../../../use-data-list-keyboard-fJXq2T3y.js";
 import { DEFAULT_TRACE_COLUMN_PREFERENCES, TRACE_CUSTOM_COLUMN_LABELS, buildTraceListColumnKeys, buildTraceListColumns, formatTraceMetadataValue, hasTraceColumn } from "../trace-list-columns.es.js";
 import { getInputPreview, getSpanDurationMs } from "../utils/span-utils.es.js";

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

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
-const require_DataList = require("../../../DataList-Czwmwyvp.cjs");
+const require_DataList = require("../../../DataList-Cj0mfk19.cjs");
 const require_domains_traces_trace_list_columns = require("../trace-list-columns.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/traces-page-skeleton.tsx
 /**
 * Page-level placeholder shown while filter-field discovery is pending. Pills sized like the
-* toolbar controls (time chip and filter input, then columns menu and auto-refresh) stand in
+* toolbar controls (time range and filter input, then columns menu and auto-refresh) stand in
 * for the action row, spaced from the list skeleton as the action row is from the list.
 */
 function TracesPageSkeleton({ columnPreferences = require_domains_traces_trace_list_columns.DEFAULT_TRACE_COLUMN_PREFERENCES }) {

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

@@ -1 +1 @@
-{"version":3,"file":"traces-page-skeleton.cjs.js","names":["DEFAULT_TRACE_COLUMN_PREFERENCES","buildTraceListColumns","Skeleton","DataListSkeleton"],"sources":["../../../../src/domains/traces/components/traces-page-skeleton.tsx"],"sourcesContent":["import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns';\nimport type { TraceColumnPreferences } from '../trace-list-columns';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { Skeleton } from '@/ds/components/Skeleton';\n\nexport type TracesPageSkeletonProps = {\n  columnPreferences?: TraceColumnPreferences;\n};\n\n/**\n * Page-level placeholder shown while filter-field discovery is pending. Pills sized like the\n * toolbar controls (time chip and filter input, then columns menu and auto-refresh) stand in\n * for the action row, spaced from the list skeleton as the action row is from the list.\n */\nexport function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }: TracesPageSkeletonProps) {\n  const columns = buildTraceListColumns(columnPreferences);\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-4\"\n      role=\"status\"\n      aria-label=\"Loading traces\"\n      data-testid=\"traces-page-skeleton\"\n    >\n      <div className=\"flex min-h-control-md flex-wrap items-center justify-between gap-2\">\n        <div className=\"flex items-center gap-1\">\n          <Skeleton className=\"h-control-sm w-38 rounded-full\" />\n          <Skeleton className=\"h-control-sm w-48 rounded-full\" />\n        </div>\n        <div className=\"flex items-center gap-8\">\n          <Skeleton className=\"h-control-sm w-24 rounded-full\" />\n          <Skeleton className=\"h-control-sm w-20 rounded-full\" />\n        </div>\n      </div>\n      <DataListSkeleton columns={columns} fit=\"container\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,mBAAmB,EAAE,oBAAoBA,0CAAAA,oCAA6D;CACpH,MAAM,UAAUC,0CAAAA,sBAAsB,iBAAiB;CACvD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,cAAW;EACX,eAAY;EAJd,UAAA,CAME,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,UAAD,EAAU,WAAU,iCAAkC,CAAA,GACtD,iBAAA,GAAA,kBAAA,IAAA,CAACA,4BAAAA,UAAD,EAAU,WAAU,iCAAkC,CAAA,CACnD;GACL,CAAA,GAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,4BAAAA,UAAD,EAAU,WAAU,iCAAkC,CAAA,GACtD,iBAAA,GAAA,kBAAA,IAAA,CAACA,4BAAAA,UAAD,EAAU,WAAU,iCAAkC,CAAA,CACnD;GACF,CAAA,CAAA;EACL,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,kBAAD;GAA2B;GAAS,KAAI;EAAa,CAAA,CAClD;;AAET"}
+{"version":3,"file":"traces-page-skeleton.cjs.js","names":["DEFAULT_TRACE_COLUMN_PREFERENCES","buildTraceListColumns","Skeleton","DataListSkeleton"],"sources":["../../../../src/domains/traces/components/traces-page-skeleton.tsx"],"sourcesContent":["import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns';\nimport type { TraceColumnPreferences } from '../trace-list-columns';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { Skeleton } from '@/ds/components/Skeleton';\n\nexport type TracesPageSkeletonProps = {\n  columnPreferences?: TraceColumnPreferences;\n};\n\n/**\n * Page-level placeholder shown while filter-field discovery is pending. Pills sized like the\n * toolbar controls (time range and filter input, then columns menu and auto-refresh) stand in\n * for the action row, spaced from the list skeleton as the action row is from the list.\n */\nexport function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }: TracesPageSkeletonProps) {\n  const columns = buildTraceListColumns(columnPreferences);\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-4\"\n      role=\"status\"\n      aria-label=\"Loading traces\"\n      data-testid=\"traces-page-skeleton\"\n    >\n      <div className=\"flex min-h-control-md flex-wrap items-center justify-between gap-2\">\n        <div className=\"flex items-center gap-1\">\n          <Skeleton className=\"h-control-sm w-38 rounded-full\" />\n          <Skeleton className=\"h-control-sm w-48 rounded-full\" />\n        </div>\n        <div className=\"flex items-center gap-8\">\n          <Skeleton className=\"h-control-sm w-24 rounded-full\" />\n          <Skeleton className=\"h-control-sm w-20 rounded-full\" />\n        </div>\n      </div>\n      <DataListSkeleton columns={columns} fit=\"container\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,mBAAmB,EAAE,oBAAoBA,0CAAAA,oCAA6D;CACpH,MAAM,UAAUC,0CAAAA,sBAAsB,iBAAiB;CACvD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,cAAW;EACX,eAAY;EAJd,UAAA,CAME,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,UAAD,EAAU,WAAU,iCAAkC,CAAA,GACtD,iBAAA,GAAA,kBAAA,IAAA,CAACA,4BAAAA,UAAD,EAAU,WAAU,iCAAkC,CAAA,CACnD;GACL,CAAA,GAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,4BAAAA,UAAD,EAAU,WAAU,iCAAkC,CAAA,GACtD,iBAAA,GAAA,kBAAA,IAAA,CAACA,4BAAAA,UAAD,EAAU,WAAU,iCAAkC,CAAA,CACnD;GACF,CAAA,CAAA;EACL,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,kBAAD;GAA2B;GAAS,KAAI;EAAa,CAAA,CAClD;;AAET"}

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

@@ -1,11 +1,11 @@
 import { Skeleton } from "../../../components/Skeleton.es.js";
-import { r as DataListSkeleton } from "../../../DataList-2tIlQsLc.js";
+import { r as DataListSkeleton } from "../../../DataList-CUhRQAv6.js";
 import { DEFAULT_TRACE_COLUMN_PREFERENCES, buildTraceListColumns } from "../trace-list-columns.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/traces-page-skeleton.tsx
 /**
 * Page-level placeholder shown while filter-field discovery is pending. Pills sized like the
-* toolbar controls (time chip and filter input, then columns menu and auto-refresh) stand in
+* toolbar controls (time range and filter input, then columns menu and auto-refresh) stand in
 * for the action row, spaced from the list skeleton as the action row is from the list.
 */
 function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }) {

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

@@ -1 +1 @@
-{"version":3,"file":"traces-page-skeleton.es.js","names":[],"sources":["../../../../src/domains/traces/components/traces-page-skeleton.tsx"],"sourcesContent":["import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns';\nimport type { TraceColumnPreferences } from '../trace-list-columns';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { Skeleton } from '@/ds/components/Skeleton';\n\nexport type TracesPageSkeletonProps = {\n  columnPreferences?: TraceColumnPreferences;\n};\n\n/**\n * Page-level placeholder shown while filter-field discovery is pending. Pills sized like the\n * toolbar controls (time chip and filter input, then columns menu and auto-refresh) stand in\n * for the action row, spaced from the list skeleton as the action row is from the list.\n */\nexport function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }: TracesPageSkeletonProps) {\n  const columns = buildTraceListColumns(columnPreferences);\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-4\"\n      role=\"status\"\n      aria-label=\"Loading traces\"\n      data-testid=\"traces-page-skeleton\"\n    >\n      <div className=\"flex min-h-control-md flex-wrap items-center justify-between gap-2\">\n        <div className=\"flex items-center gap-1\">\n          <Skeleton className=\"h-control-sm w-38 rounded-full\" />\n          <Skeleton className=\"h-control-sm w-48 rounded-full\" />\n        </div>\n        <div className=\"flex items-center gap-8\">\n          <Skeleton className=\"h-control-sm w-24 rounded-full\" />\n          <Skeleton className=\"h-control-sm w-20 rounded-full\" />\n        </div>\n      </div>\n      <DataListSkeleton columns={columns} fit=\"container\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAgB,mBAAmB,EAAE,oBAAoB,oCAA6D;CACpH,MAAM,UAAU,sBAAsB,iBAAiB;CACvD,OACE,qBAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,cAAW;EACX,eAAY;EAJd,UAAA,CAME,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,UAAD,EAAU,WAAU,iCAAkC,CAAA,GACtD,oBAAC,UAAD,EAAU,WAAU,iCAAkC,CAAA,CACnD;GACL,CAAA,GAAA,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,UAAD,EAAU,WAAU,iCAAkC,CAAA,GACtD,oBAAC,UAAD,EAAU,WAAU,iCAAkC,CAAA,CACnD;GACF,CAAA,CAAA;EACL,CAAA,GAAA,oBAAC,kBAAD;GAA2B;GAAS,KAAI;EAAa,CAAA,CAClD;;AAET"}
+{"version":3,"file":"traces-page-skeleton.es.js","names":[],"sources":["../../../../src/domains/traces/components/traces-page-skeleton.tsx"],"sourcesContent":["import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns';\nimport type { TraceColumnPreferences } from '../trace-list-columns';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { Skeleton } from '@/ds/components/Skeleton';\n\nexport type TracesPageSkeletonProps = {\n  columnPreferences?: TraceColumnPreferences;\n};\n\n/**\n * Page-level placeholder shown while filter-field discovery is pending. Pills sized like the\n * toolbar controls (time range and filter input, then columns menu and auto-refresh) stand in\n * for the action row, spaced from the list skeleton as the action row is from the list.\n */\nexport function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }: TracesPageSkeletonProps) {\n  const columns = buildTraceListColumns(columnPreferences);\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-4\"\n      role=\"status\"\n      aria-label=\"Loading traces\"\n      data-testid=\"traces-page-skeleton\"\n    >\n      <div className=\"flex min-h-control-md flex-wrap items-center justify-between gap-2\">\n        <div className=\"flex items-center gap-1\">\n          <Skeleton className=\"h-control-sm w-38 rounded-full\" />\n          <Skeleton className=\"h-control-sm w-48 rounded-full\" />\n        </div>\n        <div className=\"flex items-center gap-8\">\n          <Skeleton className=\"h-control-sm w-24 rounded-full\" />\n          <Skeleton className=\"h-control-sm w-20 rounded-full\" />\n        </div>\n      </div>\n      <DataListSkeleton columns={columns} fit=\"container\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAgB,mBAAmB,EAAE,oBAAoB,oCAA6D;CACpH,MAAM,UAAU,sBAAsB,iBAAiB;CACvD,OACE,qBAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,cAAW;EACX,eAAY;EAJd,UAAA,CAME,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,UAAD,EAAU,WAAU,iCAAkC,CAAA,GACtD,oBAAC,UAAD,EAAU,WAAU,iCAAkC,CAAA,CACnD;GACL,CAAA,GAAA,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,UAAD,EAAU,WAAU,iCAAkC,CAAA,GACtD,oBAAC,UAAD,EAAU,WAAU,iCAAkC,CAAA,CACnD;GACF,CAAA,CAAA;EACL,CAAA,GAAA,oBAAC,kBAAD;GAA2B;GAAS,KAAI;EAAa,CAAA,CAClD;;AAET"}

package/dist/domains/traces/components/traces-spans-switch.cjs.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_icons_Icon = require("../../../icons/Icon.cjs.js");
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_icons_TraceIcon = require("../../../icons/TraceIcon.cjs.js");
-const require_tabs_tab = require("../../../tabs-tab-Qp3RJ17z.cjs");
+const require_tabs_tab = require("../../../tabs-tab-DGwfHVDr.cjs");
 const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

package/dist/domains/traces/components/traces-spans-switch.es.js

@@ -1,7 +1,7 @@
 import { Icon } from "../../../icons/Icon.es.js";
 import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { TraceIcon } from "../../../icons/TraceIcon.es.js";
-import { n as Tabs, r as TabList, t as Tab } from "../../../tabs-tab-UT1JliwK.js";
+import { n as Tabs, r as TabList, t as Tab } from "../../../tabs-tab-CYTZevdV.js";
 import { Skeleton } from "../../../components/Skeleton.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChartNoAxesGantt, MessagesSquare } from "lucide-react";

package/dist/domains/traces/hooks/use-download-trace-json.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_downloadJson = require("../../../downloadJson-BmtDPhkG.cjs");
-const require_toast_api = require("../../../toast-api-Bv87KHu_.cjs");
+const require_toast_api = require("../../../toast-api-qtkOucy2.cjs");
 let react = require("react");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
 // src/domains/traces/hooks/use-download-trace-json.ts

package/dist/domains/traces/hooks/use-download-trace-json.es.js

@@ -1,5 +1,5 @@
 import { t as downloadJson } from "../../../downloadJson-Dm-7r0MA.js";
-import { t as toast } from "../../../toast-api-WhxnAT9F.js";
+import { t as toast } from "../../../toast-api-D_rrRhNG.js";
 import { useState } from "react";
 import { useFetchTraceSpans } from "@mastra/react/hooks/traces";
 // src/domains/traces/hooks/use-download-trace-json.ts

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../trace-filters-BNEZ31HX.cjs");
+const require_trace_filters = require("../../trace-filters-a0N9bf52.cjs");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
 exports.DEFAULT_TRACE_FILTERS_STORAGE_KEY = require_trace_filters.DEFAULT_TRACE_FILTERS_STORAGE_KEY;
 Object.defineProperty(exports, "ROOT_ENTITY_TYPES", {

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

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

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../trace-filters-BNEZ31HX.cjs");
+const require_trace_filters = require("../../trace-filters-a0N9bf52.cjs");
 exports.TRACE_FILTER_OPERATOR_IDS = require_trace_filters.TRACE_FILTER_OPERATOR_IDS;
 exports.TRACE_QUERY_NUMERIC_FIELD_IDS = require_trace_filters.TRACE_QUERY_NUMERIC_FIELD_IDS;
 exports.TRACE_QUERY_OPTIONAL_TRACE_FIELD_IDS = require_trace_filters.TRACE_QUERY_OPTIONAL_TRACE_FIELD_IDS;

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

@@ -1 +1 @@
-export { at as TRACE_FILTER_OPERATOR_IDS, ot as TRACE_QUERY_NUMERIC_FIELD_IDS, st as TRACE_QUERY_OPTIONAL_TRACE_FIELD_IDS, ct as TRACE_QUERY_UNSUPPORTED_FILTER_FIELDS, lt as buildTraceQueryRequest, ut as isTraceFilterGroup, dt as isTraceFilterOperatorId, ft as resolveTraceQueryTimeRange, pt as scalarPredicate } from "../../trace-filters-BJaebsxJ.js";
+export { at as TRACE_FILTER_OPERATOR_IDS, ot as TRACE_QUERY_NUMERIC_FIELD_IDS, st as TRACE_QUERY_OPTIONAL_TRACE_FIELD_IDS, ct as TRACE_QUERY_UNSUPPORTED_FILTER_FIELDS, lt as buildTraceQueryRequest, ut as isTraceFilterGroup, dt as isTraceFilterOperatorId, ft as resolveTraceQueryTimeRange, pt as scalarPredicate } from "../../trace-filters-CaWkw779.js";