@mastra/playground-ui 65.0.0-alpha.8 → 65.0.0

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

@@ -0,0 +1,40 @@
+import { createContext, useContext } from 'react';
+import { isTraceUsageColumn, hasTraceUsageColumn } from '../../trace-list-columns.es.js';
+
+const TracesConfigContext = createContext(null);
+const TracesFiltersContext = createContext(null);
+const TracesSelectionContext = createContext(null);
+const TracesListContext = createContext(null);
+const TracesListFetchingContext = createContext(null);
+const TracesColumnsContext = createContext(null);
+const useRequired = (context, name) => {
+  const value = useContext(context);
+  if (!value) throw new Error(`${name} must be used inside <TracesExplorer>`);
+  return value;
+};
+const useTracesConfig = () => useRequired(TracesConfigContext, "useTracesConfig");
+const useTracesFilters = () => useRequired(TracesFiltersContext, "useTracesFilters");
+const useTracesSelection = () => useRequired(TracesSelectionContext, "useTracesSelection");
+const useTracesList = () => useRequired(TracesListContext, "useTracesList");
+const useTracesListFetching = () => {
+  const value = useContext(TracesListFetchingContext);
+  if (value === null) throw new Error("useTracesListFetching must be used inside <TracesExplorer>");
+  return value;
+};
+const useTracesColumns = () => useRequired(TracesColumnsContext, "useTracesColumns");
+const CHECKING_USAGE_REASON = "Checking whether this storage supports usage data.";
+const UNSUPPORTED_USAGE_REASON = "This observability store does not support token and cost metrics.";
+const useTraceUsageColumns = () => {
+  const { preferences } = useTracesColumns();
+  const { metricsSupport } = useTracesConfig();
+  const unavailable = !metricsSupport.isLoading && !metricsSupport.supported;
+  const displayedPreferences = unavailable ? { ...preferences, visibleColumns: preferences.visibleColumns.filter((column) => !isTraceUsageColumn(column)) } : preferences;
+  return {
+    displayedPreferences,
+    usageEnabled: !unavailable && !metricsSupport.isLoading && hasTraceUsageColumn(displayedPreferences),
+    usageDisabledReason: metricsSupport.isLoading ? CHECKING_USAGE_REASON : !metricsSupport.supported ? UNSUPPORTED_USAGE_REASON : void 0
+  };
+};
+
+export { TracesColumnsContext, TracesConfigContext, TracesFiltersContext, TracesListContext, TracesListFetchingContext, TracesSelectionContext, useTraceUsageColumns, useTracesColumns, useTracesConfig, useTracesFilters, useTracesList, useTracesListFetching, useTracesSelection };
+//# sourceMappingURL=traces-explorer-context.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-explorer-context.es.js","sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-context.ts"],"sourcesContent":["import type { EntityType } from '@mastra/core/observability';\nimport type { TraceQueryDiscoveryTimeRange } from '@mastra/react/hooks/traces';\nimport { createContext, useContext } from 'react';\nimport type { useTraceColumnPreferences } from '../../hooks/use-trace-column-preferences';\nimport type { useTracesListSource } from '../../hooks/use-traces-list-source';\nimport { hasTraceUsageColumn, isTraceUsageColumn } from '../../trace-list-columns';\nimport type { TraceColumnPreferences } from '../../trace-list-columns';\nimport type { SpanTab, TraceDatePreset } from '../../types';\nimport type { TraceSpanView } from '../trace-data-panel-view';\nimport type { TracesFilters, TracesSelection, TracesSortDirection } from './traces-explorer-actions';\nimport type { DataListSort } from '@/ds/components/DataList';\n\nexport type TracesExplorerScope = { entityId: string; entityType?: EntityType };\n\nexport type TracesMetricsSupport = { supported: boolean; isLoading: boolean };\n\n/**\n * Host switches (e.g. feature flags). Each one can only turn a feature off:\n * it is combined with what the server supports, and defaults to on.\n */\nexport type TracesExplorerFeatures = { traceQuery?: boolean; feedback?: boolean };\n\nexport type TracesConfigContextValue = {\n  listId: string;\n  scopedFieldIds: ReadonlySet<string>;\n  hiddenFieldIds: readonly string[];\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  withRootDuration: boolean;\n  /** The server supports delta polling, so auto-refresh merges new traces instead of reloading pages. */\n  withDeltaPolling: boolean;\n  /** Whether field discovery should run: the server supports it and the trace query API is on. */\n  withDiscovery: boolean;\n  isCapabilitiesLoading: boolean;\n  metricsSupport: TracesMetricsSupport;\n  /** Shared by every discovery consumer so they hit the same cached query. */\n  discoveryTimeRange: TraceQueryDiscoveryTimeRange;\n};\n\nexport type TracesFiltersActions = {\n  /** Replaces the filter tokens and groups. The scope tokens are always kept. */\n  setFilterTokens: (tokens: TracesFilters['tokens'], groups: TracesFilters['groups']) => void;\n  setDatePreset: (preset: TraceDatePreset) => void;\n  setDate: (value: Date | undefined, end: 'from' | 'to') => void;\n  setDateRange: (from: Date | undefined, to: Date | undefined) => void;\n};\n\nexport type TracesFiltersContextValue = TracesFiltersActions & {\n  /** The host's filters with the entries this server can't query dropped. */\n  filters: TracesFilters;\n  dateFrom?: Date;\n  dateTo?: Date;\n  filtersApplied: boolean;\n  contentFiltersApplied: boolean;\n};\n\nexport type TracesSelectionActions = {\n  selectTrace: (traceId: string) => void;\n  closeTrace: () => void;\n  selectSpan: (spanId: string | null) => void;\n  setSpanTab: (tab: SpanTab) => void;\n  setSpanView: (view: TraceSpanView) => void;\n  selectScore: (scoreId: string | null) => void;\n  highlightSpans: (spanIds: string[]) => void;\n};\n\nexport type TracesSelectionContextValue = TracesSelectionActions & {\n  selection: TracesSelection;\n  selectedTraceId?: string;\n};\n\ntype ListSource = ReturnType<typeof useTracesListSource>;\n\nexport type TracesListContextValue = Pick<\n  ListSource,\n  | 'rows'\n  | 'isLoading'\n  | 'isFetchingNextPage'\n  | 'hasNextPage'\n  | 'setEndOfListElement'\n  | 'error'\n  | 'refetch'\n  | 'autoRefetch'\n  | 'setAutoRefetch'\n> & {\n  sortDirection: TracesSortDirection;\n  onSortChange: (direction: DataListSort) => void;\n};\n\nexport type TracesColumnsContextValue = ReturnType<typeof useTraceColumnPreferences>;\n\nexport const TracesConfigContext = createContext<TracesConfigContextValue | null>(null);\nexport const TracesFiltersContext = createContext<TracesFiltersContextValue | null>(null);\nexport const TracesSelectionContext = createContext<TracesSelectionContextValue | null>(null);\nexport const TracesListContext = createContext<TracesListContextValue | null>(null);\n/** Kept out of `TracesListContext` so a poll tick doesn't re-render every list consumer. */\nexport const TracesListFetchingContext = createContext<boolean | null>(null);\nexport const TracesColumnsContext = createContext<TracesColumnsContextValue | null>(null);\n\nconst useRequired = <T>(context: React.Context<T | null>, name: string): T => {\n  const value = useContext(context);\n  if (!value) throw new Error(`${name} must be used inside <TracesExplorer>`);\n  return value;\n};\n\nexport const useTracesConfig = () => useRequired(TracesConfigContext, 'useTracesConfig');\nexport const useTracesFilters = () => useRequired(TracesFiltersContext, 'useTracesFilters');\nexport const useTracesSelection = () => useRequired(TracesSelectionContext, 'useTracesSelection');\nexport const useTracesList = () => useRequired(TracesListContext, 'useTracesList');\n/** Whether the list query is fetching, including background refetches and retries. */\nexport const useTracesListFetching = () => {\n  const value = useContext(TracesListFetchingContext);\n  if (value === null) throw new Error('useTracesListFetching must be used inside <TracesExplorer>');\n  return value;\n};\nexport const useTracesColumns = () => useRequired(TracesColumnsContext, 'useTracesColumns');\n\nconst CHECKING_USAGE_REASON = 'Checking whether this storage supports usage data.';\nconst UNSUPPORTED_USAGE_REASON = 'This observability store does not support token and cost metrics.';\n\nexport type TraceUsageColumns = {\n  /** Column preferences with the usage columns removed when the store can't serve them. */\n  displayedPreferences: TraceColumnPreferences;\n  /** Whether usage should be fetched: metrics are supported and a usage column is visible. */\n  usageEnabled: boolean;\n  usageDisabledReason?: string;\n};\n\nexport const useTraceUsageColumns = (): TraceUsageColumns => {\n  const { preferences } = useTracesColumns();\n  const { metricsSupport } = useTracesConfig();\n  const unavailable = !metricsSupport.isLoading && !metricsSupport.supported;\n  const displayedPreferences = unavailable\n    ? { ...preferences, visibleColumns: preferences.visibleColumns.filter(column => !isTraceUsageColumn(column)) }\n    : preferences;\n  return {\n    displayedPreferences,\n    usageEnabled: !unavailable && !metricsSupport.isLoading && hasTraceUsageColumn(displayedPreferences),\n    usageDisabledReason: metricsSupport.isLoading\n      ? CHECKING_USAGE_REASON\n      : !metricsSupport.supported\n        ? UNSUPPORTED_USAGE_REASON\n        : undefined,\n  };\n};\n"],"names":[],"mappings":";;;AA2FO,MAAM,mBAAA,GAAsB,cAA+C,IAAI;AAC/E,MAAM,oBAAA,GAAuB,cAAgD,IAAI;AACjF,MAAM,sBAAA,GAAyB,cAAkD,IAAI;AACrF,MAAM,iBAAA,GAAoB,cAA6C,IAAI;AAE3E,MAAM,yBAAA,GAA4B,cAA8B,IAAI;AACpE,MAAM,oBAAA,GAAuB,cAAgD,IAAI;AAExF,MAAM,WAAA,GAAc,CAAI,OAAA,EAAkC,IAAA,KAAoB;AAC5E,EAAA,MAAM,KAAA,GAAQ,WAAW,OAAO,CAAA;AAChC,EAAA,IAAI,CAAC,KAAA,EAAO,MAAM,IAAI,KAAA,CAAM,CAAA,EAAG,IAAI,CAAA,qCAAA,CAAuC,CAAA;AAC1E,EAAA,OAAO,KAAA;AACT,CAAA;AAEO,MAAM,eAAA,GAAkB,MAAM,WAAA,CAAY,mBAAA,EAAqB,iBAAiB;AAChF,MAAM,gBAAA,GAAmB,MAAM,WAAA,CAAY,oBAAA,EAAsB,kBAAkB;AACnF,MAAM,kBAAA,GAAqB,MAAM,WAAA,CAAY,sBAAA,EAAwB,oBAAoB;AACzF,MAAM,aAAA,GAAgB,MAAM,WAAA,CAAY,iBAAA,EAAmB,eAAe;AAE1E,MAAM,wBAAwB,MAAM;AACzC,EAAA,MAAM,KAAA,GAAQ,WAAW,yBAAyB,CAAA;AAClD,EAAA,IAAI,KAAA,KAAU,IAAA,EAAM,MAAM,IAAI,MAAM,4DAA4D,CAAA;AAChG,EAAA,OAAO,KAAA;AACT;AACO,MAAM,gBAAA,GAAmB,MAAM,WAAA,CAAY,oBAAA,EAAsB,kBAAkB;AAE1F,MAAM,qBAAA,GAAwB,oDAAA;AAC9B,MAAM,wBAAA,GAA2B,mEAAA;AAU1B,MAAM,uBAAuB,MAAyB;AAC3D,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,gBAAA,EAAiB;AACzC,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,eAAA,EAAgB;AAC3C,EAAA,MAAM,WAAA,GAAc,CAAC,cAAA,CAAe,SAAA,IAAa,CAAC,cAAA,CAAe,SAAA;AACjE,EAAA,MAAM,oBAAA,GAAuB,WAAA,GACzB,EAAE,GAAG,aAAa,cAAA,EAAgB,WAAA,CAAY,cAAA,CAAe,MAAA,CAAO,YAAU,CAAC,kBAAA,CAAmB,MAAM,CAAC,GAAE,GAC3G,WAAA;AACJ,EAAA,OAAO;AAAA,IACL,oBAAA;AAAA,IACA,cAAc,CAAC,WAAA,IAAe,CAAC,cAAA,CAAe,SAAA,IAAa,oBAAoB,oBAAoB,CAAA;AAAA,IACnG,qBAAqB,cAAA,CAAe,SAAA,GAChC,wBACA,CAAC,cAAA,CAAe,YACd,wBAAA,GACA;AAAA,GACR;AACF;;;;"}

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

@@ -0,0 +1,78 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const domains_traces_traceQueryFilters = require('../../../../trace-filters-BtyiQq7Y.cjs');
+const domains_traces_components_traceTimeRangeChip = require('../trace-time-range-chip.cjs.js');
+const domains_traces_components_tracesExplorer_tracesExplorerContext = require('./traces-explorer-context.cjs.js');
+const domains_traces_components_tracesExplorer_useTracesFilterBar = require('./use-traces-filter-bar.cjs.js');
+const filterBar = require('../../../../filter-bar-CjBb01b6.cjs');
+require('../../../../filter-bar-chip-C_64m7nX.cjs');
+
+const TIME_RANGE_PRESETS = [
+  "last-24h",
+  "last-3d",
+  "last-7d",
+  "last-14d",
+  "last-30d",
+  "custom"
+];
+const createItemId = (fieldId) => fieldId;
+function TracesExplorerFilterBar({ children }) {
+  const { withQueryTrace } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesConfig();
+  const filterBarFields = domains_traces_components_tracesExplorer_useTracesFilterBar.useTracesFilterBarFields();
+  const { filterBarValue, flatFilterBarValue, onFilterBarChange, onFlatFilterBarChange } = domains_traces_components_tracesExplorer_useTracesFilterBar.useTracesFilterBar();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    filterBar.FilterBar,
+    {
+      fields: filterBarFields,
+      operators: domains_traces_traceQueryFilters.TRACE_FILTER_BAR_OPERATORS,
+      ...withQueryTrace ? { value: filterBarValue, onValueChange: onFilterBarChange } : { value: flatFilterBarValue, onValueChange: onFlatFilterBarChange },
+      createItemId,
+      maxDepth: 3,
+      "aria-label": "Trace filters",
+      className: "min-w-64 flex-1",
+      children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TracesExplorerFilterChips, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(filterBar.FilterBar.Input, { placeholder: "Filter traces…" })
+      ] })
+    }
+  );
+}
+function TracesExplorerFilterChips({ timeRange, renderChip }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    filterBar.FilterBar.Chips,
+    {
+      renderChip: (item) => item.fieldId === domains_traces_components_traceTimeRangeChip.TRACE_TIME_RANGE_FIELD_ID ? timeRange ?? /* @__PURE__ */ jsxRuntime.jsx(TracesExplorerTimeRangeChip, {}) : renderChip ? renderChip(item) : /* @__PURE__ */ jsxRuntime.jsx(filterBar.FilterBar.Chip, { item })
+    }
+  );
+}
+function TracesExplorerTimeRangeChip({
+  presets = TIME_RANGE_PRESETS,
+  minDate,
+  maxRangeMs
+}) {
+  const { filters, dateFrom, dateTo, setDatePreset, setDate, setDateRange } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesFilters();
+  const { isLoading } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesList();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    domains_traces_components_traceTimeRangeChip.TraceTimeRangeChip,
+    {
+      preset: filters.datePreset,
+      onPresetChange: setDatePreset,
+      dateFrom,
+      dateTo,
+      onDateChange: setDate,
+      onDateRangeChange: setDateRange,
+      disabled: isLoading,
+      presets,
+      minDate,
+      maxRangeMs
+    }
+  );
+}
+
+exports.TracesExplorerFilterBar = TracesExplorerFilterBar;
+exports.TracesExplorerFilterChips = TracesExplorerFilterChips;
+exports.TracesExplorerTimeRangeChip = TracesExplorerTimeRangeChip;
+//# sourceMappingURL=traces-explorer-filter-bar.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-explorer-filter-bar.cjs.js","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 { useTracesConfig, useTracesFilters, useTracesList } from './traces-explorer-context';\nimport { useTracesFilterBar, useTracesFilterBarFields } from './use-traces-filter-bar';\nimport { FilterBar } from '@/ds/components/FilterBar';\nimport type { FilterBarItem } from '@/ds/components/FilterBar';\n\nconst TIME_RANGE_PRESETS: readonly TraceDatePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\n// Items are rebuilt from tokens with `id: fieldId` (traceTokensToFilterBarItems); give the\n// draft that id so the chip survives the round trip without remounting.\nconst createItemId = (fieldId: string) => fieldId;\n\nexport type TracesExplorerFilterBarProps = {\n  /** Replaces the default chips and input, e.g. to pass a configured `TracesExplorer.TimeRangeChip`. */\n  children?: ReactNode;\n};\n\n/**\n * The trace filters bar, wired to the explorer's fields and filters. Hosts that need extra\n * fields or items (e.g. their own scope pickers) can render the design-system `FilterBar`\n * themselves from `useTracesFilterBarFields()` / `useTracesFilterBar()` and reuse `FilterChips`.\n */\nexport function TracesExplorerFilterBar({ children }: TracesExplorerFilterBarProps) {\n  const { withQueryTrace } = useTracesConfig();\n  const filterBarFields = useTracesFilterBarFields();\n  const { filterBarValue, flatFilterBarValue, onFilterBarChange, onFlatFilterBarChange } = useTracesFilterBar();\n\n  return (\n    <FilterBar\n      fields={filterBarFields}\n      operators={TRACE_FILTER_BAR_OPERATORS}\n      {...(withQueryTrace\n        ? { value: filterBarValue, onValueChange: onFilterBarChange }\n        : { value: flatFilterBarValue, onValueChange: onFlatFilterBarChange })}\n      createItemId={createItemId}\n      maxDepth={3}\n      aria-label=\"Trace filters\"\n      className=\"min-w-64 flex-1\"\n    >\n      {children ?? (\n        <>\n          <TracesExplorerFilterChips />\n          <FilterBar.Input placeholder=\"Filter traces…\" />\n        </>\n      )}\n    </FilterBar>\n  );\n}\n\nexport type TracesExplorerFilterChipsProps = {\n  /** Rendered for the time range item. Defaults to `<TracesExplorer.TimeRangeChip />`. */\n  timeRange?: ReactNode;\n  /** Renders every other item. Defaults to the design-system chip. */\n  renderChip?: (item: FilterBarItem) => ReactNode;\n};\n\n/** The bar's chips: the time range chip in its slot, then one chip per filter. */\nexport function TracesExplorerFilterChips({ timeRange, renderChip }: TracesExplorerFilterChipsProps) {\n  return (\n    <FilterBar.Chips\n      renderChip={item =>\n        item.fieldId === TRACE_TIME_RANGE_FIELD_ID ? (\n          (timeRange ?? <TracesExplorerTimeRangeChip />)\n        ) : renderChip ? (\n          renderChip(item)\n        ) : (\n          <FilterBar.Chip item={item} />\n        )\n      }\n    />\n  );\n}\n\nexport type TracesExplorerTimeRangeChipProps = Partial<\n  Pick<TraceTimeRangeChipProps, 'presets' | 'minDate' | 'maxRangeMs'>\n>;\n\n/** Its own component so a list loading flip only re-renders the chip, not the whole bar. */\nexport function TracesExplorerTimeRangeChip({\n  presets = TIME_RANGE_PRESETS,\n  minDate,\n  maxRangeMs,\n}: TracesExplorerTimeRangeChipProps) {\n  const { filters, dateFrom, dateTo, setDatePreset, setDate, setDateRange } = useTracesFilters();\n  const { isLoading } = useTracesList();\n\n  return (\n    <TraceTimeRangeChip\n      preset={filters.datePreset}\n      onPresetChange={setDatePreset}\n      dateFrom={dateFrom}\n      dateTo={dateTo}\n      onDateChange={setDate}\n      onDateRangeChange={setDateRange}\n      disabled={isLoading}\n      presets={presets}\n      minDate={minDate}\n      maxRangeMs={maxRangeMs}\n    />\n  );\n}\n"],"names":["useTracesConfig","useTracesFilterBarFields","useTracesFilterBar","jsx","FilterBar","TRACE_FILTER_BAR_OPERATORS","jsxs","Fragment","TRACE_TIME_RANGE_FIELD_ID","useTracesFilters","useTracesList","TraceTimeRangeChip"],"mappings":";;;;;;;;;;;;AAUA,MAAM,kBAAA,GAAiD;AAAA,EACrD,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA;AAIA,MAAM,YAAA,GAAe,CAAC,OAAA,KAAoB,OAAA;AAYnC,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAS,EAAiC;AAClF,EAAA,MAAM,EAAE,cAAA,EAAe,GAAIA,8EAAA,EAAgB;AAC3C,EAAA,MAAM,kBAAkBC,oFAAA,EAAyB;AACjD,EAAA,MAAM,EAAE,cAAA,EAAgB,kBAAA,EAAoB,iBAAA,EAAmB,qBAAA,KAA0BC,8EAAA,EAAmB;AAE5G,EAAA,uBACEC,cAAA;AAAA,IAACC,mBAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,eAAA;AAAA,MACR,SAAA,EAAWC,2DAAA;AAAA,MACV,GAAI,cAAA,GACD,EAAE,KAAA,EAAO,cAAA,EAAgB,aAAA,EAAe,iBAAA,EAAkB,GAC1D,EAAE,KAAA,EAAO,kBAAA,EAAoB,aAAA,EAAe,qBAAA,EAAsB;AAAA,MACtE,YAAA;AAAA,MACA,QAAA,EAAU,CAAA;AAAA,MACV,YAAA,EAAW,eAAA;AAAA,MACX,SAAA,EAAU,iBAAA;AAAA,MAET,sCACCC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAAJ,cAAA,CAAC,yBAAA,EAAA,EAA0B,CAAA;AAAA,wBAC3BA,cAAA,CAACC,mBAAA,CAAU,KAAA,EAAV,EAAgB,aAAY,gBAAA,EAAiB;AAAA,OAAA,EAChD;AAAA;AAAA,GAEJ;AAEJ;AAUO,SAAS,yBAAA,CAA0B,EAAE,SAAA,EAAW,UAAA,EAAW,EAAmC;AACnG,EAAA,uBACED,cAAA;AAAA,IAACC,mBAAA,CAAU,KAAA;AAAA,IAAV;AAAA,MACC,YAAY,CAAA,IAAA,KACV,IAAA,CAAK,OAAA,KAAYI,sEAAA,GACd,6BAAaL,cAAA,CAAC,2BAAA,EAAA,EAA4B,CAAA,GACzC,UAAA,GACF,WAAW,IAAI,CAAA,kCAEdC,mBAAA,CAAU,IAAA,EAAV,EAAe,IAAA,EAAY;AAAA;AAAA,GAGlC;AAEJ;AAOO,SAAS,2BAAA,CAA4B;AAAA,EAC1C,OAAA,GAAU,kBAAA;AAAA,EACV,OAAA;AAAA,EACA;AACF,CAAA,EAAqC;AACnC,EAAA,MAAM,EAAE,SAAS,QAAA,EAAU,MAAA,EAAQ,eAAe,OAAA,EAAS,YAAA,KAAiBK,+EAAA,EAAiB;AAC7F,EAAA,MAAM,EAAE,SAAA,EAAU,GAAIC,4EAAA,EAAc;AAEpC,EAAA,uBACEP,cAAA;AAAA,IAACQ,+DAAA;AAAA,IAAA;AAAA,MACC,QAAQ,OAAA,CAAQ,UAAA;AAAA,MAChB,cAAA,EAAgB,aAAA;AAAA,MAChB,QAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA,EAAc,OAAA;AAAA,MACd,iBAAA,EAAmB,YAAA;AAAA,MACnB,QAAA,EAAU,SAAA;AAAA,MACV,OAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;;;"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-filter-bar.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../src/domains/traces/components/traces-explorer/traces-explorer-filter-bar'
+export {}

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

@@ -0,0 +1,72 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { e as TRACE_FILTER_BAR_OPERATORS } from '../../../../trace-filters-DXW-RdDz.js';
+import { TraceTimeRangeChip, TRACE_TIME_RANGE_FIELD_ID } from '../trace-time-range-chip.es.js';
+import { useTracesFilters, useTracesList, useTracesConfig } from './traces-explorer-context.es.js';
+import { useTracesFilterBarFields, useTracesFilterBar } from './use-traces-filter-bar.es.js';
+import { F as FilterBar } from '../../../../filter-bar-pXSJt2ye.js';
+import '../../../../filter-bar-chip-D2kKMSRA.js';
+
+const TIME_RANGE_PRESETS = [
+  "last-24h",
+  "last-3d",
+  "last-7d",
+  "last-14d",
+  "last-30d",
+  "custom"
+];
+const createItemId = (fieldId) => fieldId;
+function TracesExplorerFilterBar({ children }) {
+  const { withQueryTrace } = useTracesConfig();
+  const filterBarFields = useTracesFilterBarFields();
+  const { filterBarValue, flatFilterBarValue, onFilterBarChange, onFlatFilterBarChange } = useTracesFilterBar();
+  return /* @__PURE__ */ jsx(
+    FilterBar,
+    {
+      fields: filterBarFields,
+      operators: TRACE_FILTER_BAR_OPERATORS,
+      ...withQueryTrace ? { value: filterBarValue, onValueChange: onFilterBarChange } : { value: flatFilterBarValue, onValueChange: onFlatFilterBarChange },
+      createItemId,
+      maxDepth: 3,
+      "aria-label": "Trace filters",
+      className: "min-w-64 flex-1",
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(TracesExplorerFilterChips, {}),
+        /* @__PURE__ */ jsx(FilterBar.Input, { placeholder: "Filter traces…" })
+      ] })
+    }
+  );
+}
+function TracesExplorerFilterChips({ timeRange, renderChip }) {
+  return /* @__PURE__ */ jsx(
+    FilterBar.Chips,
+    {
+      renderChip: (item) => item.fieldId === TRACE_TIME_RANGE_FIELD_ID ? timeRange ?? /* @__PURE__ */ jsx(TracesExplorerTimeRangeChip, {}) : renderChip ? renderChip(item) : /* @__PURE__ */ jsx(FilterBar.Chip, { item })
+    }
+  );
+}
+function TracesExplorerTimeRangeChip({
+  presets = TIME_RANGE_PRESETS,
+  minDate,
+  maxRangeMs
+}) {
+  const { filters, dateFrom, dateTo, setDatePreset, setDate, setDateRange } = useTracesFilters();
+  const { isLoading } = useTracesList();
+  return /* @__PURE__ */ jsx(
+    TraceTimeRangeChip,
+    {
+      preset: filters.datePreset,
+      onPresetChange: setDatePreset,
+      dateFrom,
+      dateTo,
+      onDateChange: setDate,
+      onDateRangeChange: setDateRange,
+      disabled: isLoading,
+      presets,
+      minDate,
+      maxRangeMs
+    }
+  );
+}
+
+export { TracesExplorerFilterBar, TracesExplorerFilterChips, TracesExplorerTimeRangeChip };
+//# sourceMappingURL=traces-explorer-filter-bar.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-explorer-filter-bar.es.js","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 { useTracesConfig, useTracesFilters, useTracesList } from './traces-explorer-context';\nimport { useTracesFilterBar, useTracesFilterBarFields } from './use-traces-filter-bar';\nimport { FilterBar } from '@/ds/components/FilterBar';\nimport type { FilterBarItem } from '@/ds/components/FilterBar';\n\nconst TIME_RANGE_PRESETS: readonly TraceDatePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\n// Items are rebuilt from tokens with `id: fieldId` (traceTokensToFilterBarItems); give the\n// draft that id so the chip survives the round trip without remounting.\nconst createItemId = (fieldId: string) => fieldId;\n\nexport type TracesExplorerFilterBarProps = {\n  /** Replaces the default chips and input, e.g. to pass a configured `TracesExplorer.TimeRangeChip`. */\n  children?: ReactNode;\n};\n\n/**\n * The trace filters bar, wired to the explorer's fields and filters. Hosts that need extra\n * fields or items (e.g. their own scope pickers) can render the design-system `FilterBar`\n * themselves from `useTracesFilterBarFields()` / `useTracesFilterBar()` and reuse `FilterChips`.\n */\nexport function TracesExplorerFilterBar({ children }: TracesExplorerFilterBarProps) {\n  const { withQueryTrace } = useTracesConfig();\n  const filterBarFields = useTracesFilterBarFields();\n  const { filterBarValue, flatFilterBarValue, onFilterBarChange, onFlatFilterBarChange } = useTracesFilterBar();\n\n  return (\n    <FilterBar\n      fields={filterBarFields}\n      operators={TRACE_FILTER_BAR_OPERATORS}\n      {...(withQueryTrace\n        ? { value: filterBarValue, onValueChange: onFilterBarChange }\n        : { value: flatFilterBarValue, onValueChange: onFlatFilterBarChange })}\n      createItemId={createItemId}\n      maxDepth={3}\n      aria-label=\"Trace filters\"\n      className=\"min-w-64 flex-1\"\n    >\n      {children ?? (\n        <>\n          <TracesExplorerFilterChips />\n          <FilterBar.Input placeholder=\"Filter traces…\" />\n        </>\n      )}\n    </FilterBar>\n  );\n}\n\nexport type TracesExplorerFilterChipsProps = {\n  /** Rendered for the time range item. Defaults to `<TracesExplorer.TimeRangeChip />`. */\n  timeRange?: ReactNode;\n  /** Renders every other item. Defaults to the design-system chip. */\n  renderChip?: (item: FilterBarItem) => ReactNode;\n};\n\n/** The bar's chips: the time range chip in its slot, then one chip per filter. */\nexport function TracesExplorerFilterChips({ timeRange, renderChip }: TracesExplorerFilterChipsProps) {\n  return (\n    <FilterBar.Chips\n      renderChip={item =>\n        item.fieldId === TRACE_TIME_RANGE_FIELD_ID ? (\n          (timeRange ?? <TracesExplorerTimeRangeChip />)\n        ) : renderChip ? (\n          renderChip(item)\n        ) : (\n          <FilterBar.Chip item={item} />\n        )\n      }\n    />\n  );\n}\n\nexport type TracesExplorerTimeRangeChipProps = Partial<\n  Pick<TraceTimeRangeChipProps, 'presets' | 'minDate' | 'maxRangeMs'>\n>;\n\n/** Its own component so a list loading flip only re-renders the chip, not the whole bar. */\nexport function TracesExplorerTimeRangeChip({\n  presets = TIME_RANGE_PRESETS,\n  minDate,\n  maxRangeMs,\n}: TracesExplorerTimeRangeChipProps) {\n  const { filters, dateFrom, dateTo, setDatePreset, setDate, setDateRange } = useTracesFilters();\n  const { isLoading } = useTracesList();\n\n  return (\n    <TraceTimeRangeChip\n      preset={filters.datePreset}\n      onPresetChange={setDatePreset}\n      dateFrom={dateFrom}\n      dateTo={dateTo}\n      onDateChange={setDate}\n      onDateRangeChange={setDateRange}\n      disabled={isLoading}\n      presets={presets}\n      minDate={minDate}\n      maxRangeMs={maxRangeMs}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAUA,MAAM,kBAAA,GAAiD;AAAA,EACrD,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA;AAIA,MAAM,YAAA,GAAe,CAAC,OAAA,KAAoB,OAAA;AAYnC,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAS,EAAiC;AAClF,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,eAAA,EAAgB;AAC3C,EAAA,MAAM,kBAAkB,wBAAA,EAAyB;AACjD,EAAA,MAAM,EAAE,cAAA,EAAgB,kBAAA,EAAoB,iBAAA,EAAmB,qBAAA,KAA0B,kBAAA,EAAmB;AAE5G,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,eAAA;AAAA,MACR,SAAA,EAAW,0BAAA;AAAA,MACV,GAAI,cAAA,GACD,EAAE,KAAA,EAAO,cAAA,EAAgB,aAAA,EAAe,iBAAA,EAAkB,GAC1D,EAAE,KAAA,EAAO,kBAAA,EAAoB,aAAA,EAAe,qBAAA,EAAsB;AAAA,MACtE,YAAA;AAAA,MACA,QAAA,EAAU,CAAA;AAAA,MACV,YAAA,EAAW,eAAA;AAAA,MACX,SAAA,EAAU,iBAAA;AAAA,MAET,sCACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,yBAAA,EAAA,EAA0B,CAAA;AAAA,wBAC3B,GAAA,CAAC,SAAA,CAAU,KAAA,EAAV,EAAgB,aAAY,gBAAA,EAAiB;AAAA,OAAA,EAChD;AAAA;AAAA,GAEJ;AAEJ;AAUO,SAAS,yBAAA,CAA0B,EAAE,SAAA,EAAW,UAAA,EAAW,EAAmC;AACnG,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA,CAAU,KAAA;AAAA,IAAV;AAAA,MACC,YAAY,CAAA,IAAA,KACV,IAAA,CAAK,OAAA,KAAY,yBAAA,GACd,6BAAa,GAAA,CAAC,2BAAA,EAAA,EAA4B,CAAA,GACzC,UAAA,GACF,WAAW,IAAI,CAAA,uBAEd,SAAA,CAAU,IAAA,EAAV,EAAe,IAAA,EAAY;AAAA;AAAA,GAGlC;AAEJ;AAOO,SAAS,2BAAA,CAA4B;AAAA,EAC1C,OAAA,GAAU,kBAAA;AAAA,EACV,OAAA;AAAA,EACA;AACF,CAAA,EAAqC;AACnC,EAAA,MAAM,EAAE,SAAS,QAAA,EAAU,MAAA,EAAQ,eAAe,OAAA,EAAS,YAAA,KAAiB,gBAAA,EAAiB;AAC7F,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,aAAA,EAAc;AAEpC,EAAA,uBACE,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,QAAQ,OAAA,CAAQ,UAAA;AAAA,MAChB,cAAA,EAAgB,aAAA;AAAA,MAChB,QAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA,EAAc,OAAA;AAAA,MACd,iBAAA,EAAmB,YAAA;AAAA,MACnB,QAAA,EAAU,SAAA;AAAA,MACV,OAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const domains_traces_components_noTracesInfo = require('../no-traces-info.cjs.js');
+const domains_traces_components_tracesErrorContent = require('../traces-error-content.cjs.js');
+const domains_traces_components_tracesPageSkeleton = require('../traces-page-skeleton.cjs.js');
+const domains_traces_components_tracesExplorer_tracesExplorerContext = require('./traces-explorer-context.cjs.js');
+const domains_traces_components_tracesExplorer_useTracesDiscovery = require('./use-traces-discovery.cjs.js');
+const pageLayout = require('../../../../page-layout-D1AXJJrp.cjs');
+
+function TracesExplorerLayout({ breadcrumbs, actionRow, children, renderError }) {
+  const { isCapabilitiesLoading } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesConfig();
+  const { isLoading: isDiscoveryLoading } = domains_traces_components_tracesExplorer_useTracesDiscovery.useTracesDiscovery();
+  const { rows, isLoading, error, refetch } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesList();
+  const { filters, dateFrom, dateTo, contentFiltersApplied } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesFilters();
+  const { selectedTraceId } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesSelection();
+  const { displayedPreferences } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTraceUsageColumns();
+  if (isCapabilitiesLoading || isDiscoveryLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(pageLayout.PageLayout, { breadcrumbs, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "sr-only", children: "Traces" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_tracesPageSkeleton.TracesPageSkeleton, { columnPreferences: displayedPreferences }) })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(pageLayout.PageLayout, { breadcrumbs, actionRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "sr-only", children: "Traces" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center", children: renderError ? /* @__PURE__ */ jsxRuntime.jsx(HostTracesError, { renderError, error, refetch }) : /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_tracesErrorContent.TracesErrorContent, { error, resource: "traces", errorTitle: "Failed to load traces" }) })
+    ] });
+  }
+  if (rows.length === 0 && !isLoading && !contentFiltersApplied && !selectedTraceId) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(pageLayout.PageLayout, { breadcrumbs, actionRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "sr-only", children: "Traces" }),
+      /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_noTracesInfo.NoTracesInfo, { datePreset: filters.datePreset, dateFrom, dateTo })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(pageLayout.PageLayout, { breadcrumbs, actionRow, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "sr-only", children: "Traces" }),
+    children
+  ] });
+}
+function HostTracesError({
+  renderError,
+  ...args
+}) {
+  const isFetching = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesListFetching();
+  return renderError({ ...args, isFetching });
+}
+
+exports.TracesExplorerLayout = TracesExplorerLayout;
+//# sourceMappingURL=traces-explorer-layout.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-explorer-layout.cjs.js","sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-layout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { NoTracesInfo } from '../no-traces-info';\nimport { TracesErrorContent } from '../traces-error-content';\nimport { TracesPageSkeleton } from '../traces-page-skeleton';\nimport {\n  useTraceUsageColumns,\n  useTracesConfig,\n  useTracesFilters,\n  useTracesList,\n  useTracesListFetching,\n  useTracesSelection,\n} from './traces-explorer-context';\nimport type { TracesListContextValue } from './traces-explorer-context';\nimport { useTracesDiscovery } from './use-traces-discovery';\nimport { PageLayout } from '@/ds/components/PageLayout';\n\nexport type TracesExplorerErrorRenderArgs = Pick<TracesListContextValue, 'refetch'> & {\n  error: NonNullable<TracesListContextValue['error']>;\n  isFetching: boolean;\n};\n\nexport type TracesExplorerLayoutProps = {\n  breadcrumbs?: ReactNode;\n  actionRow: ReactNode;\n  children: ReactNode;\n  /** Renders the list-error state (e.g. host-classified errors with a retry). Defaults to `TracesErrorContent`. */\n  renderError?: (args: TracesExplorerErrorRenderArgs) => ReactNode;\n};\n\nexport function TracesExplorerLayout({ breadcrumbs, actionRow, children, renderError }: TracesExplorerLayoutProps) {\n  const { isCapabilitiesLoading } = useTracesConfig();\n  const { isLoading: isDiscoveryLoading } = useTracesDiscovery();\n  const { rows, isLoading, error, refetch } = useTracesList();\n  const { filters, dateFrom, dateTo, contentFiltersApplied } = useTracesFilters();\n  const { selectedTraceId } = useTracesSelection();\n  const { displayedPreferences } = useTraceUsageColumns();\n\n  // Hold the whole toolbar + list behind one skeleton until field discovery has settled, so the\n  // FilterBar never appears without the metadata fields it will offer. Only `isLoading` (never\n  // `isFetching`) gates this: background refetches after the stale window must not flash it.\n  if (isCapabilitiesLoading || isDiscoveryLoading) {\n    return (\n      <PageLayout breadcrumbs={breadcrumbs}>\n        <h1 className=\"sr-only\">Traces</h1>\n        <div>\n          <TracesPageSkeleton columnPreferences={displayedPreferences} />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout breadcrumbs={breadcrumbs} actionRow={actionRow}>\n        <h1 className=\"sr-only\">Traces</h1>\n        <div className=\"flex h-full items-center justify-center\">\n          {renderError ? (\n            <HostTracesError renderError={renderError} error={error} refetch={refetch} />\n          ) : (\n            <TracesErrorContent error={error} resource=\"traces\" errorTitle=\"Failed to load traces\" />\n          )}\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (rows.length === 0 && !isLoading && !contentFiltersApplied && !selectedTraceId) {\n    return (\n      <PageLayout breadcrumbs={breadcrumbs} actionRow={actionRow}>\n        <h1 className=\"sr-only\">Traces</h1>\n        <NoTracesInfo datePreset={filters.datePreset} dateFrom={dateFrom} dateTo={dateTo} />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout breadcrumbs={breadcrumbs} actionRow={actionRow}>\n      <h1 className=\"sr-only\">Traces</h1>\n      {children}\n    </PageLayout>\n  );\n}\n\n/** Reads `isFetching` here so only the error state, not the whole layout, re-renders on fetches. */\nfunction HostTracesError({\n  renderError,\n  ...args\n}: Omit<TracesExplorerErrorRenderArgs, 'isFetching'> & {\n  renderError: NonNullable<TracesExplorerLayoutProps['renderError']>;\n}) {\n  const isFetching = useTracesListFetching();\n  return renderError({ ...args, isFetching });\n}\n"],"names":["useTracesConfig","useTracesDiscovery","useTracesList","useTracesFilters","useTracesSelection","useTraceUsageColumns","jsxs","PageLayout","jsx","TracesPageSkeleton","TracesErrorContent","NoTracesInfo","useTracesListFetching"],"mappings":";;;;;;;;;;;;AA6BO,SAAS,qBAAqB,EAAE,WAAA,EAAa,SAAA,EAAW,QAAA,EAAU,aAAY,EAA8B;AACjH,EAAA,MAAM,EAAE,qBAAA,EAAsB,GAAIA,8EAAA,EAAgB;AAClD,EAAA,MAAM,EAAE,SAAA,EAAW,kBAAA,EAAmB,GAAIC,8EAAA,EAAmB;AAC7D,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,OAAA,KAAYC,4EAAA,EAAc;AAC1D,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAU,MAAA,EAAQ,qBAAA,KAA0BC,+EAAA,EAAiB;AAC9E,EAAA,MAAM,EAAE,eAAA,EAAgB,GAAIC,iFAAA,EAAmB;AAC/C,EAAA,MAAM,EAAE,oBAAA,EAAqB,GAAIC,mFAAA,EAAqB;AAKtD,EAAA,IAAI,yBAAyB,kBAAA,EAAoB;AAC/C,IAAA,uBACEC,eAAA,CAACC,yBAAW,WAAA,EACV,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,qCAC7B,KAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAACC,+DAAA,EAAA,EAAmB,iBAAA,EAAmB,sBAAsB,CAAA,EAC/D;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBACEH,eAAA,CAACC,qBAAA,EAAA,EAAW,WAAA,EAA0B,SAAA,EACpC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,qCAC7B,KAAA,EAAA,EAAI,SAAA,EAAU,2CACZ,QAAA,EAAA,WAAA,mBACCA,cAAA,CAAC,mBAAgB,WAAA,EAA0B,KAAA,EAAc,OAAA,EAAkB,CAAA,kCAE1EE,+DAAA,EAAA,EAAmB,KAAA,EAAc,UAAS,QAAA,EAAS,UAAA,EAAW,yBAAwB,CAAA,EAE3F;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,IAAA,CAAK,WAAW,CAAA,IAAK,CAAC,aAAa,CAAC,qBAAA,IAAyB,CAAC,eAAA,EAAiB;AACjF,IAAA,uBACEJ,eAAA,CAACC,qBAAA,EAAA,EAAW,WAAA,EAA0B,SAAA,EACpC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,qCAC7BG,mDAAA,EAAA,EAAa,UAAA,EAAY,OAAA,CAAQ,UAAA,EAAY,UAAoB,MAAA,EAAgB;AAAA,KAAA,EACpF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACEL,eAAA,CAACC,qBAAA,EAAA,EAAW,WAAA,EAA0B,SAAA,EACpC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,IAC7B;AAAA,GAAA,EACH,CAAA;AAEJ;AAGA,SAAS,eAAA,CAAgB;AAAA,EACvB,WAAA;AAAA,EACA,GAAG;AACL,CAAA,EAEG;AACD,EAAA,MAAM,aAAaI,oFAAA,EAAsB;AACzC,EAAA,OAAO,WAAA,CAAY,EAAE,GAAG,IAAA,EAAM,YAAY,CAAA;AAC5C;;;;"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-layout.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../src/domains/traces/components/traces-explorer/traces-explorer-layout'
+export {}

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

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { NoTracesInfo } from '../no-traces-info.es.js';
+import { TracesErrorContent } from '../traces-error-content.es.js';
+import { TracesPageSkeleton } from '../traces-page-skeleton.es.js';
+import { useTracesConfig, useTracesList, useTracesFilters, useTracesSelection, useTraceUsageColumns, useTracesListFetching } from './traces-explorer-context.es.js';
+import { useTracesDiscovery } from './use-traces-discovery.es.js';
+import { P as PageLayout } from '../../../../page-layout-DCMg_kJB.js';
+
+function TracesExplorerLayout({ breadcrumbs, actionRow, children, renderError }) {
+  const { isCapabilitiesLoading } = useTracesConfig();
+  const { isLoading: isDiscoveryLoading } = useTracesDiscovery();
+  const { rows, isLoading, error, refetch } = useTracesList();
+  const { filters, dateFrom, dateTo, contentFiltersApplied } = useTracesFilters();
+  const { selectedTraceId } = useTracesSelection();
+  const { displayedPreferences } = useTraceUsageColumns();
+  if (isCapabilitiesLoading || isDiscoveryLoading) {
+    return /* @__PURE__ */ jsxs(PageLayout, { breadcrumbs, children: [
+      /* @__PURE__ */ jsx("h1", { className: "sr-only", children: "Traces" }),
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(TracesPageSkeleton, { columnPreferences: displayedPreferences }) })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs(PageLayout, { breadcrumbs, actionRow, children: [
+      /* @__PURE__ */ jsx("h1", { className: "sr-only", children: "Traces" }),
+      /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: renderError ? /* @__PURE__ */ jsx(HostTracesError, { renderError, error, refetch }) : /* @__PURE__ */ jsx(TracesErrorContent, { error, resource: "traces", errorTitle: "Failed to load traces" }) })
+    ] });
+  }
+  if (rows.length === 0 && !isLoading && !contentFiltersApplied && !selectedTraceId) {
+    return /* @__PURE__ */ jsxs(PageLayout, { breadcrumbs, actionRow, children: [
+      /* @__PURE__ */ jsx("h1", { className: "sr-only", children: "Traces" }),
+      /* @__PURE__ */ jsx(NoTracesInfo, { datePreset: filters.datePreset, dateFrom, dateTo })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(PageLayout, { breadcrumbs, actionRow, children: [
+    /* @__PURE__ */ jsx("h1", { className: "sr-only", children: "Traces" }),
+    children
+  ] });
+}
+function HostTracesError({
+  renderError,
+  ...args
+}) {
+  const isFetching = useTracesListFetching();
+  return renderError({ ...args, isFetching });
+}
+
+export { TracesExplorerLayout };
+//# sourceMappingURL=traces-explorer-layout.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-explorer-layout.es.js","sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-layout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { NoTracesInfo } from '../no-traces-info';\nimport { TracesErrorContent } from '../traces-error-content';\nimport { TracesPageSkeleton } from '../traces-page-skeleton';\nimport {\n  useTraceUsageColumns,\n  useTracesConfig,\n  useTracesFilters,\n  useTracesList,\n  useTracesListFetching,\n  useTracesSelection,\n} from './traces-explorer-context';\nimport type { TracesListContextValue } from './traces-explorer-context';\nimport { useTracesDiscovery } from './use-traces-discovery';\nimport { PageLayout } from '@/ds/components/PageLayout';\n\nexport type TracesExplorerErrorRenderArgs = Pick<TracesListContextValue, 'refetch'> & {\n  error: NonNullable<TracesListContextValue['error']>;\n  isFetching: boolean;\n};\n\nexport type TracesExplorerLayoutProps = {\n  breadcrumbs?: ReactNode;\n  actionRow: ReactNode;\n  children: ReactNode;\n  /** Renders the list-error state (e.g. host-classified errors with a retry). Defaults to `TracesErrorContent`. */\n  renderError?: (args: TracesExplorerErrorRenderArgs) => ReactNode;\n};\n\nexport function TracesExplorerLayout({ breadcrumbs, actionRow, children, renderError }: TracesExplorerLayoutProps) {\n  const { isCapabilitiesLoading } = useTracesConfig();\n  const { isLoading: isDiscoveryLoading } = useTracesDiscovery();\n  const { rows, isLoading, error, refetch } = useTracesList();\n  const { filters, dateFrom, dateTo, contentFiltersApplied } = useTracesFilters();\n  const { selectedTraceId } = useTracesSelection();\n  const { displayedPreferences } = useTraceUsageColumns();\n\n  // Hold the whole toolbar + list behind one skeleton until field discovery has settled, so the\n  // FilterBar never appears without the metadata fields it will offer. Only `isLoading` (never\n  // `isFetching`) gates this: background refetches after the stale window must not flash it.\n  if (isCapabilitiesLoading || isDiscoveryLoading) {\n    return (\n      <PageLayout breadcrumbs={breadcrumbs}>\n        <h1 className=\"sr-only\">Traces</h1>\n        <div>\n          <TracesPageSkeleton columnPreferences={displayedPreferences} />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout breadcrumbs={breadcrumbs} actionRow={actionRow}>\n        <h1 className=\"sr-only\">Traces</h1>\n        <div className=\"flex h-full items-center justify-center\">\n          {renderError ? (\n            <HostTracesError renderError={renderError} error={error} refetch={refetch} />\n          ) : (\n            <TracesErrorContent error={error} resource=\"traces\" errorTitle=\"Failed to load traces\" />\n          )}\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (rows.length === 0 && !isLoading && !contentFiltersApplied && !selectedTraceId) {\n    return (\n      <PageLayout breadcrumbs={breadcrumbs} actionRow={actionRow}>\n        <h1 className=\"sr-only\">Traces</h1>\n        <NoTracesInfo datePreset={filters.datePreset} dateFrom={dateFrom} dateTo={dateTo} />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout breadcrumbs={breadcrumbs} actionRow={actionRow}>\n      <h1 className=\"sr-only\">Traces</h1>\n      {children}\n    </PageLayout>\n  );\n}\n\n/** Reads `isFetching` here so only the error state, not the whole layout, re-renders on fetches. */\nfunction HostTracesError({\n  renderError,\n  ...args\n}: Omit<TracesExplorerErrorRenderArgs, 'isFetching'> & {\n  renderError: NonNullable<TracesExplorerLayoutProps['renderError']>;\n}) {\n  const isFetching = useTracesListFetching();\n  return renderError({ ...args, isFetching });\n}\n"],"names":[],"mappings":";;;;;;;;AA6BO,SAAS,qBAAqB,EAAE,WAAA,EAAa,SAAA,EAAW,QAAA,EAAU,aAAY,EAA8B;AACjH,EAAA,MAAM,EAAE,qBAAA,EAAsB,GAAI,eAAA,EAAgB;AAClD,EAAA,MAAM,EAAE,SAAA,EAAW,kBAAA,EAAmB,GAAI,kBAAA,EAAmB;AAC7D,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,OAAA,KAAY,aAAA,EAAc;AAC1D,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAU,MAAA,EAAQ,qBAAA,KAA0B,gBAAA,EAAiB;AAC9E,EAAA,MAAM,EAAE,eAAA,EAAgB,GAAI,kBAAA,EAAmB;AAC/C,EAAA,MAAM,EAAE,oBAAA,EAAqB,GAAI,oBAAA,EAAqB;AAKtD,EAAA,IAAI,yBAAyB,kBAAA,EAAoB;AAC/C,IAAA,uBACE,IAAA,CAAC,cAAW,WAAA,EACV,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,0BAC7B,KAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,iBAAA,EAAmB,sBAAsB,CAAA,EAC/D;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBACE,IAAA,CAAC,UAAA,EAAA,EAAW,WAAA,EAA0B,SAAA,EACpC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,0BAC7B,KAAA,EAAA,EAAI,SAAA,EAAU,2CACZ,QAAA,EAAA,WAAA,mBACC,GAAA,CAAC,mBAAgB,WAAA,EAA0B,KAAA,EAAc,OAAA,EAAkB,CAAA,uBAE1E,kBAAA,EAAA,EAAmB,KAAA,EAAc,UAAS,QAAA,EAAS,UAAA,EAAW,yBAAwB,CAAA,EAE3F;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,IAAA,CAAK,WAAW,CAAA,IAAK,CAAC,aAAa,CAAC,qBAAA,IAAyB,CAAC,eAAA,EAAiB;AACjF,IAAA,uBACE,IAAA,CAAC,UAAA,EAAA,EAAW,WAAA,EAA0B,SAAA,EACpC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,0BAC7B,YAAA,EAAA,EAAa,UAAA,EAAY,OAAA,CAAQ,UAAA,EAAY,UAAoB,MAAA,EAAgB;AAAA,KAAA,EACpF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAAC,UAAA,EAAA,EAAW,WAAA,EAA0B,SAAA,EACpC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,IAC7B;AAAA,GAAA,EACH,CAAA;AAEJ;AAGA,SAAS,eAAA,CAAgB;AAAA,EACvB,WAAA;AAAA,EACA,GAAG;AACL,CAAA,EAEG;AACD,EAAA,MAAM,aAAa,qBAAA,EAAsB;AACzC,EAAA,OAAO,WAAA,CAAY,EAAE,GAAG,IAAA,EAAM,YAAY,CAAA;AAC5C;;;;"}

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

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const domains_traces_hooks_useTracesListSource = require('../../hooks/use-traces-list-source.cjs.js');
+const domains_traces_components_tracesExplorer_tracesExplorerActions = require('./traces-explorer-actions.cjs.js');
+const domains_traces_components_tracesExplorer_tracesExplorerContext = require('./traces-explorer-context.cjs.js');
+
+const TracesListProvider = React.memo(function TracesListProvider2({
+  sortDirection,
+  onSortChange,
+  children
+}) {
+  const { withQueryTrace, withRootDuration, withDeltaPolling, isCapabilitiesLoading } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesConfig();
+  const { filters, dateFrom, dateTo } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesFilters();
+  const list = domains_traces_hooks_useTracesListSource.useTracesListSource({
+    rolling: !dateTo,
+    query: (now) => domains_traces_components_tracesExplorer_tracesExplorerActions.buildTracesQueryRequest({ filters, dateFrom, dateTo, withRootDuration, now }),
+    orderBy: [{ field: "startedAt", direction: sortDirection }],
+    withQueryTrace,
+    withDeltaPolling,
+    enabled: !isCapabilitiesLoading,
+    legacyFilters: domains_traces_components_tracesExplorer_tracesExplorerActions.buildTracesLegacyFilters({ filters, dateFrom, dateTo })
+  });
+  const {
+    rows,
+    isLoading,
+    isFetchingNextPage,
+    hasNextPage,
+    setEndOfListElement,
+    error,
+    refetch,
+    isFetching,
+    autoRefetch,
+    setAutoRefetch
+  } = list;
+  const value = React.useMemo(
+    () => ({
+      rows,
+      isLoading,
+      isFetchingNextPage,
+      hasNextPage,
+      setEndOfListElement,
+      error,
+      refetch,
+      autoRefetch,
+      setAutoRefetch,
+      sortDirection,
+      onSortChange
+    }),
+    [
+      rows,
+      isLoading,
+      isFetchingNextPage,
+      hasNextPage,
+      setEndOfListElement,
+      error,
+      refetch,
+      autoRefetch,
+      setAutoRefetch,
+      sortDirection,
+      onSortChange
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_tracesExplorer_tracesExplorerContext.TracesListContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_tracesExplorer_tracesExplorerContext.TracesListFetchingContext.Provider, { value: isFetching, children }) });
+});
+
+exports.TracesListProvider = TracesListProvider;
+//# sourceMappingURL=traces-explorer-list-provider.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-explorer-list-provider.cjs.js","sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-list-provider.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport type { ReactNode } from 'react';\nimport { useTracesListSource } from '../../hooks/use-traces-list-source';\nimport { buildTracesLegacyFilters, buildTracesQueryRequest } from './traces-explorer-actions';\nimport type { TracesSortDirection } from './traces-explorer-actions';\nimport {\n  TracesListContext,\n  TracesListFetchingContext,\n  useTracesConfig,\n  useTracesFilters,\n} from './traces-explorer-context';\nimport type { TracesListContextValue } from './traces-explorer-context';\n\ntype TracesListProviderProps = {\n  sortDirection: TracesSortDirection;\n  onSortChange: (direction: TracesSortDirection) => void;\n  children: ReactNode;\n};\n\n/**\n * Owns the list query and its poll clock. Its own memoized component so a poll tick re-renders\n * only list consumers, and a selection change doesn't re-run the list query hooks.\n */\nexport const TracesListProvider = memo(function TracesListProvider({\n  sortDirection,\n  onSortChange,\n  children,\n}: TracesListProviderProps) {\n  const { withQueryTrace, withRootDuration, withDeltaPolling, isCapabilitiesLoading } = useTracesConfig();\n  const { filters, dateFrom, dateTo } = useTracesFilters();\n  const list = useTracesListSource({\n    rolling: !dateTo,\n    query: now => buildTracesQueryRequest({ filters, dateFrom, dateTo, withRootDuration, now }),\n    orderBy: [{ field: 'startedAt', direction: sortDirection }],\n    withQueryTrace,\n    withDeltaPolling,\n    enabled: !isCapabilitiesLoading,\n    legacyFilters: buildTracesLegacyFilters({ filters, dateFrom, dateTo }),\n  });\n\n  const {\n    rows,\n    isLoading,\n    isFetchingNextPage,\n    hasNextPage,\n    setEndOfListElement,\n    error,\n    refetch,\n    isFetching,\n    autoRefetch,\n    setAutoRefetch,\n  } = list;\n  const value = useMemo<TracesListContextValue>(\n    () => ({\n      rows,\n      isLoading,\n      isFetchingNextPage,\n      hasNextPage,\n      setEndOfListElement,\n      error,\n      refetch,\n      autoRefetch,\n      setAutoRefetch,\n      sortDirection,\n      onSortChange,\n    }),\n    [\n      rows,\n      isLoading,\n      isFetchingNextPage,\n      hasNextPage,\n      setEndOfListElement,\n      error,\n      refetch,\n      autoRefetch,\n      setAutoRefetch,\n      sortDirection,\n      onSortChange,\n    ],\n  );\n\n  return (\n    <TracesListContext.Provider value={value}>\n      <TracesListFetchingContext.Provider value={isFetching}>{children}</TracesListFetchingContext.Provider>\n    </TracesListContext.Provider>\n  );\n});\n"],"names":["memo","TracesListProvider","useTracesConfig","useTracesFilters","useTracesListSource","buildTracesQueryRequest","buildTracesLegacyFilters","useMemo","jsx","TracesListContext","TracesListFetchingContext"],"mappings":";;;;;;;;;;AAuBO,MAAM,kBAAA,GAAqBA,UAAA,CAAK,SAASC,mBAAAA,CAAmB;AAAA,EACjE,aAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,EAAE,cAAA,EAAgB,gBAAA,EAAkB,gBAAA,EAAkB,qBAAA,KAA0BC,8EAAA,EAAgB;AACtG,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAU,MAAA,KAAWC,+EAAA,EAAiB;AACvD,EAAA,MAAM,OAAOC,4DAAA,CAAoB;AAAA,IAC/B,SAAS,CAAC,MAAA;AAAA,IACV,KAAA,EAAO,SAAOC,sFAAA,CAAwB,EAAE,SAAS,QAAA,EAAU,MAAA,EAAQ,gBAAA,EAAkB,GAAA,EAAK,CAAA;AAAA,IAC1F,SAAS,CAAC,EAAE,OAAO,WAAA,EAAa,SAAA,EAAW,eAAe,CAAA;AAAA,IAC1D,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAS,CAAC,qBAAA;AAAA,IACV,eAAeC,uFAAA,CAAyB,EAAE,OAAA,EAAS,QAAA,EAAU,QAAQ;AAAA,GACtE,CAAA;AAED,EAAA,MAAM;AAAA,IACJ,IAAA;AAAA,IACA,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA;AAAA,IACA,mBAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF,GAAI,IAAA;AACJ,EAAA,MAAM,KAAA,GAAQC,aAAA;AAAA,IACZ,OAAO;AAAA,MACL,IAAA;AAAA,MACA,SAAA;AAAA,MACA,kBAAA;AAAA,MACA,WAAA;AAAA,MACA,mBAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA;AAAA,MACE,IAAA;AAAA,MACA,SAAA;AAAA,MACA,kBAAA;AAAA,MACA,WAAA;AAAA,MACA,mBAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,uBACEC,cAAA,CAACC,gFAAA,CAAkB,QAAA,EAAlB,EAA2B,KAAA,EAC1B,QAAA,kBAAAD,cAAA,CAACE,wFAAA,CAA0B,QAAA,EAA1B,EAAmC,KAAA,EAAO,UAAA,EAAa,QAAA,EAAS,CAAA,EACnE,CAAA;AAEJ,CAAC;;;;"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-list-provider.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../src/domains/traces/components/traces-explorer/traces-explorer-list-provider'
+export {}

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

@@ -0,0 +1,67 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo, useMemo } from 'react';
+import { useTracesListSource } from '../../hooks/use-traces-list-source.es.js';
+import { buildTracesLegacyFilters, buildTracesQueryRequest } from './traces-explorer-actions.es.js';
+import { useTracesConfig, useTracesFilters, TracesListContext, TracesListFetchingContext } from './traces-explorer-context.es.js';
+
+const TracesListProvider = memo(function TracesListProvider2({
+  sortDirection,
+  onSortChange,
+  children
+}) {
+  const { withQueryTrace, withRootDuration, withDeltaPolling, isCapabilitiesLoading } = useTracesConfig();
+  const { filters, dateFrom, dateTo } = useTracesFilters();
+  const list = useTracesListSource({
+    rolling: !dateTo,
+    query: (now) => buildTracesQueryRequest({ filters, dateFrom, dateTo, withRootDuration, now }),
+    orderBy: [{ field: "startedAt", direction: sortDirection }],
+    withQueryTrace,
+    withDeltaPolling,
+    enabled: !isCapabilitiesLoading,
+    legacyFilters: buildTracesLegacyFilters({ filters, dateFrom, dateTo })
+  });
+  const {
+    rows,
+    isLoading,
+    isFetchingNextPage,
+    hasNextPage,
+    setEndOfListElement,
+    error,
+    refetch,
+    isFetching,
+    autoRefetch,
+    setAutoRefetch
+  } = list;
+  const value = useMemo(
+    () => ({
+      rows,
+      isLoading,
+      isFetchingNextPage,
+      hasNextPage,
+      setEndOfListElement,
+      error,
+      refetch,
+      autoRefetch,
+      setAutoRefetch,
+      sortDirection,
+      onSortChange
+    }),
+    [
+      rows,
+      isLoading,
+      isFetchingNextPage,
+      hasNextPage,
+      setEndOfListElement,
+      error,
+      refetch,
+      autoRefetch,
+      setAutoRefetch,
+      sortDirection,
+      onSortChange
+    ]
+  );
+  return /* @__PURE__ */ jsx(TracesListContext.Provider, { value, children: /* @__PURE__ */ jsx(TracesListFetchingContext.Provider, { value: isFetching, children }) });
+});
+
+export { TracesListProvider };
+//# sourceMappingURL=traces-explorer-list-provider.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-explorer-list-provider.es.js","sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-list-provider.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport type { ReactNode } from 'react';\nimport { useTracesListSource } from '../../hooks/use-traces-list-source';\nimport { buildTracesLegacyFilters, buildTracesQueryRequest } from './traces-explorer-actions';\nimport type { TracesSortDirection } from './traces-explorer-actions';\nimport {\n  TracesListContext,\n  TracesListFetchingContext,\n  useTracesConfig,\n  useTracesFilters,\n} from './traces-explorer-context';\nimport type { TracesListContextValue } from './traces-explorer-context';\n\ntype TracesListProviderProps = {\n  sortDirection: TracesSortDirection;\n  onSortChange: (direction: TracesSortDirection) => void;\n  children: ReactNode;\n};\n\n/**\n * Owns the list query and its poll clock. Its own memoized component so a poll tick re-renders\n * only list consumers, and a selection change doesn't re-run the list query hooks.\n */\nexport const TracesListProvider = memo(function TracesListProvider({\n  sortDirection,\n  onSortChange,\n  children,\n}: TracesListProviderProps) {\n  const { withQueryTrace, withRootDuration, withDeltaPolling, isCapabilitiesLoading } = useTracesConfig();\n  const { filters, dateFrom, dateTo } = useTracesFilters();\n  const list = useTracesListSource({\n    rolling: !dateTo,\n    query: now => buildTracesQueryRequest({ filters, dateFrom, dateTo, withRootDuration, now }),\n    orderBy: [{ field: 'startedAt', direction: sortDirection }],\n    withQueryTrace,\n    withDeltaPolling,\n    enabled: !isCapabilitiesLoading,\n    legacyFilters: buildTracesLegacyFilters({ filters, dateFrom, dateTo }),\n  });\n\n  const {\n    rows,\n    isLoading,\n    isFetchingNextPage,\n    hasNextPage,\n    setEndOfListElement,\n    error,\n    refetch,\n    isFetching,\n    autoRefetch,\n    setAutoRefetch,\n  } = list;\n  const value = useMemo<TracesListContextValue>(\n    () => ({\n      rows,\n      isLoading,\n      isFetchingNextPage,\n      hasNextPage,\n      setEndOfListElement,\n      error,\n      refetch,\n      autoRefetch,\n      setAutoRefetch,\n      sortDirection,\n      onSortChange,\n    }),\n    [\n      rows,\n      isLoading,\n      isFetchingNextPage,\n      hasNextPage,\n      setEndOfListElement,\n      error,\n      refetch,\n      autoRefetch,\n      setAutoRefetch,\n      sortDirection,\n      onSortChange,\n    ],\n  );\n\n  return (\n    <TracesListContext.Provider value={value}>\n      <TracesListFetchingContext.Provider value={isFetching}>{children}</TracesListFetchingContext.Provider>\n    </TracesListContext.Provider>\n  );\n});\n"],"names":["TracesListProvider"],"mappings":";;;;;;AAuBO,MAAM,kBAAA,GAAqB,IAAA,CAAK,SAASA,mBAAAA,CAAmB;AAAA,EACjE,aAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,EAAE,cAAA,EAAgB,gBAAA,EAAkB,gBAAA,EAAkB,qBAAA,KAA0B,eAAA,EAAgB;AACtG,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAU,MAAA,KAAW,gBAAA,EAAiB;AACvD,EAAA,MAAM,OAAO,mBAAA,CAAoB;AAAA,IAC/B,SAAS,CAAC,MAAA;AAAA,IACV,KAAA,EAAO,SAAO,uBAAA,CAAwB,EAAE,SAAS,QAAA,EAAU,MAAA,EAAQ,gBAAA,EAAkB,GAAA,EAAK,CAAA;AAAA,IAC1F,SAAS,CAAC,EAAE,OAAO,WAAA,EAAa,SAAA,EAAW,eAAe,CAAA;AAAA,IAC1D,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAS,CAAC,qBAAA;AAAA,IACV,eAAe,wBAAA,CAAyB,EAAE,OAAA,EAAS,QAAA,EAAU,QAAQ;AAAA,GACtE,CAAA;AAED,EAAA,MAAM;AAAA,IACJ,IAAA;AAAA,IACA,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA;AAAA,IACA,mBAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF,GAAI,IAAA;AACJ,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,IAAA;AAAA,MACA,SAAA;AAAA,MACA,kBAAA;AAAA,MACA,WAAA;AAAA,MACA,mBAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA;AAAA,MACE,IAAA;AAAA,MACA,SAAA;AAAA,MACA,kBAAA;AAAA,MACA,WAAA;AAAA,MACA,mBAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,iBAAA,CAAkB,QAAA,EAAlB,EAA2B,KAAA,EAC1B,QAAA,kBAAA,GAAA,CAAC,yBAAA,CAA0B,QAAA,EAA1B,EAAmC,KAAA,EAAO,UAAA,EAAa,QAAA,EAAS,CAAA,EACnE,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const traces = require('@mastra/react/hooks/traces');
+const domains_traces_components_tracesListView = require('../traces-list-view.cjs.js');
+const domains_traces_components_tracesExplorer_tracesExplorerContext = require('./traces-explorer-context.cjs.js');
+const domains_traces_components_tracesExplorer_useTracesFilterBar = require('./use-traces-filter-bar.cjs.js');
+
+function TracesExplorerList() {
+  const { listId } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesConfig();
+  const {
+    rows,
+    isLoading,
+    isFetchingNextPage,
+    hasNextPage,
+    setEndOfListElement,
+    autoRefetch,
+    sortDirection,
+    onSortChange
+  } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesList();
+  const { filtersApplied } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesFilters();
+  const { onFilterByField } = domains_traces_components_tracesExplorer_useTracesFilterBar.useTracesFilterBar();
+  const { selectedTraceId, selectTrace, closeTrace } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTracesSelection();
+  const { displayedPreferences, usageEnabled } = domains_traces_components_tracesExplorer_tracesExplorerContext.useTraceUsageColumns();
+  const { data: usageByTraceId } = traces.useTraceUsage({
+    traceIds: rows.map((row) => row.traceId),
+    enabled: usageEnabled,
+    autoRefetch
+  });
+  const handleTraceClick = (trace) => {
+    if (trace.traceId === selectedTraceId) closeTrace();
+    else selectTrace(trace.traceId);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    domains_traces_components_tracesListView.TracesListView,
+    {
+      listId,
+      traces: rows,
+      isLoading,
+      isFetchingNextPage,
+      hasNextPage,
+      setEndOfListElement,
+      filtersApplied,
+      featuredTraceId: selectedTraceId,
+      columnPreferences: displayedPreferences,
+      usageByTraceId,
+      createdSort: sortDirection,
+      onSortChange,
+      onFilterByField,
+      onTraceClick: handleTraceClick
+    }
+  );
+}
+
+exports.TracesExplorerList = TracesExplorerList;
+//# sourceMappingURL=traces-explorer-list.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"traces-explorer-list.cjs.js","sources":["../../../../../src/domains/traces/components/traces-explorer/traces-explorer-list.tsx"],"sourcesContent":["import { useTraceUsage } from '@mastra/react/hooks/traces';\nimport { TracesListView } from '../traces-list-view';\nimport type { TracesListViewTrace } from '../traces-list-view';\nimport {\n  useTraceUsageColumns,\n  useTracesConfig,\n  useTracesFilters,\n  useTracesList,\n  useTracesSelection,\n} from './traces-explorer-context';\nimport { useTracesFilterBar } from './use-traces-filter-bar';\n\nexport function TracesExplorerList() {\n  const { listId } = useTracesConfig();\n  const {\n    rows,\n    isLoading,\n    isFetchingNextPage,\n    hasNextPage,\n    setEndOfListElement,\n    autoRefetch,\n    sortDirection,\n    onSortChange,\n  } = useTracesList();\n  const { filtersApplied } = useTracesFilters();\n  const { onFilterByField } = useTracesFilterBar();\n  const { selectedTraceId, selectTrace, closeTrace } = useTracesSelection();\n  const { displayedPreferences, usageEnabled } = useTraceUsageColumns();\n\n  const { data: usageByTraceId } = useTraceUsage({\n    traceIds: rows.map(row => row.traceId),\n    enabled: usageEnabled,\n    autoRefetch,\n  });\n\n  // Clicking the open row closes it; any other row opens.\n  const handleTraceClick = (trace: TracesListViewTrace) => {\n    if (trace.traceId === selectedTraceId) closeTrace();\n    else selectTrace(trace.traceId);\n  };\n\n  return (\n    <TracesListView\n      listId={listId}\n      traces={rows}\n      isLoading={isLoading}\n      isFetchingNextPage={isFetchingNextPage}\n      hasNextPage={hasNextPage}\n      setEndOfListElement={setEndOfListElement}\n      filtersApplied={filtersApplied}\n      featuredTraceId={selectedTraceId}\n      columnPreferences={displayedPreferences}\n      usageByTraceId={usageByTraceId}\n      createdSort={sortDirection}\n      onSortChange={onSortChange}\n      onFilterByField={onFilterByField}\n      onTraceClick={handleTraceClick}\n    />\n  );\n}\n"],"names":["useTracesConfig","useTracesList","useTracesFilters","useTracesFilterBar","useTracesSelection","useTraceUsageColumns","useTraceUsage","jsx","TracesListView"],"mappings":";;;;;;;;;;AAYO,SAAS,kBAAA,GAAqB;AACnC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAIA,8EAAA,EAAgB;AACnC,EAAA,MAAM;AAAA,IACJ,IAAA;AAAA,IACA,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA;AAAA,IACA,mBAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,MACEC,4EAAA,EAAc;AAClB,EAAA,MAAM,EAAE,cAAA,EAAe,GAAIC,+EAAA,EAAiB;AAC5C,EAAA,MAAM,EAAE,eAAA,EAAgB,GAAIC,8EAAA,EAAmB;AAC/C,EAAA,MAAM,EAAE,eAAA,EAAiB,WAAA,EAAa,UAAA,KAAeC,iFAAA,EAAmB;AACxE,EAAA,MAAM,EAAE,oBAAA,EAAsB,YAAA,EAAa,GAAIC,mFAAA,EAAqB;AAEpE,EAAA,MAAM,EAAE,IAAA,EAAM,cAAA,EAAe,GAAIC,oBAAA,CAAc;AAAA,IAC7C,QAAA,EAAU,IAAA,CAAK,GAAA,CAAI,CAAA,GAAA,KAAO,IAAI,OAAO,CAAA;AAAA,IACrC,OAAA,EAAS,YAAA;AAAA,IACT;AAAA,GACD,CAAA;AAGD,EAAA,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAA+B;AACvD,IAAA,IAAI,KAAA,CAAM,OAAA,KAAY,eAAA,EAAiB,UAAA,EAAW;AAAA,SAC7C,WAAA,CAAY,MAAM,OAAO,CAAA;AAAA,EAChC,CAAA;AAEA,EAAA,uBACEC,cAAA;AAAA,IAACC,uDAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,MAAA,EAAQ,IAAA;AAAA,MACR,SAAA;AAAA,MACA,kBAAA;AAAA,MACA,WAAA;AAAA,MACA,mBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA,EAAiB,eAAA;AAAA,MACjB,iBAAA,EAAmB,oBAAA;AAAA,MACnB,cAAA;AAAA,MACA,WAAA,EAAa,aAAA;AAAA,MACb,YAAA;AAAA,MACA,eAAA;AAAA,MACA,YAAA,EAAc;AAAA;AAAA,GAChB;AAEJ;;;;"}

package/dist/domains/traces/components/traces-explorer/traces-explorer-list.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../src/domains/traces/components/traces-explorer/traces-explorer-list'
+export {}