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

package/dist/domains/metrics.cjs.js

@@ -2,23 +2,23 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_metrics_metrics_filters = require("./metrics/metrics-filters.cjs.js");
 const require_domains_metrics_hooks_aggregate_limiter_provider = require("./metrics/hooks/aggregate-limiter-provider.cjs.js");
 const require_domains_metrics_hooks_use_metrics = require("./metrics/hooks/use-metrics.cjs.js");
-const require_domains_metrics_components_kpi_card = require("./metrics/components/kpi-card.cjs.js");
-const require_domains_metrics_lib_chart_format = require("./metrics/lib/chart-format.cjs.js");
 const require_domains_metrics_hooks_use_metrics_filters = require("./metrics/hooks/use-metrics-filters.cjs.js");
 const require_domains_metrics_lib_bucket_labels = require("./metrics/lib/bucket-labels.cjs.js");
 const require_domains_metrics_lib_time_window = require("./metrics/lib/time-window.cjs.js");
+const require_domains_metrics_components_kpi_card = require("./metrics/components/kpi-card.cjs.js");
+const require_domains_metrics_lib_chart_format = require("./metrics/lib/chart-format.cjs.js");
+const require_domains_metrics_components_card_action_buttons = require("./metrics/components/card-action-buttons.cjs.js");
 const require_domains_metrics_components_chart_area = require("./metrics/components/chart-area.cjs.js");
 const require_domains_metrics_components_chart_card = require("./metrics/components/chart-card.cjs.js");
 const require_domains_metrics_components_chart_card_error = require("./metrics/components/chart-card-error.cjs.js");
 const require_domains_metrics_lib_chart_axis = require("./metrics/lib/chart-axis.cjs.js");
 const require_domains_metrics_lib_chart_colors = require("./metrics/lib/chart-colors.cjs.js");
 const require_domains_metrics_lib_breakdown = require("./metrics/lib/breakdown.cjs.js");
-const require_domains_metrics_hooks_use_metrics_scope = require("./metrics/hooks/use-metrics-scope.cjs.js");
-const require_domains_metrics_components_card_action_buttons = require("./metrics/components/card-action-buttons.cjs.js");
 const require_domains_metrics_hooks_use_metrics_activity = require("./metrics/hooks/use-metrics-activity.cjs.js");
 const require_domains_metrics_components_failure_rate_card = require("./metrics/components/failure-rate-card.cjs.js");
 const require_domains_metrics_components_agent_runs_card = require("./metrics/components/agent-runs-card.cjs.js");
 const require_domains_metrics_hooks_use_metrics_usage_totals = require("./metrics/hooks/use-metrics-usage-totals.cjs.js");
+const require_domains_metrics_hooks_use_metrics_scope = require("./metrics/hooks/use-metrics-scope.cjs.js");
 const require_domains_metrics_components_breakdown_card = require("./metrics/components/breakdown-card.cjs.js");
 const require_domains_metrics_components_date_range_selector = require("./metrics/components/date-range-selector.cjs.js");
 const require_domains_metrics_components_distinct_ids_card = require("./metrics/components/distinct-ids-card.cjs.js");
@@ -36,6 +36,7 @@ require("./metrics/components.cjs.js");
 const require_domains_metrics_drilldown = require("./metrics/drilldown.cjs.js");
 const require_domains_metrics_hooks_use_metrics_layout = require("./metrics/hooks/use-metrics-layout.cjs.js");
 require("./metrics/hooks.cjs.js");
+const require_domains_metrics_lib_series_colors = require("./metrics/lib/series-colors.cjs.js");
 require("./metrics/lib.cjs.js");
 let _mastra_react_hooks_metrics = require("@mastra/react/hooks/metrics");
 exports.AgentRunsCard = require_domains_metrics_components_agent_runs_card.AgentRunsCard;
@@ -54,6 +55,7 @@ exports.DistinctIdsCard = require_domains_metrics_components_distinct_ids_card.D
 exports.EDGE_BUCKET_AXIS = require_domains_metrics_lib_chart_axis.EDGE_BUCKET_AXIS;
 exports.FailureRateCard = require_domains_metrics_components_failure_rate_card.FailureRateCard;
 exports.KpiCard = require_domains_metrics_components_kpi_card.KpiCard;
+exports.LAB_HUES = require_domains_metrics_lib_series_colors.LAB_HUES;
 exports.LatencyCard = require_domains_metrics_components_latency_card.LatencyCard;
 exports.METRICS_FILTER_BAR_OPERATORS = require_domains_metrics_metrics_filters.METRICS_FILTER_BAR_OPERATORS;
 exports.MetricsGrid = require_domains_metrics_components_metrics_grid_metrics_grid.MetricsGrid;
@@ -64,6 +66,7 @@ exports.OpenInLogsButton = require_domains_metrics_components_card_action_button
 exports.OpenInSpansButton = require_domains_metrics_components_card_action_buttons.OpenInSpansButton;
 exports.OpenInThreadsButton = require_domains_metrics_components_card_action_buttons.OpenInThreadsButton;
 exports.OpenInTracesButton = require_domains_metrics_components_card_action_buttons.OpenInTracesButton;
+exports.SERIES_HUES = require_domains_metrics_lib_series_colors.SERIES_HUES;
 exports.ScoresCard = require_domains_metrics_components_scores_card.ScoresCard;
 exports.TokenUsageCard = require_domains_metrics_components_token_usage_card.TokenUsageCard;
 exports.TraceVolumeCard = require_domains_metrics_components_trace_volume_card.TraceVolumeCard;
@@ -114,6 +117,9 @@ exports.previousWindow = require_domains_metrics_lib_time_window.previousWindow;
 exports.projectsAggregateRequest = require_domains_metrics_lib_breakdown.projectsAggregateRequest;
 exports.rowChange = require_domains_metrics_lib_breakdown.rowChange;
 exports.saveMetricsFiltersToStorage = require_domains_metrics_metrics_filters.saveMetricsFiltersToStorage;
+exports.seriesColor = require_domains_metrics_lib_series_colors.seriesColor;
+exports.seriesColors = require_domains_metrics_lib_series_colors.seriesColors;
+exports.seriesLab = require_domains_metrics_lib_series_colors.seriesLab;
 exports.threadsAggregateRequest = require_domains_metrics_lib_breakdown.threadsAggregateRequest;
 Object.defineProperty(exports, "useActiveResourcesKpiMetrics", {
 	enumerable: true,

package/dist/domains/metrics.es.js

@@ -1,23 +1,23 @@
 import { METRICS_FILTER_BAR_OPERATORS, applyMetricsPropertyFilterTokens, buildMetricsDimensionalFilter, clearSavedMetricsFilters, createMetricsFilterBarFields, createMetricsPropertyFilterFields, filterBarItemsToMetricsTokens, getMetricsPropertyFilterTokens, hasAnyMetricsFilterParams, loadMetricsFiltersFromStorage, metricsTokensToFilterBarItems, saveMetricsFiltersToStorage } from "./metrics/metrics-filters.es.js";
 import { AggregateLimiterProvider } from "./metrics/hooks/aggregate-limiter-provider.es.js";
 import { DATE_PRESETS, MetricsProvider, isValidPreset, useMetrics } from "./metrics/hooks/use-metrics.es.js";
-import { KpiCard } from "./metrics/components/kpi-card.es.js";
-import { formatAxisCount, formatAxisDuration, formatAxisUsd, formatCount, formatDuration, formatPercent, formatUsd, percentChange } from "./metrics/lib/chart-format.es.js";
 import { useMetricsFilters } from "./metrics/hooks/use-metrics-filters.es.js";
 import { bucketLabels, isMultiDay } from "./metrics/lib/bucket-labels.es.js";
 import { previousWindow, windowLength } from "./metrics/lib/time-window.es.js";
+import { KpiCard } from "./metrics/components/kpi-card.es.js";
+import { formatAxisCount, formatAxisDuration, formatAxisUsd, formatCount, formatDuration, formatPercent, formatUsd, percentChange } from "./metrics/lib/chart-format.es.js";
+import { OpenErrorsInLogsButton, OpenInLogsButton, OpenInSpansButton, OpenInThreadsButton, OpenInTracesButton } from "./metrics/components/card-action-buttons.es.js";
 import { ChartArea } from "./metrics/components/chart-area.es.js";
 import { ChartCard } from "./metrics/components/chart-card.es.js";
 import { ChartCardError } from "./metrics/components/chart-card-error.es.js";
 import { BUCKET_AXIS, EDGE_BUCKET_AXIS } from "./metrics/lib/chart-axis.es.js";
 import { CHART_COLORS } from "./metrics/lib/chart-colors.es.js";
 import { BREAKDOWN_GROUP_LIMIT, BREAKDOWN_SPAN_TYPES, breakdownGroupBy, buildBreakdownRows, changeTrend, entitiesAggregateRequest, environmentsAggregateRequest, previousFigures, projectsAggregateRequest, rowChange, threadsAggregateRequest } from "./metrics/lib/breakdown.es.js";
-import { useMetricsScope } from "./metrics/hooks/use-metrics-scope.es.js";
-import { OpenErrorsInLogsButton, OpenInLogsButton, OpenInSpansButton, OpenInThreadsButton, OpenInTracesButton } from "./metrics/components/card-action-buttons.es.js";
 import { useMetricsActivity } from "./metrics/hooks/use-metrics-activity.es.js";
 import { FailureRateCard } from "./metrics/components/failure-rate-card.es.js";
 import { AgentRunsCard } from "./metrics/components/agent-runs-card.es.js";
 import { USAGE_METRICS, useMetricsUsageTotals } from "./metrics/hooks/use-metrics-usage-totals.es.js";
+import { useMetricsScope } from "./metrics/hooks/use-metrics-scope.es.js";
 import { BreakdownCard } from "./metrics/components/breakdown-card.es.js";
 import { DateRangeSelector } from "./metrics/components/date-range-selector.es.js";
 import { DistinctIdsCard } from "./metrics/components/distinct-ids-card.es.js";
@@ -35,5 +35,6 @@ import "./metrics/components.es.js";
 import { buildLogsDrilldownUrl, buildTracesDrilldownUrl } from "./metrics/drilldown.es.js";
 import { useMetricsLayout } from "./metrics/hooks/use-metrics-layout.es.js";
 import { chooseMetricsInterval, formatMetricsBucketLabel, useActiveResourcesKpiMetrics, useActiveThreadsKpiMetrics, useAgentRunsKpiMetrics, useLatencyMetrics, useModelCostKpiMetrics, useModelUsageCostMetrics, useScoresMetrics, useTokenUsageByAgentMetrics, useTokenUsageTimeSeries, useTopActiveThreadsMetrics, useTopResourcesByThreadsMetrics, useTotalTokensKpiMetrics, useTraceVolumeMetrics } from "./metrics/hooks.es.js";
+import { LAB_HUES, SERIES_HUES, seriesColor, seriesColors, seriesLab } from "./metrics/lib/series-colors.es.js";
 import "./metrics/lib.es.js";
-export { AgentRunsCard, AggregateLimiterProvider, BREAKDOWN_GROUP_LIMIT, BREAKDOWN_SPAN_TYPES, BUCKET_AXIS, BreakdownCard, CHART_COLORS, ChartArea, ChartCard, ChartCardError, DATE_PRESETS, DateRangeSelector, DistinctIdsCard, EDGE_BUCKET_AXIS, FailureRateCard, KpiCard, LatencyCard, METRICS_FILTER_BAR_OPERATORS, MetricsGrid, MetricsProvider, MetricsTimeRangeChip, OpenErrorsInLogsButton, OpenInLogsButton, OpenInSpansButton, OpenInThreadsButton, OpenInTracesButton, ScoresCard, TokenUsageCard, TraceVolumeCard, USAGE_METRICS, UsageCard, applyMetricsPropertyFilterTokens, breakdownGroupBy, bucketLabels, buildBreakdownRows, buildLogsDrilldownUrl, buildMetricsDimensionalFilter, buildTracesDrilldownUrl, changeTrend, chooseMetricsInterval, clearSavedMetricsFilters, createMetricsFilterBarFields, createMetricsPropertyFilterFields, entitiesAggregateRequest, environmentsAggregateRequest, filterBarItemsToMetricsTokens, formatAxisCount, formatAxisDuration, formatAxisUsd, formatCount, formatDuration, formatMetricsBucketLabel, formatPercent, formatUsd, getMetricsPropertyFilterTokens, hasAnyMetricsFilterParams, isMultiDay, isValidPreset, loadMetricsFiltersFromStorage, metricsTokensToFilterBarItems, percentChange, previousFigures, previousWindow, projectsAggregateRequest, rowChange, saveMetricsFiltersToStorage, threadsAggregateRequest, useActiveResourcesKpiMetrics, useActiveThreadsKpiMetrics, useAgentRunsKpiMetrics, useLatencyMetrics, useMetrics, useMetricsActivity, useMetricsFilters, useMetricsLatency, useMetricsLayout, useMetricsScope, useMetricsScores, useMetricsUsageTotals, useModelCostKpiMetrics, useModelUsageCostMetrics, useScoresMetrics, useTokenSpend, useTokenUsageByAgentMetrics, useTokenUsageTimeSeries, useTopActiveThreadsMetrics, useTopResourcesByThreadsMetrics, useTotalTokensKpiMetrics, useTraceVolumeMetrics, windowLength };
+export { AgentRunsCard, AggregateLimiterProvider, BREAKDOWN_GROUP_LIMIT, BREAKDOWN_SPAN_TYPES, BUCKET_AXIS, BreakdownCard, CHART_COLORS, ChartArea, ChartCard, ChartCardError, DATE_PRESETS, DateRangeSelector, DistinctIdsCard, EDGE_BUCKET_AXIS, FailureRateCard, KpiCard, LAB_HUES, LatencyCard, METRICS_FILTER_BAR_OPERATORS, MetricsGrid, MetricsProvider, MetricsTimeRangeChip, OpenErrorsInLogsButton, OpenInLogsButton, OpenInSpansButton, OpenInThreadsButton, OpenInTracesButton, SERIES_HUES, ScoresCard, TokenUsageCard, TraceVolumeCard, USAGE_METRICS, UsageCard, applyMetricsPropertyFilterTokens, breakdownGroupBy, bucketLabels, buildBreakdownRows, buildLogsDrilldownUrl, buildMetricsDimensionalFilter, buildTracesDrilldownUrl, changeTrend, chooseMetricsInterval, clearSavedMetricsFilters, createMetricsFilterBarFields, createMetricsPropertyFilterFields, entitiesAggregateRequest, environmentsAggregateRequest, filterBarItemsToMetricsTokens, formatAxisCount, formatAxisDuration, formatAxisUsd, formatCount, formatDuration, formatMetricsBucketLabel, formatPercent, formatUsd, getMetricsPropertyFilterTokens, hasAnyMetricsFilterParams, isMultiDay, isValidPreset, loadMetricsFiltersFromStorage, metricsTokensToFilterBarItems, percentChange, previousFigures, previousWindow, projectsAggregateRequest, rowChange, saveMetricsFiltersToStorage, seriesColor, seriesColors, seriesLab, threadsAggregateRequest, useActiveResourcesKpiMetrics, useActiveThreadsKpiMetrics, useAgentRunsKpiMetrics, useLatencyMetrics, useMetrics, useMetricsActivity, useMetricsFilters, useMetricsLatency, useMetricsLayout, useMetricsScope, useMetricsScores, useMetricsUsageTotals, useModelCostKpiMetrics, useModelUsageCostMetrics, useScoresMetrics, useTokenSpend, useTokenUsageByAgentMetrics, useTokenUsageTimeSeries, useTopActiveThreadsMetrics, useTopResourcesByThreadsMetrics, useTotalTokensKpiMetrics, useTraceVolumeMetrics, windowLength };

package/dist/domains/observability/components/observability-capability-gate.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_EmptyState = require("../../../EmptyState-DxDHlYqD.cjs");
-const require_spinner = require("../../../spinner-C8ZxiA5C.cjs");
+const require_EmptyState = require("../../../EmptyState-Dc-sP95H.cjs");
+const require_spinner = require("../../../spinner-oS6q4pwx.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/observability/components/observability-capability-gate.tsx
 /** Renders its children once the store declares the capability they need. */

package/dist/domains/observability/components/observability-capability-gate.es.js

@@ -1,6 +1,6 @@
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { n as EmptyState } from "../../../EmptyState-P-Gy898T.js";
-import { t as Spinner } from "../../../spinner-CnLgLj9R.js";
+import { n as EmptyState } from "../../../EmptyState-i88y1x75.js";
+import { t as Spinner } from "../../../spinner-B9ykw74u.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/observability/components/observability-capability-gate.tsx
 /** Renders its children once the store declares the capability they need. */

package/dist/domains/observability/components/observability-histogram.cjs.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_domains_metrics_lib_chart_format = require("../../metrics/lib/chart-format.cjs.js");
 const require_domains_metrics_lib_chart_axis = require("../../metrics/lib/chart-axis.cjs.js");
 const require_domains_metrics_lib_chart_colors = require("../../metrics/lib/chart-colors.cjs.js");
-const require_MetricsStackedBarChart = require("../../../MetricsStackedBarChart-CDLE76IB.cjs");
+const require_domains_metrics_lib_chart_format = require("../../metrics/lib/chart-format.cjs.js");
+const require_MetricsStackedBarChart = require("../../../MetricsStackedBarChart-CJQF99sc.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/observability/components/observability-histogram.tsx
@@ -45,7 +45,7 @@ function ObservabilityHistogram({ label, resourceLabel, buckets, isLoading = fal
 				require_domains_metrics_lib_chart_format.formatCount(ok + errors),
 				" ",
 				resourceLabel.toLowerCase(),
-				" · ",
+				", ",
 				require_domains_metrics_lib_chart_format.formatCount(errors),
 				" errors"
 			]

package/dist/domains/observability/components/observability-histogram.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"observability-histogram.cjs.js","names":["CHART_COLORS","useMemo","formatCount","Txt","cn","MetricsStackedBarChart","BUCKET_AXIS"],"sources":["../../../../src/domains/observability/components/observability-histogram.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport type { HistogramBucket } from '../lib/histogram-buckets';\nimport { BUCKET_AXIS } from '@/domains/metrics/lib/chart-axis';\nimport { CHART_COLORS } from '@/domains/metrics/lib/chart-colors';\nimport { formatCount } from '@/domains/metrics/lib/chart-format';\nimport { MetricsStackedBarChart } from '@/ds/components/MetricsStackedBarChart';\nimport { Txt } from '@/ds/components/Txt';\nimport type { DragSelectionRange } from '@/ds/primitives/charts/drag-selection';\nimport { cn } from '@/lib/utils';\n\n/** A thin strip: about 34px of bars above the time axis, so the list keeps its vertical space. */\nconst CHART_HEIGHT = 64;\n/** A neutral surface tint, so the volume stays in the background and only errors carry color. */\nconst VOLUME_COLOR = 'var(--fill-strong)';\n/** Up to 90 bars share the width; the cap only matters for short custom windows with few bars. */\nconst MAX_BAR_SIZE = 40;\nconst ERRORS_SERIES = { dataKey: 'errors', label: 'Errors', color: CHART_COLORS.error };\n\nexport type ObservabilityHistogramProps = {\n  /** Accessible name of the chart region, e.g. \"Traces over time\". */\n  label: string;\n  /** Series and total label for non-error rows, e.g. \"Traces\". */\n  resourceLabel: string;\n  buckets: HistogramBucket[];\n  isLoading?: boolean;\n  isError?: boolean;\n  /** Previous buckets stay on screen, dimmed, while a new selection loads. */\n  isUpdating?: boolean;\n  /** Dragging across bars, or clicking one, reports the first and last selected bar; turn it into a window with `zoomWindow`. */\n  onZoom?: (range: DragSelectionRange) => void;\n};\n\n/**\n * A compact, full-width stacked bar strip of non-error and error counts over the list's time\n * range. Per-bucket values live in the tooltip; the totals are announced to assistive tech only.\n */\nexport function ObservabilityHistogram({\n  label,\n  resourceLabel,\n  buckets,\n  isLoading = false,\n  isError = false,\n  isUpdating = false,\n  onZoom,\n}: ObservabilityHistogramProps) {\n  const series = useMemo(\n    () => [{ dataKey: 'ok', label: resourceLabel, color: VOLUME_COLOR }, ERRORS_SERIES],\n    [resourceLabel],\n  );\n  let ok = 0;\n  let errors = 0;\n  for (const bucket of buckets) {\n    ok += bucket.ok;\n    errors += bucket.errors;\n  }\n\n  return (\n    <section aria-label={label} aria-busy={isLoading || isUpdating} className=\"shrink-0\">\n      {!isError && !isLoading && (\n        <span className=\"sr-only\">\n          {formatCount(ok + errors)} {resourceLabel.toLowerCase()} · {formatCount(errors)} errors\n        </span>\n      )}\n      {isError ? (\n        <div className=\"flex items-center justify-center\" style={{ height: CHART_HEIGHT }}>\n          <Txt variant=\"caption\" tone=\"muted\">\n            Couldn't load the chart.\n          </Txt>\n        </div>\n      ) : (\n        <div className={cn('transition-opacity duration-200', isUpdating && 'opacity-50')}>\n          <MetricsStackedBarChart\n            data={buckets}\n            series={series}\n            height={CHART_HEIGHT}\n            showYAxis={false}\n            showLegend={false}\n            maxBarSize={MAX_BAR_SIZE}\n            valueFormatter={formatCount}\n            isLoading={isLoading}\n            onZoom={onZoom}\n            onBucketClick={onZoom ? (_row, index) => onZoom({ start: index, end: index }) : undefined}\n            {...BUCKET_AXIS}\n          />\n        </div>\n      )}\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,IAAM,eAAe;;AAErB,IAAM,eAAe;;AAErB,IAAM,eAAe;AACrB,IAAM,gBAAgB;CAAE,SAAS;CAAU,OAAO;CAAU,OAAOA,yCAAAA,aAAa;AAAM;;;;;AAoBtF,SAAgB,uBAAuB,EACrC,OACA,eACA,SACA,YAAY,OACZ,UAAU,OACV,aAAa,OACb,UAC8B;CAC9B,MAAM,UAAA,GAASC,MAAAA,QAAAA,OACP,CAAC;EAAE,SAAS;EAAM,OAAO;EAAe,OAAO;CAAa,GAAG,aAAa,GAClF,CAAC,aAAa,CAChB;CACA,IAAI,KAAK;CACT,IAAI,SAAS;CACb,KAAK,MAAM,UAAU,SAAS;EAC5B,MAAM,OAAO;EACb,UAAU,OAAO;CACnB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,WAAD;EAAS,cAAY;EAAO,aAAW,aAAa;EAAY,WAAU;EAA1E,UAAA,CACG,CAAC,WAAW,CAAC,aACZ,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;GAAM,WAAU;GAAhB,UAAA;IACGC,yCAAAA,YAAY,KAAK,MAAM;IAAE;IAAE,cAAc,YAAY;IAAE;IAAIA,yCAAAA,YAAY,MAAM;IAAE;GAC5E;EAEP,CAAA,GAAA,UACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GAAmC,OAAO,EAAE,QAAQ,aAAa;GAC9E,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;IAAK,SAAQ;IAAU,MAAK;IAAQ,UAAA;GAE/B,CAAA;EACF,CAAA,IAEL,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAWC,cAAAA,GAAG,mCAAmC,cAAc,YAAY;GAC9E,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,+BAAAA,wBAAD;IACE,MAAM;IACE;IACR,QAAQ;IACR,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,gBAAgBH,yCAAAA;IACL;IACH;IACR,eAAe,UAAU,MAAM,UAAU,OAAO;KAAE,OAAO;KAAO,KAAK;IAAM,CAAC,IAAI,KAAA;IAChF,GAAII,uCAAAA;GACL,CAAA;EACE,CAAA,CAEA;;AAEb"}
+{"version":3,"file":"observability-histogram.cjs.js","names":["CHART_COLORS","useMemo","formatCount","Txt","cn","MetricsStackedBarChart","BUCKET_AXIS"],"sources":["../../../../src/domains/observability/components/observability-histogram.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport type { HistogramBucket } from '../lib/histogram-buckets';\nimport { BUCKET_AXIS } from '@/domains/metrics/lib/chart-axis';\nimport { CHART_COLORS } from '@/domains/metrics/lib/chart-colors';\nimport { formatCount } from '@/domains/metrics/lib/chart-format';\nimport { MetricsStackedBarChart } from '@/ds/components/MetricsStackedBarChart';\nimport { Txt } from '@/ds/components/Txt';\nimport type { DragSelectionRange } from '@/ds/primitives/charts/drag-selection';\nimport { cn } from '@/lib/utils';\n\n/** A thin strip: about 34px of bars above the time axis, so the list keeps its vertical space. */\nconst CHART_HEIGHT = 64;\n/** A neutral surface tint, so the volume stays in the background and only errors carry color. */\nconst VOLUME_COLOR = 'var(--fill-strong)';\n/** Up to 90 bars share the width; the cap only matters for short custom windows with few bars. */\nconst MAX_BAR_SIZE = 40;\nconst ERRORS_SERIES = { dataKey: 'errors', label: 'Errors', color: CHART_COLORS.error };\n\nexport type ObservabilityHistogramProps = {\n  /** Accessible name of the chart region, e.g. \"Traces over time\". */\n  label: string;\n  /** Series and total label for non-error rows, e.g. \"Traces\". */\n  resourceLabel: string;\n  buckets: HistogramBucket[];\n  isLoading?: boolean;\n  isError?: boolean;\n  /** Previous buckets stay on screen, dimmed, while a new selection loads. */\n  isUpdating?: boolean;\n  /** Dragging across bars, or clicking one, reports the first and last selected bar; turn it into a window with `zoomWindow`. */\n  onZoom?: (range: DragSelectionRange) => void;\n};\n\n/**\n * A compact, full-width stacked bar strip of non-error and error counts over the list's time\n * range. Per-bucket values live in the tooltip; the totals are announced to assistive tech only.\n */\nexport function ObservabilityHistogram({\n  label,\n  resourceLabel,\n  buckets,\n  isLoading = false,\n  isError = false,\n  isUpdating = false,\n  onZoom,\n}: ObservabilityHistogramProps) {\n  const series = useMemo(\n    () => [{ dataKey: 'ok', label: resourceLabel, color: VOLUME_COLOR }, ERRORS_SERIES],\n    [resourceLabel],\n  );\n  let ok = 0;\n  let errors = 0;\n  for (const bucket of buckets) {\n    ok += bucket.ok;\n    errors += bucket.errors;\n  }\n\n  return (\n    <section aria-label={label} aria-busy={isLoading || isUpdating} className=\"shrink-0\">\n      {!isError && !isLoading && (\n        <span className=\"sr-only\">\n          {formatCount(ok + errors)} {resourceLabel.toLowerCase()}, {formatCount(errors)} errors\n        </span>\n      )}\n      {isError ? (\n        <div className=\"flex items-center justify-center\" style={{ height: CHART_HEIGHT }}>\n          <Txt variant=\"caption\" tone=\"muted\">\n            Couldn't load the chart.\n          </Txt>\n        </div>\n      ) : (\n        <div className={cn('transition-opacity duration-200', isUpdating && 'opacity-50')}>\n          <MetricsStackedBarChart\n            data={buckets}\n            series={series}\n            height={CHART_HEIGHT}\n            showYAxis={false}\n            showLegend={false}\n            maxBarSize={MAX_BAR_SIZE}\n            valueFormatter={formatCount}\n            isLoading={isLoading}\n            onZoom={onZoom}\n            onBucketClick={onZoom ? (_row, index) => onZoom({ start: index, end: index }) : undefined}\n            {...BUCKET_AXIS}\n          />\n        </div>\n      )}\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,IAAM,eAAe;;AAErB,IAAM,eAAe;;AAErB,IAAM,eAAe;AACrB,IAAM,gBAAgB;CAAE,SAAS;CAAU,OAAO;CAAU,OAAOA,yCAAAA,aAAa;AAAM;;;;;AAoBtF,SAAgB,uBAAuB,EACrC,OACA,eACA,SACA,YAAY,OACZ,UAAU,OACV,aAAa,OACb,UAC8B;CAC9B,MAAM,UAAA,GAASC,MAAAA,QAAAA,OACP,CAAC;EAAE,SAAS;EAAM,OAAO;EAAe,OAAO;CAAa,GAAG,aAAa,GAClF,CAAC,aAAa,CAChB;CACA,IAAI,KAAK;CACT,IAAI,SAAS;CACb,KAAK,MAAM,UAAU,SAAS;EAC5B,MAAM,OAAO;EACb,UAAU,OAAO;CACnB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,WAAD;EAAS,cAAY;EAAO,aAAW,aAAa;EAAY,WAAU;EAA1E,UAAA,CACG,CAAC,WAAW,CAAC,aACZ,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;GAAM,WAAU;GAAhB,UAAA;IACGC,yCAAAA,YAAY,KAAK,MAAM;IAAE;IAAE,cAAc,YAAY;IAAE;IAAGA,yCAAAA,YAAY,MAAM;IAAE;GAC3E;EAEP,CAAA,GAAA,UACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GAAmC,OAAO,EAAE,QAAQ,aAAa;GAC9E,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;IAAK,SAAQ;IAAU,MAAK;IAAQ,UAAA;GAE/B,CAAA;EACF,CAAA,IAEL,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAWC,cAAAA,GAAG,mCAAmC,cAAc,YAAY;GAC9E,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,+BAAAA,wBAAD;IACE,MAAM;IACE;IACR,QAAQ;IACR,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,gBAAgBH,yCAAAA;IACL;IACH;IACR,eAAe,UAAU,MAAM,UAAU,OAAO;KAAE,OAAO;KAAO,KAAK;IAAM,CAAC,IAAI,KAAA;IAChF,GAAII,uCAAAA;GACL,CAAA;EACE,CAAA,CAEA;;AAEb"}

package/dist/domains/observability/components/observability-histogram.es.js

@@ -1,9 +1,9 @@
-import { t as cn } from "../../../utils-DQx8TpNT.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { formatCount } from "../../metrics/lib/chart-format.es.js";
 import { BUCKET_AXIS } from "../../metrics/lib/chart-axis.es.js";
 import { CHART_COLORS } from "../../metrics/lib/chart-colors.es.js";
-import { t as MetricsStackedBarChart } from "../../../MetricsStackedBarChart-D2QyS4-z.js";
+import { formatCount } from "../../metrics/lib/chart-format.es.js";
+import { t as MetricsStackedBarChart } from "../../../MetricsStackedBarChart-Bmk0OjYp.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/observability/components/observability-histogram.tsx
@@ -44,7 +44,7 @@ function ObservabilityHistogram({ label, resourceLabel, buckets, isLoading = fal
 				formatCount(ok + errors),
 				" ",
 				resourceLabel.toLowerCase(),
-				" · ",
+				", ",
 				formatCount(errors),
 				" errors"
 			]

package/dist/domains/observability/components/observability-histogram.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"observability-histogram.es.js","names":[],"sources":["../../../../src/domains/observability/components/observability-histogram.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport type { HistogramBucket } from '../lib/histogram-buckets';\nimport { BUCKET_AXIS } from '@/domains/metrics/lib/chart-axis';\nimport { CHART_COLORS } from '@/domains/metrics/lib/chart-colors';\nimport { formatCount } from '@/domains/metrics/lib/chart-format';\nimport { MetricsStackedBarChart } from '@/ds/components/MetricsStackedBarChart';\nimport { Txt } from '@/ds/components/Txt';\nimport type { DragSelectionRange } from '@/ds/primitives/charts/drag-selection';\nimport { cn } from '@/lib/utils';\n\n/** A thin strip: about 34px of bars above the time axis, so the list keeps its vertical space. */\nconst CHART_HEIGHT = 64;\n/** A neutral surface tint, so the volume stays in the background and only errors carry color. */\nconst VOLUME_COLOR = 'var(--fill-strong)';\n/** Up to 90 bars share the width; the cap only matters for short custom windows with few bars. */\nconst MAX_BAR_SIZE = 40;\nconst ERRORS_SERIES = { dataKey: 'errors', label: 'Errors', color: CHART_COLORS.error };\n\nexport type ObservabilityHistogramProps = {\n  /** Accessible name of the chart region, e.g. \"Traces over time\". */\n  label: string;\n  /** Series and total label for non-error rows, e.g. \"Traces\". */\n  resourceLabel: string;\n  buckets: HistogramBucket[];\n  isLoading?: boolean;\n  isError?: boolean;\n  /** Previous buckets stay on screen, dimmed, while a new selection loads. */\n  isUpdating?: boolean;\n  /** Dragging across bars, or clicking one, reports the first and last selected bar; turn it into a window with `zoomWindow`. */\n  onZoom?: (range: DragSelectionRange) => void;\n};\n\n/**\n * A compact, full-width stacked bar strip of non-error and error counts over the list's time\n * range. Per-bucket values live in the tooltip; the totals are announced to assistive tech only.\n */\nexport function ObservabilityHistogram({\n  label,\n  resourceLabel,\n  buckets,\n  isLoading = false,\n  isError = false,\n  isUpdating = false,\n  onZoom,\n}: ObservabilityHistogramProps) {\n  const series = useMemo(\n    () => [{ dataKey: 'ok', label: resourceLabel, color: VOLUME_COLOR }, ERRORS_SERIES],\n    [resourceLabel],\n  );\n  let ok = 0;\n  let errors = 0;\n  for (const bucket of buckets) {\n    ok += bucket.ok;\n    errors += bucket.errors;\n  }\n\n  return (\n    <section aria-label={label} aria-busy={isLoading || isUpdating} className=\"shrink-0\">\n      {!isError && !isLoading && (\n        <span className=\"sr-only\">\n          {formatCount(ok + errors)} {resourceLabel.toLowerCase()} · {formatCount(errors)} errors\n        </span>\n      )}\n      {isError ? (\n        <div className=\"flex items-center justify-center\" style={{ height: CHART_HEIGHT }}>\n          <Txt variant=\"caption\" tone=\"muted\">\n            Couldn't load the chart.\n          </Txt>\n        </div>\n      ) : (\n        <div className={cn('transition-opacity duration-200', isUpdating && 'opacity-50')}>\n          <MetricsStackedBarChart\n            data={buckets}\n            series={series}\n            height={CHART_HEIGHT}\n            showYAxis={false}\n            showLegend={false}\n            maxBarSize={MAX_BAR_SIZE}\n            valueFormatter={formatCount}\n            isLoading={isLoading}\n            onZoom={onZoom}\n            onBucketClick={onZoom ? (_row, index) => onZoom({ start: index, end: index }) : undefined}\n            {...BUCKET_AXIS}\n          />\n        </div>\n      )}\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,IAAM,eAAe;;AAErB,IAAM,eAAe;;AAErB,IAAM,eAAe;AACrB,IAAM,gBAAgB;CAAE,SAAS;CAAU,OAAO;CAAU,OAAO,aAAa;AAAM;;;;;AAoBtF,SAAgB,uBAAuB,EACrC,OACA,eACA,SACA,YAAY,OACZ,UAAU,OACV,aAAa,OACb,UAC8B;CAC9B,MAAM,SAAS,cACP,CAAC;EAAE,SAAS;EAAM,OAAO;EAAe,OAAO;CAAa,GAAG,aAAa,GAClF,CAAC,aAAa,CAChB;CACA,IAAI,KAAK;CACT,IAAI,SAAS;CACb,KAAK,MAAM,UAAU,SAAS;EAC5B,MAAM,OAAO;EACb,UAAU,OAAO;CACnB;CAEA,OACE,qBAAC,WAAD;EAAS,cAAY;EAAO,aAAW,aAAa;EAAY,WAAU;EAA1E,UAAA,CACG,CAAC,WAAW,CAAC,aACZ,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA;IACG,YAAY,KAAK,MAAM;IAAE;IAAE,cAAc,YAAY;IAAE;IAAI,YAAY,MAAM;IAAE;GAC5E;EAEP,CAAA,GAAA,UACC,oBAAC,OAAD;GAAK,WAAU;GAAmC,OAAO,EAAE,QAAQ,aAAa;GAC9E,UAAA,oBAAC,KAAD;IAAK,SAAQ;IAAU,MAAK;IAAQ,UAAA;GAE/B,CAAA;EACF,CAAA,IAEL,oBAAC,OAAD;GAAK,WAAW,GAAG,mCAAmC,cAAc,YAAY;GAC9E,UAAA,oBAAC,wBAAD;IACE,MAAM;IACE;IACR,QAAQ;IACR,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,gBAAgB;IACL;IACH;IACR,eAAe,UAAU,MAAM,UAAU,OAAO;KAAE,OAAO;KAAO,KAAK;IAAM,CAAC,IAAI,KAAA;IAChF,GAAI;GACL,CAAA;EACE,CAAA,CAEA;;AAEb"}
+{"version":3,"file":"observability-histogram.es.js","names":[],"sources":["../../../../src/domains/observability/components/observability-histogram.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport type { HistogramBucket } from '../lib/histogram-buckets';\nimport { BUCKET_AXIS } from '@/domains/metrics/lib/chart-axis';\nimport { CHART_COLORS } from '@/domains/metrics/lib/chart-colors';\nimport { formatCount } from '@/domains/metrics/lib/chart-format';\nimport { MetricsStackedBarChart } from '@/ds/components/MetricsStackedBarChart';\nimport { Txt } from '@/ds/components/Txt';\nimport type { DragSelectionRange } from '@/ds/primitives/charts/drag-selection';\nimport { cn } from '@/lib/utils';\n\n/** A thin strip: about 34px of bars above the time axis, so the list keeps its vertical space. */\nconst CHART_HEIGHT = 64;\n/** A neutral surface tint, so the volume stays in the background and only errors carry color. */\nconst VOLUME_COLOR = 'var(--fill-strong)';\n/** Up to 90 bars share the width; the cap only matters for short custom windows with few bars. */\nconst MAX_BAR_SIZE = 40;\nconst ERRORS_SERIES = { dataKey: 'errors', label: 'Errors', color: CHART_COLORS.error };\n\nexport type ObservabilityHistogramProps = {\n  /** Accessible name of the chart region, e.g. \"Traces over time\". */\n  label: string;\n  /** Series and total label for non-error rows, e.g. \"Traces\". */\n  resourceLabel: string;\n  buckets: HistogramBucket[];\n  isLoading?: boolean;\n  isError?: boolean;\n  /** Previous buckets stay on screen, dimmed, while a new selection loads. */\n  isUpdating?: boolean;\n  /** Dragging across bars, or clicking one, reports the first and last selected bar; turn it into a window with `zoomWindow`. */\n  onZoom?: (range: DragSelectionRange) => void;\n};\n\n/**\n * A compact, full-width stacked bar strip of non-error and error counts over the list's time\n * range. Per-bucket values live in the tooltip; the totals are announced to assistive tech only.\n */\nexport function ObservabilityHistogram({\n  label,\n  resourceLabel,\n  buckets,\n  isLoading = false,\n  isError = false,\n  isUpdating = false,\n  onZoom,\n}: ObservabilityHistogramProps) {\n  const series = useMemo(\n    () => [{ dataKey: 'ok', label: resourceLabel, color: VOLUME_COLOR }, ERRORS_SERIES],\n    [resourceLabel],\n  );\n  let ok = 0;\n  let errors = 0;\n  for (const bucket of buckets) {\n    ok += bucket.ok;\n    errors += bucket.errors;\n  }\n\n  return (\n    <section aria-label={label} aria-busy={isLoading || isUpdating} className=\"shrink-0\">\n      {!isError && !isLoading && (\n        <span className=\"sr-only\">\n          {formatCount(ok + errors)} {resourceLabel.toLowerCase()}, {formatCount(errors)} errors\n        </span>\n      )}\n      {isError ? (\n        <div className=\"flex items-center justify-center\" style={{ height: CHART_HEIGHT }}>\n          <Txt variant=\"caption\" tone=\"muted\">\n            Couldn't load the chart.\n          </Txt>\n        </div>\n      ) : (\n        <div className={cn('transition-opacity duration-200', isUpdating && 'opacity-50')}>\n          <MetricsStackedBarChart\n            data={buckets}\n            series={series}\n            height={CHART_HEIGHT}\n            showYAxis={false}\n            showLegend={false}\n            maxBarSize={MAX_BAR_SIZE}\n            valueFormatter={formatCount}\n            isLoading={isLoading}\n            onZoom={onZoom}\n            onBucketClick={onZoom ? (_row, index) => onZoom({ start: index, end: index }) : undefined}\n            {...BUCKET_AXIS}\n          />\n        </div>\n      )}\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,IAAM,eAAe;;AAErB,IAAM,eAAe;;AAErB,IAAM,eAAe;AACrB,IAAM,gBAAgB;CAAE,SAAS;CAAU,OAAO;CAAU,OAAO,aAAa;AAAM;;;;;AAoBtF,SAAgB,uBAAuB,EACrC,OACA,eACA,SACA,YAAY,OACZ,UAAU,OACV,aAAa,OACb,UAC8B;CAC9B,MAAM,SAAS,cACP,CAAC;EAAE,SAAS;EAAM,OAAO;EAAe,OAAO;CAAa,GAAG,aAAa,GAClF,CAAC,aAAa,CAChB;CACA,IAAI,KAAK;CACT,IAAI,SAAS;CACb,KAAK,MAAM,UAAU,SAAS;EAC5B,MAAM,OAAO;EACb,UAAU,OAAO;CACnB;CAEA,OACE,qBAAC,WAAD;EAAS,cAAY;EAAO,aAAW,aAAa;EAAY,WAAU;EAA1E,UAAA,CACG,CAAC,WAAW,CAAC,aACZ,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA;IACG,YAAY,KAAK,MAAM;IAAE;IAAE,cAAc,YAAY;IAAE;IAAG,YAAY,MAAM;IAAE;GAC3E;EAEP,CAAA,GAAA,UACC,oBAAC,OAAD;GAAK,WAAU;GAAmC,OAAO,EAAE,QAAQ,aAAa;GAC9E,UAAA,oBAAC,KAAD;IAAK,SAAQ;IAAU,MAAK;IAAQ,UAAA;GAE/B,CAAA;EACF,CAAA,IAEL,oBAAC,OAAD;GAAK,WAAW,GAAG,mCAAmC,cAAc,YAAY;GAC9E,UAAA,oBAAC,wBAAD;IACE,MAAM;IACE;IACR,QAAQ;IACR,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,gBAAgB;IACL;IACH;IACR,eAAe,UAAU,MAAM,UAAU,OAAO;KAAE,OAAO;KAAO,KAAK;IAAM,CAAC,IAAI,KAAA;IAChF,GAAI;GACL,CAAA;EACE,CAAA,CAEA;;AAEb"}

package/dist/domains/observability/components/observability-page-layout.cjs.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_observability_hooks_use_observability_views = require("../hooks/use-observability-views.cjs.js");
 const require_domains_observability_saved_views_saved_views_source = require("../saved-views/saved-views-source.cjs.js");
 const require_domains_observability_components_observability_header_slot = require("./observability-header-slot.cjs.js");
-const require_domains_observability_hooks_use_observability_views = require("../hooks/use-observability-views.cjs.js");
 const require_domains_traces_components_traces_spans_switch = require("../../traces/components/traces-spans-switch.cjs.js");
-const require_PageLayout = require("../../../PageLayout-DFRzcnkf.cjs");
+const require_PageLayout = require("../../../PageLayout-C0Fo3ZQC.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/observability/components/observability-page-layout.tsx

package/dist/domains/observability/components/observability-page-layout.es.js

@@ -1,8 +1,8 @@
+import { useObservabilityViews } from "../hooks/use-observability-views.es.js";
 import { useSavedViewsSource } from "../saved-views/saved-views-source.es.js";
 import { ObservabilityHeaderSlotContext } from "./observability-header-slot.es.js";
-import { useObservabilityViews } from "../hooks/use-observability-views.es.js";
 import { TracesSpansSwitch, TracesSpansSwitchSkeleton } from "../../traces/components/traces-spans-switch.es.js";
-import { t as PageLayout } from "../../../PageLayout-CyM_Op3c.js";
+import { t as PageLayout } from "../../../PageLayout-DLll7ZwB.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/observability/components/observability-page-layout.tsx

package/dist/domains/observability/hooks/use-observability-list-filters.cjs.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../../trace-filters-a0N9bf52.cjs");
-const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("../../traces/components/traces-explorer/traces-explorer-actions.cjs.js");
+const require_domains_observability_lib_zoom_memory = require("../lib/zoom-memory.cjs.js");
 const require_domains_observability_observability_list_url_state = require("../observability-list-url-state.cjs.js");
 const require_domains_observability_list_polling = require("../list-polling.cjs.js");
-const require_domains_observability_lib_zoom_memory = require("../lib/zoom-memory.cjs.js");
+const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("../../traces/components/traces-explorer/traces-explorer-actions.cjs.js");
+const require_trace_filters = require("../../../trace-filters-a0N9bf52.cjs");
 let react = require("react");
 // src/domains/observability/hooks/use-observability-list-filters.ts
 /**

package/dist/domains/observability/hooks/use-observability-list-filters.es.js

@@ -1,8 +1,8 @@
-import { ft as resolveTraceQueryTimeRange } from "../../../trace-filters-CaWkw779.js";
-import { resolveTracesDateWindow } from "../../traces/components/traces-explorer/traces-explorer-actions.es.js";
+import { rangeBeforeZoom, rememberZoom } from "../lib/zoom-memory.es.js";
 import { OBSERVABILITY_LIST_DEFAULT_DATE_PRESET, OBSERVABILITY_LIST_SORT_FIELDS, readObservabilityListDates, readObservabilityListFilters, readObservabilityListSort, writeObservabilityListDates, writeObservabilityListFilters, writeObservabilityListSort } from "../observability-list-url-state.es.js";
 import { recoveryRefetchInterval } from "../list-polling.es.js";
-import { rangeBeforeZoom, rememberZoom } from "../lib/zoom-memory.es.js";
+import { resolveTracesDateWindow } from "../../traces/components/traces-explorer/traces-explorer-actions.es.js";
+import { ft as resolveTraceQueryTimeRange } from "../../../trace-filters-CaWkw779.js";
 import { useLayoutEffect, useMemo, useRef, useState } from "react";
 // src/domains/observability/hooks/use-observability-list-filters.ts
 /**

package/dist/domains/observability/observability-list-url-state.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../trace-filters-a0N9bf52.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("../traces/components/traces-explorer/traces-explorer-actions.cjs.js");
+const require_trace_filters = require("../../trace-filters-a0N9bf52.cjs");
 const require_sort_use_url_sort = require("../../sort/use-url-sort.cjs.js");
 // src/domains/observability/observability-list-url-state.ts
 /**

package/dist/domains/observability/observability-list-url-state.es.js

@@ -1,5 +1,5 @@
-import { $ as traceFilterOperatorParam, B as getTraceFilterGroups, X as serializeTraceFilterGroup, a as TRACE_DATE_FROM_PARAM, c as TRACE_DATE_TO_PARAM, d as TRACE_FILTER_GROUP_PARAM, dt as isTraceFilterOperatorId, et as traceFilterTokenOperator, o as TRACE_DATE_PRESET_PARAM, s as TRACE_DATE_PRESET_VALUES } from "../../trace-filters-CaWkw779.js";
 import { DEFAULT_TRACES_FILTERS } from "../traces/components/traces-explorer/traces-explorer-actions.es.js";
+import { $ as traceFilterOperatorParam, B as getTraceFilterGroups, X as serializeTraceFilterGroup, a as TRACE_DATE_FROM_PARAM, c as TRACE_DATE_TO_PARAM, d as TRACE_FILTER_GROUP_PARAM, dt as isTraceFilterOperatorId, et as traceFilterTokenOperator, o as TRACE_DATE_PRESET_PARAM, s as TRACE_DATE_PRESET_VALUES } from "../../trace-filters-CaWkw779.js";
 import { SORT_KEY_PARAM, readUrlSort } from "../../sort/use-url-sort.es.js";
 // src/domains/observability/observability-list-url-state.ts
 /**

package/dist/domains/observability/saved-view-state.cjs.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../trace-filters-a0N9bf52.cjs");
-const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("../traces/components/traces-explorer/traces-explorer-actions.cjs.js");
-const require_sort_use_url_sort = require("../../sort/use-url-sort.cjs.js");
 const require_domains_observability_observability_list_url_state = require("./observability-list-url-state.cjs.js");
 const require_domains_logs_log_filters = require("../logs/log-filters.cjs.js");
 const require_domains_spans_span_filters = require("../spans/span-filters.cjs.js");
 const require_domains_threads_thread_filters = require("../threads/thread-filters.cjs.js");
+const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("../traces/components/traces-explorer/traces-explorer-actions.cjs.js");
+const require_trace_filters = require("../../trace-filters-a0N9bf52.cjs");
 const require_domains_traces_trace_list_columns = require("../traces/trace-list-columns.cjs.js");
+const require_sort_use_url_sort = require("../../sort/use-url-sort.cjs.js");
 // src/domains/observability/saved-view-state.ts
 var PAGE_PARAM = "page";
 var SAVED_VIEW_CUSTOM_COLUMN_PREFIX = "custom.";

package/dist/domains/observability/saved-view-state.es.js

@@ -1,11 +1,11 @@
-import { A as TRACE_TAGS_OPERATORS, B as getTraceFilterGroups, D as TRACE_STRING_OPERATORS, I as createTraceFilterBarFields, M as applyTracePropertyFilterTokens, O as TRACE_SYNTHETIC_FILTER_FIELD_IDS, V as getTracePropertyFilterTokens, W as isTraceMetadataFieldId, a as TRACE_DATE_FROM_PARAM, b as TRACE_PROPERTY_FILTER_FIELD_IDS, c as TRACE_DATE_TO_PARAM, dt as isTraceFilterOperatorId, h as TRACE_LIST_MODE_VALUES, m as TRACE_LIST_MODE_PARAM, o as TRACE_DATE_PRESET_PARAM, s as TRACE_DATE_PRESET_VALUES, ut as isTraceFilterGroup } from "../../trace-filters-CaWkw779.js";
-import { DEFAULT_TRACES_FILTERS, TRACES_SORT_FIELDS } from "../traces/components/traces-explorer/traces-explorer-actions.es.js";
-import { SORT_KEY_PARAM, readUrlSort } from "../../sort/use-url-sort.es.js";
 import { OBSERVABILITY_LIST_DEFAULT_DATE_PRESET, OBSERVABILITY_LIST_SORT_FIELDS, SPAN_LIST_SORT_FIELDS, readObservabilityListFilters, writeObservabilityListFilters } from "./observability-list-url-state.es.js";
 import { DEFAULT_LOGS_DATE_PRESET, LOGS_DATE_PRESET_VALUES, LOGS_PROPERTY_FILTER_FIELD_IDS, LOGS_ROOT_ENTITY_TYPE_PARAM, LOGS_SORT_FIELDS, applyLogsPropertyFilterTokens, getLogsPropertyFilterTokens } from "../logs/log-filters.es.js";
 import { SPAN_CONTEXT_FILTER_FIELD_IDS, SPAN_CORE_FILTER_FIELD_IDS, createSpanFilterBarFields } from "../spans/span-filters.es.js";
 import { THREAD_FILTER_FIELD_IDS, createThreadFilterBarFields } from "../threads/thread-filters.es.js";
+import { DEFAULT_TRACES_FILTERS, TRACES_SORT_FIELDS } from "../traces/components/traces-explorer/traces-explorer-actions.es.js";
+import { A as TRACE_TAGS_OPERATORS, B as getTraceFilterGroups, D as TRACE_STRING_OPERATORS, I as createTraceFilterBarFields, M as applyTracePropertyFilterTokens, O as TRACE_SYNTHETIC_FILTER_FIELD_IDS, V as getTracePropertyFilterTokens, W as isTraceMetadataFieldId, a as TRACE_DATE_FROM_PARAM, b as TRACE_PROPERTY_FILTER_FIELD_IDS, c as TRACE_DATE_TO_PARAM, dt as isTraceFilterOperatorId, h as TRACE_LIST_MODE_VALUES, m as TRACE_LIST_MODE_PARAM, o as TRACE_DATE_PRESET_PARAM, s as TRACE_DATE_PRESET_VALUES, ut as isTraceFilterGroup } from "../../trace-filters-CaWkw779.js";
 import { TRACE_COLUMN_CATALOGS, TRACE_CUSTOM_COLUMN_FIELDS, TRACE_USAGE_COLUMNS, isTraceCustomColumn } from "../traces/trace-list-columns.es.js";
+import { SORT_KEY_PARAM, readUrlSort } from "../../sort/use-url-sort.es.js";
 // src/domains/observability/saved-view-state.ts
 var PAGE_PARAM = "page";
 var SAVED_VIEW_CUSTOM_COLUMN_PREFIX = "custom.";

package/dist/domains/observability/saved-views/observability-saved-views.cjs.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_observability_saved_views = require("../../../observability-saved-views-Daizz4tU.cjs");
+const require_observability_saved_views = require("../../../observability-saved-views-UM8HBJ6J.cjs");
 exports.ObservabilitySavedViews = require_observability_saved_views.ObservabilitySavedViews;

package/dist/domains/observability/saved-views/observability-saved-views.es.js

@@ -1 +1 @@
-export { t as ObservabilitySavedViews } from "../../../observability-saved-views-CjKTEp1V.js";
+export { t as ObservabilitySavedViews } from "../../../observability-saved-views-lLWk1w0g.js";

package/dist/domains/observability/saved-views/use-hosted-saved-views.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_observability_saved_views_saved_views_source = require("./saved-views-source.cjs.js");
 const require_domains_observability_saved_view_state = require("../saved-view-state.cjs.js");
+const require_domains_observability_saved_views_saved_views_source = require("./saved-views-source.cjs.js");
 const require_saved_view_schema = require("../../../saved-view-schema-DRJYELfK.cjs");
 let react = require("react");
 let _tanstack_react_query = require("@tanstack/react-query");

package/dist/domains/observability/saved-views/use-hosted-saved-views.es.js

@@ -1,5 +1,5 @@
-import { SavedViewNameTakenError, savedViewsQueryKey } from "./saved-views-source.es.js";
 import { applySavedView, savedViewFromSearchParams } from "../saved-view-state.es.js";
+import { SavedViewNameTakenError, savedViewsQueryKey } from "./saved-views-source.es.js";
 import { n as savedViewNameSchema } from "../../../saved-view-schema-eJXlRRel.js";
 import { useRef, useState } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";

package/dist/domains/observability/saved-views.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_observability_saved_views_saved_views_source = require("./saved-views/saved-views-source.cjs.js");
-const require_observability_saved_views = require("../../observability-saved-views-Daizz4tU.cjs");
+const require_observability_saved_views = require("../../observability-saved-views-UM8HBJ6J.cjs");
 const require_domains_observability_saved_views_saved_views_provider = require("./saved-views/saved-views-provider.cjs.js");
+const require_domains_observability_saved_views_saved_views_source = require("./saved-views/saved-views-source.cjs.js");
 exports.ObservabilitySavedViews = require_observability_saved_views.ObservabilitySavedViews;
 exports.SavedViewNameTakenError = require_domains_observability_saved_views_saved_views_source.SavedViewNameTakenError;
 exports.SavedViewsProvider = require_domains_observability_saved_views_saved_views_provider.SavedViewsProvider;

package/dist/domains/observability/saved-views.es.js

@@ -1,4 +1,4 @@
-import { SavedViewNameTakenError } from "./saved-views/saved-views-source.es.js";
-import { t as ObservabilitySavedViews } from "../../observability-saved-views-CjKTEp1V.js";
+import { t as ObservabilitySavedViews } from "../../observability-saved-views-lLWk1w0g.js";
 import { SavedViewsProvider } from "./saved-views/saved-views-provider.es.js";
+import { SavedViewNameTakenError } from "./saved-views/saved-views-source.es.js";
 export { ObservabilitySavedViews, SavedViewNameTakenError, SavedViewsProvider };

package/dist/domains/observability.cjs.js

@@ -1,17 +1,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_observability_saved_views_saved_views_source = require("./observability/saved-views/saved-views-source.cjs.js");
-const require_observability_saved_views = require("../observability-saved-views-Daizz4tU.cjs");
-const require_domains_observability_saved_views_saved_views_provider = require("./observability/saved-views/saved-views-provider.cjs.js");
+const require_domains_observability_components_observability_page_layout = require("./observability/components/observability-page-layout.cjs.js");
 const require_domains_observability_components_observability_capability_gate = require("./observability/components/observability-capability-gate.cjs.js");
 const require_domains_observability_components_observability_list_body = require("./observability/components/observability-list-body.cjs.js");
 const require_domains_observability_hooks_use_observability_views = require("./observability/hooks/use-observability-views.cjs.js");
-const require_domains_observability_components_observability_page_layout = require("./observability/components/observability-page-layout.cjs.js");
-const require_domains_observability_list_polling = require("./observability/list-polling.cjs.js");
-const require_domains_observability_hooks_use_list_head_poll = require("./observability/hooks/use-list-head-poll.cjs.js");
 const require_domains_observability_hooks_use_observability_list_filters = require("./observability/hooks/use-observability-list-filters.cjs.js");
+const require_domains_observability_hooks_use_list_head_poll = require("./observability/hooks/use-list-head-poll.cjs.js");
 const require_domains_observability_merge_head_rows = require("./observability/merge-head-rows.cjs.js");
+const require_domains_observability_list_polling = require("./observability/list-polling.cjs.js");
 const require_domains_observability_observability_crumbs = require("./observability/observability-crumbs.cjs.js");
 const require_domains_observability_observability_selection_params = require("./observability/observability-selection-params.cjs.js");
+const require_observability_saved_views = require("../observability-saved-views-UM8HBJ6J.cjs");
+const require_domains_observability_saved_views_saved_views_source = require("./observability/saved-views/saved-views-source.cjs.js");
+const require_domains_observability_saved_views_saved_views_provider = require("./observability/saved-views/saved-views-provider.cjs.js");
 exports.OBSERVABILITY_LIST_HEAD_LIMIT = require_domains_observability_list_polling.OBSERVABILITY_LIST_HEAD_LIMIT;
 exports.OBSERVABILITY_LIST_HEAD_MAX_ROWS = require_domains_observability_list_polling.OBSERVABILITY_LIST_HEAD_MAX_ROWS;
 exports.OBSERVABILITY_LIST_HORIZON_MS = require_domains_observability_list_polling.OBSERVABILITY_LIST_HORIZON_MS;

package/dist/domains/observability.es.js

@@ -1,14 +1,14 @@
-import { SavedViewNameTakenError } from "./observability/saved-views/saved-views-source.es.js";
-import { t as ObservabilitySavedViews } from "../observability-saved-views-CjKTEp1V.js";
-import { SavedViewsProvider } from "./observability/saved-views/saved-views-provider.es.js";
+import { ObservabilityPageLayout } from "./observability/components/observability-page-layout.es.js";
 import { ObservabilityCapabilityGate } from "./observability/components/observability-capability-gate.es.js";
 import { ObservabilityListBody } from "./observability/components/observability-list-body.es.js";
 import { useObservabilityViews } from "./observability/hooks/use-observability-views.es.js";
-import { ObservabilityPageLayout } from "./observability/components/observability-page-layout.es.js";
-import { OBSERVABILITY_LIST_HEAD_LIMIT, OBSERVABILITY_LIST_HEAD_MAX_ROWS, OBSERVABILITY_LIST_HORIZON_MS, OBSERVABILITY_LIST_POLL_INTERVAL_MS, OBSERVABILITY_LIST_REFETCH_INTERVAL_MS, fixedWindowRefetchInterval, isRejectedListRequest, recoveryRefetchInterval } from "./observability/list-polling.es.js";
-import { listHeadQueryKey, useListAnchor, useListHeadPoll } from "./observability/hooks/use-list-head-poll.es.js";
 import { observabilityListQueryOptions, useObservabilityListFilters } from "./observability/hooks/use-observability-list-filters.es.js";
+import { listHeadQueryKey, useListAnchor, useListHeadPoll } from "./observability/hooks/use-list-head-poll.es.js";
 import { mergeHeadRows } from "./observability/merge-head-rows.es.js";
+import { OBSERVABILITY_LIST_HEAD_LIMIT, OBSERVABILITY_LIST_HEAD_MAX_ROWS, OBSERVABILITY_LIST_HORIZON_MS, OBSERVABILITY_LIST_POLL_INTERVAL_MS, OBSERVABILITY_LIST_REFETCH_INTERVAL_MS, fixedWindowRefetchInterval, isRejectedListRequest, recoveryRefetchInterval } from "./observability/list-polling.es.js";
 import { OBSERVABILITY_VIEW_LABELS, observabilityViewCrumbLabel } from "./observability/observability-crumbs.es.js";
 import { readSpanSelection, readThreadSelection, spanTraceSearch, withSpanSelection, withThreadSelection } from "./observability/observability-selection-params.es.js";
+import { t as ObservabilitySavedViews } from "../observability-saved-views-lLWk1w0g.js";
+import { SavedViewNameTakenError } from "./observability/saved-views/saved-views-source.es.js";
+import { SavedViewsProvider } from "./observability/saved-views/saved-views-provider.es.js";
 export { OBSERVABILITY_LIST_HEAD_LIMIT, OBSERVABILITY_LIST_HEAD_MAX_ROWS, OBSERVABILITY_LIST_HORIZON_MS, OBSERVABILITY_LIST_POLL_INTERVAL_MS, OBSERVABILITY_LIST_REFETCH_INTERVAL_MS, OBSERVABILITY_VIEW_LABELS, ObservabilityCapabilityGate, ObservabilityListBody, ObservabilityPageLayout, ObservabilitySavedViews, SavedViewNameTakenError, SavedViewsProvider, fixedWindowRefetchInterval, isRejectedListRequest, listHeadQueryKey, mergeHeadRows, observabilityListQueryOptions, observabilityViewCrumbLabel, readSpanSelection, readThreadSelection, recoveryRefetchInterval, spanTraceSearch, useListAnchor, useListHeadPoll, useObservabilityListFilters, useObservabilityViews, withSpanSelection, withThreadSelection };

package/dist/domains/review/components/review-status-badge.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Badge = require("../../../Badge-DZ6r6bcw.cjs");
+const require_Badge = require("../../../Badge-DqaMg7Gy.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/review/components/review-status-badge.tsx
 function reviewStatusBadgeVariant(status) {

package/dist/domains/review/components/review-status-badge.es.js

@@ -1,4 +1,4 @@
-import { t as Badge } from "../../../Badge-aVu5iGAF.js";
+import { t as Badge } from "../../../Badge-C7NnqmMx.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/review/components/review-status-badge.tsx
 function reviewStatusBadgeVariant(status) {

package/dist/domains/scores/components/score-as-item-dialog.cjs.js

@@ -1,7 +1,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils_id = require("../../../utils/id.cjs.js");
 const require_domains_datasets_components_save_as_dataset_item_dialog = require("../../datasets/components/save-as-dataset-item-dialog.cjs.js");
+const require_utils_id = require("../../../utils/id.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_core_utils_safe_stringify = require("@mastra/core/utils/safe-stringify");
 // src/domains/scores/components/score-as-item-dialog.tsx

package/dist/domains/scores/components/score-as-item-dialog.es.js

@@ -1,6 +1,6 @@
 "use client";
-import { getShortId } from "../../../utils/id.es.js";
 import { SaveAsDatasetItemDialog } from "../../datasets/components/save-as-dataset-item-dialog.es.js";
+import { getShortId } from "../../../utils/id.es.js";
 import { jsx } from "react/jsx-runtime";
 import { safeStringify } from "@mastra/core/utils/safe-stringify";
 // src/domains/scores/components/score-as-item-dialog.tsx

package/dist/domains/scores/components/score-data-panel.cjs.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_scores_components_score_as_item_dialog = require("./score-as-item-dialog.cjs.js");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
+const require_DataKeysAndValues = require("../../../DataKeysAndValues-BbKeVxrQ.cjs");
+const require_DataPanel = require("../../../DataPanel-BRRAvWYQ.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
 const require_lib_framework = require("../../../lib/framework.cjs.js");
 const require_utils = require("../../../utils-uDc1ofX1.cjs");
 const require_utils_date_format = require("../../../utils/date-format.cjs.js");
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_DataPanel = require("../../../DataPanel-Coc9h35I.cjs");
-const require_DataKeysAndValues = require("../../../DataKeysAndValues-DsH6AbAo.cjs");
-const require_domains_scores_components_score_as_item_dialog = require("./score-as-item-dialog.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -34,7 +34,7 @@ function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }) {
 	const { Link, paths } = require_lib_framework.useLinkComponent();
 	const [datasetDialogOpen, setDatasetDialogOpen] = (0, react.useState)(false);
 	const isCodeBased = isCodeBasedScorer(score);
-	const naText = isCodeBased ? "N/A — code-based scorer does not use prompts" : "N/A — step not configured";
+	const naText = isCodeBased ? "Code-based scorer does not use prompts" : "Step not configured";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataPanel.DataPanel, {
 		open: !!score,
 		onClose,
@@ -97,7 +97,7 @@ function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }) {
 					as: "p",
 					variant: "body-sm",
 					className: "mt-2",
-					children: score.reason || (isCodeBased ? "N/A — code-based scorer does not generate a reason" : "N/A — step not configured")
+					children: score.reason || (isCodeBased ? "Code-based scorer does not generate a reason" : "Step not configured")
 				})]
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {